@import url(/css/menu.css);
@import url(/css/forms.css);
/********************************************************
   default.css
   (C) Mangrove 2006
   Default style properties
********************************************************/

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%; /* nodig voor plaatsing footer */
}
html {
	background: #ffffff url('/images/bg.gif') repeat-x;
}
body {
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #4b2f0e;
}
body#breakout {
	background-image: none;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
/***************************************************/
/*****                   text                  *****/
/***************************************************/

a {
	color: #4b2f0e;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	color: #4b2f0e;
	clear:both;
}
.producttitle {
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	color: #4b2f0e;
	margin-left: 10px;
}
h2 {
	margin-left: 10px;
}
div.title {
	color: #4b2f0e;
	background-color: #dfd9d4;
	padding: 0 0 0 10px;
	margin: 10px 0 0 10px;
	height: 22px;
}
p {
	margin: 5px 0;
}
#loginform p {
	margin: 0;
}
p.error {
	color: red;
	font-weight: bold;
}
img {
	border: 0;
}
img.right {
	float:right;
}
img.left {
	float:left;
}
div.spacer {
	clear: both;
}
.bottom {
	clear:both;
	float:none;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #dfd9d4;
	float: none;
	clear: both;
	margin:10px;
}
/***************************************************/
/*****                  opmaak                 *****/
/***************************************************/

#wrapper {
	margin: 0 auto;
	text-align: left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}
#wrapper-foot {
	width: 100%;
	height: 128px;
	color: #8f7e6a;
	background: #285356 url('/images/bg_footer.gif') repeat-x;
}
.bottommenu {
	color:#8f7e6a;
}
#contentwrapper {
	width: 999px;
	margin: 0 auto;
	position: relative;
	/*background: transparent url('/images/bg_content.gif') no-repeat top center;*/
	padding: 0;
}
.content {
	float: left;
	width: 999px;
	min-height: 532px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
}

div.sidebar {
	background: #ffffff url("/images/bg_sidebar.gif") repeat-x;
	float: left;
	width: 192px;
	padding: 0 10px 0 15px;
}
div.main {
	width: 727px;
	float: left;
	margin: 0 0 0 25px;
}
div.text {
	padding: 0;
	width:464px;
	float:left;
	margin: 0 0 0 25px;
}
.text h2{
	background:transparent url(/images/bg_bar.gif) repeat-x; 
	height:22px;
	color:#291908;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-style:italic;
	padding:0;
	margin:20px 0;
	padding:5px 5px;
}

span.popup {
	padding: 20px;
	background-color: #FFFFFF;
	display: block;
}
div.headerbackground {
	margin: 0;
	padding: 0;
	width: 999px;
	height: 151px;
}
div.headerimage {
	margin: 0;
	padding: 0;
	width: 999px;
	height: 151px;
	position: absolute;
}
div.footercontent {
	width: 999px;
	height: 124px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.8em;
	color: #1e3a3b;
	background: #285356 url('/images/bg_footercontent.gif') no-repeat top center;
	border:none;
}
div.footermenu {
	float: right;
	color: #7a7066;
	text-transform: capitalize;
	margin: 45px 20px 0 0;
}
.footermenu a {
	text-transform: uppercase;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #7a7066;
	text-decoration: none;
	margin:0 0 0 20px;
}
.footermenu a:hover span{
	color: #ffffff;
}
.footermenu ul, .footermenu li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
div.credits {
	float: left;
	margin: 100px 0 0 25px;
}
.credits a {
	color: #1e3a3b;
	text-decoration: none;
}
.credits a:hover {
	color: #ffffff;
}

.sidebar h2{
	color:#291908;
	border-bottom:1px solid #291908;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	padding:0;
	margin:20px 0 0;
	padding:2px 0;
}
.main h1{
	color:#291908;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-style:italic;
	margin:20px 0 0;
	padding:2px 0;
}
.main h2{
	color:#291908;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-style:italic;
	padding:0;
	margin:20px 0 0;
	padding:2px 0;
}

/***************************************************/
/*****             left categorie              *****/
/***************************************************/


ul#categorie {
	margin: 0;
	list-style: none;
}
#categorie li {
	list-style-type: none;
	padding: 0;
	margin: 3px 0 0;
}
#categorie a {
	display: block;
	padding: 0;
	text-decoration: none;
	color: #685948;
	font-style: italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#categorie li.active a, #categorie a:hover {
	color: #4b2f0e;
}

span.categoriecount {
	font-weight: normal;
}
/***************************************************/
/*****              left merken                *****/
/***************************************************/
		
.merken {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow:hidden;
}
.merken li {
	list-style-type: none;
	padding: 0;
	float: left;
	margin:1px 0 0;
}
.merken a {
	float: left;
	display: block;
	padding: 0;
	width:96px;
	height:35px;
	background-repeat:no-repeat;
	background-position:top;
}

.merken a:hover, .merken a:active, .merken .active a{
	background-position:bottom;
}

.merken a span {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

.merken .Burberry a{ background-image:url(/images/brandbuttons/burberry.gif); }
.merken .DKNY a{ background-image:url(/images/brandbuttons/dkny.gif); }
.merken .Oakley a{ background-image:url(/images/brandbuttons/oakley.gif); }
.merken .Porsche a{ background-image:url(/images/brandbuttons/porsche.gif); }
.merken .Prada a{ background-image:url(/images/brandbuttons/prada.gif); }
.merken .Ray-Ban a{ background-image:url(/images/brandbuttons/rayban.gif); }
.merken .Serengeti a{ background-image:url(/images/brandbuttons/serengeti.gif); }
.merken .Sinner a{ background-image:url(/images/brandbuttons/sinner.gif); }
.merken .Verrekijkers a{ background-image:url(/images/brandbuttons/verrekijkers.gif); }
.merken .Versace a{ background-image:url(/images/brandbuttons/versace.gif); }
.merken .Vogue a{ background-image:url(/images/brandbuttons/vogue.gif); }
.merken .Carrera a{ background-image:url(/images/brandbuttons/carrera.gif); }


/***************************************************/
/*****                nieuws                   *****/
/***************************************************/

div.nieuws {
	float: left;
	margin: 0 0 0 25px;
	padding: 0;
	width:464px;
}
.nieuws h2{
	background:transparent url(/images/bg_bar.gif) repeat-x; 
	height:22px;
	color:#291908;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-style:italic;
	padding:0;
	margin:20px 0;
	padding:5px 5px;
}

.nieuws a{
	background: transparent url(/images/icon_arrow.gif) no-repeat 0 7px;
	margin:5px 20px 0 0;
	padding:0 0 0 10px;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: italic;
}
.nieuws a:hover{
	color:#9C8D7B;
}

.nieuws img{
	width:190px;
	height:120px;
	float: left;
	margin: 0;
	padding: 2px;
	border:1px solid #dfd9d4
}
.newsimage img{
	float: left;
	margin: 0 10px 20px 0;
	padding: 2px;
	border:1px solid #dfd9d4
}
div.newsteaser {
	float: left;
	width: 245px;
	margin: 0 0 0 10px;
	padding: 0;
}

div.newsteaser {
	float: left;
	width: 245px;
	margin: 0 0 0 10px;
	padding: 0;
}

ul.news_archive, .news_archive li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/***************************************************/
/*****               products                  *****/
/***************************************************/

ul.products {
	margin: 10px 0 0;
	color: #4b2f0e;
	border-top:1px solid #e9e6e2;
	width: 738px;
	overflow:hidden;
}
.products li {
	float: left;
	display:inline;
	width: 240px;
	margin: 20px 3px 0;
	list-style-type: none;
	color: #4b2f0e;
}
.products div.product {
	width: 240px;
	background: #ffffff url(/images/bg_product.gif) no-repeat bottom right;
	overflow:hidden;
}

.products .prodname a {
	color: #fff;
	background-color:#9c8d7b;
	padding:3px 5px;
	font-size:11px;
}

.products .price{
	color: #544739;
	font-size:13px;
	margin:3px;
}

.products a{
	text-decoration: none;
}

.products strong{
	font-size:17px;
	color:#ff6d00;
	font-weight:bold;
	font-style:italic;
}

.products .flashThumb{
	margin:0 0 0 40px;
}
.products .orderbutton{
	font-size:11px;
	display:block;
	float:right;
	color:#c5c1bd;
	padding:0 0 0 20px;
	background: transparent url(/images/bg_shoppingCart.gif) no-repeat 0 1px;
	margin:1px 10px;
}
.products .orderbutton:hover{
	color:#9C8D7B;
}

.products.special{
	border:none;
	margin-bottom:20px;
	overflow:hidden;
}
.products.special li{
	margin-top:0;
}

.products.special .prodname{
	margin:5px 0 0;
}

.products.special .price{
	color: #fff;
	background-color: #ff6d00;
	margin:2px 0;
	padding:3px 8px 3px 5px;
	display:inline-block;
}
.products.special .price a, .products.special .price strong{
	color: #fff;
}

.products.special .moreSaleProducts{
	margin-right :0;
}

.moreSaleProducts{
	float:right;
	text-decoration:none;
	background: transparent url(/images/icon_arrow.gif) no-repeat 0 7px;
	margin:5px 20px 0 0;
	padding:0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#291908;
	font-size:12px;
	font-style: italic;
}
.moreSaleProducts:hover{
	color:#9C8D7B;
}

div.pages {
	clear: both;
	float: right;
	text-align: right;
	font-weight:bold;
	margin:20px 0 0;
}

div.pages span a{
	background-color:#d1cac2;
	padding:1px 5px;
	text-decoration:none;
	color:#291908;
}
div.pages span.active a{
	background-color:#291908;
	color:#d1cac2;
}
.brandheader{
	margin:20px 0 0;
}

/***************************************************/
/*****            shoppingcart                *****/
/***************************************************/

div#shoppingcart {
	position: absolute;
	right: 30px;
	width: 224px;
	z-index: 5;
}
.shoppingcartbg {
	background-color: transparent;
	background-position: bottom left;
	background-repeat: repeat-y;
	z-index: 6;
	left: 484px;
	width: 224px;
	padding: 13px 4px 4px 4px;
}
#shoppingcart td{
	vertical-align: top;
	background-color: #8cd0da;
	border-bottom: 1px solid #FFFFFF;
	padding: 0;
	margin: 0;
	color: #147280;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.shoppingcartbuttons{
	text-align:right;
}
.shoppingcartbuttons a{
	display: inline-block;
	margin:4px 2px;
	width:auto;
	color:#fff;
	padding:5px;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
	font-weight:bolder;
	background: #1698af url("/images/bg_button_blue.gif") repeat-x top left;
}

.shoppingcartbuttons a:hover{
	background-position:bottom;
}

/***************************************************/
/*****             detailfotos                 *****/
/***************************************************/

div.image_normal {
	float: left;
	border: 1px solid #dfd9d4;
	margin: 0;
	padding: 0;
	position: relative;
}

.image_normal .icon {
	position:absolute;
	left:10px;
	bottom:10px;
}

div.image_thumbs {
	float: left;
	width: 315px
}
ul.image_thumblist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.image_thumblist li {
	list-style-type: none;
	margin: 0 0 20px 20px;
	padding: 0;
	float: left;
	border: 1px solid #dfd9d4;
	display:inline;
	position:relative;
}
.image_thumblist .icon {
	position:absolute;
	left:10px;
	bottom:10px;
}

/***************************************************/
/*****              check out                  *****/
/***************************************************/


.checkout-steps{
	margin:20px 0;
	padding:0;
	overflow:hidden;
}
.checkout-steps li{
	margin:0;
	padding:6px 30px 0 5px;
	display:block;
	background: transparent url(/images/bg_checkoutsteps.gif) no-repeat right -105px;
	height:29px;
	float:left;
	width:60px;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-style:italic;
}
.checkout-steps li.first{
	width:80px;
}

.checkout-steps li a{
	color:#fff;
	text-decoration:none;
}
.checkout-steps li.last{
	background-position: right -140px;
}
.checkout-steps li.active{
	background-position: right 0;
}
.checkout-steps li.previous{
	background-position: right -70px;
}
.checkout-steps li.done{
	background-position: right -35px;
}

div.checkoutgegevens {
}
div.checkoutgegevens2 {
}
div.onecoldetails {
	display: block;
	clear: both;
	text-align: center;
	border-top: 1px solid #dfd9d4;
	padding: 3px 0 6px 0;
}
div.onecoldetailspw {
	display: block;
	clear: both;
	border-top: 1px solid #dfd9d4;
	padding: 3px 0 6px 0;
}
div.detail {
	border: 1px solid #e9e6e2;
	border-width: 1px 0;
	margin: 0 0 20px;
	padding: 20px 0;
	overflow:hidden;
}
.detail strong{
	font-size:18px;
	font-style:italic;
}

.detail input, .detail label, .detail strong, .detail select{
	float:left;
}
.detail label{
	margin-left:15px;
	font-size:13px;
	margin-right:5px;
	color:#291908;
}

.detail #quantity{
	font-size:13px;
	padding:2px;
}

.detail .cart_add{
	float:right;
}

.detail_content {
	display: block;
}
p.right {
	float: right;
	width: 200px;
}
.checkoutgegevens td {
	border: 0;
	padding: 2px;
	margin: 0;
}
td.verloop_top, .detail_top {
	height: 16px;
	width: 100%;
	background: #ffffff url('/images/verloop_boven.gif') repeat-x top left;
}
td.verloop_bottom, .detail_bottom {
	height: 16px;
	width: 100%;
	background: #ffffff url('/images/verloop_onder.gif') repeat-x bottom left;
}
td.tableline {
	width: 1px;
	border-right: 1px solid #4b2f0e;
}
.artikeloverzicht {
	text-align: center;
	background-color: #ded9d5;
	padding: 0 3px;
}
td.cartproducts {
	width: 350px;
	background: #ffffff url('/images/bg_right_top.gif') repeat-x;
	padding: 0 5px;
}


.bigcart {
	border-collapse:collapse;
}
.bigcart thead{
	font-size:14px;
	font-style:italic;
}

.bigcart tr{
	border-bottom:1px solid #e9e6e2;
	height:60px;
}

.bigcart tfoot tr{
	border:0;
}
.bigcart{
	font-size:16px;
}

.bigcart tbody .quantity{
	font-size:16px;
	padding:4px;
	width:30px;
	border:1px solid #e9e6e2;
	border-top:1px solid #8f8f8f;
}
.bigcart .cart_update{
	background: transparent url("/images/bg_reload.gif") no-repeat top left;
	border:none;
	width:22px;
	height:25px;
	cursor:pointer;
}
.bigcart .cart_delete{
	float:right;
}

.levertijd{
	background-color:#44c1ce;
	color:#fff;
	font-size:12px;
	width:130px;
	text-align:center;
	display:inline-block;
}

.bigcart .price{
	text-align:right;
	font-weight:bold;
}

.cartcontrols{
	float:right;
}
.cartcontrols a{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	padding:8px 8px 7px;
}

.of{
	font-size:18px;
	font-style:italic;
	color: #44c1ce;
}
.of del{
	font-size:14px;
	font-style:italic;
	color: #44c1ce;
}