.noScreen {
	display: none;
}
html, body {
	margin: 0; padding: 0;
}
* html, * html body {
	height: 100%;
}
html {
	background: #ffffff;
}
body {
}

#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-right: 20px;
	background-color: #fff;
}


/* header */
#header {
	position: relative;
	z-index: 3;
	margin: 0;
	height: 120px;
}

#logo {
	position: absolute;
	left: 6px; top: 0px;
	width: 228px; height: 210px;
	background: url(../images/logo_back.png) no-repeat left top;
}
#logo a {
	display: block;
	margin: 0 0 0 17px;
	width: 200px; height: 184px;
	background: url(../images/logo_kok.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -999em;
}

/* footer */
#footer {
	padding: 18px 12px 18px 283px;
	background: #eaedf0;
	text-align: center;
	size: 10px;
	width: 625px;
}
#footer .copy {
	float: left; display: inline;
	padding: 2px 3px 0 0;
}
#footer .btw {
   color: #59779A;
   margin-top: 6px;
   width: 560px;
}
#footer a {
	background: url(../images/footer_dash.gif) no-repeat left 5px;
	float: left; display: inline;
	padding: 2px 13px;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: underline;
}
#footer a.facebook{
	background: url(../images/social_footer.png) no-repeat left bottom;
	text-indent: -9999em;
	height: 23px; width: 24px;
	padding: 0;
	margin: 0 0 0 10px;
}
#footer a.twitter{
	background: url(../images/social_footer.png) no-repeat left top;
	text-indent: -9999em;
	height: 23px; width: 24px;
	padding: 0;
	margin: 0 0 0 10px;
}
/* topbar */
#topbar {
	position: absolute;
	top: 0; right: 0;
	z-index: 3;
	width: 642px;
	padding: 10px 25px 10px 17px;
	background: url(../images/dots_hor.gif) repeat-x bottom left;
}

/* topMenu */
#topMenu {
	float: right; display: inline;
	color: #7a8ca1;
}
#topMenu a {
	padding: 0 2px;
	text-decoration: underline;
}
#topMenu a:hover {
	text-decoration: underline;
}

/* accountMenu */
#accountMenu {
	float: left; display: inline;
}
#accountMenu h2 {
	position: relative;
	margin: -1px 0 0 0; padding: 0 8px 0 0;
	float: left; display: inline;
}
	* html #accountMenu h2 { /* Fix position for IE6 */
		margin-top: -4px;
	}
	* +html #accountMenu h2 { /* Fix position for IE7 */
		margin-top: -4px;
	}
#accountMenu a {
	text-decoration: underline;
	color: #7a8ca1;
}
#accountMenu a:hover {
	text-decoration: underline;
	color: #063369;
}

/* loginBox */
#loginBox {
	display: none;
	position: absolute;
	z-index: 4;
	top: 0; right: 0;
	padding: 10px 28px 23px 28px;
	width: 622px;
	background: url(../images/loginbox_back.png) no-repeat left bottom;
}
#loginBox h2 {
	float: left; display: inline;
	margin: 2px 8px 0 0;
}
	* +html #loginBox h2 {
		margin-top: 0;
	}
#loginBox .inputEmail,
#loginBox .inputPassword {
	float: left; display: inline;
	margin: 0 8px 0 0;
	width: 92px; height: 24px;
	background-repeat: no-repeat;
	background-position: left top;
}
#loginBox .inputEmail {
	background-image: url(../images/input_email.gif);
}
#loginBox .inputPassword {
	background-image: url(../images/input_password.gif);
}
#loginBox .inputEmail input,
#loginBox .inputPassword input {
	padding: 3px 6px;
	width: 80px;
	background: none;
	border: none;
	color: #7a8ca1;
}
#loginBox .submit {
	float: left; display: inline;
	margin: 0 8px 0 0;
}
#loginBox .link {
	float: left; display: inline;
	margin: 2px 8px 0 0;
	white-space: nowrap;
}
#loginBox .close {
	position: absolute;
	z-index: 5;
	top: 14px; right: 24px;
}

/* search */
#search {
	position: absolute;
	top: 64px; left: 250px;
	z-index: 3;
}
#search .input {
	float: left; display: inline;
	width: 194px; height: 24px;
	background: url(../images/input_search.gif) no-repeat left top;
}
#search .input input {
	margin: 0 0 0 6px; padding: 4px 0 2px 0;
	width: 174px;
	background: none;
	border: none;
	color: #7a8ca1
}
#search .submit {
	float: left; display: inline;
}

/* headerCart */
#headerCart {
	position: absolute;
	top: 60px; right: 0px;
	z-index: 3;
	padding: 7px 27px 0 27px;
	background: url(../images/ico_headercart.gif) no-repeat left top;
}
#headerCart h2 {
	position: relative;
	margin: -1px 0 0 0; padding: 0 7px 0 0;
	float: left; display: inline;
}
	* html #headerCart h2 { /* Fix position for IE6 */
		margin-top: -4px;
	}
	* +html #headerCart h2 { /* Fix position for IE7 */
		margin-top: -4px;
	}
#headerCart .content {
	float: left; display: inline;
	color: #7a8ca1;
}
#headerCart .checkout {
	clear: both;
	text-align: right;
}
	* html .checkout { /* Fix position for IE6 */
		margin-top: -7px;
	}
	* +html .checkout { /* Fix position for IE7 */
		margin-top: -7px;
	}
	
/* content */
#content {
	position: relative;
	z-index: 2;
	width: 900px;
}

/* sidebar */
#sidebar {
	position: absolute;
	left: 6px; top: 215px;
	width: 228px;
	z-index: 3;
}
#sidebarTop {
	height: 22px;
	background: url(../images/sidebar_top.png) no-repeat left top;
}
#sidebarContent {
	/* height is extended to content-height by jQuery script */
	width: 180px;
	padding: 0 24px;
	background: url(../images/sidebar_back.png) repeat-y left top;
}

/* menu */
#menu {
	padding: 0 0 10px 0;
}
#menu h2 {
	margin: 0 0 8px 0;
}
#menu ul {
	margin: 0; padding: 0;
	list-style: none;
}
#menu li {
	margin: 0 0 9px 0; padding: 0;
}
#menu li a.level1 {
	display: block;
	padding: 5px 0 0 22px;
	width: 158px; height: 25px; overflow: hidden;
	background: url(../images/menu_back.gif) no-repeat left top;
	text-decoration: none;
	font-size: 20px;
	color: #fff;
}
	* +html #menu li a.level1 { /* fix position for IE7 */
		padding-top: 3px; height: 27px;
	}
	* html #menu li a.level1 { /* fix position for IE7 */
		padding-top: 3px; height: 27px;
	}
#menu li a.level1:hover {
	background-position: left center;
	color: #063369;
}
#menu li.active a.level1 {
	background-position: left bottom;
	color: #063369;
}
/* level 2 */
#menu li ul {
	display: none;
}
#menu li.active ul {
	display: block;
	margin: 7px 0;
}
#menu li ul li {
	margin: 0 0 5px 0;
	width: 180px;
	background: url(../images/submenu_back.gif) no-repeat left top;
	font-weight: bold;
	font-size: 11px;
}
#menu li ul li a {
	display: block;
	padding: 4px 0 4px 20px;
	width: 160px;
	background: url(../images/submenu_bottom.gif) no-repeat left bottom;
	text-decoration: none;
}
	* html #menu li ul li a {
		height: 0.1em; /* avoid double margins in IE6 */
	}
/* level 3 */
#menu li li ul {
	display: none !important;
}
#menu li li.active ul {
	display: block !important;
	background: #fff;
	margin: 0 0 7px 0;
}
#menu li li ul li {
	margin: 0; padding: 0 0 0 8px;
	background: transparent url(../images/bullet_submenu.gif) no-repeat 18px 11px;
	font-weight: normal;
}
#menu li li ul li.active {
	font-weight: bold;
}
#menu li li ul li a {
	background: none;	
}
/* level 4 */
#menu li li li ul li {
    width: 174px;
    background: transparent url(../images/bullet_submenu.gif) no-repeat 18px 11px;
}
#menu li li li ul li a {
    width: 154px;
}



/* box */
#sidebar .box {
	width: 160px;
	padding: 10px;
	background: url(../images/dots_hor.gif) repeat-x left top;
	color: #7a8ca1;
}
#sidebar .box h3 {
	margin: 0 0 7px 0;
	font-size: 18px;
	color: #063369;
}
#sidebar .box h6 {
	color: #063369;
}

/* USP */
#sidebar .usp li {
	margin: 0 0 8px 0;
	padding: 0 0 0 18px;
	background: url(../images/bullet_usp.gif) no-repeat 3px 3px;
	color: #7a8ca1;
}
#sidebar .usp li img {
	margin: 8px 0 0 0;
}

/* showroom */
#sidebar .showroom .image {
	padding: 0 0 5px 0;
}

/* newsletter */
#sidebar .newsletter {
	width: 170px;
	padding-right: 0;
}
#sidebar .newsletter h3 {
	margin-bottom: 8px;
}
#sidebar .newsletter .input {
	margin: 5px 0; 
	width: 170px; height: 24px;
	background: url(../images/input_newsletter.gif) no-repeat left top;
}
#sidebar .newsletter .input input {
	margin: 0; padding: 4px 5px 2px 5px;
	width: 160px;
	background: none;
	border: none;
	color: #7a8ca1
}

/* delixl*/
#sidebar .delixl {
	width: 170px;
	padding-right: 0;
	text-align: center;
}
#sidebar .delixl h6 {
	font-size: 12px;
	color: #7a8ca1;
}