/*GLOBAL OPTIONS*/
html {font-size: 100.1%;}
body {
	font: 64% Arial, Helvetica, sans-serif;
	margin: 0;
}
form {
	display: inline;
	padding: 0;
	margin: 0;
}
li {list-style: none;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
a:focus {outline: none;}
img {border: none;}
/*text to image replacment*/
.hidden-text {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
/*MAIN CONTAINER*/
#main {
	margin: 0 auto;
	width: 801px;
}
/*HEADER*/
#header {
	height: 127px;
	background: url(../images/bg-header.gif) no-repeat 0 77px;
	position: relative;
	z-index: 100;
}
/*logo*/
.logo {
	display: inline;
	margin: 0;
	position: absolute;
	top: 20px;
	left: 0;
}
.logo a {
	background: url(../images/logo.gif) no-repeat;
	height: 38px;
	width: 178px;
}
/*main navigation*/
#main-nav {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 100px;
	width: 810px;
}
#main-nav li {float: left;}
#main-nav li a {
	display: block;
	color: #455560;
	font-size: 12px;
	width: 187px;
	margin-right: 5px;
	padding-left: 10px;
	text-decoration: none !important;
	font-weight: bold;
}
#main-nav div {
	position: absolute;
	top: -4px;
	left: 0;
	width: 197px;
}
#main-nav ul {
	display: none;
	padding: 25px 0 0;
	margin: 0;
	width: 196px;
	height: 48px;
	overflow: hidden;
}
#main-nav ul.green {background: url(../images/bg-green.png);}
#main-nav ul.yellow {background: url(../images/bg-yellow.png);}
#main-nav ul.blue {background: url(../images/bg-blue.png);}
#main-nav ul.red {background: url(../images/bg-red.png);}
#main-nav li:hover, #main-nav li.hover {position: relative;}
#main-nav li:hover ul, #main-nav li.hover ul {display: block;}
#main-nav ul li {width: 100%;}
#main-nav ul li a {
	color: #fff;
	line-height: 23px;
	width: 185px;
	margin-right: 0;
}
#main-nav ul li a:hover {color: #000;}
#main-nav ul.green li a:hover {background: url(../images/bg-green.png);}
#main-nav ul.yellow li a:hover {background: url(../images/bg-yellow.png);}
#main-nav ul.blue li a:hover {background: url(../images/bg-blue.png);}
#main-nav ul.red li a:hover {background: url(../images/bg-red.png);}
#main-nav ul li.first {
	border: solid #fff;
	border-width: 1px 0;
}
/*CONTAINER*/
#container {
	overflow: hidden;
	border-top: 1px solid #d1d5d8;
	padding-top: 9px;
}
/*content*/
.content {
	overflow: hidden;
	background: url(../images/img-vertical-border.gif) repeat-y 493px 0;
	border-top: 1px solid #d1d5d8;
	margin-top: 9px;
}
.content h2 {
	font-size: 11px;
	background: url(../images/bg-orange.gif) no-repeat 100% 0;
	margin: 0 0 3px;
}
/*twocolumns*/
.twocolumns {
	float: left;
	width: 500px;
	background: url(../images/bg-twocolumns.gif) no-repeat 243px 8px;
	padding-top: 10px;
	overflow: hidden;
}

.c-column {
	float: left;
	margin-right: 13px;
}
.c-box {
	border-bottom: 1px solid #d1d5d8;
	padding-bottom: 9px;
	margin-bottom: 9px;
}
.twocolumns .last {
	margin-bottom: 0;
	padding-bottom: 0;
}
/*advertisement box*/
.advertisement-box {
	float: right;
	width: 300px;
	padding-top: 9px;
}
.advertisement-box h3 {
	color:#455560;
	text-align: center;
	font-size: 12px;
	margin: 0;
	border-bottom: 1px solid #d1d5d8;
	padding: 5px 0;
}
/*products categories*/
#products-categories {
	position: relative;
	margin-bottom: 10px;
}
#drop-link {
	line-height: 20px;
	display: block;
	color: #fff;
	text-decoration: none !important;
	background: #455560 url(../images/img-arrows.gif) no-repeat 781px 50%;
	font-size: 14px;
	padding-left: 7px;
	font-weight: bold;
}
.drop-box {
	display: none;
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
}
.open .drop-box {display: block !important;}
.drop-box ul {
	margin: 0;
	padding: 0;
	background: url(../images/bg-product.png);
	width: 100%;
}
.drop-box ul a {
	line-height: 20px;
	display: block;
	color: #fff;
	text-decoration: none !important;
	font-size: 14px;
	padding-left: 8px;
	font-weight: bold;
	width: 793px;
}
.drop-box ul a:hover {
	background: url(../images/bg-products-hover.png);
	color: #a8d59d;
}
/*product list*/
.product-list {
	padding: 0 0 40px;
	margin: 0;
	background: url(../images/bg-products.gif) repeat-x 0 100%;
	overflow: hidden;
}
.product-list li {
	float: left;
	width: 126px;
	margin: 10px 9px 0 0;
}
.product-list li.last {margin-right: 0;}
.product-list li a {display: block;}
.product-list li strong {
	display: block;
	font-size: 12px;
	line-height: 19px;
	color: #455560;
	font-weight: normal;
}
.product-list .price {
	color: #f26531;
	display: block;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
}
.product-photo {
	width: 125px;
	height: 84px;
}
.product-photo img {display: block;}
.product-photo .rollover-image {
	position: absolute;
	left: -9999px;
	top: 17px;
	border: 3px solid #455560;
}
.product-photo:hover .rollover-image {left: 0;}
.product-photo:hover {position: relative;}
.orange {
	background: #f26531;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 21px;
	padding-left: 10px;
	margin-bottom: 1px;
	text-decoration: none;
}
.orange:hover {text-decoration: underline;}
/*product page*/
.product-page {
	padding: 0 0 20px !important;
	border: 0 !important;
}
/*CONTANCT PAGE*/
.call-line {
	overflow: hidden;
	color: #455560;
	margin-bottom: 10px;
}
.call-line strong {
	float: left;
	font-size: 33px;
	white-space: nowrap;
	margin-right: 15px;
	font-weight: normal;
}
.call-line span {
	display: block;
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
}
/*contact form*/
.contact-form {
	background: #fef1e9;
	padding: 15px 20px;
	margin-bottom: 13px;
}
.form-row {
	overflow: hidden;
	margin-bottom: 7px;
}
.contact-form label {
	float: left;
	width: 95px;
	color: #f26531;
	font-size: 12px;
	line-height: 22px;
}
.contact-form label.long {
	width: auto;
	margin-right: 7px;
}
.i-text, .contact-form textarea {
	background: #fff;
	border: 1px solid #fccebb;
	width: 645px;
	height: 16px;
	padding: 0;
	padding: 2px 5px;
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
}
.contact-form textarea {
	height: 102px;
	overflow: auto;
}
.i-check {
	float: left;
	width: 14px;
	height: 14px;
	padding: 0;
	margin: 5px 0 0;
}
.btn {
	float: right;
	margin-right: 8px;
	background: #f26531;
	color: #fff;
	text-align: center;
	width: 118px;
	line-height: 19px;
	font-size: 12px;
	text-decoration: none !important;
	font-weight: bold;
}
.btn:hover {background: #e60c71;}
/*address*/
address {
	display: block;
	font-size: 14px;
	font-style: normal;
	color: #455560;
}
/*steps*/
.steps {
	overflow: hidden;
	margin-top: 20px;
}
.step {
	float: left;
	width: 263px;
	margin-right: 4px;
	text-decoration: none;
}
.step b {
	display: block;
	font-weight: normal;
}
.step:hover {position: relative;}
.step:hover em {color: #ffe363;}
.step:hover b, .step:hover b.sub {background: #455560 !important;}
.step:hover strong {color: #fff;}
.step b {
	background: #455560;
	margin-bottom: 5px;
	padding: 5px;
}
.step b.sub {background: #f26531 !important;}
.step em {
	color: #ffe363;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	display: block;
	width: 160px;
}
.step strong  {
	color: #455560;
	font-size: 29px;
}
.step a, .step span {
	color: #fff;
	font-size: 17px;
	line-height: 21px;
	width: 130px;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.step span {width: 205px;}
.step1 b {background: #ffe563;}
.step2 b {background: #e8d766;}
.step3 b {background: #faa634;}
.step1 em {
	margin-bottom: 15px;
	color: #ffe563;
}
.step2 em {
	margin-bottom: 50px;
	color: #e8d766;
}
.step3 em {
	margin-bottom: 65px;
	color: #faa634;
}
/*product details*/
.product-box {overflow: hidden;}
.img-holder {
	float: left;
	width: 280px;
}
.img-holder img {
	display: block;
	margin-bottom: 6px;
	padding: 7px;
	background: #9fa1a4;
}
.order-now {
	display: block;
	text-align: center;
	color: #fff;
	line-height: 41px;
	font-size: 13px;
	font-weight: bold;
	background: #f26531;
	text-decoration: none !important;
}
.order-now:hover {background: #e50278;}
/*description*/
.desc {
	float: right;
	width: 516px;
	background: url(../images/bg-two-products.gif) repeat-x;
}
.desc-column {
	float: left;
	width: 155px;
	padding-top: 10px;
	margin-bottom: 6px;
}
.right {
	float: right;
	padding-right: 50px;
}
.desc-column strong {
	color: #f26531;
	font-size: 15px;
	text-align: center;
	display: block;
	margin-bottom: 30px;
}
.desc-column img {
	display: block;
	margin: 0 auto 48px;
}
.desc-column ul {
	margin: 0;
	padding: 0 0 0 15px;
}
.desc-column ul li {
	font-size: 14px;
	color: #fff;
	line-height: 27px;
}
.you-may {
	display: block;
	clear: both;
	line-height: 41px;
	padding-left: 15px;
	color: #fff;
	background: #455560;
	font-size: 13px;
	font-weight: bold;
}
/*description list*/
.desc-list {
	padding: 0;
	margin: 0;
	float: left;
	width: 490px;
}
.desc-list li {
	overflow: hidden;
	border-bottom: 1px solid #b7b9bb;
}
.desc-list li a {
	float: left;
	width: 127px;
	height: 59px;
	overflow: hidden;
	margin-right: 25px;
}

.desc-list li img {float: left;}
.desc-list li a:hover img {margin-top: -59px;}
.desc-list li a:hover {position: relative;}
.desc-list li span {
	line-height: 60px;
	font-size: 12px;
	color: #5e6c75;
}
.product-details-page .content {background: none;}