body,html{
	padding:0;
	margin:0;
	background:#FFF;
	font-family:verdana,tahoma,arial,sans-serif;
}

/*SHARED*/

form,input,p,h1,h2,h3,h4,h5,h6,ul,li,img{
	padding:0;
	margin:0;
}
li{
	list-style:none;
}

a{
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}

.textGreen{
	color:#336600 !important;
}
.textGreenAlt{
	color:#7F8F16 !important;
}

.textBlack{
	color:#000 !important;
}
.textWhite{
	color:#FFF !important;
}
.textBrown{
	color:#996600 !important;
}
.textBlue{
	color: #316592 !important;
}
.textBlueAlt{
	color: #2F5E92 !important;
}
.textPurple{
	color: #630F60 !important;
}
.textCentered{
	text-align:center !important;
}

.leftFloater{
	float:left !important;
}
.rightFloater{
	float:right !important;
}
.floatClearer{
	clear:both;
}
.centered{
	display:block;
	margin:0 auto;
}


.vSpaceSide{
	clear:both;
	padding-top:10px;
}
.vSpaceForm{
	clear:left;
	padding-top: 4px;
}

.absTopRight{
	position:absolute;
	top:0px;
	right:0px;
}
.absTopLeft{
	position:absolute;
	top:0px;
	left:0px;
}

.absBottomRight{
	position:absolute;
	bottom:0px;
	right:0px;
}

.absWrapper{
	position:relative;
	height:auto !important;
	height:1%;
}

.border0{
	border:none;
}

.borderBottom{
	border-bottom:1px solid #FFF !important;
}
.box{
	display: block;
	float:left;
	width:172px;
	font-size: 11px;
	padding: 4px 4px;
	
}


.boxImg{
	border:0;
	padding:8px 0;
	margin:0 auto;
	display:block;
}
.gradGreenLight{
	background: url(images/box/gradient-light-green-180.jpg) repeat-y;
}
.gradGreen{
	background: url(images/box/gradient-green-180.jpg) repeat-y;
}

.gradOrangeLight{
	background: url(images/box/gradient-light-orange-180.jpg) repeat-y;
}
.gradOrangeMedium{
	background: url(images/box/gradient-medium-orange-180.jpg) repeat-y;
}
.gradOrange{
	background: url(images/box/gradient-orange-180.jpg) repeat-y;
}
.gradOrangeDark{
	background: url(images/box/gradient-deep-orange-180.jpg) repeat-y;
}

.gradBlueLight{
	background:url(images/box/gradient-light-blue-180.jpg) repeat-y;
}
.gradBlue{
	background:url(images/box/gradient-blue-180.jpg) repeat-y;
}

.gradPurpleLight{
	background:url(images/box/gradient-light-purple-180.jpg) repeat-y;
}
.gradPurple{
	background:url(images/box/gradient-purple-180.jpg) repeat-y;
}

.gradRedLight{
	background:url(images/box/gradient-light-red-180.jpg) repeat-y;
}
.gradRed{
	background:url(images/box/gradient-red-180.jpg) repeat-y;
}
.boxTitle{
	font-weight: bold;
	text-align: center;
}

ul.iconList li img{
	float:left;
}
ul.iconList li a{
	float:left;
	display:block;
	line-height:18px;
	padding-left: 4px;
}
ul.iconList li{
	padding:2px 0;
}





div.container{
	width:990px;
	margin:0 auto;
}

/*HEADER*/
div.header{
	position:relative;
	height:200px;
	background: url(images/header/header_bottom.gif) no-repeat;
	background-position: bottom left;
}
div.header img{
	border:0;
}

div.headerLeft{
	position:absolute;
	left:0px;
	top:0px;
}

div.headerRight{
	position:absolute;
	top:0px;
	left:180px;
}

input.searchInput{
	background: #FFF;
	border:1px solid #336600;
	border-right:0;
	width:159px;
	height:19px;
	color:#336600;
}

div.headerTop{
	position:relative;
	width:810px;
	height:60px;
	background: url(images/header/logo_slogan_lang1.gif) no-repeat;
}
div.topMenu a{
	color:#336600;
	padding-right:12px;
	font-size: 11px;
	line-height: 22px;
}


div.mmWrapper{
	background: url(images/header/mm_bg.gif) no-repeat;
	height:120px;
}
div.mmWrapper img{
	border:0;
	
}
div.mmWrapper div{
	border-left:1px solid #FFF;
	height:120px;
	float:left;
}
div.mmWrapper a{
	display:block;
}
a.mmLink{
	font-size:11px;
	letter-spacing: -1px;
	color:#336600;
	padding: 2px 2px;
}
div.home{
	width:180px;
	height:40px;
	background:url(images/header/level.gif) no-repeat;
	font-size: 11px;
	text-align: right;
	
}



/*MAIN*/

div.mainWrapper{
	width:100%;
	float:left;
}
div.main{
	margin:0px 180px;
	padding:0px 20px;
	font-size: 11px;
}

/*LEFT*/
div.left{
	position:relative;
	float:left;
	margin-left:-990px;
	width:180px;
	height:auto !important;
	height:1%;
}

ul.productList{
	width:180px !important;
	padding:0 !important;
	padding-bottom: 30px !important;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

ul.productList a{
	display:block;
	width:172px;
	border-bottom:1px solid #FFF;
	padding:4px 4px;
	color:#336600;
}


ul.productList a:hover{
	background: url(images/box/gradient-blue-180.jpg) repeat-y;
	color:#FFF;
	text-decoration: underline;
}

div.leftBottom{
	height:90px;
	background:url(images/box/gradient-end-deep-orange-180.jpg) no-repeat;
}

/*RIGHT*/
div.right{
	float:left;
	margin-left:-180px;
	width:180px;
}
.boxInput{
	float:left;
	display:block;
	background:#FFF;
	padding:0px 4px;
	width:136px;
	font-size: 11px;
	height:16px;
}

.loginBoxInput{
	border:1px solid #C7D84D;
	color:#7F8F16;
}

.newsletterBoxInput{
	border:1px solid #FFCD68;
	color:#CC6600;
}

/*FOOTER*/
div.footer{
	clear:both;
	width:100%;
	height:22px;
	background: url(images/box/footer.jpg) repeat-y;
}

div.footer a{
	color:#336600;
	font-size:11px;
	padding:4px 6px;
	line-height: 18px;
}



