@charset "utf-8";

/*	=RESETS / BASICS
	----------------------------------------------------*/
*{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, Verdana;
	font-size:12px;
	line-height:20px;
	list-style-type:none;
	outline:0px;
	color:#FFFFFF;
	text-decoration:none;
}
body{
	background-image:url('img/body-bg.jpg');
	background-repeat:repeat-x;
	background-position:0px 584px;
	width:100%;
}
body.home{
	background-position:0px 602px;
	background-image:url('img/body-bg-home.jpg');
}
body.conditions{
	background:none;
}
img{
	border:0px;
}
strong{
	color:#d5ab55;
}
/*	=HEADER
	----------------------------------------------------*/
div#header{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:514px;
	z-index:-1;
	background-image:url('img/intro-bg.jpg');
	background-repeat:repeat-x;
	background-position:top center;
}
div#header.sub{
	top:91px;
	height:482px;
}

/*	=INTRO LAYOUT
	----------------------------------------------------*/
div#pagebox{
	position:relative;
	width:992px;
	margin:0px auto;
	height:700px;
}
div#pagebox div#intro-content{
	padding-top:208px;
	padding-left:12px;
	border-left:1px solid #FFFFFF;
	float:left;
}

/*	=PAGE HEADER
	----------------------------------------------------*/
div#pagebox div#pageheader{
	height:91px;
	background-image:url('img/pageheader-bg.jpg');
	background-position:left top;
	background-repeat:no-repeat;
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main{
	padding-left:5px;
}
div#pagebox div#pageheader div#pageheader-top ul#crumbpath{
	float:right;
	padding-top:9px;
	padding-bottom:5px;
}
div#pagebox div#pageheader div#pageheader-top ul#crumbpath li a{
	color:#493812;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
}
div#pagebox div#pageheader div#pageheader-top ul#crumbpath li a:hover{
	text-decoration:underline;
}
div#pagebox div#pageheader div#pageheader-top ul#crumbpath li{
	float:left;
	margin-right:0px;
	padding-left:18px;
	background-image:url('img/crumbpath-arrow.jpg');
	background-repeat:no-repeat;
	background-position:7px 8px;
}
div#pagebox div#pageheader div#pageheader-top ul#crumbpath li.first{
	background:none;
}
div#pagebox div#pageheader div#pageheader-bottom{
	clear:both;
	padding-left:19px;
	height:46px;
}
div#pagebox div#pageheader div#pageheader-bottom div#logo-title{
	float:left;
	height:46px;
}
div#pagebox div#pageheader div#pageheader-bottom div#brands{
	float:right;
	height:46px;
}
div#pagebox div#pageheader div#pageheader-bottom div#brands img{
	margin-left:13px;
}

/*	=CONDITIONS
	----------------------------------------------------*/
div#conditions{
	padding:10px;
}
div#conditions p{
	position:relative;
	margin-top:12px;
	color:#000000;
}

/*	=COLUMN LEFT
	----------------------------------------------------*/
div#pagebox div#col-left{
	position:relative;
	width:496px;
	height:482px;
	overflow:hidden;
	float:left;
}
div#pagebox div#col-left.news{
	background-image:url('img/news-bg.jpg');
	background-repeat:no-repeat;
}
div#pagebox div#col-left.sub{
	background-image:url('img/content-bg.png');
}
div#pagebox div#col-left div#sub-overview{
	background-image:url('img/news-bg.jpg');
	background-repeat:no-repeat;
	padding-left:21px;
	padding-top:20px;
}
div#pagebox div#col-left div#sub-overview ul{
	margin-top:13px;
}
div#pagebox div#col-left div#sub-overview ul li{
	background-image:url('img/faq-arrow.png');
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:18px;
	padding-bottom:10px;
}
div#pagebox div#col-left div#sub-overview ul li a{
	font-weight:bold;
}
div#pagebox div#col-left div#sub-overview ul li a.selected,
div#pagebox div#col-left div#sub-overview ul li a:hover{
	color:#ffc545;
}

div#pagebox div#col-left div#intro{
	margin: 110px 0 0 20px; 
	padding: 10px;
	width: 416px;
	background-image: url(img/home-news-bg.png); 
}

div#pagebox div#col-left h1{
	width:440px;
/* 
	padding-top:230px;
	border-left:1px solid #FFFFFF;
	padding-left:27px;
*/
	height:29px;
	overflow:hidden;
}
div#pagebox div#col-left p{
	position:relative;
	font-weight:bold;
	margin-top:12px;
/* 
	margin-left:30px;
	width:448px;
	height:100px;
*/ 
	
}
div#pagebox div#col-left p span.back{
	position:absolute;
	color:#000000;
	top:0px;
	left:0px;
	z-index:1;
}
div#pagebox div#col-left p span.front{
	position:absolute;
	color:#FFFFFF;
	top:-1px;
	left:-1px;
	z-index:2;
}
div#pagebox div#col-left div.read-more{
	margin-top:19px;
	margin-left:28px;
}
div#pagebox div#col-left div.read-more img{
	margin-right:16px;
}

div#pagebox div#col-left #submenu_box{
	border-left: 1px solid #fff;
	padding-top: 26px;
	background-image:url('img/submenu-bg.png');
	width: 300px;	
}
div#pagebox div#col-left ul.submenu{

}
div#pagebox div#col-left ul.submenu li a{
	display:block;
	padding-left:19px;
	width:237px;
	height:24px;
	padding-top:1px;
	padding-bottom:2px;
}
div#pagebox div#col-left ul.submenu li a.selected,
div#pagebox div#col-left ul.submenu li a:hover{
	background-image:url('img/pagesub-hover.png');
}

div#pagebox div#col-left ul.submenu li a span.hover { display: none; }
div#pagebox div#col-left ul.submenu li a span.normal { display: block; }
div#pagebox div#col-left ul.submenu li a:hover span.hover { display: block; }
div#pagebox div#col-left ul.submenu li a:hover span.normal { display: none; }

div#pagebox div#col-left div#brands{
	margin-top:11px;
	margin-left:23px;
}
div#pagebox div#col-left div#brands img{
	margin-right:19px;
	margin-bottom:21px;
}

/*	=COLUMN RIGHT
	----------------------------------------------------*/
div#pagebox div#col-right{
	height:482px;
	float:right;
}
div#pagebox div#col-right div.home-news{
	margin-top:231px;
}

/*	=NEWS ITEMS
	----------------------------------------------------*/
div.news-item{
	margin-top:24px;
	color:#edece9;
	background:url('img/home-news-bg.png') repeat-y;
	width:423px;
	height:75px;
	padding-top:3px;
	padding-right:30px;
	padding-left:3px;
	position:relative;
}
div.news-item h2{
	margin-top:3px;
	margin-bottom:-2px;
}
div.news-item img.news-item-img{
	border:3px solid #f6ebd1;
	float:left;
	margin-right:13px;
}
div.overview{
	margin-left:16px;
	margin-top:15px;
}
div.img{
	position:absolute;
	bottom:108px;
	left:16px;
}

div.img.faq{
	position:absolute;
	bottom:20px;
	left:16px;
}

/*	=LOGO
	----------------------------------------------------*/
div#logo{
	position:absolute;
	top:449px;
	left:50%;
	margin-left:-158px;
	width:316px;
	text-align:center;
	z-index:100;
}
div#logo.home{
	top:539px;
}

/*	=DYNAMIC INPUT
	----------------------------------------------------*/
div.dynamic-input{
	position:relative;
	background-image:url('img/content-bg.png');
	width:437px;
	height:434px;
	padding-left:34px;
	padding-top:25px;
	padding-right:25px;
	padding-bottom:23px;
	overflow:auto;
}
div.sitemap{
	overflow:auto;
}
div.dynamic-input h1,
div.dynamic-input h2,
div.dynamic-input h3,
div.dynamic-input h4{
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	margin-bottom:5px;
}
div.dynamic-input h1{
	font-size:27px;
}
div.dynamic-input h2{
	padding:10px 0 0 0;
	font-size:22px;
}
div.dynamic-input h3{
	padding:10px 0 0 0;
	font-size:18px;
}
div.dynamic-input h4{
	padding:10px 0 0 0;
	font-size:16px;
}
div.dynamic-input p{
	margin:0 0 10px 0;
}
div.dynamic-input a{
	font-weight: bolder;	
	color: #FFC645; 
}
div.dynamic-input a:hover{
	text-decoration:none;
	color: #fff; 
}
div.dynamic-input ul,
div.dynamic-input ol{
	margin:0px;
	margin-left:15px;
	margin-bottom:15px;
	padding:0px;
}
div.dynamic-input ul li,
div.dynamic-input ol li{
	list-style:disc inside;
}
div.dynamic-input ul li ul,
div.dynamic-input ol li ul{
	margin:0px;
	margin-left:15px;
}

/*	=PAGINATOR
	----------------------------------------------------*/
div#col-right div.paginator{
	position:absolute;
	bottom:22px;
	right:32px;
	display:none;
}
div#col-right div.paginator a{
	display:block;
	float:left;
	margin-left:8px;
	height:21px;
	width:21px;
	background-color:#321a03;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
div#col-right div.paginator a.arrow{
	background:none;
	margin-top:3px;
}
div#col-right div.paginator a:hover,
div#col-right div.paginator a.selected{
	color:#ffc545;
	font-weight:bold;
}
div#col-left div.paginator{
	position:absolute;
	bottom:22px;
	left:8px;
}
div#col-left div.paginator div{
	float:left;
}
div#col-left div.paginator a.arrow{
	float:left;
	margin-top:20px;
}
div#col-left div.paginator a img{
	border:3px solid #FFFFFF;
	margin-right:34px;
}
div#col-left div.paginator a.arrow img{
	border:0px;
}
div#col-left div.paginator a.last img{
	margin-right:0px;
}

/*	=NAV MAIN
	----------------------------------------------------*/
div#pagebox div#pageheader div#pageheader-top ul#nav-main{
	position:absolute;
	left:0px;
	top:0px;
	height:40px;
	z-index: 500; 
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main li{
	position:relative;
	float:left;
	height:24px;
	font-size:12px;
	margin:0px;
	padding:15px;
	padding-top:10px;
	padding-bottom:6px;
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main li a{
	display:block;
	float:left;
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main li:hover{
	background-image:url('img/menu-bg_start.jpg');
	color:#FFFFFF;
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main li:hover ul.submenu{
	display:block;
	z-index:100;
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main li:hover a{
	color:#FFFFFF;
}

div#pagebox div#pageheader div#pageheader-top ul#nav-main li a span.hover { display: none; }
div#pagebox div#pageheader div#pageheader-top ul#nav-main li a span.normal { display: block; }
div#pagebox div#pageheader div#pageheader-top ul#nav-main li:hover a span.hover { display: block; }
div#pagebox div#pageheader div#pageheader-top ul#nav-main li:hover a span.normal { display: none; }

div#pagebox div#pageheader div#pageheader-top ul#nav-main li a{
	font-size:16px;
	font-weight:bold;
	color:#493812;
	line-height:18px;
	text-decoration:none;
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main li ul.submenu{
	background-image:url('img/submenu-bg2.jpg');
	width:230px;
	display:none;
	clear:both;
	position:absolute;
	top:40px;
	left:0px;
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main li ul.submenu li{
	padding-left:12px;
	padding-right:0px;
	padding-top:3px;
	padding-bottom:5px;
	width:218px;
	height:auto;
	clear:both;
	display:block;
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main li ul li:hover{
	background:none;
	background-image:url('img/submenu-hover.png');
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main li ul li:hover a{
	color:#ffc545;
}
div#pagebox div#pageheader div#pageheader-top ul#nav-main li:hover ul li a span.hover { display: none; }
div#pagebox div#pageheader div#pageheader-top ul#nav-main li:hover ul li a span.normal { display: block; }
div#pagebox div#pageheader div#pageheader-top ul#nav-main li:hover ul li:hover a span.hover { display: block; }
div#pagebox div#pageheader div#pageheader-top ul#nav-main li:hover ul li:hover a span.normal { display: none; }

/*	=AGE BOX
	----------------------------------------------------*/
div#age-box{
	float:right;
	margin-top:210px;
	height:164px;
	background-image:url('img/agebox-bg.png');
	padding:20px;
	padding-top:16px;
	padding-right:16px;
	position:relative;
}
div#age-box div#age-selector{
	clear:both;
	margin-bottom:5px;
	margin-top:12px;
}
div#age-box div#age-selector th{
	text-align:left;
	padding-bottom:4px;
}
div#age-box div#age-selector td#age-error{
	font-weight:bold;
}
div#age-box div#age-selector select{
	color:#000000;
	margin-right:12px;
}
div#age-box div#age-selector select option{
	color:#000000;
}
div#age-box div#age-selector select.country{
	margin-right:0px;
}
/*
div#age-box ul#nav-main li{
	width:34px;
	height:21px;
	border:2px solid #b0842b;
	background-color:#FFFFFF;
	background-image:url('img/agebox-dropdown.jpg');
	background-repeat:no-repeat;
	background-position:23px 8px;
	padding:0px;
	padding-left:3px;
	color:#000000;
	margin-right:15px;
}
div#age-box ul#nav-main li.last{
	margin-right:0px;
}
div#age-box ul#nav-main li a{
	color:#000000;
	text-decoration:none;
}
div#age-box ul#nav-main li ul.submenu{
	top:21px;
	margin-left:-2px;
	background:none;
	background-color:#FFFFFF;
	border:2px solid #b0842b;
	width:37px;
	height:255px;
	overflow:auto;
}
div#age-box ul#nav-main li ul.submenu li{
	padding:0px;
	padding-left:3px;
	border:0px;
	background:none;
}
div#age-box ul#nav-main li ul.submenu li a:hover{
	text-decoration:underline;
}
div#age-box ul#nav-main li.year{
	width:47px;
	background-position:36px 8px;
}
div#age-box ul#nav-main li.year ul.year{
	width:50px;
}
div#age-box ul#nav-main li.country{
	width:202px;
	background-position:190px 8px;
}
div#age-box ul#nav-main li.country ul.country{
	width:205px;
}
*/
div#age-box div#age-box-footer{
	clear:both;
}
div#age-box div#age-box-footer input{
	float:right;
}
div#age-box div#age-box-footer a{
	text-decoration:underline;
}
div#age-box div#age-box-footer a:hover{
	text-decoration:none;
}

/*	=PAGE FOOTER
	----------------------------------------------------*/
div#pagebox div#footer-menu{
	clear:both;
	float:right;
	padding:0px;
	margin-top:38px;
	text-align:right;
	width:500px;
	z-index:10;
}
div#pagebox div#footer-menu ul{
	float:right;
}
div#pagebox div#footer-menu li{
	float:left;
}
div#pagebox div#footer-menu a{
	color:#493812;
	margin-left:16px;
}
