/* Global reset */
img{border-style:none;}
a{
	color:#000;
	text-decoration: none;
}
a:hover{text-decoration: underline;}
form,
fieldset,
input,
select{
	margin:0;
	padding:0;
}
fieldset{
	border: 0;
	border-style: none;
}
select{vertical-align:middle;}
:focus{outline:none;}
/* General */
html{height: 100%;}
body{
	background: url(../images/bg-body.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	margin: 0;
	padding: 0px;
}
body.home{background: url(../images/bg-body-homepage.jpg) repeat-x;}
#wrapper{
	width:986px;
	margin: 0 auto;
	overflow: hidden;
}
#header{
	width: 100%;
	height: 171px;
	overflow: hidden;
}
.home #header{height: 133px;}
#header h1{margin: 0;}
#header h1 a{
	text-indent: -9999px;
	float: left;
	background: url(../images/logo.gif) no-repeat;
	width: 274px;
	height: 113px;
	margin: 19px 0 0 2px;
	overflow: hidden;
}
.home #header{background: url(../images/bg-header.jpg) no-repeat 100% 100%;}
.home #header h1 a{
	width: 257px;
	height: 106px;
	margin: 25px 0 0 50px;
	background: url(../images/logo-homepage.gif) no-repeat;
}
#header .date{
	float: right;
	color: #f93;
	font-size: 13px;
	margin: 0 45px 0 0;
}
.home #header .date{
	font-size: 12px;
	margin: 2px 28px 0 0;
}
#main{
	width: 100%;
	overflow: hidden;
}
.products{
	width: 100%;
	overflow: hidden;
	margin: 9px 0 0;
	background: url(../images/bg-products.gif) no-repeat 100% 0;
}
.product{
	float: left;
	background: url(../images/bg-product.jpg) no-repeat;
	width: 197px;
	height: 214px;
	position: relative;
	overflow: hidden;
}
.product img{display: block;}
.product-description{
	/*background: url(../images/bg-product-description.png) no-repeat;*/
	position: absolute;
	left: -5px;
	top: 0px;
	width: 198px;
	height: 67px;
	color: #fff;
	font-weight: bold;
	text-align:center;
}
.product-description p{
	margin: 10px 7px 0 12px;
	word-spacing: -1px;
}
.product01 img{margin: 20px 0 0 2px;}
.product02 img{margin: 25px 0 0 3px;}
.product03 img{margin: 14px 0 0 9px;}
.product04 img{margin: 20px 0 0 4px;}
.product05 img{margin: 19px 0 0 16px;}
.service-bar{
	width: 100%;
	margin: 15px 0 0;
}
.service-bar:after {
	content:"";
	display:block;
	clear:both;
}
.service-bar .login-form{
	float: left;
	width: 570px;
	margin-left: 9px;
	display: inline;
}
.login-form div{
	float: left;
	width: 256px;
	margin-right: 13px;
	overflow: hidden;
}
.login-form label{
	float: left;
	color: #fff;
	font-size: 11px;
	line-height:26px;
	margin: 0 7px 0 0;
}
.login-form p{
	margin: 0;
	float: left;
	background: url(../images/bg-textfield.gif) no-repeat;
	padding: 4px;
	width: 184px;
}
.login-form .txt{
	float: left;
	border: 0;
	width: 100%;
	padding: 1px 0;
	font:13px Arial, Helvetica, sans-serif;
}
.login-form .btn{
	float: left;
	border: 0;
	margin: -1px 0 0 -3px;
	position: relative;
}
#nav{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 1%;
	overflow: hidden;
	font-weight: bold;
	font-size:13px;
	word-spacing: -1px;
}
.service-bar #nav{
	float: right;
	margin: 5px -14px 0 0;
}
#nav li{
	float: left;
	background: url(../images/separator.gif) no-repeat 0 1px;
	margin: 0 14px 0 -2px;
	padding: 0 0 0 15px;
	display: inline;
}
#nav a{
	color: #f93;
	text-decoration: none;
}
#nav li.active a,
#nav a:hover{
	color: #fff;
	text-decoration: none;
}
.three-columns{
	width: 100%;
	overflow: hidden;
	padding: 40px 0 16px 17px;
	position: relative; 
}
.three-columns .col{
	float: left;
	width: 276px;
	font-size: 12px;
	color: #565764;
	margin: 0 34px 0 0;
	overflow: hidden;
}
.three-columns .col .header{
	width: 100%;
	overflow: hidden;
	padding: 0 0 5px;
}
.three-columns .col .header h3{
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	border-bottom: 1px solid #f1f1f1;
	height: 18px;
	padding: 0 0 5px;
}
.three-columns .printing .header h3{
	background: url(../images/text-printing.gif) no-repeat 4px 0;
	margin: 0 0 0 5px;
}
.three-columns .printing img{
	border: 2px solid #f93;
	margin-top: 2px !important;
}
.three-columns .printing .header{padding: 0 0 6px;}
.three-columns .col p{
	margin: 0;
	line-height: 21px;
}
.three-columns .col img{
	float: left;
	margin: 0 6px 0 0;
}
.three-columns .col strong{
	color: #f93;
	display: block;
	font-size: 15px;
}
.three-columns .promotional .header h3{
	background: url(../images/text-promotional-items.gif) no-repeat;
	margin: 0;
}
.three-columns .time-to-green .header h3{
	background: url(../images/text-time-to-green.gif) no-repeat;
	margin: 0;
}
.three-columns .col .more{
	position: absolute;
	bottom:0;
	width: 276px;
	overflow: hidden;
}
.three-columns .col .more a{
	text-transform: uppercase;
	font-style: italic;
	color: #f93;
	font-size:11px;
	font-weight: bold;
	border-bottom: 2px solid #ffe5cc;
	float: right;
}
.three-columns .col .more a:hover{
	text-decoration: none;
	border: none;
	padding-bottom: 2px;
}
.three-columns .printing .more{width: 236px;}
.three-columns .promotional .more{width: 266px;}
.three-columns .time-to-green .more{width: 270px;}
#footer{
	height: 1%;
	overflow: hidden;
	border-top: 1px solid #e6e6e6;
	padding: 18px 0 0;
	margin: 24px 50px 0 5px;
}
.home #footer{padding: 8px 0 0;}
#footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer .footer-nav{
	font-size: 11px;
	float: left;
	overflow: hidden;
	margin-left: -5px;
}
.footer-nav li{
	float: left;
	background: url(../images/separator-footer.gif) no-repeat 0 2px;
	margin: 0 16px 0 -1px;
	padding: 0 0 2px 16px;
}
.footer-nav a{
	color: #666;
	text-decoration: none;
}
.footer-nav a:hover{text-decoration: underline;}
#footer .additional{
	float: right;
	color: #069;
	font-size: 13px;
}
#footer .additional li{float: left;}
#footer .additional li img{display: block;}
#footer .additional li.contact{margin: -1px 0 0;}
#footer .additional li.recycle{margin:-4px 0 0 13px;}
#footer .additional li.valid{margin: 9px 0 0 24px;}
#footer .additional li.footer-logo{margin: -1px 0 0 18px;}
#footer .additional li.footer-logo p{
	margin: 2px 0 0;
	font-size: 11px;
	color: #666;
	text-align: center;
}
#header .top-bar{
	width: 100%;
	overflow: hidden;
	margin: 23px 0 0;
}
#header .top-bar #nav{float: left;}
.home #header .top-bar{margin: 0;}
/* popup */
.popup-t{
	background: url(../images/bg-popup-t.gif) no-repeat;
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: -9999px;
	padding: 7px 0 0;
	width: 340px;
}
.popup-b{
	height: 1%;
	overflow: hidden;
	background: url(../images/bg-popup-b.gif) no-repeat 0 100%;
	color: #666;
	font-size: 14px;
	line-height: 16px;
	padding: 0 30px 30px;
}
.popup-b .header{
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 0 0 13px;
	margin-bottom: 22px;
}
.popup-b .header a{
	font-size: 12px;
	float: right;
	color: #f90;
	text-decoration: none;
	margin: 0 -18px 0 0;
	position: relative;
}
.popup-b .header a:hover{text-decoration: underline;}
.popup-b h3{
	margin: 0 0 0;
	padding: 20px 0 0;
	font-size:24px;
	/*background: url(../images/text-login-modal-box.gif) no-repeat 0 20px;*/
	height: 29px;
	/*text-indent: -9999px;*/
	overflow: hidden;
	clear: both;
}
.popup-b p{
	margin: 0;
	line-height: 22px;
}
.popup-b .form-popup-login{
	width: 100%;
	overflow: hidden;
	margin: 34px 0 0;
}
.form-popup-login p{
	margin: 0 0 17px;
	background: url(../images/bg-popup-textfield.gif) no-repeat;
	padding: 0 16px;
	width: 248px;
	overflow: hidden;
}
.form-popup-login .txt{
	float: left;
	border: 0;
	color: #666;
	font:14px Arial, Helvetica, sans-serif;
	padding: 5px 0 6px;
	background: transparent;
}
.form-popup-login .row{
	width: 100%;
	overflow: hidden;
	margin: -10px 0 0;
}
.form-popup-login .row .check{
	float: left;
	width: 14px;
	height: 14px;
	margin: 3px 3px 0 10px;
}
.form-popup-login .row label{
	float: left;
	font-size: 12px;
}
.form-popup-login .row a{
	float: right;
	color: #f90;
	text-decoration: none;
	margin: 0 9px 0 0;
	font-size: 12px;
}
.form-popup-login .row a:hover{text-decoration: underline;}
.form-popup-login .btn{
	float: left;
	margin: 25px 0 0 65px;
}
.slideshow {
	height:214px;
	width:197px;
	float: left;
}
ul.slideset {
	position: relative;
	list-style: none;
	overflow:hidden;
	padding: 0;
	margin: 0;
	height:214px;
	width:197px;
	float: left;
}
ul.slideset li {
	position: absolute;
	top: 0;
	left: 0;
}
ul.slideset li.active {
	z-index: 1;
}
#main .text{
	width: 100%; 
	overflow: hidden;
	padding: 37px 0 91px;
}
#main .text .img-holder{
	float: left;
	margin: -11px 13px 10px -2px;
}
#main .text .img-holder img{
	display: block;
	margin: 0 0 -9px 7px;
}
#main .text .grey-box-t{
	width: 196px;
	overflow: hidden;
	background: url(../images/bg-greybox-t.gif) no-repeat;
	padding-top: 8px;
}
#main .text .grey-box-b{
	width: 100%;
	overflow: hidden;
	background: url(../images/bg-grey-box-b.gif) no-repeat 0 100%;
	padding-bottom: 8px;
}
#main .text .grey-box{
	height: 1%;
	overflow: hidden;
	background: url(../images/bg-grey-box.gif) repeat-y;
	padding: 0 33px 0 11px;
}
#main .text .grey-box p{
	margin: 0;
	font-size:13px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: normal;
}
#main .text p{
	font-size: 16px;
	text-align: justify;
	line-height: 18px;
	margin-top: 10px;
	margin-right: 37px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-bottom: 0px;
}
#main .text p span{color: #f60;}
#mail .text ul {font-size:12px}

#map {
	height: 500px;
	width: 675px;
	float:right;
	margin-left:15px;
}