/*=======================================================
 CSS Document for  Bushman Tanks
=======================================================*/


@import url("dropdown.css");


/* 
--------------------------------------------------------------------------------------------------
GLOBAL LAYOUT  FORMATTING
--------------------------------------------------------------------------------------------------
*/


.clear:after {
	height: 0;
	visibility: hidden;
	content: '.';
	display: block;
	clear: both;
}

table, tr, td {
	font: normal normal 11px/15px "Verdana", Arial, Helvetica, sans-serif;
	color: #496052;
	vertical-align: top;
} /* define all standard tables */

*, body, p, tr, td, h1, h2, h3, ul, li { margin: 0; padding: 0; text-align: left; }

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
/* End hide from IE-mac */


/* 
--------------------------------------------------------------------------------------------------
MAIN BODY LAYOUT FORMATTING
--------------------------------------------------------------------------------------------------
*/


body {
	margin: 0;
	padding: 0;
	font: normal normal 11px/15px "Verdana", Arial, Helvetica, sans-serif; 
	color: #7F8E9D;
	background: #ffffff url('../images/core/bg.gif') left top repeat-x;
}

#container {
	width: 750px;
	margin: 0 auto;
	padding: 0 20px;
	background: #ffffff url('../images/core/headerbg.jpg') center top repeat-x;
	clear: both;
}

/* navigation menu */

#nav {
	width: 500px;
	height: 17px;
	position: relative;
	padding: 15px 0 15px 0;
	margin: 0;
	z-index: 100;
}/* more info in dropdown.css */

ul#subnav {
	list-style: none;
	padding: 0;
	margin-bottom: 20px;
}

ul#subnav li {
	font: bold 11px/15px "Verdana";
	display: block;
	border-bottom: 1px solid #ffffff;
}

ul#subnav a {
	background: #E1E5E9; /*#7D898F;*/
	width: 320px;
	height: 15px;
	padding: 5px;
	color: #5B6A72;
	display: block;
	text-decoration: none;
}

ul#subnav a:hover {
	background: /*#E1E5E9*/ #7D898F;
	color: #ffffff;
	text-decoration: none;
}

ul#subnav li.here {
	background: #7D898F;
	width: 320px;
	height: 15px;
	padding: 5px;
	color: #F4E093;
	display: block;
}

/*--new style subnav--*/

ul#subnav2 {
	list-style: none;
	padding: 0;
	margin-bottom: 20px;
}

ul#subnav2 li {
	font: bold 11px/15px "Tahoma";
	display: block;
	border-bottom: 1px solid #ffffff;
}

ul#subnav2 a {
	background: #E1E5E9; /*#7D898F;*/
	width: 180px;
	height: 15px;
	padding: 5px;
	color: #5B6A72;
	display: block;
	text-decoration: none;
}

ul#subnav2 a:hover {
	background: /*#E1E5E9*/ #7D898F;
	color: #ffffff;
	text-decoration: none;
}

ul#subnav2 li.here {
	background: #7D898F;
	width: 180px;
	height: 15px;
	padding: 5px;
	color: #F4E093;
	display: block;
}

/*--new style homenav--*/

ul#homenav {
	position: absolute;
	top:390px;
	margin-right: 405px;
	list-style: none;
	padding: 0;
	margin-bottom: 20px;
}

ul#homenav li {
	font: bold 15px "Tahoma";
	display: block;
	padding-left: 15px;
	border-bottom: 1px solid #E1E5E9;
}

ul#homenav a {
	background: #ffffff; /*#7D898F;*/
	width: 320px;
	height: 15px;
	padding: 5px;
	color: #5B6A72;
	display: block;
	text-decoration: none;
}

ul#homenav a:hover {
	background: /*#E1E5E9*/ #7D898F;
	color: #ffffff;
	text-decoration: none;
}

ul#homenav li.here {
	background: #7D898F;
	width: 180px;
	height: 15px;
	padding: 5px;
	color: #F4E093;
	display: block;
}


/* Top banner  */

div.banner {
	width: 750px;
	height: 220px;
}

div.banner#home {
	width: 750px;
	height: 220px;
	overflow: hidden;
	background: url('../images/core/banner-home.jpg') center top no-repeat;
}

div.banner#contact {
	background: url('../images/core/banner-contact.jpg') center top no-repeat;
}

div.banner#industrial {
	background: url('../images/core/banner-industrial.jpg') no-repeat 0 0;
}

div.banner#domestic {
	background: url('../images/core/banner-domestic.jpg') center top no-repeat;
}

div.banner#stock {
	background: url('../images/core/banner-stock.jpg') center top no-repeat;
}

div.banner#order {
	background: url('../images/core/banner-order.jpg') center top no-repeat;
}

#logo { float: left; }


/* Main contents (cascade) */

#inpage, #inpage2 {
	width: 750px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	clear: both;
}

#inpage #left-contents {
	width: 345px;
	height: auto;
	float: left;
}

#inpage #domestic-left {
	width: 200px;
	height: auto;
	float: left;
}

#inpage #domestic-right {
	float: right;
	width: 534px;
	height: auto;
	border-left: 1px solid #E8EBEF;
	padding-left: 14px;
}

div.address {
	padding: 20px;
	margin: 0;
}

#inpage #right-contents {
	float: right;
	width: 390px;
	height: auto;
	border-left: 1px solid #E8EBEF;
	padding-left: 14px;
}

div#gallery {
	width: 330px;
	height: auto;
	padding: 20px 0 20px 0;
}


/* Footer */

#footer {
	width: 750px;
	height: 100px;
	margin: 0 auto;
	margin-top: 20px;
	clear: both;
	background: #DFE3E6;
}

#footer .breadcrumb {
	width: 450px;
	height: 60px;
	float: left;
	padding: 20px 0 0 20px;
}

#footer .contactdetails {
	float: right;
	width: 250px;
	height: 60px;
	padding: 20px 20px 0 0;
}


/* 
--------------------------------------------------------------------------------------------------
INPAGE & INNERPAGE FORMATTING - Text | Paragraph
--------------------------------------------------------------------------------------------------
*/


p { 
	font: normal normal 11px/15px "Verdana";
	color: #7F8E9D;
	margin-bottom: 20px;
}

#inpage #left-contents p {
	margin-bottom: 20px;
}

#inpage #right-contents p {
	padding-right: 15px;
	margin-bottom: 20px;
	text-align: justify;
}

#footer .breadcrumb p {
	font: normal normal 10px/13px "Verdana";
	color: #7F8E9D;
	margin-bottom: 10px;
}

#footer .contactdetails p {
	font: normal normal 10px/13px "Verdana";
	color: #7F8E9D;
	margin: 0;
	text-align: right;
}

h1 { 
	font: normal bold 18px/20px "Arial";
	color: #5A6D80; 
	margin-bottom: 20px;
}

span.lighten { color: #81B4CE; }

span.shrink { font-size: 10px; color: #7F8E9D; }

h2 { 
	font: normal bold 15px/18px "Arial";
	color: #7F8E9D; 
	margin-bottom: 20px;
}

span.pushright { padding-left: 25px; }

ul.none { list-style:none; margin: 10px 0 20px 10px; }

ul.none li {
	font: normal normal 11px/15px "Verdana";
	color: #7F8E9D;
	margin-bottom: 2px;
}

ul.list { 
	list-style: square;
	margin: 10px 0 20px 30px;
}

ul.list li {
	font: normal normal 11px/15px "Verdana";
	color: #7F8E9D;
	margin-bottom: 2px;
	padding-right: 10px;
}

ol.list { 
	margin: 10px 0 20px 30px;
}

ol.list li {
	font: normal normal 11px/15px "Verdana";
	color: #7F8E9D;
	margin-bottom: 2px;
}


/* 
--------------------------------------------------------------------------------------------------
FLASH FORMATTING
--------------------------------------------------------------------------------------------------
*/


#flashlogo {
	width: 145px;
	height: 150px;
	float: left;
	border: none;
	text-align: center;
	background: url('../images/core/logo.jpg') no-repeat 0 0;
}

#flashtank {
	width: 345px;
	height: 185px;
	clear: both;
	z-index: 200;
	position: absolute;
	top:200px;
	margin-right: 405px;
	text-align: left;
	background: url('../images/core/tankpic.jpg') no-repeat 0 0;
}

#flashlogo p, #flashtank p {
	padding: 20px;
	font: normal 11px/15px "Verdana";
	color: #000000;
	text-align: center;
}

.swficon {
	border: none;
	margin: 20px;
	padding: 0;
}


/* 
--------------------------------------------------------------------------------------------------
ACCESSORIES + Extra Tabular Formatting
--------------------------------------------------------------------------------------------------
*/


div.caption {
	float: left;
	width: 130px;
	height: 82px;
	padding: 10px 0 0 5px;
	margin-right: 6px;
	background: #f5f5f5;
}

div.caption2 {
	float: right;
	width: 218px;
	height: 112px;
	padding: 25px 5px 0 5px;
	margin-right: 6px;
	background: #f5f5f5;
}

div.miniwrap { clear: both; width: 745px; padding-bottom: 15px; }

div.miniwrap2 { clear: both; width: 390px; padding-bottom: 15px; }

i { font-style: normal; color: #D19A40; font-weight: bold; }

b { font-weight: bold; color: #5A6D80; }

.imgright { float: right; padding-left: 15px; }

.imgleft { float: left; padding-right: 15px; }

.border { border-bottom: 1px dotted #d8dBdF; margin: 0 0 20px 0; }

.thumb { border: 3px solid #e8ebef; margin: 0; float: left; }
.picborder { border: 3px solid #e8ebef; margin: 0; }

td.thumbnail { width: 200px; border: 3px solid #e8ebef; margin: 0; text-align: center; }
td span.enlarge { text-align: center; }
h1.breakline { margin-bottom: 0; padding-bottom: 15px; border-bottom: 2px solid #e8e8e8; }

.nil { border: none; height: auto; }
.nil1 { border: none; width: 110px; }
.nil2 { border: none; width: 110px; }
.nil3 { width: 30px; height: 15px; padding: 0; text-align: center;  font-weight: bold; }
.nil4 { width: 80px; height: 15px; padding: 0; text-align: center;  font-weight: bold; }
.nil5 { width: 50px; height: 15px; padding: 0; text-align: center;  font-weight: bold; }

table.spacing { margin: 0 0 20px 0; }
table.spacing1 { margin: 20px 0 20px 0; border: 3px solid #e8ebef; }

td.gap { 
	background: #67798B; 
	padding: 3px 0 15px 10px; 
	border-top: 15px solid #ffffff; 
	border-bottom: 10px solid #ffffff; 
	font-weight: bold; color: #FFFFFF;
}

p.collaspe { margin-bottom: 0;  text-align: center; clear: both;}

div.heading { 
	background: #67798B;
	text-align: right; 
	font-weight: bold; 
	color: #F4E093;
	padding: 5px 10px 5px 30px; 
	border-left: 344px solid #C6E0F0;
}

td.heading { 
	text-align: right; 
	font-weight: bold; 
	color: #F4E093;
	padding: 5px 10px 5px 0; 
	border-left: 250px solid #C6E0F0;
}


/* 
--------------------------------------------------------------------------------------------------
FORM & LINKS
--------------------------------------------------------------------------------------------------
*/


div.form {
	float: left;
	clear: both;
	width: 370px;
	height: auto;
}

input, select, textarea {
	width: 220px;
	height: 18px;
	padding: 2px;
	border: 1px solid #B6CDE3;
	font: normal normal 11px/15px "verdana", Arial, Helvetica, sans-serif;
	color: #7F8E9D;
	overflow: hidden;
	background: #F4FDFF;
}

input.space { margin-bottom: 3px; }

input.send {
	border: none;
	width: 70px;
	height: 20px;
	padding: 2px;
	color: #ffffff;
	background: #5E6D74;
	text-align: center;
	margin-top: 5px;
}

textarea.expand {
	height: 150px;
}

textarea.expand2 {
	height: 100px;
	width: 340px;
}

#footer .breadcrumb a { color: #7F8E9D; text-decoration: none;}
#footer .breadcrumb a:hover { color: #81B4CE; text-decoration: underline;}

a { color: #D19A40; text-decoration: underline;}
a:hover { color: #085B85; text-decoration: underline; }


/*=======================================================
 End of CSS Document for  Bushman Tanks
=======================================================*/