@import url(base.css);
/*
Stylesheet tested and confirmed in:
- Internet Explorer 6.0
- Internet Explorer 7.0
- Firefox 2.0



============================================================
 Mozilla allways scrollbar
============================================================*/
body{
overflow:-moz-scrollbars-vertical;
background-color:#fafbf6;
}

/*============================================================
 Base
============================================================*/

#nav-home a {
	border-bottom: 2px dotted #ced665;
	}

#content {

	}


/*============================================================
 Head
============================================================*/

#home-head {
	position: relative;
	width: 644px;
	height: 155px;
	_height:153px;
	padding-top:20px;
	padding-left:60px;
	background: url(../images/site/header-logo.gif) no-repeat;
	}

#home-head h2 {
	margin:0;
	padding:0;
}

#home-head p {
	font-size: 11px;
	color: #757e04;
	}

#home-head p a {
	display: inline;
	padding: 1px 3px;
	background: #e4ec7e;
	color: #757e04;
	}

#home-head p a:hover {
	background: #fbffcc;
	}

#featured-store a {
	position: absolute;
	top: 0;
	left: 277px;
	width: 302px;
	height: 170px;
	background: url(../images/site/home-featured-store.gif) top no-repeat;
	text-indent: -5000px;
	outline: none;
	}

#featured-store a:hover {
	/*background-position: 0px -170px;*/
	}

#featured-store h4 {
	font-size: 11px;
	color: #fff;
	}

#featured-store p {
	display: none;
	}


/*============================================================
 Subhead
============================================================*/

#home-subhead {
	position:relative;
	width: 100%;
	height: 80px;
	width: 642px;
}

#home-subhead h3 {
	position: absolute;
	top: 32px;
	left: 11px;
	width: 74px;
	height: 9px;
	background: url(../images/site/home-perfect.gif) top no-repeat;
	text-indent: -5000px;
	}

*{
	margin:0;
	padding:0;
}
#skyline {
    width: 644px; height: 80px;
    background: url(../images/site/menu_4.jpg) top no-repeat #ececde;
    margin:0;
    position: relative;
}
#skyline li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	top: 0;
}
#skyline li, #skyline a {
	height:78px;
	display: block;
}
#panel1b {left: 65px; width: 102px;}
#panel2b {left: 177px; width: 133px;}
#panel3b {left: 320px; width: 115px;}
#panel4b {left: 456px; width: 113px;}


#panel1b a:hover, .menulinkactive_m {
    background: transparent url(../images/site/menu_4.jpg)
    -65px -80px no-repeat;
}
#panel2b a:hover, .menulinkactive_k {
    background: transparent url(../images/site/menu_4.jpg)
    -177px -80px no-repeat;
}
#panel3b a:hover, .menulinkactive_c {
    background: transparent url(../images/site/menu_4.jpg)
    -320px -80px no-repeat;
}
#panel4b a:hover, .menulinkactive_l {
    background: transparent url(../images/site/menu_4.jpg)
    -456px -80px no-repeat;
}
.hide {
	display:none;
}

/* END MENU */

#home-subhead h2 {
	position: absolute;
	top: 3px;
	left: 296px;
	}

#home-subhead h2 a {
	display: block;
	width: 296px;
	height: 69px;
	background: url(../images/site/home-jointhecartel.gif) top no-repeat;
	text-indent: -5000px;
	outline: none;
	}

#home-subhead h2 a:hover {
	background-position: 0px -69px;
	}
	
/*============================================================
 Submenu
============================================================*/

#submenu {
	text-align:right;
}


/*============================================================
 Features
============================================================*/

#home-features {
	float: left;
	width: 595px;
	margin-left:34px;
	_margin-left:17px;
	background: url(../images/site/home-features-bg.gif) top repeat-y #ececde;
	}

#home-features h3 {
	display: none;
	}

#home-features .row {
	float: left;
	display: inline;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 10px;
	clear: both;
	}

#row2 {
	background: url(../images/site/home-features-dots-h.gif) top repeat-x;
	}

#home-features .feature {
	position: relative;
	float: left;
	display: inline;
	width: 246px;
	margin: 0 25px;
	}

#home-features .feature img {
	width: 240px;
	height: 100px;
	border: 3px solid #fff;
	}

#home-features .feature h4 {
	margin: 10px 0 5px 3px;
	font-size: 14px;
	font-weight: bold;
	color: #669900;
	}
	
#home-features .feature p {
	margin-left: 3px;
	font-size: 11px;
	line-height: 15px;
	}

#home-features .feature span.new {
	position: absolute;
	top: 0;
	left: 192px;
	display: block;
	width: 54px;
	height: 54px;
	background: url(../images/site/stores-status-new.gif) top left no-repeat;
	font-size: 1px;
	text-indent: -5000px;
	}


/*============================================================
 Footer
============================================================*/

#home-footer {
	float: left;
	width: 100%;
	height:40px;
	padding-left:71px;
	margin-top: 0px;
	text-align: center;
	background: url(../images/site/footer.jpg) top no-repeat;
}

/*============================================================
 Page specific
============================================================*/

#page_block {
	float: left;
	width: 555px;
	background-color:#ececde;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	margin-left:34px;
	_margin-left:17px;
	}
#page_block h3 {
	display: none;
	}
#page_block h4 {
	margin: 10px 0 5px 3px;
	font-size: 14px;
	font-weight: bold;
	color: #669900;
	}	
#page_block p {
	margin-left: 3px;
	font-size: 11px;
	line-height: 15px;
	}
#page_block span {
	float:left;
	text-align:center;
}
/*============================================================
 Contact form
============================================================*/

/*============================================================
 Detail page Clothing items
============================================================*/
#detailgegevens {

	float:left;
	width:200px;
}
#viewer {

 float:left;
}	
/*============================================================
 Favorites
============================================================*/
.favorieten {
	text-align:center;
}
.favorieten span {
	text-align:center;
}
.goud, .zilver, .brons {
	position:absolute;
	display:block;
	width:23px;
	height:34px;
}
.goud {
	background:url(../images/site/goud.gif) no-repeat top;
}
.zilver {
	background:url(../images/site/zilver.gif) no-repeat top;
}
.brons {
	background:url(../images/site/brons.gif) no-repeat top;
}
.goud h2, .zilver h2, .brons h2 {
	display:none;
}
/* 
Global Font Settings
=================================================
*/

input.text {
	border:1px solid #BBB;
	background: #FFF;
}
form.contact input.text, form.login input.text {
	width:250px;
}
form.contact textarea.text {
	width:400px;
	vertical-align: top;
	height:100px;
	padding:5px;
}
form.contact {
	clear:both;
}
#search {
	padding:0;
	float:right;
	text-align:right;
	margin:10px 0px 10px 0px;
}
form.zoeken input.text {
	width:100px;
	padding:1px;
	font-size:0.8em;
	background:#EEE;
	border:1px solid #BBB;
}
form.zoeken input.submit {
	font-size:10px;
}
li{
	color:#918862;
	list-style: none;
  	padding: 5px;
  	margin: 0;
}
li.head{
	font: 1.2em Georgia, Verdana, sans-serif; 
	font-weight:bold;
	color:#669900;
}


form.contact label, form.zoeken label, .nieuwsbrief label {
  	vertical-align: top;
	cursor:pointer;
}
form ol {
  	margin: 0;
  	padding: 10px;
	margin-bottom:20px;
}
form li {
	clear:both;
}
li label {
	float:left;
	width:150px;
}
li span {
	float:left;
	text-align:center;
	padding-right:10px;
}
li select {
	width:150px;
}
.dropbox{
	width:415px;
}
.error {
	color:red;
}
.kledingitem {
	float:left;
	text-align:center;
}
.kledingitem p {
	text-align:center;
	color:#00FF66;
}
/*============================================================
 Detail page options
============================================================
.button {
	display:block;
	width:149px;
	height:29px;
	background: url(../images/site/button.jpg) no-repeat top;
	color:#FFFFFF;
	text-align:center;
	font-size:16px;
	text-decoration:none;
}
.button:hover {
	background: url(../images/site/button-hover.jpg) no-repeat top;
}*/