/* BODY styling. Common elements defined in 'BODY' */

#QA_site {
	position:fixed;
	top:5px;
	left:0px;
	display:block;
	width:100%;
	z-index:100;
	height:20px;
	background-color:#FFFF00;
	color:#000000;
	text-align:center;
	font-size:1em;
	padding: 5px 0px 0px 0px;
	border-bottom:#000 1px solid;
	border-top:#000 1px solid;
	cursor:pointer;
	display:none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding:0;
	background: url(../assets/images/page/bg_body.gif) top left repeat-x #fff;
	z-index:0;
}


/*Standard decs*/

h1 {
	color: #FF6600;
	font-size: 2.4em;
	font-weight: bold;
	text-align:left;
	margin: 0 0 20px 0;
	padding: 0;
}


h2 {
	color: #737373;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 14px 0;
	padding: 0;
}



p{
	color: #232323;
	font-size: 1.2em;
	font-weight: normal;
	margin: 9px 0 14px 0 ;
	padding: 0;
}

p span { color:#FF6600; }
p.small { font-size:1em;}
p.kicker { font-size:1.6em; color:#111;}


a:link {
	color: #D57401;
	text-decoration: underline;
	outline:none;
}

a:visited {
	color: #D57401;
	text-decoration: underline;
	outline:none;
}

a:hover {
	color: #D57401;
	text-decoration: none;
	outline:none;
}

a:active {
	color: #D57401;
	text-decoration: underline;
	outline:none;
}

blockquote { 
	font-style:italic;
	font-size:1.2em;
	color:#8c8c8c;
	text-align:right;
	padding: 0 54px 0 0 ;
	background:url(../assets/images/page/blockquote.gif) top right  no-repeat;
}

sup, sub { font-size:10px; color:#81272a;}

ul {
	margin: 10px 10px 10px 0px;
	padding: 0;
}

ul li {
	margin: 0 0 0 17px;
	padding: 0;
	list-style-image: url(../assets/images/page/bullet.gif);
}

ol{
	margin: 10px 10px 10px 0px;
	padding: 0; 
	list-style:decimal inside; 
}

ol li{
	padding: 0 0 0 0;
}

form {
	margin: 0px;
	padding: 0px;
}

input {
	margin: 0px;
	padding: 0px;
}


/*general elements*/
.hidden { display:none;}
div.moz { position: absolute; bottom: -0.1px; }


/* Main Structure*/

#content { 
	width: 948px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
  
#content_container {
	position: relative;
	float:left;
	height: auto;
	width: 948px;
	margin:0px;
	padding:0px;
}
         

#page_content {
	width:948px;
	position:relative;
	float:right;
	margin:170px 0 0 0; 
}

#header { 
	position:absolute; 
	top:0; left:0;	
	width:948px;
	border-bottom: 2px solid #cccbca;
}


#left_col, #sidenav {
	float:left;
	width:269px;
}

#generic_hold { 
	float:right;
	width:604px;
}

#generic_hold ul li{
	font-weight:bold;
	font-size:1.2em;
	color:#737373;
	margin-bottom:4px;
}


/*template*/

h2.category { 
	font-size:2em; 
	font-weight:normal; 
	margin-bottom:5px; 
	border-bottom: 2px solid #cccbca;
	float:left;
	width:604px;
	}

div.child_row { 
	float:left; 
	display:inline;
	margin:0 0 0; 
	padding:4px; 
	text-decoration:none;
	width: 589px;
	border: 1px solid #cccbca;
	border-left:6px solid #FF6600; position:relative; }
	
img.topImage { float:left;}

div.child_row h2.dl_head{ width: 460px; float:left; }

a.view_more:link, a.view_more:visited, a.view_more:active   { 
	float:left; 
	text-align:left;
	font-size:1.2em;
	font-weight:bold; 
	color:#595243; 
	margin: 0 0 10px 0 ; 
	background: url(../assets/images/page/arrow_up_dark.gif) right no-repeat; 
	padding:4px 8px 4px 4px;  
	text-decoration:none;
	width: 585px;
	border: 1px solid #cccbca;
	border-left:6px solid #FF6600;
	border-top: none;
	}
/*a.view_more:hover   {border-color:#FF6600; background:#FF6600 ; color:#fff;  text-align:right; } */


div.dl_box { 
	float:right;
	width:120px;
	border:1px solid #FF6600;
	}
div.dl_box img{ margin: 8px 40px 8px 8px;  float:right;  }
div.dl_box span{ font-size:1.2em;  margin: 2px 0 0 0;  float:right; text-align:right; width:116px; padding:2px; background: #FF6600; color: #404040; font-weight:bold; }

table.distributor, table.head{ width:100%; margin: 0 0 16px 0;}

table.distributor tr{ width:100%; margin: 0 -6px 16px 0;}

table.distributor td {vertical-align:top; padding: 4px; background:#efefef; }
table.head td {background:#c0c0c0;}
table.distributor td.spacer {background:none; height:4px; padding:0; }

table.distributor td span{font-weight:bold; }
table.distributor td.country { font-size:1.2em; font-weight:bold; width:150px; border-left:6px solid #FF6600;}
table.distributor td.address { font-size:1.2em; width:150px; border-left:2px solid #FF6600; }
table.distributor td.contact { font-size:1.2em;  border-left:1px solid #cccbca; padding:4px 4px 4px 0;}
table.distributor td.contact div{ border-bottom: 1px solid #cccbca;padding: 4px 0 4px 4px; }



#pagination { float:left; width:588px; 
	margin: 5px 0 5px 0;
	padding: 6px;
	float:left;
	display:inline;
	border: 2px solid #cccbca;}
#pagination p{ float:left; width:60px; font-size:1.2em; font-weight:bold; padding: 4px ; margin:0;line-height:16px;}
#pagination div{float:left; margin: 0; font-size:1.2em;}
#pagination div a:link, #pagination div a:visited, #pagination div a:active {float:left; margin: 0 2px 0 2px; padding: 4px; line-height:16px; text-decoration:none; border:1px solid #fff;}
#pagination div a:hover { border-color:#FF6600; }
#pagination div span {float:left; cursor:default; line-height:16px; }
#pagination div span.pipe {float:left; cursor:default; line-height:16px; width: 1px; height:16px; background:#666; margin-top:4px; }
#pagination div span.active {color:#666; margin: 0 2px 0 2px; padding: 4px; line-height:16px; text-decoration:none; background-color:#FF6600;}


ul.search_results {
	margin:0; 
	padding:0;
	width: 604px;
	position:relative;
	float:left;
	display:inline;
	list-style:none;
}

ul.search_results li{
	float:left; 
	display:inline;
	margin:0 0 10px 0; 
	padding:4px; 
	text-decoration:none;
	width: 589px;
	border: 1px solid #cccbca;
	border-left:6px solid #FF6600;
}
ul.search_results li a.search_result:link, ul.search_results li a.search_result:visited, ul.search_results li a.search_result:active {
	float:left; width: 450px; margin: 0 0 4px 0; padding:0; font-size:1.2em;  text-decoration:underline;}
ul.search_results li a.search_result:hover {  text-decoration:none;}
ul.search_results li span{float:left; width: 450px; margin: 0 0 4px 0; padding:0; font-size:1em; color:#404040; }
ul.search_results li span.percentage{float:right; width: 120px; margin: 0 0 4px 0; padding:0; font-size:1em; color:#595243; text-align:right; }

ul.search_results li p{float:left; width: 590px; margin: 0 0 4px 0; padding:0; font-size:1.2em; color:#595243; text-transform:none;}


ul.faq {
	margin:0; 
	padding:0;
	width: 604px;
	position:relative;
	float:left;
	display:inline;
	list-style:none;
}

ul.faq li{
	float:left; 
	display:inline;
	margin:0 0 10px 0; 
	padding:4px; 
	text-decoration:none;
	width: 589px;
	border: 1px solid #cccbca;
	border-left:6px solid #FF6600;
}
ul.faq li img { float:left; margin-right: 10px;}

ul.faq li span{ 	
	width: 509px;
	float:right;
	font-size:1.4em;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 0;
	}
ul.faq li span.ans{ font-style:normal; font-weight:normal; background:#efefef; font-size:1.2em; }
ul.faq li span.division{ width:589px; float:left; height:5px; overflow:hidden; margin:0;}

ul.testimonials {
	margin:0; 
	padding:0;
	width: 604px;
	position:relative;
	float:left;
	display:inline;
	list-style:none;
}

ul.testimonials li{
	float:left; 
	display:inline;
	margin:0 0 10px 0; 
	padding:4px; 
	text-decoration:none;
	width: 596px;
}

ul.testimonials li img { float:left; width:100px; }

ul.testimonials li blockquote {
	width:400px;
	float:right;
	margin:0;
	min-height:54px;
}

ul.testimonials li span{
	width: 400px;
	float:right;
	font-size:1.1em;
	color:#404040;
	margin:0; padding:0 54px 0 0 ;
	text-align:right;
}


a.rss_link:link, a.rss_link:visited, a.rss_link:active  { 
	position:absolute;
	top:5px; right:5px; 
	font-size:1.2em; 
	margin: 0 ; 
	padding: 4px 4px 4px 24px;  
	text-decoration:none;
	border:2px solid #cccbca;
	background:url(../assets/images/rss.gif) 4px 4px no-repeat;
	display:none;
	}
a.rss_link:hover { border-color:#FF6600;}

/*navigations*/

#primary { 
	position:absolute;
	top:100px;
	right:0px;
	/*margin:64px 0 -0 0; */
	padding:0;
	width:604px;
	/*position:relative;
	float:right;*/
	display:inline;
	list-style:none;
	cursor:default;
}

#primary li{
	margin:0 0 0 0;
	display:inline;
	position:relative;
	list-style: none;
	clear:none;
	float:left;
	height:28px;
	cursor:default;

	}
#primary li span{ display:none;}

#primary li a:link, #primary li a:visited, #primary li a:active {
	color:#fff;
	float:left; 
	display:inline;
	margin:0; 
	padding:0; 
	text-decoration:none;
	text-transform:uppercase;
	height:28px;
}

#primary li.btn_home{ background:url(../assets/images/nav/btn_home.gif) top center no-repeat; width:40px;  }
#primary li.btn_home, #primary li.btn_home a:link, #primary li.btn_home a:visited, #primary li.btn_home a:active { 
	background:url(../assets/images/nav/btn_home.gif) top center no-repeat; width:40px; }
#primary li.btn_home a:hover { background:url(../assets/images/nav/btn_home_over.gif) top center no-repeat;}
#primary li.btn_home a.active { background:url(../assets/images/page/btn_home_active.gif) top center no-repeat; } 

#primary li.btn_why{ background:url(../assets/images/nav/btn_why.gif) top center no-repeat; width:100px; margin-left:39px; }
#primary li.btn_why, #primary li.btn_why a:link, #primary li.btn_why a:visited, #primary li.btn_why a:active { 
	background:url(../assets/images/nav/btn_why.gif) top center no-repeat; width:100px; }
#primary li.btn_why a:hover { background:url(../assets/images/nav/btn_why_over.gif) top center no-repeat;}
#primary li.btn_why a.active { background:url(../assets/images/page/btn_why_active.gif) top center no-repeat; } 

#primary li.btn_prod{ background:url(../assets/images/nav/btn_prod.gif) top center no-repeat; width:64px; margin-left:39px;  }
#primary li.btn_prod, #primary li.btn_prod a:link, #primary li.btn_prod a:visited, #primary li.btn_prod a:active { 
	background:url(../assets/images/nav/btn_prod.gif) top center no-repeat; width:64px; }
#primary li.btn_prod a:hover { background:url(../assets/images/nav/btn_prod_over.gif) top center no-repeat;}
#primary li.btn_prod a.active { background:url(../assets/images/page/btn_prod_active.gif) top center no-repeat; } 

#primary li.btn_dist{ background:url(../assets/images/nav/btn_dist.gif) top center no-repeat; width:84px; margin-left:39px; }
#primary li.btn_dist, #primary li.btn_dist a:link, #primary li.btn_dist a:visited, #primary li.btn_dist a:active { 
	background:url(../assets/images/nav/btn_dist.gif) top center no-repeat; width:84px; }
#primary li.btn_dist a:hover { background:url(../assets/images/nav/btn_dist_over.gif) top center no-repeat;}
#primary li.btn_dist a.active { background:url(../assets/images/page/btn_dist_active.gif) top center no-repeat; } 

#primary li.btn_about{ background:url(../assets/images/nav/btn_about.gif) top center no-repeat; width:64px; margin-left:39px;  }
#primary li.btn_about, #primary li.btn_about a:link, #primary li.btn_about a:visited, #primary li.btn_about a:active { 
	background:url(../assets/images/nav/btn_about.gif) top center no-repeat; width:64px; }
#primary li.btn_about a:hover { background:url(../assets/images/nav/btn_about_over.gif) top center no-repeat;}
#primary li.btn_about a.active { background:url(../assets/images/page/btn_about_active.gif) top center no-repeat; }  

#primary li.btn_contact{ background:url(../assets/images/nav/btn_contact.gif) top center no-repeat; width:55px; float:right;  }
#primary li.btn_contact, #primary li.btn_contact a:link, #primary li.btn_contact a:visited, #primary li.btn_contact a:active { 
	background:url(../assets/images/nav/btn_contact.gif) top center no-repeat; width:55px; }
#primary li.btn_contact a:hover { background:url(../assets/images/nav/btn_contact_over.gif) top center no-repeat;}
#primary li.btn_contact a.active { background:url(../assets/images/page/btn_contact_active.gif) top center no-repeat; } 


/*header*/
#header_cover { position:absolute; top:0; left:0px; width:100%; height:10px; overflow:hidden; background:#FF6600; z-index:1000;}

#logo { float:left; padding:0 0 16px 0; }

#top_nav { float:right; margin: 10px 0 0 0; width:600px;; }

div.top_nav_box01, div.top_nav_box02 { 
	width:291px; 
	position:relative; 
	display:inline; 
	float:right; 
	padding: 0 13px 12px 15px;
	margin: 0 3px 0 0;
	background:url(../assets/images/page/top_nav_bg.gif) bottom left repeat-x; z-index:0;}

div.top_nav_box02 { width:164px; margin-right:-2px; }
	
div.top_nav_crnr_left, div.top_nav_crnr_right { 
	position: absolute; bottom: 0px;  width:13px; height:100px; z-index:100;
	background:url(../assets/images/page/top_nav_left.gif) right bottom no-repeat;  
	z-index:0;
}
div.top_nav_crnr_left { left:0px;}
div.top_nav_crnr_right{
	right:0; background:url(../assets/images/page/top_nav_right.gif) right bottom no-repeat;
}

#top_nav ul{ 
	margin:5px 10px 0 0; 
	padding: 0 ;
	position:relative;
	float:left;
	display:inline;
	list-style:none;
}

#top_nav ul li{
	margin:0 0 0 0;
	display:inline;
	list-style: none;
	clear:none;
	float:left;
	height:18px;
	}

#top_nav ul li span{ display:none;}

#top_nav ul li a:link, #top_nav li a:visited, #top_nav li a:active {
	color:#fff;
	float:left; 
	display:inline;
	margin:0; 
	font-size:1.2em;
	padding:0; 
	text-decoration:none;
	height:18px;
}

#top_nav ul li.pipe, #top_nav ul li.pipe2 { background:#fff; width:1px; height:10px; margin: 0 10px 0 10px; cursor:default;  }
#top_nav ul li.pipe2 {float:right;}

#top_nav ul li.btn_sitemap{ background:url(../assets/images/nav/btn_sitemap.gif) top center no-repeat; width:58px;  }
#top_nav ul li.btn_sitemap, #top_nav ul li.btn_sitemap a:link, #top_nav ul li.btn_sitemap a:visited, #top_nav ul li.btn_sitemap a:active { 
	background:url(../assets/images/nav/btn_sitemap.gif) top center no-repeat; width:58px; }
#top_nav ul li.btn_sitemap a:hover { background:url(../assets/images/nav/btn_sitemap_over.gif) top center no-repeat;}
#top_nav ul li.btn_sitemap a.active { background:url(../assets/images/page/btn_sitemap_active.gif) top center no-repeat; }


#top_nav ul li.btn_links{ background:url(../assets/images/nav/btn_home.gif) top center no-repeat; width:38px;  }
#top_nav ul li.btn_links, #top_nav ul li.btn_links a:link, #top_nav ul li.btn_links a:visited, #top_nav ul li.btn_links a:active { 
	background:url(../assets/images/nav/btn_links.gif) top center no-repeat; width:38px; }
#top_nav ul li.btn_links a:hover { background:url(../assets/images/nav/btn_links_over.gif) top center no-repeat;}
#top_nav ul li.btn_links a.active { background:url(../assets/images/page/bbtn_links_active.gif) top center no-repeat; } 


a.customer_login:link, a.customer_login:visited, a.customer_login:active {
	color:#fff;
	float:left; 
	display:inline;
	margin: 0; 
	font-size:1.2em;
	padding:6px 0 5px 20px; 
	text-decoration:none;
	height:13px;
	width:134px;
	clear:both;
	background:url(../assets/images/page/btn_customerlogin.gif) center no-repeat; 
}

a.customer_login:hover {	background:url(../assets/images/page/btn_customerlogin_over.gif) center no-repeat;  } 


#search_hold, #login_hold { 
	float:left;
	width:164px;
	z-index:10;
}

	
#search_hold input.sitesearch, #login_hold input.login_un, #login_hold input.sitesearch{
	width:132px; 
	height:16px;
	padding:4px 2px 2px 4px ;
	margin:0;
	font-size:1.2em;
	color:#8f7c62;
	border:none;
	float:left;
	background:url(../assets/images/page/bg_search.gif) #FF6600 top left no-repeat;
} 

#login_hold input.login_un{ width:159px; margin-bottom: 4px; } 
	
#search_hold input.sitesearch_go, #login_hold input.sitesearch_go {
	width:23px; height:24px;
	padding:0;
	margin:0;
	display:inline;
	float:left;
	line-height:100000px; font-size:0px;
	overflow:hidden;
	color:#8f7c62;
	border:none;
	cursor:pointer;
	background:url(../assets/images/page/bg_search_go.gif) #FF6600 top left no-repeat;
} 	


/*footer*/

#footer { 
	float:left;
	margin: 0;
	padding:0;
	width:940px;
	display:inline;
}


#footer {
	margin: 20px 0 10px 0;
	padding: 14px 0 0 0 ;
	width: 940px;
	position:relative;
	float:left;
	display:inline;
	height: auto;
	list-style:none;
	border-top:2px solid #cccbca;
}

#footer li{
	padding:0;
	display:inline;
	list-style: none;
	clear:none;
	margin:0;
	float:right;
	font-size:1em;
	color:#7c7d80;
	height:14px;
	font-weight:bold;
	}
	
#footer li span{ display:none;}

#footer li a:link, #footer li a:visited,#footer li a:active {
	color:#7c7d80;
	float:left; 
	margin:0 0 0 0; 
	font-size:1em;
	padding:0;
	text-decoration:none;
	height:14px;
}

#footer li a:hover { text-decoration:underline;}

#footer li.copyright{float:left; margin-top:-3px; }
#footer li.pipe{background:#7c7d80; width:1px; height:10px; margin: 0 7px 0 7px; cursor:default; }

#footer li.dnd{ margin: 0  0 0 157px; width:169px;  background:url(../assets/images/page/dnd.gif);}
#footer li.dnd, #footer li.dnd a:link, #footer li.dnd a:visited, #footer li.dnd a:active { 
	background:url(../assets/images/page/dnd.gif) no-repeat; width:169px; }
#footer li.dnd a:hover { background:url(../assets/images/page/dnd_over.gif); }
	
#footer li.foot_pp{ width:65px;  background:url(../assets/images/page/foot_pp.gif) no-repeat;}
#footer li.foot_pp, #footer li.foot_pp a:link, #footer li.foot_pp a:visited, #footer li.foot_pp a:active { 
	background:url(../assets/images/page/foot_pp.gif) no-repeat; width:65px; }
#footer li.foot_pp a:hover { background:url(../assets/images/page/foot_pp_over.gif) no-repeat; }

#footer li.foot_tnc{ width:89px;  background:url(../assets/images/page/foot_tnc.gif) no-repeat;}
#footer li.foot_tnc, #footer li.foot_tnc a:link, #footer li.foot_tnc a:visited, #footer li.foot_tnc a:active { 
	background:url(../assets/images/page/foot_tnc.gif); width:89px; }
#footer li.foot_tnc a:hover { background:url(../assets/images/page/foot_tnc_over.gif) no-repeat; }
