body {
	margin:0;
	font:11px "Trebuchet MS", Helvetica, sans-serif;
	color:#333333;
	background:#fff;
}
div.content li,
div.content label,
div.content p {
	font-size: 13px;
}
img{border-style:none;}
a{color:#000; text-decoration: none;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}


#page{
	width:977px;
	margin:0 auto;
	padding-top:60px;
	position:relative;
}
#navigation{
	position:absolute;
	width: 960px;
	overflow: hidden;
	text-align: center;
	top:3px;
	left:10px;
	border-bottom:1px solid #ccc;
}

#navigation div {
	left: 50%;
	float: left;
	position: relative;
	text-align: center;
}
#navigation div ul{
	left: -50%;
	float: left;
	position: relative;
	list-style:none;
	margin:0;
	padding:0;
}
#navigation li{
	float:left;
	margin-left:1px;
}
#navigation li a{
	line-height:37px;
	background:#eee;
	text-transform:uppercase;
	text-decoration:none;
	color:#358188;
	float:left;
	padding:0 20px;
}
#navigation li a:hover, #navigation li a.active{
	color:#000;
	background-color:#ccc;
}
#navigation li.total a, #navigation li.total a:hover{
	background-color:#666;
	color:#fff;
}
#navigation li.icon-basket a{
	background-image: url(/images/icon-basket.gif);
	background-repeat:no-repeat;
	padding-left:37px;
	background-position:12px 7px;
}
/*header*/
#header{
	width:965px;
	height:87px;
	padding-left:10px;
	overflow:hidden;
}
#header h1{
	background: url(/images/logo.jpg) no-repeat;
	width: 219px;
	height: 102px;
	margin:0;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
#header h1 a{
	display:block;
	height:100%;
}
/*search-box*/
.search-box{
	width:536px;
	float:left;
	background: url(/images/bg-search.gif) repeat-y;
	margin:22px 0 0 20px;
	padding:9px 0 12px 14px;
	overflow:hidden;
}
.search-box fieldset input{
	background:none;
	padding:0;
	border-style:none;
	color:#fff;
	font:bold 12px "Trebuchet MS", Helvetica, sans-serif;
	cursor:pointer;
	margin:6px 0 0 13px;
	display:inline;
	float:left;
	height:20px;
	width:89px;
	text-align:center;
}
.search-box fieldset  span{
	float:left;
	background: url(/images/search-input.gif) no-repeat;
	width: 414px;
	height: 24px;
	padding:7px 10px 0 10px;
}
.search-box fieldset  span input{
	display:block;
	float:none;
	width:100%;
	color:#000;
	font-weight:normal;
	cursor:auto;
	margin:0;
	height:auto;
	text-align:left;
}
.search-box fieldset  span input.searching{
	background-image: url(/images/autocomplete_spinner.gif); 
	background-repeat: no-repeat; 
	background-position: right;
}
/*phone-box*/
.phone-box{
	float:left;
	margin-top:23px;
	padding:2px 0 0 6px;
	width:170px;
}
.phone-box h2{
	font-size:22px;
	color:#537;
	margin:0;
	background: url(/images/icon-phone.gif) no-repeat 100% 50%;
	padding-right:17px;
}
.phone-box span a{
	color:#537;
}
.phone-box span{
	font-size:13px;
	background: url(/images/icon-request.gif) no-repeat 100% 0;
	padding-right:26px;
	color:#537;
}
/*main*/
#main{
	width:100%;
	overflow:hidden;
	padding:25px 0 10px;
}
.sidebar{
	float:left;
	width:180px;
	padding-left:10px;
}
.column{
	float:right;
	width:183px;
	padding-right:2px;
}
.content{
	width:592px;
	margin-left:7px;
	float:left;
	overflow:hidden;
}
.content.wide_page {
	width:780px;
}

#homepage.content{
	width:780px;
	margin-left: 7px;
}
/*banners*/
.cards img{margin-top:17px;}
/*footer-links*/
.footer-links{
	background: url(/images/bg-footer-links.gif) repeat-y;
	margin-bottom:14px;
	overflow:hidden;
	width:100%;
}
.footer-links-top{background: url(/images/bg-footer-links-top.gif) no-repeat;}
.footer-links-bottom{
	background: url(/images/bg-footer-links-bottom.gif) no-repeat 0 100%;
	padding:0 7px 40px 10px;
	width:960px;
}
.footer-links h3{
	margin:0;
	color:#fff;
	font-size:18px;
	line-height:40px;
	padding-left:12px;
}
.footer-links-holder{
	width:100%;
	overflow:hidden;
	padding-top:8px;
}
.footer-column{
	float:left;
	width:166px;
	padding-left:25px;
}
.footer-column h4{
	margin:0 0 6px;
	color:#813775;
	font-size:14px;
}
.footer-column ul{
	list-style:none;
	margin:0;
	padding:0;
}

.footer-column h4 a {
	color:#813775;
}
.footer-column ul li{line-height:14px;}
.footer-column ul li a{
	text-decoration:none;
	color:#000;
}
.footer-column ul li a:hover{text-decoration:underline;}
/*footer*/
.footer{
	padding:0 7px 50px 10px;
	width:960px;
}
.footer ul{
	list-style:none;
	margin:0 0 8px;
	padding:0;
	width:100%;
	overflow:hidden;
	background:#813775;
}
.footer ul li{
	float:right;
	line-height:42px;
	padding-right:16px;
}
.footer ul li a{
	text-decoration:none;
	color:#fff;
}
.footer ul li a:hover{text-decoration:underline;}
.footer p{
	margin:0 0 0 8px;
	color:#6d6f72;
	vertical-align:middle;
}
.footer p img{vertical-align:middle;}
/*breadcrumbs*/
.breadcrumbs{
	width:100%;
	overflow:hidden;
}
.breadcrumbs ul{
	float:left;
	list-style:none;
	margin:0 7px;
	display:inline;
	padding:6px 13px 0 18px;
	background:#000;
	height:25px;
}
.breadcrumbs ul li{
	float:left;
	color:#fff;
	font-size:12px;
}
.breadcrumbs ul li a{
	text-decoration:none;
	color:#fff;
}
.content h1{
	font-size:22px;
	color:#fff;
	background:#f8941e;
	padding:5px;
}
/*box-info*/
.box-info{
	background: url(/images/bg-box-info.gif) repeat-y;
	margin-bottom:3px;
}
.box-info-top{background: url(/images/bg-box-info-top.gif) no-repeat;}
.box-info-bottom{
	background: url(/images/bg-box-info-bottom.gif) no-repeat 0 100%;
	padding:0 7px 38px 26px;
	width:559px;
}
.box-info h3{
	margin:0 0 0 -19px;
	color:#fff;
	font-size:22px;
	padding:15px 0 18px 19px;
	background:#423474;
	font-weight:normal;
	letter-spacing:-1px;
	width:559px;
}
/*box-info-title*/
.box-info-title{
	height:1%;
	overflow:hidden;
	color:#333;
	padding:16px 10px 20px 0;
}
.box-info-title span{float:right;}
.box-info-title p{margin:0;}
.box-holder{
	width:541px;
	overflow:hidden;
	border-bottom:2px solid #000;
	padding-bottom:35px;
}
.box-column{
	width:165px;
	float:left;
}
.box-content{
	width:320px;
	padding-left:14px;
	float:left;
	margin-top:-3px;
}
.box-column img{
	display:block;
	border:3px solid #8379a6;
}
.box-column ul{
	list-style:none;
	margin:0;
	padding:15px 0 0;
	width:100%;
	overflow:hidden;
}
.box-column ul li{
	float:left;
	margin-right:1px;
}
.zoom{
	display:block;
	color:#fff;
	text-decoration:none;
	background: url(/images/bg-zoom.gif) repeat-y;
	text-align:center;
	line-height:26px;
	font-size:12px;
	font-weight:bold;
}
.box-content p{
	margin:0 0 10px;
	color:#333;
	font-size:13px;
}
.box-content ul{
	list-style:none;
	margin:0;
	padding:0 0 5px 18px;
	font-size:13px;
	color:#333;
}
.box-content ul li{
	padding-left:10px;
	background: url(/images/bullet-box-info.gif) no-repeat 0 7px;
	line-height:17px;
}
.box-content strong{
	color:#f90;
	display:block;
	font-size:40px;
}
.box-content span{
	color:#666;
	font-size:12px;
}
.basker-form{
	width:100%;
	overflow:hidden;
	padding-top:10px;
}
.basket_add_form input{
	float:left;
	padding:0;
	border-style:none;
}
.basket_add_form span.input{
	background: url(/images/basket-input.gif) no-repeat;
	width: 48px;
	height: 22px;
	float:left;
	margin-right:24px;
	padding:4px 0 0 4px;
	display:inline;
	margin-top: 2px;
}
.product-column .basket_add_form span.input{margin-right:11px;}
.basket_add_form span.input input{
	width: 38px;
	float:none;
	display:block;
	background:none;
	font-size:15px;
	margin:0;
}

#product_information_container .basket_add_form span.input{
	background: url(/images/basket-input.gif) no-repeat;
	width: 48px;
	height: 22px;
	margin-right:10px;
	padding:4px 0 0 4px;
	display:inline-block;
	margin-top: -2px;
	text-align: right;
	float: none;
	vertical-align: middle;
}
.product-column .basket_add_form span.input{margin-right:11px;}
.basket_add_form span.input input{
	width: 38px;
	float:none;
	display:block;
	background:none;
	font-size:15px;
	margin:0;
}

/*btns-holder*/
.btns-holder{
	width:541px;
	overflow:hidden;
	padding-top:22px;
}
.btn-cont{
	background: url(/images/btn-continue.gif) no-repeat;
	width: 165px;
	height: 26px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
.btn-checkout{
	background: url(/images/btn-checkout.gif) no-repeat;
	width: 165px;
	height: 26px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
}
/*products-box*/
.products-box{
	padding:0 7px;
}
.products-box h3{
	font-size:36px;
	margin:0 0 12px;
	color:#403373;
	font-weight:normal;
}
/*products-holder-top*/
.products-holder-top{
	width:100%;
	overflow:hidden;
	padding:5px 0 16px;
}
.products-holder-top select{
	float:left;
	width:134px;
	margin-right:10px;
}
.products-holder-top select.rows{width:110px;}
.products-holder-top input{
	float:left;
	padding:0;
	border-style:none;
}
.products-holder-top ul{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
.products-holder-top ul li{
	float:left;
	margin-left:4px;
}
.products-holder-top ul li a{
	float:left;
	color:#666;
	text-decoration:none;
	border:1px solid #666;
	line-height:24px;
	padding:0 10px;
}
.products-holder-top ul li a.active{
	background:#f8941e;
	color:#fff;
	line-height:26px;
	padding:0 10px;
	border-style:none;
}
.products-holder-top ul li a:hover{text-decoration:underline;}
/*product-block*/
.product-block{
	height:1%;
	overflow:hidden;
	border:1px solid #d6d6d6;
	margin-bottom:10px;
	padding-bottom:5px;
}
.product-content{
	width:390px;
	float:left;
	overflow:hidden;
	padding-top:10px;
}
.product-column{
	width:183px;
	float:right;
	padding-top:8px;
}
.image-holder{
	width:124px;
	height: 124px; 
	line-height: 124px;
	float:left;
	text-align:center;
	position: relative;
}
.product-content .image-holder .environmental {
	background-image: url(/images/small_eco_splash.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	position: absolute;
	top: -9px; 
	left: 1px;
}

.product-text{
	float:left;
	padding-left:7px;
	width:255px;
}
.product-text h4 {
	margin:0 0 6px;
	font-size:14px;
}
.product-text h4 a{
	color:#423474;
}

.product-text h4.ecoteam a {
	color:#0A5C29;
}

.product-column h5.ecoteam {	
	color:#339966;	
}

.product-column h4.ecoteam {
	color:#339966;
}

div.content .product-text p{	
	color:#333333;
	font-size:10px;
	max-height:65px;
	line-height:13px;
	margin:0 0 10px;
	overflow:hidden;	
}
.product-text span{
	color:#666;
	font-size:14px;
}
.product-column h4{
	margin:0;
	color:#f90;
	font-size:24px;
}
.product-column span{
	color:#999;
	display:block;
}
.product-column h5{
	margin:0;
	color:#8276a5;
	font-size:20px;
}
.product-column p{
	margin:0;
	color:#666;
	font-size:12px;
}
.product-column p em{
	font-style:normal;
	color:#423474;
}
.banner-big img{
	display:block;
	margin-bottom:10px;
}

.product-column .basket_status {
	text-align: center;
	width: 150px;
}


/*accordion*/
.accordion{
	list-style:none;
	margin:0;
	padding:0 0 15px;
	width:100%;
	overflow:hidden;
}
.side-block,
.accordion li{
	font-size:12px;	
	width:100%;
	float:left;
	clear:both;
}
.column .banners h4, 
.accordion li div,
.accordion li a{
	color:#fff;
	text-decoration:none;
	background:#423474;
	display:block;
	height:1%;
	padding:6px 0 6px 6px;
	text-transform:uppercase;
	font-weight: normal;
	font-size: 12px;
}
.column .banners h4 {
	margin: 0px 4px; 
}
.accordion li ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:2;
}
.accordion li.active a{
}
.accordion li ul li{
	margin:1px 0 0;
}
.accordion li ul li a{
	background:#8379a6 !important;
}
.accordion li ul li a:hover{
	background:#a9a2c1 !important;
}
.accordion li li.active ul{
	margin-top:-7px;
	position:relative;
	z-index:1;
}
.accordion li li.active a, 
.accordion li li.active a:hover{
	background: url(/images/bg-accordion-active.gif) no-repeat !important;
	padding-bottom:15px;
	position:relative;
	z-index:2;
}
.accordion li li li a, 
.accordion li li.active ul a{
	background:#d6d6d6 !important;
	color:#000;
	padding-left:11px;
	padding-bottom:6px !important;
}
.accordion li li li a span{
	font-size: 70%;
}
.accordion li li.active ul a:hover{
	background:#a5cfd3 !important;
}
.accordion li li li.active a,
.accordion li li.active li.active a{
	background: url(/images/bg-accordion-active2.gif) no-repeat !important;
	padding-bottom:15px !important;
}
.accordion li li li.active a:hover {
	background: url(/images/bg-accordion-active2.gif) no-repeat !important;
}
.accordion li li li.active ul a,
.accordion li li.active li.active ul a{
	padding-left:20px !important;
	padding-bottom:6px !important;
}
.accordion li li li.active ul a:hover,
.accordion li li li.active ul li.selected a,
.accordion li li.active li.active ul a:hover{
	background:#fc6 !important;
}
.accordion li.active li li.active ul a,
.accordion li.active li.active li ul a {
	background:#ebebeb !important;
	padding-left:20px !important;
	padding-bottom:6px !important;
}
.accordion li li.active li.active ul a {
	background:#ebebeb !important;
}

.accordion li li.active li.active ul a span{
	font-size: 80%;
	color: #666666;
	text-transform:lowercase;
}

#more_info.accordion li.active div {
	background-color:#123456;	
}

#more_info.accordion li.active a {
	background:none repeat scroll 0 0 #6699ff !important;	
}

#more_info.accordion li.active a:hover {
	background:none repeat scroll 0 0 #88AAFF !important;	
}

/* Breadcumbs */
.breadcumbs {
	background-color:#333333;
	color:#FFFFFF;
	font-size:120%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 5px;
	padding:0;
}
.breadcumbs li {
	float: left;
}
.breadcumbs li a {
	float: left;
	background-color:#333333;
	color:#FFFFFF;
	line-height:34px;
	margin:0;
	padding: 0px 4px;
	vertical-align:middle;	
}

#homepage .sub_promo {
	width: 260px; 
	float: left;
	margin: 5px 0px;
}

#subfeatures .sub_promo {
	float:left;
	margin:5px 0;
	width:260px;
}

#business_sign_up {
	position: relative;
	height: 110px;
}
#business_sign_up img {	
	position: absolute;
	left: -4px;
}

#product_details_left input,#product_details_right input{
	width:265px;
}
#product_details_left {
	float:left;
	width:46%;
}

#product_details_right {
	float:right;
	width:46%;
}
