@charset "utf-8";
/* CSS Document */

/*----------------------General----------------------- */

body{
	background-color:#fafaf7;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	line-height:16px;
	margin:0px;
	padding:0px;
	color:#666;
	background-image:url(img/background_full.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}

#container{
	width: 976px; /*width:1112px;*/
	margin:0 auto;
	padding:0px;
	position:relative;
	background-image:url(img/background_full.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
#menu{
	background-image:url(img/menu_background.jpg);
	background-repeat:no-repeat;
	height:525px;
	left:105px; /*left:169px;*/
	position:absolute;
	top:282px;
	width:165px;
	z-index:10000;
}
a {
	border:medium none;
	color:#76B2CD;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#006aad;
	font-weight:bold;
	text-decoration:none;
}
ul{
	list-style:none;
	margin:0px;
}
ul.bulet{
	list-style:disc;
}

li{
	padding-bottom:5px;
}

.page_name{
	color:#a10404;
	font-size:18px;
	font-weight:bold;
	padding-bottom:2px;
	
}
.half_line
{
	padding-bottom:5px;
	padding-top:21px;
}
.full_line
{
	margin-bottom: 10px;
}

.title
{
	font-size: 14px;
	font-weight: bold;
	clear: both;
	color: #02A0BA;
}
#main p{
	width:560px;
	line-height:20px;
	padding-left:10px;
	margin:0px;
	
}
.img_center{
	left:65px;
	position:relative;
	top:33px;
}

.img_right{
	border:medium double;
	color:#76B2CD;
	float:right;
	left:17px;
	margin:3px 0 20px 14px;
	padding:0;
	position:relative;
	width:41%;
}
.half_line
{
	margin-bottom: 5px;
}
.full_line
{
	margin-bottom: 10px;
}

/*----------------------top menu ----------------------- */

#topmenu{
	left:414px;/*left:482px;*/
	position:absolute;
	top:189px;
	}
#home{
	background-image:url(img/topMenu_home.jpg);
	position:absolute;
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	width:55px;
	height:25px;
	cursor:pointer;
}
#home:hover{
	background-position: 0px -25px;

}
#customer{
	background-image:url(img/topMenu_customerhotline.jpg);
	position:absolute;
	background-repeat:no-repeat;
	top:0px;
	left:55px;
	width:140px;
	height:25px;
	cursor:pointer;
}
#customer:hover{
	background-position: 0px -25px;
}
#earth{
	background-image:url(img/topMenu_earth.jpg);
	position:absolute;
	background-repeat:no-repeat;
	top:0px;
	left:193px;
	width:114px;
	height:25px;
	cursor:pointer;
}
#earth:hover{
	background-position: 0px -25px;
}
#contact{
	background-image:url(img/topMenu_contact.jpg);
	position:absolute;
	background-repeat:no-repeat;
	top:0px;
	left:305px;
	width:90px;
	height:25px;
	cursor:pointer;
}
#contact:hover{
	background-position: 0px -25px;
}
#career{
	background-image:url(img/topMenu_career.jpg);
	position:absolute;
	background-repeat:no-repeat;
	top:0px;
	left:395px;
	width:115px;
	height:25px;
	cursor:pointer;
}
#career:hover{
	background-position: 0px -25px;
}

/*----------------------left menu ----------------------- */
#list_menu{
	margin:0px;
	padding:0px;
	padding-top:5px;
	font-size:12px;
	font-weight: bold;
	color:#0191b0;
}


#list_menu li{
	background-image:url(img/menu_line.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	margin-left:5px;
	margin-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	position:relative;
	width:130px;
}

#list_menu li.lastlist {
	background-image:none;
}

#menu ul ul {
	background-image:url(img/submenutrans.png);
	background-repeat: repeat-y;
	border:1px dotted #FDB827;
	left:144px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:159px;
}


#menu ul > li a.submenu
{
	background-position: left bottom;
	background-repeat: no-repeat;
	font-weight: normal;
	margin-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-align: left;
	width: 180px;
}

#menu ul > li a.submenu:hover, div#menu_vertical ul > li a.submenu.selected
{
	color: orange;
	font-weight: normal;

}

#menu ul > li a:hover
{
	font-weight: bold; /* 	background-image:url(img/background_menu_hover.png); 	*/
}

#menu > ul > li.arrow
{
	background-image: url(img/arrow.png);
	background-position:right;
	width:145px;
}

#menu > ul > li.arrow:hover, div#menu_vertical > ul > li.arrow.selected
{
	background-image: url(img/arrow_hv.png);
}


#menu ul > li a.submenu.last
{
	background-image: none;
}
#menu ul > li a.submenu.first
{
	margin-top: 5px;
}

/*----------------------footer ----------------------- */
#footer {
	background-image:url(img/background_full_1px.png);
	background-position:center center;
	padding-bottom:5px;
	background-repeat: repeat-y;
}

#footer p {
	text-align: center;
	padding-top: 30px;
	margin-top: 0px;
	font-size:9px;
}
/*----------------------main - HOME PAGE ----------------------- */
#main{
	left:289px; /*left:357px;*/
	min-height:600px;
	padding-top:280px;
	position:relative;
	width:600px;
	}
	
#main_index{
	left:289px; /*left:357px;*/
	min-height:600px;
	padding-top:280px;
	position:relative;
	width:630px;
	z-index:100;
	}

#title{
	font-weight:bold;
	font-size:15px;
	line-height:26px;
	
}
#redbox{
	background-image:url(img/pinkbox.jpg);
	background-repeat:no-repeat;
	height:115px;
	width:373px;
	float:left;	
}
#main_index p#redtext{
	color:#A10404;
	font-size:13px;
	line-height:18px;
	margin:0;
	padding:7px 15px 0 29px;
	width:336px;
}
#greenbox{
	background-image:url(img/greenbox.jpg);
	background-repeat:no-repeat;
	height:191px;
	width:464px;
	top:130px;
	float:right;
}

#main_index p#greentext{
	color:#01630a;
	font-size:13px;
	padding-top:7px;
	padding-bottom:15px;
	padding-left:35px;
	padding-right:55px;
	line-height:18px;
	margin:0px;
}

#bluebox{
	background-image:url(img/blue_box.jpg);
	background-repeat:no-repeat;
	height:155px;
	width:382px;
	top:350px;
	float:left;
	
}
#main_index p#bluetext{
	color:#024579;
	font-size:13px;
	padding-top:13px;
	padding-bottom:15px;
	padding-left:102px;
	padding-right:15px;
	line-height:18px;
	margin:0px;
	width: 265px;
}

/*----------------------main - VALUE ADDED SERVICES ----------------------- */

ul.bulet ul{
	list-style:circle;
}
.bold{
	font-weight:bold;
	
}

/*----------------------main - ecommerce ----------------------- */
.webplus
{
	position: relative;
	margin-left: 12px;
	margin-bottom: 10px;
	margin-top: 30px;
}
.webplus_small
{
	position: relative;
	margin: 0px;
	padding: 0px;
}
/*-----Logo center ----------------------------------------------------------------*/
.logo_aplus
{
	position: absolute;
	left: -36px;
	top: 63px;
	border: none;
}
.logo_earth
{
	position: absolute;
	left: 212px;
	top: 50px;
	border: none;
}
.logo_active
{
	left: 454px;
	position: absolute;
	top: 57px;
	border: none;
}
.logo_weartested
{
	left: 120px;
	position: absolute;
	top: 240px;
	border: none;
}
.logo_welisten
{
	left: 371px;
	position: absolute;
	top: 240px;
	border: none;
}

#container #main .first_page a.noborder
{
	border: none;
}
/*-----Privacy policy ----------------------------------------------------------------*/
.italicBold{
	font-style:italic;
	font-weight:bold;
	
}

/*-----product info ----------------------------------------------------------------*/
.img_logo_right
{
	float: right;
	margin-left: 33px;
	position: relative;
	top: -34px;
}
.certificate {
	float:right;
	width:39%;
	margin-left:10px;
}
/*-----find retailer ----------------------------------------------------------------*/
.table{
	border:none;
	padding:0;
	cellpadding:0;
	cellspacing:0;
	width:580px;
	
}
main p.tablep {
	width:200px;
	
}
.table_retailer{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

/*----customer hotline ----------------------------------------------------------------*/

.img_news{
	margin-left:69px;
	margin-top:30px;
	width:80%;
	
}
/*-----policies & procedures ----------------------------------------------------------------*/

#policies_table{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	
}
.policies_td{
	padding-right:20px;
}
.link_marginleft{
	padding-left:10px;
	
}
/*-----contact----------------------------------------------------------------*/
#region{
	font-size:10px;
	height:19px;
	width:250px;
	}
.warning
{
	color: #C00;
	font-size: 9px;
}

.textarea
{
	margin: 3px;
}

#uname
{
	position: absolute;
	left: 110px;
}
#company_name
{
	position: absolute;
	left: 110px;
}
#email
{
	position: absolute;
	left: 110px;
}
#phone
{
	position: absolute;
	left: 110px;
}

#right_contact
{
	background-image:url(img/line.png);
	background-position:left center;
	background-repeat:no-repeat;
	height:400px;
	left:300px;
	margin-left:18px;
	padding-left:22px;
	position:absolute;
	top:323px;
	width:345px;
}

#right_contact_sent
{
	
	left: 364px;
	position: absolute;
	top: 41px;
	width: 345px;
	}
.state_label{
	background-image: url(img/stateLabel_bck.jpg);
	background-repeat:no-repeat;
	width:320px;
	height:55px;
	color:#CCC;
	padding-top:3px;
	padding-left:9px;
	
	display:none;
}
.label a:hover{
	color:#CEDDEA;
}
#label_comment{
	padding-left:10px;
	
}
#comment{
	margin-left:11px;
	width: 275px;
	
}
#submit_btn{
	margin-left:17px;
}
#form1{
	margin-left:5px;
	margin-top:8px;
}

.padding_bottom{
	padding-bottom:18px;
	
}

.padding_top{
	padding-top:18px;
	
}

/*-----earthFriendly----------------------------------------------------------------*/
.img_earthfriendly{
	color:#76B2CD;
	float:right;
	margin:3px 0 20px 14px;
	padding:0;
	position:relative;
}


/*----------------------------------- catalog ------------------------------------*/

#cat
{
	padding-top: 20px;
}
* html #cat
{
	height: 520px;
}
.productLine
{
	width: 33%;
	float: left;
	text-align: center;
	height: 180px;
	margin-bottom:15px;
}
.productLine div
{
	padding-bottom: 3px;
}

#catListBreadcrumb, #prodDetBreadcrumb
{
	margin: 20px 30px 0px 20px;
	padding: 4px 0px 4px 10px;
	color: #464646;
	font-weight: bold;
}
#prodDetBreadcrumb
{
	margin-right: 70px;
}
#catListBreadcrumb a, #prodDetBreadcrumb a
{
	font-weight: bold;
	text-decoration: none;
}
#catListBreadcrumb .currentCat, #prodDetBreadcrumb .currentCat
{
	color: #4f6472;
}
#catListHeader, #prodDetHeader
{
	padding-bottom: 30px;
}
#catListFooter, #prodDetFooter
{
	clear: both;
	padding: 10px 0px 30px 0px;
}
#catListFootBreadcrumb
{
	float: left;
	margin-left: 20px;
	width: 380px;
	font-weight: bold;
}
#prodDetFootBreadcrumb
{
	padding-left: 20px;
	font-weight: bold;
}
#catListFootBreadcrumb .currentCat, #prodDetFootBreadcrumb .currentCat
{
	color: #4f6472;
}
#catListFootBreadcrumb a, #prodDetFootBreadcrumb a
{

}

.catListPages
{
	margin: 0px 30px 0px 390px;
	padding-top: 2px;
	text-align: right;
	color: #464646;
	font-weight: bold;
}
.catListPages a
{
	text-decoration: none;
}

#prodDetImage
{
	float: left;
	padding-left: 60px;
	width: 200px;
}
#prodDetImage img
{
	padding-bottom: 3px;
}
#prodDetInfo
{
	margin-left: 317px;
	width: 250px;
}
#prodDetInfo h3
{
	color: #02A0BA;
	font-weight: bold;
	margin:0px;
	margin-bottom:5px;
}
#prodDetInfo div
{
	padding-bottom: 20px;
}
.prod
{
	color: #B75F5F;
	font-weight: bold;
}

