/* S2 Rent Styling */ 
/* Kristof Rutten	-	v1 */

*,html 	{
	margin: 0; padding: 0;
}

/* Site General Styling */

body	{
	font-family: arial, Helvetica, sans-serif;
	font-size: 1em; font-weight: normal; 
	color: #000; background: url(/assets/images/background.jpg) 50% 0 no-repeat #fff;
	text-align: center; margin: 0; padding: 0;
}
a { outline: none; }
#skip {
	display: none;
}

img { border: none; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

/* Total Container */

#container	{
	margin: 0 auto; padding: 0;
	width: 960px; 
	text-align: left;
	background: transparent;
	color: #000;
	position: relative;
}


/* Masthead Specifics */

#masthead {
	height: 187px;
}

#masthead span.dontshow {
	display: none;
}

#head {
	background: url(/assets/images/header2.jpg) 0 0 no-repeat transparent;
	height: 107px;
	position: relative;
}

#head h1 {
	text-indent: -9999em;
}

#functions {
	background: url(/assets/images/logo_bottom.jpg) 0 0 no-repeat transparent;
	height: 55px;
	position: relative;
}

/* Navigation Specifics */

ul#navigation  {
	list-style: none;
	position: absolute;
	bottom: 2px; left: 140px;
}

ul#navigation li {
	background: url(/assets/images/nav_bg_right.jpg) top right no-repeat;
	margin: 0; padding: 0;
	float: left;
}

ul#navigation li a {
	background: url(/assets/images/nav_bg_left.jpg) top left no-repeat;
	display: block; padding: 8px 10px 4px 10px; margin: 0px;
	color: #fff;
	text-decoration: none;
	font-size: 0.75em;
}

ul#navigation li a:hover {
	color: #ff9600;
}

#searchbar {
	position: absolute;
	top: 15px; right: 0px;
}
/*
#searchbar label {
	display: none;
}
#searchbar p {
	color: #fff;
	font-size: 0.88em;
	font-variant: small-caps;
	text-transform: lowercase;
}

#searchbar input {
	margin: 0px 0px 0px 5px;
	border: 1px solid #760807;
}

#searchbar input.searchfield {
	width: 150px; height: 16px;
	border: 1px solid #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#searchbar input.searchbutton {
	color: #fff;
	background: #513163;
	border: 1px solid #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 0.88em;
}
*/

/* Content General */

#content {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 3em;
}

#content h1 {
	color: #abc;
	font-size: 1.6em;
}

#content h2 {
	margin: 35px 0px 10px 0px; padding: 0;
	font-size: 1.6em;
	color: #abc;
	text-transform: uppercase;
	
}

#content h4 {
	margin: 6px 0 0 0; padding: 0;
	font-size: 13px;
}

p.added {
	margin: 0;
}

#content p {
	line-height: 1.6em;
	color: #333;
	font-size: 13px;
}

#content a {
	text-decoration: none;
	color: #c6151b;
}

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

/* Primary Content */

#primary {
	width: 795px; float: left;
	/* background: url(/assets/images/primary_bg.jpg) 0 0 repeat-x; */
}

#primary h1 {
	clear: left;
	margin: 1em 0px 0px 0px;
	text-transform: uppercase;
}

#primary h1.front {
	clear: none;
	text-align: center;
	text-transform: uppercase;
}

#primary h1.top {
	margin-top: 1.6em;
}

#primary h2.sound {
	padding-left: 30px;
	background: url(../images/sound.jpg) 0 0 no-repeat;
}

#primary h2.light {
	padding-left: 30px;
	background: url(../images/light.jpg) 0 0 no-repeat;
}

#primary h2.vision {
	padding-left: 30px;
	background: url(../images/vision.jpg) 0 0 no-repeat;
}

#primary h2.deco {
	padding-left: 30px;
	background: url(../images/deco.jpg) 0 0 no-repeat;
}

#primary p {
	width: 85%;
	font-size: 0.75em;
	line-height: 1.6em;
}


#primary table {
	margin: 15px 10px 2em 15px;
	width: 95%;
	border-collapse: collapse;
}

#primary table td {
	padding: 5px 5px;
	font-size: 0.75em;
	color: #650604;
}

#primary table td.article a {
	padding-left: 20px;
	background: url(../images/magnifier.gif) 0 50% no-repeat;
}

#primary table tr td.prijs, #primary table tr th.prijs {
	text-align: right;
}
#primary table thead {
	text-align: left;
	border-bottom: 1px solid #ccc;
}

#primary table th {
	color: #333;
	font-size: 0.88em;
	padding: 5px 0px;
}

#primary table tr.even {
	background: #efefef;
}

#primary p {
	margin: 1em 10px 0px 0px;
}

#primary ul.defaultul {
	margin: 15px;
	list-style: none;
	font-size: 0.75em;
}

#primary ul.defaultul li {
	padding-left: 20px;
	line-height: 2em;
	border-bottom: 1px solid #eee;
	background: url(../images/default_li.gif) 0 50% no-repeat;
}

#primary img.banner {
	border: 1px solid #efefef;
	padding: 5px;
	margin: 1em 0px 0px 7px;
}

#primary dl dt {
	font-size: 0.75em;
	margin: 10px 0px 0px 0px;
}

#primary dd {
	margin: 0px;
}

#primary ul { list-style-type: circle; list-style-position: inside; width: 350px; }
#primary ul li { font-size: 0.75em; line-height: 1.6em; padding-bottom: 10px; }
/* Secondary Content */

#secondary {
	width: 165px;
	float: left;
	/* background: url(/assets/images/secondary_bg.jpg) 0 0 repeat-x; */
}


#secondary h1 {
	height: 53px;
	position: relative;
	background: url(../images/sec_title.jpg) 0 0 no-repeat;
	color: #fff;
	font-size: 1.4em;
	margin-top: 1em;
}

#secondary h1 span {
	position: absolute;
	top: 15px;
	left: 10px;
}

#secondary ul {
	margin: 10px;
	font-size: 0.75em;
}

#secondary li {
	border-bottom: 1px solid #e0e0e0;
	line-height: 1.6em;
}

#secondary ul {
	list-style: none;
}

#secondary address {
	font-size: 0.75em;
	font-style: normal;
	margin: 10px;
	line-height: 1.4em;
	color: #535353;
}

#superdeal, #bestseller {
	width: 100%; background: url(/assets/images/superdeals_bottom.jpg) bottom left no-repeat #bd0600;
	text-align: center;
	margin-top: -1px;
}

#bestseller {
	width: 165px; float: left;
}

#superdeal h1, #bestseller h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999em;
	background: url(/assets/images/superdeals_header.jpg) 0 0 no-repeat #bd0600;
	height: 40px;
}

#bestseller h1 {
	background: url(/assets/images/bestsellers_header.jpg) 0 0 no-repeat #bd0600;
}

#superdeal img, #bestseller img {
	padding: 0px 20px;
	background: #fff;
	margin-bottom: 10px;
	border: none;
}


#superdeal h3, #bestseller h3 {
	color: #fff;
	font-size: 12px;
	text-transform: lowercase;
	margin: 0px 10px;
}

#superdeal h3 span.brand, #bestseller h3 span.brand {
	font-variant: small-caps;
}

#superdeal h3 a,#superdeal h3 a:hover, #bestseller h3 a, #bestseller h3 a:hover {
	color: #fff;
}

#superdeal form fieldset, #bestseller form fieldset {
	border: none;
	margin-bottom: 1em;
}
#bestseller p {
	margin: 0; padding: 0; line-height: 1.2em;
}
#superdeal p.superprijs, #bestseller p.superprijs {
	font-size: 1em;
	color: #ff9600;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
/* Navigation Menu */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	width: 100%;
	z-index: 99;

}

#nav a {
	display: block;
	text-align: center;
	width: 105px;
	text-decoration: none;
	text-transform: lowercase;
}

#nav li { /* all list items */
	float: left;
	width: 105px; /* width needed or else Opera goes nuts */
}

#nav li a {
	text-align: center;
	color: #fff;
	padding: 2px 0px 6px 0px;
	border-right: 1px solid #f03e3c;
	text-transform: capitalize;
	font-size: 12px;
}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background: url(../images/dropdown_bg.jpg) 0 0 repeat-x #eee;
	border-right: 1px solid #ccc;
	margin-left: 0px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 150px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li li a {
	text-align: left;
	font-size: 0.75em;
	color: #000;
	padding: 3px 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #ccc;
	font-variant: normal;
	border-right: none;
	text-transform: capitalize;
	width: 139px;
	background: transparent;
}

#nav li li a:hover {
	color: #ff0000;
	background-color: #fff;
	text-decoration: none;
}

#nav li:hover, #nav li.hover {
    position: static;
}

#content {
	clear: left;
}

/* Footer */

#footer {
	clear: both;
	padding: 0px 0px 0px 0px;
	/* background: url(/assets/images/footer_bg2.jpg) 0 0 repeat-x; */
	background-color: #fafafa;
	text-align: left;
	height: 187px;
	border-top: 1px solid #ccc;
}

#copyright {
	width: 760px; padding: 20px 0px;
	margin: 0px auto;
}

#copyright h1 {
	font-size: 0.88em;
	color: #4471dd;
}

#footer p {
	color: #000;
	font-size: 12px;
	margin: 0px;
	line-height: 1.6em;
}

#footer a {
	color: #aaa;
	text-decoration: underline;
}

#footer img {
	border: none;
}
/* Classes */

div.listitem, div.listitem_front {
	width: 350px;
	height: 135px;
	float: left;
	margin: 0.5em 10px 0.5em 0px;
	border: 1px solid #f0f0f0;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.listitem:hover, div.listitem_front:hover {
	background: #fafafa;
	border: 1px solid #ccc;
	-moz-box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 2px 2px 5px #888;
	box-shadow: 2px 2px 5px #888;

}

div.listitem_front {
	width: 287px;
	height: 100px;
	margin: 5px 10px 5px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.listitem_front:hover {
	background: #eaeaea;
}

div.listitem img {
	float: left;
	border: 1px solid #eee;
	margin: 5px 0px 0px 5px;
}

div.listitem_front img {
	float: left;
	border: 1px solid #eee;
	margin: 10px 0 0 10px;
	padding: 0px;
}
div.listitem h3 {
	margin: 10px 0 0 0;
	font-size: 12px;
	margin-left: 140px;
	
}

div.listitem h3 a:hover {
	text-decoration: none;
}

div.listitem_front h3 {
	margin: 10px 0 0 0;
	font-size: 12px;
	margin-left: 130px;
}

div.listitem h3 span.brand, div.listitem_front h3 span.brand {
	color: #621313;	
	font-variant: small-caps;
	font-size: 12px;
	text-transform: lowercase;
}

#primary p.prijs {
	margin-left: 140px;
	width: 70px;
}

div.listitem p.prijs {
	color: #ff0000;
	margin-left: 120px;
	color: #351a4d;
	font-size: 16px;
	font-weight: bold;
}

div.listitem form, div.listitem_front form {
	clear: left;
	margin-left: 180px;
	width: 140px;
}

div.listitem_front form {
	width: 70px;
}
div.listitem form label, div.listitem_front form label {
	display: none;
}

div.listitem input.listaantal, div.listitem_front input.listaantal {
	width: 2em; border: 1px solid #ccc;
}

div.listitem fieldset, div.listitem_front fieldset {
	border: none;
}
br.clearme {
	clear: both;
}

.dagprijs {
	font-weight: bold;
}

#primary p.remark {
	font-size: 0.75em;
	color: #333;
}

#primary p.internecode {
	 font-size: 0.70em; color: #ddd;
}

table.cart {
	width: 100%;
}

table tr.totaal {
	border-top: 1px solid #ccc;
	font-weight: bold;
}

table.cart td.produkt { width: 40%; }
table.cart td.aantal { width: 10%; }
table.cart td.stukprijs { width: 10%;}
table.cart td.subtotaal { width: 15%;}
table.cart td.aanpassen { width: 30%;}
table.cart td.aanpassen form {
	float: left;
}
table.cart td.aanpassen input {margin-right: 5px;}
table.cart td.aanpassen input.inputaantal { width: 5em;}

form.login { width: 100%; margin: 1em 0em; position: relative;}
form.login fieldset { border: 0px; padding: 15px;}
form.login legend { color: #c6151b; font-size: 1.2em; border-bottom: 1px solid #ccc;}
form.login label {display: inline;}
form.login input, form.login select { position: absolute; left: 230px; }
form.login input.text { width: 200px; }

form.checkout { margin-bottom: 3em;}

div#adres { background: #eaeaea; padding: 10px; width: 40%; border: 1px solid #ccc; margin: 1em 0em; }
div#adres p.naam { font-weight: bold; font-size: 1.2em; line-height: 1em;}
div#adres p { line-height: 1em; }

div#omschrijving { margin-left: 135px; }
div#omschrijving fieldset { border: 0; }
div#omschrijving input.listaantal { width: 3em; }
div#omschrijving p.detailprijs { font-weight: bold; font-size: 0.88em; }
.detailfoto { float: left; margin-top: 1em; padding: 3px; border: 1px solid #eaeaea;}

div#pay_offline {
	width: 40%;
	float: left;
}

div#pay_online {
	width: 40%;
	margin-left: 45%;
}

ul.transport li {
	font-size: 0.75em; color: #c6151b; list-style-position: inside;
}

#frontpage {
	margin-left: 170px; width: 615px;
}

div#frontpage div#banners {
	width: 615px;
	text-align: center;
	padding-top: 5px;
	position: relative;
	height: 120px;
}

div#frontpage div#banners a, div#frontpage div#banners img {
	margin: 5px auto;
}

div#frontpage div#banners img {
	padding: 3px; border: 1px solid #ccc;
}

div#frontpage div#front_randomized {
	width: 600px;
	margin-left: 15px;
}

address {
	font-size: 0.75em;
	font-style: normal;
	color: #346fc9;
	margin: 1em 0px 0px 0px;
}f

#site_info_container {
	clear: left;
	margin: 0; padding: 2em 0px 1em 0px; width: 100%;
	// background: url(/assets/images/site_info.jpg) 0 0 repeat-x #5a3a6b;
}

#site_info {
	margin: 0 auto; width: 760px; color: #000;
	text-align: left;
}

#site_info p {
	color: #fff; font-size: 0.75em;
}

#site_info a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#site_info img {
	margin-right: 5px;
}
#primary p span.pagination1 {
	display: none;
}

#primary p.pagination {
	clear: left;
}

img.vergroot { clear: left; float: left; margin-top: 3px; border: none;}

dl.searchresults dt {
	margin: 1em 0px 0px 0px;
	font-weight: bold;
	display: block;
	clear: left;
	text-transform: uppercase;
}

dl.searchresults dd {
	margin: 0px 0px 1em 0px; padding: 0;
}

dl.searchresults dd p {
	margin: 0px 0px 0.88em 0px;
}
dl.searchresults dd a {
	font-size: 0.75em;
}

.promotion {
	border: 1px solid #000;
}
img.promotieartikel {
 position: absolute;
 top: 0; left: 0;
}

span.falseline {
	background: url(/assets/images/false-line.gif) top left repeat-x;
	color: #000;
}

#tellafriend {
	background: url(/assets/images/tellafriend.jpg) top left no-repeat #fff;
	padding: 10px;
	width: 440px
}

#tellafriend h2 {
	display: inline;
}

span.pop {
	float: left;
}

div.salestag {
	float: left;
}

#container p.cartsnippet {
	top: 80px; right: 0px;
	position: absolute;
	font-size: 12px;
	color: #fff;
}

#container p.cartsnippet a {
	text-decoration: none;
	color: #fff;
}

#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:615px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-5px;
		top:10px;
		z-index:1000;
		text-indent: -9999em;
		}	
	#nextBtn, #slider1next{ 
		left:605px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(/assets/easyslider/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/assets/easyslider/images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	#resultwindow {
		position: absolute;
		z-index: 99;
		top: 150px;
		right: 60px;
		background: #fafafa;
		border: 3px solid #cfcfcf;
		box-shadow: 0px 3px 5px #444;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
	}