@import url("_basic.css");

* { 
	outline:none; 
	margin:0;
	padding:0;
} 

html,body	{ width:100%; height:100%; margin:0; padding:0; }

body { 
	background:#fff url(/images/bgr_body.jpg) no-repeat top left;;
	font-family:Trebuchet MS;	padding:0; margin:0;
	color:#323232;	font-size:12px; position:static !important;
}

h1			{ font-size:18px; color:#323232; } 
h2			{ font-size:13px; font-weight:normal; font-style:italic; }
a				{ text-decoration:none; color:#ffcc00; font-weight:bold; cursor:pointer;}a:hover		{ color:#323232; }a.active	{ color:#323232; } 

form input 					{ display:inline-block; background:#fff; border:1px solid silver; height:20px; margin-bottom:5px; min-width:175px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px; font-size:12px; font-family:Trebuchet MS; }
form textarea				{ display:inline-block; background:#fff; border:1px solid silver; min-width:175px; height:90px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px; font-size:12px;  font-family:Trebuchet MS; }
form input[type=submit] { border:0; cursor:pointer; }
form .error-input,
form .error					{ border:1px solid #CD0A0A; color:#b80000; background: #E14F1C url(http://dev.routerservice.nl/js/jquery/ui/images/ui-bg_gloss-wave_45_e14f1c_500x100.png) repeat-x 50% 0%; }
form label					{ display:block; float:left; height:30px; margin-bottom:5px; width:175px; }

.contentWidth				{ width:1000px; margin:0 auto; }

/* TOP BAR */
#topBar 						{ width:100%; height:40px; margin:25px 0;  background:url(/images/bgr_topbar.png); line-height:40px;  }
#topBar a						{ color:#323232;  } #topBar a:hover { border-bottom:1px dotted #323232 }
#translateWrapper		{ float:right;line-height:40px;width:290px;line-height:40px; }
#translateBox				{ float: right;height: 36px;margin-top:6px;overflow: hidden;width: 174px; }
#translateBox .goog-te-gadget { margin-top: -5px; }

/* MENU */
#menuWrapper						{ width:1000px; height:45px; background:url(/images/bgr_menu.png) no-repeat top left; }
#menuWrapper ul 				{ height:45px; float:left; list-style:none; padding:5px; margin:0; }
#menuWrapper ul li			{ display:block; float:left; height:35px; line-height:35px; padding:0 15px; border-right:1px solid #666; }
#menuWrapper ul li a 		{ color:#fff; font-size:13px;}
#menuWrapper ul li.active a,
#menuWrapper ul li a:hover { color:#ffcc00 }

#menuWrapper ul li:hover ul { display:block;  }
#menuWrapper ul li ul				{ position:absolute; height:auto; margin-top:35px; margin-left:-15px; z-index:999999999; display:none; background:#080808; padding:15px 5px; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; }
#menuWrapper ul li ul li 		{ float:none; height:auto; line-height:25px; border:0 }
#menuWrapper ul li.active ul li a,
#menuWrapper ul li ul li a 		{ color:#fff; font-size:12px;}
#menuWrapper ul li ul li.active a,
#menuWrapper ul li ul li a:hover { color:#ffcc00 !important }



#searchForm											{ float:right; margin:10px 30px; }
#searchForm	input[type=text]		{ background:#fff; border:0; width:115px;min-width:115px; height:25px; color:#999; line-height:23px; margin:0; padding:0 5px; float:left; -webkit-border-radius:0; -moz-border-radius:0;  }
#searchForm input[type=submit] 	{ background:url(/images/btn_gosearch.png) no-repeat top left; width:30px;min-width:30px; height:25px; border:none; margin:0; float:left;-webkit-border-radius:0; -moz-border-radius:0; }

/* HOME */
#homeBanner							{ height:215px; background:url(/images/bgr_homebanner.png) no-repeat top left; margin-top:15px; }
#homeBanner a						{ display:block; width:235px; height:60px; cursor:pointer; background:url(/images/btn_directstarten.png) no-repeat top left; margin-left:740px; margin-top:80px; position:absolute; }
#homeBanner a:hover					{ background-position:bottom left; }

#directContactBox					{ clear:both; width:216px; min-height:185px; margin-left:2px; background:url(/images/bgr_contact.jpg) no-repeat top left; color:#fff; padding:10px 15px 20px; }
#directContactBox span				{ display:block; font-size:18px; }
#directContactBox label				{ display:block; float:left; padding:4px 0; height:auto; width:85px; }
#directContactBox input				{ min-width:60px; height:15px;  }
#directContactBox select			{ width:210px;  }
#directContactBox #submit			{ margin-top:10px; }
#directContactBox input[type=submit]{ height:auto; background:#1777a5; cursor:pointer; color:#fff; font-size:14px; text-align:center; width:210px; }
#directContactBox input[type=submit]:hover { background:#48a7d5 }

/* CONTENT */
#leftColumn							{ float:left; width:250px; min-height:585px; background:url(/images/bgr_leftcolumn.png) no-repeat top left; margin-left:-50px; padding:0 46px; }
#content							{ float:left; width:725px; padding:15px 5px; margin-left:-30px; }
#content .white						{ background:url(/images/white_trans.png); margin:15px 0; padding:30px 15px; min-height:250px; }
#content ul							{ margin:15px; }

#smallCart											{ width:246px; background:white; margin-left:2px; padding-bottom:15px; }
#smallCart label								{ display:block; background:#ffcc00; color:#fff; padding:10px 30px; font-size:16px; }
#smallCart p										{ padding:15px; }
#smallCart .buttongrey					{ margin:0 15px 15px; }
#smallCart	table								{ margin:15px; }
#smallCart table *							{ vertical-align:top; }

#crumbBox												{ background:url(/images/white_trans.png); color:#505050; padding:13px 20px; font-size:11px; margin:-15px 0 0; }
#crumbBox	a											{ color:#505050; font-weight:bold; }
#crumbBox a:hover								{ border-bottom:1px dotted #505050; }

/* PRODUCTEN */
#leftMenu												{ width:206px; background:white; margin-left:2px; padding:20px; border-top:1px solid #d4d4d4 }

#popup													{ width:470px; border:1px solid #d32027; border-top:25px solid #d32027; text-align:center; background:#f0f0f0; padding:15px; position:absolute; z-index:999999; top:270px; left:50%; margin-left:-250px; }
#popup input										{ margin-right:10px; }
ul.categoryMenu									{ list-style:none; margin:15px 0; padding:0; }
ul.categoryMenu li							{ background:url(/images/arrow.png) no-repeat left top; padding-left:15px; margin-bottom:5px; }
ul.categoryMenu li a						{ color:#323232; font-size:14px; font-weight:normal }
ul.categoryMenu li a.active,
ul.categoryMenu li a:hover			{ font-weight:bold; }

ul.categoryMenu li ul						{ margin:10px 0; list-style:none }
ul.categoryMenu li ul li				{ background:none; padding-left:10px; }
ul.categoryMenu li ul li a			{ font-size:12px;  }

ul.categoryMenu li ul li a.active,
ul.categoryMenu li ul li a:hover{ font-weight:bold; border-bottom:1px dotted black }

div.productBox									{ width:208px; height:273px; border:1px solid #959595; margin: 25px 15px 0px; float:left; background:#fff; font-style:normal; cursor:pointer; }
div.productBox .hover						{ display:none; position:absolute; z-index:998; background:url(/images/box_hover.png) no-repeat top left; width:250px; height:310px; margin: -16px -21px; }
div.productBox .hover	img				{ z-index:99999 }
div.productBox:hover .hover			{ display:block; }
div.productBox h2								{ line-height:50px; height:50px; display:block; text-align:center; width:208px; font-size:16px; }								
div.productBox .img							{ width:208px; text-align:center; height:140px; overflow:hidden; }
div.productBox p								{ font-size:11px;height:40px; padding:5px 15px;  }
div.productBox span							{ float:left;font-size:11px; padding:6px 0 0 15px; }
div.productBox .price						{ float:right; padding:0 15px 0 0px; margin-top:-5px; }
div.productBox .price	span			{ font-size:16px; color:#ffcc00; }

div.productBox span.price	.van	{ font-size:10px; color:#323232; text-align:right; padding:0; float:right;  }
div.productBox span.price	.voor	{ color:#d32027; font-size:16px; text-align:right; padding:0; float:right; clear:both }
div.productBox .action_label		{ position:absolute; margin: 45px 130px; z-index:9999 }

#paginator											{ clear:both; margin-top:30px; padding:15px 0; text-align:center; border-top:1px solid #d4d4d4; }
#paginator a										{ display:inline-block; height:22px; width:22px; margin-right:1px; line-height:22px; background:url(/images/bgr_paginator.gif) no-repeat top right; color:#323232; }
#paginator a:hover,
#paginator a.active							{ background-position:top left; }


#text														{ background:url(/images/white_trans.png); padding:30px; padding-right:0; margin-top:5px; }
#text ul												{ margin:0 15px; }
#text #left											{ float:left; width:425px; }
#text #right										{ float:right; width:250px;  }

#bigImg													{ width:248px; height:193px; border:1px solid silver; border-bottom:0; text-align:center; }
#bigImg img											{ max-width:240px; max-height:180px; margin:5px; } 

#thumbs													{ width:250px; background:url(/images/bgr_thumbs.gif) top left; }
#thumbs a												{ display:block; width:48px; height:48px; margin:1px; float:left; }
#thumbs a img										{ width:48px; height:48px; }

#infoBlock											{ width:220px; padding:15px; background:#e8e8e8; clear:both }
#infoBlock table								{ margin:15px 0; width:220px }

#submitOrder										{ display:none; position:absolute; top:0; left:0; width:100%; min-height:100%; background:url(/images/bgr_overlay.png); z-index:99999;  }
#submitOrder>div								{ margin:0 auto; margin-top:150px; padding:30px; background:#fff; -webkit-border-radius:5px;  -moz-border-radius:5px; width:500px; min-height:210px; text-align:center; }
.btnClose												{ position:absolute; margin-left:-50px; margin-top:-40px; display:block; width:50px; height:50px; background:url(/images/btn_close.png) no-repeat; }
.btnClose:hover 								{ background-position:bottom left; border:0 !important; text-decoration:none }
#submitOrder>div table					{ margin:0 auto; width:225px; font-weight:bold; margin-top:15px; margin-bottom:15px; }
#submitOrder>div table td				{ width:50%; }
#submitOrder>div .buttonblue		{ width:150px;margin:0 auto; margin-bottom:15px; }
#submitOrder>div .link					{ display:inline-block; height:100px; width:100px; border:1px solid silver; margin-right:5px; }
#submitOrder>div .link img			{ width:100px; height:100px; }

#otherProducts									{ border-top:1px solid silver; padding:15px 0;margin:15px 0; }
#otherProducts a								{ display:block; float:left; width:95px; height:95px; margin-right:5px; border:1px solid silver; text-align:center; padding:5px; }
#otherProducts a:hover					{ border:1px solid #ffcc00; }
#otherProducts a img						{ max-height:75px; max-width:75px; }


/* PACKETS */
div.packet											{ width:698px; height:108px; border:1px solid silver; background:url(/images/bgr_packet.gif) repeat-x bottom left; margin:10px 0; padding:15px; }
div.packet h1										{ display:block; width:450px; height:50px; float:left;  }
div.packet .buttonblue					{ float:right; width:155px; }
div.packet .txt									{ display:block; float:left; width:450px; height:65px; overflow:hidden; font-size:11px; clear:both; }
div.packet .price								{ display:block; float:right; width:155px; text-align:right; margin-top:15px; }

div.packetinfo									{ width:698px; background:#f0f7fb; border:1px solid silver; border-top:0; margin-top:-15px; padding:15px; display:none; }

div#bigInfo													{ display:none; position:absolute; top:0; left:0; width:100%; min-height:100%; background:url(/images/bgr_overlay.png); z-index:99999; }
div#bigInfo>div											{ margin:0 auto; margin-top:150px; padding:30px; background:#fff; -webkit-border-radius:5px;  -moz-border-radius:5px; width:500px; min-height:210px; text-align:center; }
div#bigInfo #bigInfoContent					{ width:500px; height:300px; overflow:auto; }

div.productBoxSmall									{ width:150px; height:165px; padding:5px; border:1px solid silver; margin:0 5px 5px 0; float:left; cursor:pointer; }
div.productBoxSmall img							{ width:90px;margin:0 auto; display:block }
div.productBoxSmall input						{ float:left; margin-right:5px; width:15px;min-width:15px; }
div.productBoxSmall label						{ float:none; display:inline; }
div.productBoxSmall .price					{ float:left;width:80px;height:25px;margin-left:-5px;margin-top: 15px;background:#a1a1a1;color:#fff;text-align:center; line-height:25px }
div.productBoxSmall .info						{ float:left;width:80px;height:25px;margin-right:-5px;margin-top: 15px;background:#c0c0c0;color:#fff;text-align:center; cursor:pointer;line-height:25px }
div.productBoxSmall .info:hover			{ background:#a1a1a1; }

/* TOOL */
#selectionBox												{ border:1px solid silver; background:#fff; padding:15px; margin:15px 0; } 
#selectionBox	br 										{ clear:both; display:block; height:15px; width:300px; }
#selectionBox select								{ width:150px; float:left; }
#selectionBox label									{ display:block; float:left; line-height:25px; width:150px; }
#selectionBox button								{ border:0; cursor:pointer; margin-top:30px; }
#selectionBox #slider								{ height:30px; width:310px; overflow:hidden; padding:10px }
#selectionBox #slider-range					{ clear:both; }


/* WINKELWAGEN */
#steps							{ width:1000px; height:110px; margin:0 -30px 15px; }
#steps>div					{ width:189px; height:50px; float:left; padding:15px 30px; border-right:1px solid silver }
#steps>div.active		{ color:#ffcc00 }


.content						{ padding:30px; background:url(/images/white_trans.png); width:940px; margin:0 auto; margin-top:30px; }

#cartOverview						{ width:940px; border-collapse:collapse; text-align:left; margin:15px 0; clear:both }
#cartOverview td 				{ padding:5px; vertical-align:top }
#cartOverview thead td 	{ background:#ffcc00; font-weight:bold;  } 
#cartOverview tbody td 	{ background:#fff; border-bottom:1px solid silver; }
#cartOverview tfoot td 	{ background:#f0f0f0;  }

#cartChoice							{ width:940px; height:300px; border:1px solid silver; padding:30px 0; margin:0 auto; margin-top:30px; }
#cartChoice>div					{ width:409px; height:300px; float:left; padding:0 30px; }


/* USERS */
#loginDiv										{ display:none; position:absolute; top:0; left:0; width:100%; min-height:100%; background:url(/images/bgr_overlay.png); z-index:99999;  }
#loginDiv>div								{ margin:0 auto; margin-top:150px; padding:30px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; width:500px; min-height:210px; }

table.orders_overview				{ width:100%; border-collapse:collapse; }
table.orders_overview td		{ border:1px solid silver; padding:3px; }

#conditionsContent #content	{
	text-align:left; 
	width:auto !important; height: auto !important;
	float:none; margin:0; padding:0;
}
#conditionsContent #content table { margin:0; width:100%; }
#conditionsContent #content table td { width:auto }

/* REVIEWS */
div.reviewAdd								{ border:1px solid silver; -webkit-border-radius:5px; -moz-border-radius:5px; padding:15px; margin-bottom:15px; }
div.reviewAdd label					{ display:block; float:left; width:200px;  }
div.reviewAdd input[type=submit] { border:0; cursor:pointer; float:right; }
div.reviewBox								{ width:203px; height:173px; overflow:hidden; margin:5px 5px 0 0; border:1px solid silver; -webkit-border-radius:5px; -moz-border-radius:5px;  float:left; padding:15px; }

/* SEARCH */
#result											{ padding:15px; background:#D9D9D9; color:black }
.searchItem									{ padding:5px 15px; border:1px solid silver; cursor:pointer; margin-bottom:5px; }
.searchItem:hover						{ color:#ffcc00; }

/* BANNERS */
.bannerHolderCart						{ margin:0 auto; padding:30px 0; cursor:pointer; display:block }
.bannerHolderMenu						{ margin:0 auto; padding:1px 0; cursor:pointer; max-width:246px; display:block }
.bannerHolderMenu center				{ margin:10px 0; }



/* MAIN STYLES */

.yellow							{ color:#ffcc00 !important }
.black							{ color:#323232 !important } .black:hover { color:#323232 !important; border-bottom:1px dotted black }
.grey								{ color:#d4d4d4 !important }
.darkgrey						{ color:#A3A3A3 }
.red								{ color:#d32027 !important }

.s									{ font-size:11px; }
.m									{ font-size:12px; }
.l									{ font-size:20px; }
.xl									{ font-size:22px; }

.bold								{ font-weight:bold;}


/* BUTTONS */
.btnHome						{ width:150px; height:75px; display:block; position:absolute; cursor:pointer; background:url(/images/btn_home.png) no-repeat top left; top:0; margin-left:350px }
.btnHome:hover			{ background-position:bottom left; border:0 !important; }

.buttongrey					{ -webkit-border-radius:5px; -moz-border-radius:5px;  display:block; height:35px; line-height:35px; min-width:205px; background:url(/images/bgr_buttons.png) repeat-x 0 0; color:#fff; text-align:center; }
.buttongrey:hover 	{  border:0 !important; }

.buttonblue					{ -webkit-border-radius:5px; -moz-border-radius:5px;  display:block; height:35px; line-height:35px; min-width:205px; background:url(/images/bgr_button_blue.gif) repeat-x 0 0; color:#fff; text-align:center; }
.buttonblue:hover 	{ background:url(/images/bgr_buttons.png) repeat-x 0 0; border:0 !important; }

.btnSelect					{ background:url(/images/btn_selection.png) no-repeat top left; display:block; width:730px; height:64px; }
.btnSelect:hover		{ background-position:bottom left; }