/* ALGEMENE STYLES */

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

html {
	height:100%;
	width:100%;
	min-width:1010px;
}

body {
	height:100%;
	width:100%;
	min-width:1010px;
	font: 11px Arial, Helvetica, sans-serif;
	background:url(/images/harddisknl/menuleft_background.png) repeat-y;
}

td {
	font-family: tahoma, arial;
	font-size: 11px;
}

a {
	color: #223d53;
	text-decoration: none;

}

a:hover {
	color: #223d53;
	text-decoration: underline;
}

img {
	border: 0;
}

p {
	padding: 5 0 5 0;
}

/* SITE ALGEMEEN */

h2 {
	border-top: 1px;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0px 5px 0px 5px;
	color: #FFF;
	height: 19px;
	background-image:url(images/accudienstnl/h2_background.png);
	background-repeat:repeat-x;
	text-align: center;
	border-bottom: 1px solid #6a90af;
	line-height: 18px;
}

h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #08416d;
	height:25px;
	padding: 4px 10px 0px 10px;
	vertical-align:text-top;
}

h3 a {
	color: #08416d;
	padding-left: 10px;
	padding-top: 0px;
	background-image: url(images/harddisknl/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-decoration: none;
}

h3 a:hover {
	color: #31638a;
	text-decoration: underline;	
}


h4 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #ff893f;
}

.red {
	color: #FF0000;
}

.green {
	color: #009400;
}

.bold {
	font-weight: bold;
}

.right {
	text-align: right;
}

img.text-image
{
	display: inline;
	vertical-align: middle;
	text-decoration: none;
}

.help {
	padding: 10px 10px 2px 10px;
}

.help li {
	line-height: 14px;
	background-image: url(/images/harddisknl/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding: 0px 2px 0px 10px;
	list-style-type: none;
}


/* SITE LAYOUT */

#layout_wrapper {
	max-width: 100%;
	min-height: 100%; /* Uses IE.ancient fix: property not supported */
	margin-left: auto;
	margin-right: auto;
	height:100%;
	width:100%;
	margin-left: auto;
	margin-right: 0px;
}
	

/* HEADER MENU */

#header {
	height:135px;
	background-image:url(images/harddisknl/header_background.png);
	background-repeat:repeat-x;
}

#header_top
{
	height: 80px;
}

#header_logo {
	padding-left: 40px;
	padding-top: 4px;
	float: left;
	border: 0px;
}


/* HEADER MENU > RECHTS (LOGIN / QSHOPS) */

#header_right {
	float: right;
	height: 53px;
	padding: 5px 1.0em 0px 0px;

}

#header_flags {
	float: right;
	height: 100%;
	padding: 2px 10px 2px 10px;
    border-left: 1px solid #878787;
}

#header_qshops {
	float: right;
    border-left: 1px solid #878787;
	padding: 25px 51px 25px 52px;
	background-image: url(/images/mlogo_qshops.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

#header_vergelijk {
	float: right;
    border-left: 1px solid #878787;
	padding: 0px 10px 10px 10px;
	height: 56px;
	overflow: hidden;
}

#header_login {
	float: right;
	height: 100%;
	padding: 2px 10px 2px 45px;
    border-left: 1px solid #878787;
	background-image: url(/images/harddisknl/login_logo.gif);
	background-repeat: no-repeat;
	background-position: 10px 15px;
}

#header_login ul {
	list-style-type: none;
	color: #878787;
    font: bold 12px arial, helvetica, sans-serif;
}

#header_login li.groot a{
	color: #000000;
	padding-left: 10px;
	padding-top: 0px;
	background-image: url(/images/harddisknl/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	line-height: 30px;
	list-style-type: none;
}

#header_login li.klein {
	color: #878787; 
    font: 9px arial, helvetica, sans-serif;
	padding-left: 10px;
	text-align: center;
	line-height: 10px;
	list-style-type: none;
}

#header_login li.klein a {
	color: #878787; 
}

/* HEADER MENU > NAVIGATIE */

#header_navlist 
{
	clear: both;
	margin: 0;
	padding: 0;
}

#header_navlist ul
{
	margin: 0 0 0 200px;
	color: #000000;
	float: left;
	font: bold 12px/16px arial, helvetica, sans-serif;
	border-left: 1px solid #306d9b;
	padding: 0;
	display: inline;
}

#header_navlist ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#header_navlist ul a
{
	padding: 0px 2.0em;
	color: #FFF;
	float: left;
	border-right: 1px solid #306d9b;
	font: bold 11px/16px arial, helvetica, sans-serif;
	text-decoration: none;
	height: 19px;
	line-height: 18px;

}

#header_navlist ul li a:hover
{
	color: #223d53;
	background: url(/images/harddisknl/navlist_background.png) repeat-x;
}


/* HEADER MENU > ONDER NAV (ZOEKEN E.D.) */

.header_under {
	float: left;
	height:25px;
	width: 1010px;
	padding: 4px 5px 0px 5px;
	vertical-align:text-top;
	display: inline;
	clear: both;
}

.header_under a {
	color: #223d53;
	padding-left: 5px;
	padding-top: 0px;
    font: bold 12px/16px arial, helvetica, sans-serif;
	background-image: url(/images_suncell_nl/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

.header_search {
	float: right;
	height: 25px;
	width: 200px;
	border-left: 1px solid #878787;
	padding: 4 10 0 10;
}

.header_search_img {
	display: inline;
	vertical-align: text-bottom;
}


.header_quicklink {
	float: left;
	text-align: center;
	margin: 0px 5px 0px 5px;
	line-height: 28px;
	display: inline;
}

.header_quicklink_tussen {
	margin: 10px;
}

.header_shopcart {
	float: right;
	height: 25px;
	width: 180px;
	border-left: 1px solid #878787;
	list-style-type: none;
	text-align: center;
	padding: 0px 10px 0px 10px;
}

.header_shopcart a {
	background-image: url(/images/harddisknl/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 2px 0px 10px;
}

.header_quick li {
	width: 100px;
	height: 20px;
	float: left;
	text-align: left;
	list-style-type: none;
	border: 1px solid #223d53;
	margin: 0px 2px 0px 2px;
	background-color: #FFF;

}

.header_quick_tekst {
	height: 20px;
	overflow: hidden;
}

.header_quick li a{
	color: #223d53;
	text-decoration: none;

}
.header_quick li a:hover{
	color: #5f7d99;
	text-decoration: none;
	overflow: visible;
}

.header_quick li a.image {
	display: block;
}

.header_quick li a.image img {
	vertical-align: baseline;
}

/* LEFT MENU */

#layout_leftmenu {
	width: 160px;
	height: 100%;
	min-height: 100%;
	padding: 0 15 0 0;
	float:left;
	text-align: left;
}

.leftmenu h4
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #08416d;
	margin: 10 0 1 2;
	padding: 0 0 0 3;
}

.leftmenu ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style-type: none;
	color: #000000;
    font: bold 12px arial, helvetica, sans-serif;
}


.leftmenu li.groot{
	padding: 0 0 0 3;
	color: #08416d;
    font: 11px arial, helvetica, sans-serif;
	text-decoration: none;
}

.leftmenu li.groot a{
	padding: 0 0 0 8;
	color: #223d53;
    font: 11px arial, helvetica, sans-serif;
	text-decoration: none;
}

.leftmenu li.groot a:hover{
	text-decoration: underline;
}

.leftmenu li.klein {

	color: #878787; 
    font: 9px arial, helvetica, sans-serif;
	text-decoration: none;
	vertical-align: top;
	margin: 1 0 1 10;
	line-height: 9px;
}

.leftmenu li.klein a {
	padding: 0 0 0 8;
	color: #878787; 
	text-decoration: none;
}

.leftmenu li.klein a:hover{
	text-decoration: underline;
}

/* LEFT MENU > KEUZEVAK */

.keuzevak {
	margin: 10 5 0 4;
	color: #000000;
	border: 1px solid #6a90af; 
	width: 135px;
	background: url(/images/harddisknl/keuzevak.png) repeat-x;
	background-color: #ffeec0;
}

.keuzevak_header {
	font: bold 13px/16px Arial, Helvetica, sans-serif;
	color: #08416d;
	border-bottom: 1px solid #6a90af;
	text-align: center;
	background-color: #feba02;
	margin: 0 0 0 0;
	padding: 0 2 0 3;
	background: url(/images/harddisknl/specw_subgroep.png) repeat-x;
}

.keuzevak_option {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #08416d;
	margin: 10 1 1 1;
}

.keuzevak_line a {
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 1 1 1 2;
	padding-left: 10px;
	line-height: 20px;
	color: #08416d;
	background-image: url(/images/harddisknl/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.close {
	display: inline;
	float: right;
	background-image: url(/images/harddisknl/close.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	width: 12px;
}

/* CONTENT */

#layout_content {
	height: 100%;
	min-height: 100%; 
	padding: 5 5 5 5;
}

.promotion {
	float: left;
	width: 300px;
	height: 150px;
	border: 1px solid #b7bab0;
	padding: 0 1 0 1;
	margin: 5 5 0 0;

}

.promotion_image {
	float:left;
	vertical-align:text-top;
}

.promotion_tekst {
	height: 70px;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 0 5 0 5;
	vertical-align:text-top;

}

.promotion_price_big {
	height:35px;
	width: 150px;
	text-align: right;
	float:right;
}

.promotion_price_small {
	height:35px;
	width: 20px;
	text-align: left;
	float:right;
	padding: 0 10 0 0;
}

.promotion_background {
	color: #FFF;
	height: 15px;
	width: 290px;
	background-image:url(/images/harddisknl/promotion_background.gif);
	background-repeat:repeat-x;
	text-align: right;
	float:left;
	padding: 0 5 0 5;
}

.promotion_background a {
	color: #FFF;
	padding-left: 8px;
	padding-top: 0px;
	background-image: url(/images/harddisknl/arrow_white.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-decoration: none;
}

.promotion_background a:hover {
	text-decoration: underline;
}



/* RIGHT MENU */

#layout_rightmenu {
	float: right;
	width: 160px;
	padding: 10px 4px 10px 4px;
	display: block;
}

.rightmenu {
	padding: 0px 0px 0px 0px;
	border: 1px solid #6a90af;
	width: 150px; 
}

.rightmenu_shadow {
	border-top: 3px solid #e8e8e8;
	width: 144px;
	height: 3px;
	margin: 0px 3px 10px 3px;
	overflow: hidden;
}

.rightmenu_tekst {
	padding: 0px 1px 0px 1px;
	line-height: 14px;
	background:url(images/accudienstnl/menuright_background.png) repeat-y;
}

.rightmenu li {

	padding-top: 2px;
	list-style-type: none;

}

.rightmenu_voordelen {
	background:url(images/accudienstnl/voordeel_background.png) no-repeat;
	background-position:right top; 
	background-color: #e2e1e4;
}

.rightmenu li.voordelen {
	background-image: url(/images/accudienstnl/accu_voordeel.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding: 0px 2px 2px 20px;
	list-style-type: none;
}

.rightmenu li a{
	color: #223d53;
	text-decoration: none;
}

.rightmenu li a:hover{
	color: #5f7d99;
	text-decoration: underline;

}

.rightmenu_promo {
	padding: 0px 0px 0px 0px;
	height: 152px;
	width: 152px; 
	margin-bottom: 10px;
	overflow: hidden;
}

.promotion_promo_price_big {
	height:35px;
	text-align: right;
	float:right;
}

.promotion_promo_price_small {
	height:35px;
	width: 10px;
	text-align: left;
	float:right;
	padding: 0px 0px 0px 0px;
}

.rightmenu_sites {
	padding: 0px 0px 10px 0px;
	width: 150px; 
	list-style-type: none;
}

.rightmenu_sites h2{
	border: 1px solid #6a90af;
}

.rightmenu_sites li {
	list-style-type: none;
	padding: 2px 0px 0px 0px;
}


/* harddisk WIZARD */


.harddisk_merk {
	float: left;
	width: 155px;
	height: 120px;
	border: 1px solid #b7bab0;
	padding: 0px 1px 0px 1px;
	margin: 5px 5px 0px 0px;
}

.harddisk_merk img{

}


.harddisk_model {
	float: left;
	width: 155px;
	height: 40px;
	border: 1px solid #b7bab0;
	padding: 0px 1px 0px 1px;
	margin: 5px 5px 0px 0px;
}

.harddisk_accu {
	float: left;
	width: 262px;
	height: 275px;
	border: 1px solid #b7bab0;
	padding: 0px 1px 0px 1px;
	margin: 2px 2px 2px 2px;
}

.harddisk_accu_image {
	height: 180px;
	text-align: center;
	vertical-align:text-top;
	background-color: #b9d8c6;
}

.harddisk_accu_tekst {
	font: 10px Arial, Helvetica, sans-serif;
	padding: 0px 5px 0px 5px;
	vertical-align:text-top;

}

.harddisk_accu_prijs {
	float:right;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #08416d;
	height:30px;
	padding: 3px 8px 2px 2px;
	vertical-align:text-top;
}

.harddisk_accu_bestel {
	padding: 5px 2px 2px 5px;
	height:30px;
	float:left;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight: bold;
	cursor:pointer;
}

.harddisk_accu_bestel a {
	color: #FFF;
	padding: 2px 2px 2px 2px;
	background-color: #009400;
	border-left: 1px solid #00c700;
	border-top: 1px solid #00c700;
	border-right: 1px solid #005200;
	border-bottom: 1px solid #005200;
}

.harddisk_accu_bestel a:hover {
	color: #FFF;
	border-left: 1px solid #005200;
	border-top: 1px solid #005200;
	border-right: 1px solid #00c700;
	border-bottom: 1px solid #00c700;
	text-decoration: none;
}

/* PRODUCTEN PAGINA */

.layout_productenp {
	float: left;
	padding: 5px 5px 5px 5px;
	width: 100%;
}

.productenp_blok {
	display: inline;
	width: 250px;
	height: 255px;
	border: 1px solid #6a90af;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
}

.productenp_image {
	text-align: center;
	width: 248px;
	height: 77px;
	padding: 1px 0px 0px 0px;
	background-color:#fff;
	border-bottom: 1px solid #6a90af;
	
}

.productenp_top {
	width: 248px;
	height: 60px;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 0px;
	background-color:#f7f7f7;
	
}

.productenp_top li {
	line-height: 14px;
	background-image: url(/images/harddisknl/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding: 0px 2px 0px 10px;
	list-style-type: none;
}

.productenp_tekst {
	width: 246px;
	height: 99px;
	padding: 1 3 2 3;
	margin: 0 0 0 0;
	background-color:#ececec;
}

/* SPEC WIZARD */

.specw_table {
	width: 1050px;
	padding: 10 5 5 5;
}

.specw_colum1 {
	float: left;
	width: 800px;
}

.specw_colum2 {
	float: right;
	width: 250px;
	border: 1px solid #6a90af;
	padding: 0 0 2 0;
	background-color: #feba02;
}

.specw_header {
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #08416d;
	padding: 1 5 1 5;
	background-color: #ffeec0;
	background: url(/images/harddisknl/navlist_background.png) repeat-x;
}

.specw_subgroep {
	font: 12 Arial, Helvetica, sans-serif;
	color: #08416d;
	border-top: 1px solid #6a90af;
	margin: 0 0 0 0;
	padding: 2 2 0 6;
	background: url(/images/harddisknl/specw_subgroep.png) repeat-x;
}


.specw_dd {
	min-width: 212px;
}

.specw_specs {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #08416d;
	margin: 1 1 10 2;
	padding: 2 5 0 5;
}

/* ---------- HELP  ------------- */

.help_container {
	width: 1000px;
}

.help_container h1 {
	padding: 0 0 0 0;
	height: 30px;
	font-size: 14px;
}

.help {
	padding: 2 2 2 2;
	margin: 3 3 0 0;
	height: 160px;
	width: 450px;
	float: left;
    border: 1px solid #d5d5cb;
}

.help h2 {
	border: none;
	font: bold 14px Arial, Helvetica, sans-serif;
}

.help ul {
	padding: 0;
	margin: 0;
}

.help li {
	line-height: 14px;
	background-image: url(/images/radiosjaaknl/arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: 1 4;
	padding: 0 2 0 10;
	list-style-type: none;
}