@charset "UTF-8";
/* CSS Document */


/* ############# BASE STYLES ############ */

* {margin:0;padding:0;}
html, body { 
	font-size: 11px; 
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		margin: 24px 0 0 0; 
		padding: 0 0 25px 0; 
		color: #ffffff; 
		width: 100%; 
		text-align: center; 
		background: #000000 url("../images/bg.jpg");
  		background-repeat: no-repeat;
  		background-attachment: fixed;
		background-position: center top;
}

h1 { font-size: 18px; color: #ff7700; font-weight: 500; line-height: 24px;}
h2 { font-size: 18px; color: #ff7700;  font-weight: 500; line-height: 24px; }
h3 { margin: 0; padding: 0; font-size: 18px; color: #6CCCF1; line-height: 24px;}
h4 { margin: 0; padding: 0; font-size: 100%; line-height: 24px;}

p, td, tr, li, ul {
font-size: 11px;
font-weight: normal;

}

hr {width:100%; border-top:1px dotted #cccccc;background:#fff;color:#fff;}


/* generic link styles */
a:link, a:visited { color: #00fcff; background-color: inherit; text-decoration: none; font-weight: normal; }
a:hover, a:focus { color: #ff7700; background-color: inherit; text-decoration: underline; }


/* Baseline values for browser consistency */

p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin:					0;
	padding:				0;
}

img {
	margin:					0;
	padding:				0;
	border:					0;
}

ul {
	list-style:				none;
}

a {
	outline:				0;
}

.clear {
	clear:					both;
	height:					0px;
	font-size: 0px;
	line-height: 0px;
}


/* ############# BASE STYLES ############ */
#shell {
  text-align: left;
  margin: 0 auto;
  width: 955px;
  }
  
#tabs {
  text-align: left;
  margin: 0;
  width: 955px;
  height: 26px;
  overflow: hidden;	
  }
  
#content {
  text-align: left;
  margin: 0;
  width: 955px;
  background: url("../images/bg_shell.png");
  border: 1px solid #3d3d3d;
  }
  
#header {
  text-align: right;
  margin: 0;
  width: 922px;
  height: 117px;
  background: url("../images/bg_header.png");
  overflow: hidden;
  }
  
#logo {
  display:block;
  float: left;
  width: 342px;
  height: 116px;
  overflow: hidden;

}

#logo a {
  display:block;
  float: left;
  width: 342px;
  height: 116px;
  padding: 116px;
}


#freight{
  text-align: right;
  margin: 0;
  width: 300px;
  background: url("../images/freight_base.png");
  }
  
#freight_left{
  text-align: left;
  margin: 0;
  width: 197px;
  background: url("../images/freight_left.png");
  }


#accounts {
  height: 30px;
  width: 500px;
  margin: 30px 0 0 0;
  float: right;
  font-size: 11px;
  text-align: right;
}

#accounts a:link, #accounts a:visited { color: #ffffff; background-color: inherit; text-decoration: none; font-weight: normal; font-size: 11px; }
#accounts a:hover, #accounts a:focus { color: #ff7700; background-color: inherit; text-decoration: none; }  

#topnav {
  height: 29px;
  width: 482px;
  margin: 27px 0 0 0;
  float: right;
  overflow: hidden;
  text-align:right;
} 


#flash {
clear:both;
 width: 922px;
 height: 302px;
 margin: 10px 0 0 0;
}

#quote {
 width: 922px;
 height: 72px;
 overflow: hidden;
 background: url("../images/quote.png");
 margin: 10px 0 0 0;
}
#quote p {
 padding: 72px 0 0 0;
}

#testimonials {
 width: 705px;
 padding: 5px 0 5px 0;
 margin: 10px 0 10px 0;
 border-top: 1px solid #313131;
 border-bottom: 1px solid #313131;
}

#home {
 width: 922px;
 margin: 30px 0 0 0;
}

#home_left {
 width: 300px;
 margin: 0;
 float: left
}

#home_right {
 width: 622px;
 margin: 0;
 float: left;
}

#products_left {
 width: 197px;
 margin: 0;
 float: left;
 background: url("../images/bg_leftnav.png") repeat-y;
 }
 
 #products_right {
 width: 725px;
 margin: 0;
 float: left;
}


.testimonial {
  font-family: garamond, Georgia, "Times New Roman", Times, serif;
  font-size: 21px;
  font-weight: normal;
  color: #fafaf8;
  margin: 20px 0 0 0;
  line-height: 28px;
}

.testimonial span {
	font-family: Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	padding-top: 10px;
	display: block;
}

#footer {
 width: 922px;
 height: 142px;
 background: url("../images/bg_footer.png") no-repeat;
 margin: 30px 0 0 0;
}

#footer_nav {
 padding: 32px 0 0 15px;
 color: #ffffff;
 font-size: 11px;
 height: 30px;
}

.ssl {
	float: right;
	width: 90px;
	margin: 15px 15px 0 0;
}

#copyright {
	float: right;
	margin: 15px 0 0 0;
	text-align: right;
}

#copyright a:link, #copyright a:visited { color: #ffffff; background-color: inherit; text-decoration: none; font-weight: normal; }
#copyright a:hover, #copyright a:focus { color: #ff7700; background-color: inherit; text-decoration: none; }




#footer_nav a:link, #footer_nav a:visited { color: #ffffff; text-decoration: none; font-weight: normal; }
#footer_nav a:hover, #footer_nav a:focus { color: #ff7700; text-decoration: none; }
  
/* ############# TAB BUTTONS ############ */

.tabs_aud a {
		display:block;
		float: left;
		width: 130px;
		height: 26px;
		background: url(../images/tabs_aud.png); 0 0 no-repeat;
		margin: 0 0 0 1px;
		padding: 26px 0 0 0;

		}
.tabs_aud a:hover {	
		background-position: 0 -26px;
		}
.tabs_aud a:active {
		background-position: 0 -26px;
		}
.tabs_us a {
		display:block;
		float: left;
		width: 130px;
		height: 26px;
		background: url(../images/tabs_us.png); 0 0 no-repeat;
		margin: 0 0 0 1px;
		padding: 26px 0 0 0;
		}
.tabs_us a:hover {	
		background-position: 0 -26px;
		}
.tabs_us a:active {
		background-position: 0 -26px;
		}

.tabs_uk a {
		display:block;
		float: left;
		width: 130px;
		height: 26px;
		background: url(../images/tabs_uk.png); 0 0 no-repeat;
		margin: 0 0 0 1px;
		padding: 26px 0 0 0;
		}
.tabs_uk a:hover {	
		background-position: 0 -26px;
		}
.tabs_uk a:active {
		background-position: 0 -26px;
		}
		
.tabs_nz a {
		display:block;
		float: left;
		width: 130px;
		height: 26px;
		background: url(../images/tabs_nz.png); 0 0 no-repeat;
		margin: 0 0 0 8px;
		padding: 26px 0 0 0;
		}
.tabs_nz a:hover {	
		
		}
.tabs_nz a:active {
	
		}

.tabs_eur a {
		display:block;
		float: left;
		width: 130px;
		height: 26px;
		background: url(../images/tabs_eur.png); 0 0 no-repeat;
		margin: 0 0 0 1px;
		padding: 26px 0 0 0;
		}
.tabs_eur a:hover {	
		background-position: 0 -26px;
		}
.tabs_eur a:active {
		background-position: 0 -26px;
		}


/* ############# TOP NAV BUTTONS ############ */


.btn_contact a {
		display:block;
		width: 96px;
		height: 29px;
		background: url(../images/btn_contact.png); 0 0 no-repeat;
		margin: 0;
		padding: 29px 0 0 0;
		}
.btn_contact a:hover {	
		background-position: 0 -29px;
		}
.btn_contact a:active {
		background-position: 0 -29px;
		}

.btn_about a {
		display:block;
			width: 103px;
		height: 29px;
		background: url(../images/btn_about.png); 0 0 no-repeat;
		margin: 0;
		padding: 29px 0 0 0;
		}
.btn_about a:hover {	
		background-position: 0 -29px;
		}
.btn_about a:active {
		background-position: 0 -29px;
		}
		
.btn_products a {
		display:block;
			width: 106px;
		height: 29px;
		background: url(../images/btn_products.png); 0 0 no-repeat;
		margin: 0;
		padding: 29px 0 0 0;
		}
.btn_products a:hover {	
		background-position: 0 -29px;
		}
.btn_products a:active {
		background-position: 0 -29px;
		}
		
.btn_home a {
		display:block;
			width: 73px;
		height: 29px;
		background: url(../images/btn_home.png); 0 0 no-repeat;
		margin: 0;
		padding: 29px 0 0 0;
		}
.btn_home a:hover {	
		background-position: 0 -29px;
		}
.btn_home a:active {
		background-position: 0 -29px;
		}


.btn_feedback a {
		display:block;
			width: 104px;
		height: 29px;
		background: url(../images/btn_feedback.png); 0 0 no-repeat;
		margin: 0;
		padding: 29px 0 0 0;
		}
.btn_feedback a:hover {	
		background-position: 0 -29px;
		}
.btn_feedback a:active {
		background-position: 0 -29px;
		}


		
.btn_freight a {
		display:block;
		float: right;
		width: 300px;
		height: 28px;
		background: url(../images/btn_freight.png); 0 0 no-repeat;
		margin: 0;
		}
.btn_freight a:hover {	
		background-position: 0 -28px;
		}
.btn_freight a:active {
		background-position: 0 -28px;
		}
.btn_shipping_left a {
		display:block;
		margin-top: -5px;
		width: 197px;
		height: 59px;
		background: url(../images/btn_shipping_left.png); 0 0 no-repeat;
		margin: 0;
		}
.btn_shipping_left a:hover {	
		background-position: 0 -59px;
		}
.btn_shipping_left a:active {
		background-position: 0 -59px;
		}
.btn_checkout {
  float: right;
  padding: 6px 5px 0 0;
}	
	
.btn_checkout a {
		display:block;
		width: 63px;
		height: 18px;
		background: url(../images/btn_checkout.png); 0 0 no-repeat;
		margin: 0 0 0 15px;
		}
.btn_checkout a:hover {	
		background-position: 0 -18px;
		}
.btn_checkout a:active {
		background-position: 0 -18px;
		}

.btn_accountapp {
overflow: hidden;
width: 187px;
		height: 19px;
}

.btn_accountapp a {
		display:block;
		width: 187px;
		height: 19px;
		background: url(../images/btn_account_app.png); 0 0 no-repeat;
padding-top: 20px;
		}
.btn_accountapp a:hover {	
		background-position: 0 -19px;
		}
.btn_accountapp a:active {
		background-position: 0 -19px;
		}
.btn_reseller {
overflow: hidden;
width: 187px;
		height: 19px;
}
.btn_reseller a {
		display:block;
		width: 187px;
		height: 19px;
		background: url(../images/btn_reseller.png); 0 0 no-repeat;
		padding-top: 20px;
		
		}
.btn_reseller a:hover {	
		background-position: 0 -19px;
		}
.btn_reseller a:active {
		background-position: 0 -19px;
		}

.btn_pricelist {
overflow: hidden;
width: 187px;
		height: 19px;
}


.btn_pricelist a {
		display:block;
		width: 187px;
		height: 19px;
		background: url(../images/btn_pricelist.png); 0 0 no-repeat;
padding-top: 20px;
		}
.btn_pricelist a:hover {	
		background-position: 0 -19px;
		}
.btn_pricelist a:active {
		background-position: 0 -19px;
		}



.btn-left-account {
width: 197px;
height: 26px;
display:block;
overflow: hidden;

}

.btn-left-account a {
		display:block;
		width: 197px;
		height: 26px;
		background: url(../images/btn_left_account.png); 0 0 no-repeat;
		padding-top: 30px;

		}
.btn-left-account a:hover {	
		background-position: 0 -28px;
		}
.btn-left-account a:active {
		background-position: 0 -28px;
		}

.btn-left-reseller {
width: 197px;
height: 26px;
display:block;
overflow: hidden;

}

.btn-left-reseller a {
		display:block;
		width: 197px;
		height: 26px;
		background: url(../images/btn_left_reseller.png); 0 0 no-repeat;
		padding-top: 30px;

		}
.btn-left-reseller a:hover {	
		background-position: 0 -28px;
		}
.btn-left-reseller a:active {
		background-position: 0 -28px;
		}

.btn-left-prices {
width: 197px;
height: 26px;
display:block;
overflow: hidden;

}

.btn-left-prices a {
		display:block;
		width: 197px;
		height: 26px;
		background: url(../images/btn_left_prices.png); 0 0 no-repeat;
		padding-top: 30px;

		}
.btn-left-prices a:hover {	
		background-position: 0 -28px;
		}
.btn-left-prices a:active {
		background-position: 0 -28px;
		}



#cart {
  	padding: 8px 0 0 0;
}




#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	
}

#nav li { /* all list items */
	float: left;
	text-transform: uppercase;

	}

#nav li ul { /* second-level lists */
	position: absolute;
	margin: -30px 0 0 15px;
	padding: 10px 0;
	background: #060606;
	width: 220px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid #6b6b6b;
}

#nav li ul li a { /* second-level lists */
	padding: 10px;
	float: left;
	text-decoration: none;
	font-size: 14px;
}

#nav li ul li a:hover { /* second-level lists */
	padding: 10px;
	float: left;
	text-decoration: none;
	font-size: 14px;
color: #ff7700;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#pages {
	font-size: 12px;
line-height: 160%;
font-weight: normal;
}
#pages p {
	font-size: 12px;
line-height: 160%;
font-weight: normal;
}
#pages ul { 
font-size: 12px;
	list-style: disc;
	margin: 0 0 0 25px;
	line-height: 160%;
}

.alert {

display: block;
	padding: 10px 10px 10px 10px;
	margin: 15px 0;	
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(https://www.smithandarow.com.au/secure/images/status-alert.png) 10px 10px no-repeat;
	font-size: 14px;

}