/* - - - - - - - - - - - - - - - - - - - - -
Title: ADS Expo	
Author: brightworks (http://www.brightworks.nl)
URL: /css/screen.css

Created: Jun 16, 2008
Modified: Nov 30, 2009
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}
body {margin:0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8e8e8e; background-color:#a2a4a6; background-image:url("../images/bg.gif"); background-repeat:repeat; text-align:justify;}
a {color:#f15c23; text-decoration:none;}
a:hover {color:#f15c23; text-decoration:underline;}
img {border:none;}
.clear {clear:both;}

/* titles */
div#content h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#f15c23;font-weight:normal; width:549px; padding:10px 0px 15px 0px; clear:both; height:16px;}
div#content h1 a {float:left;}
div#content h1 span.price {float:right;}
div#content_bg h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#f15c23; font-weight:normal; padding:10px 0px 0px 0px; clear:both; height:16px;}
div#content_bg h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8A478C; font-weight:normal; padding:10px 0px 0px 0px; clear:both; height:14px;}
div#content_bg p.intro {font-weight: bold;}
div#content_bg p {text-align: left;}


div#sidebar_top h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; font-weight:normal; margin:20px 0px 5px 0px;}
div#sidebar h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; font-weight:normal; margin:0px 0px 15px 5px;}
div#sidebar h2 {width:145px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 25px 7px 5px; color:#ffffff; font-weight:normal; background:url("../images/cat_open.png") no-repeat left top; cursor:pointer;}
div#sidebar h2.closed {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:normal; background:url("../images/cat_closed.png") no-repeat left top;}
div#sidebar ul.subcatlist.closed {display:none;}
div#content div.product h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:5px 0px 3px 0px;}
div#content div.product-full h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f15c23; font-weight:normal; margin:5px 0px 3px 0px; float:left;}
dt strong {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f15c23; font-weight:normal; font-size:12px; line-height:12px;}

/* ******************  navigation  *************** */
ul#nav {float:left; line-height:normal; height:30px; padding:30px 0px 0px 37px; margin:0;}
ul#nav li {float:left; margin:0; padding:0px 0px 0px 0px; list-style-type:none; font-size:13px;}
/*ul#nav li span {display: in-line;}*/
ul#nav li span.buttonleft {float:left; width:7px; height:30px; background:url("../images/nav/nav_left.png") no-repeat left top; margin:0; padding:0;}
* html ul#nav li span.buttonleft {background:url("../images/nav/nav_left.gif") no-repeat left top;}
ul#nav li span.buttonright {float:left; width:7px; height:30px; background:url("../images/nav/nav_right.png") no-repeat left top; margin:0; padding:0;}
* html ul#nav li span.buttonright {background:url("../images/nav/nav_right.gif") no-repeat left top;}
ul#nav li span.buttondivider {float:left; width:2px; height:30px; background:url("../images/nav/li_divider.gif") no-repeat left top; margin:0; padding:0;}
ul#nav li a {float:left; margin:0; height:21px; font-size:10px; cursor:pointer; text-decoration:none; color:#fff; padding:9px 10px 0px 10px; background:url("../images/nav/nav_bg.gif") repeat-x left top;}
ul#nav li:hover a, ul#nav li.over a, ul#nav li a:hover {color:#fff; text-decoration:none;}
ul#nav li:hover span.buttonleft, ul#nav li.over span.buttonleft, ul#nav .active span.buttonleft {background-image:url("../images/nav/nav_left-hover.png");}
* html ul#nav li.over span.buttonleft, * html ul#nav .active span.buttonleft {background-image:url("../images/nav/nav_left-hover.gif");}
ul#nav li:hover span.buttonright, ul#nav li.over span.buttonright, ul#nav .active span.buttonright {background-image:url("../images/nav/nav_right-hover.png");}
* html ul#nav li.over span.buttonright, * html ul#nav .active span.buttonright {background-image:url("../images/nav/nav_right-hover.gif");}
ul#nav li:hover a, ul#nav li.over a, ul#nav li a:hover, ul#nav .active a {background-image:url("../images/nav/nav_bg-hover.gif");}

/*ul#nav li ul.subnav {z-index:10; position:absolute; display:none; overflow:visible; width:180px; height:30px; margin:30px 0 0 0; padding:0; background-color:transparent;}
ul#nav li ul.subnav li {float:left; width:180px; margin:0; padding:0px 0px 0px 0px; list-style-type:none; font-size:13px; background-color:transparent;}
ul#nav li ul.subnav li span.buttonsubbottomleft {float:left; width:7px; font-size:1px; height:10px; background:url("../images/nav/dropdown_bottom_left2.png") no-repeat left bottom; margin:0; padding:0;}
ul#nav li ul.subnav li span.buttonsubbottomright {float:left; width:7px; font-size:1px; height:10px; background:url("../images/nav/dropdown_bottom_right2.png") no-repeat left bottom; margin:0; padding:0;}
ul#nav li ul.subnav li span.buttonsubbottom {float:left; width:166px; font-size:1px; height:10px; background-color:#364da0; margin:0; padding:0;}
ul#nav li ul.subnav li:hover span.buttonsubbottomleft, ul#nav li ul.subnav li.over span.buttonsubbottomleft {float:left; width:7px; font-size:1px; height:10px; background:url("../images/nav/dropdown_hover_bottom_left.png") no-repeat left bottom; margin:0; padding:0;}
ul#nav li ul.subnav li:hover span.buttonsubbottomright, ul#nav li ul.subnav li.over span.buttonsubbottomright {float:left; width:7px; font-size:1px; height:10px; background:url("../images/nav/dropdown_hover_bottom_right.png") no-repeat left bottom; margin:0; padding:0;}
ul#nav li ul.subnav li:hover span.buttonsubbottom, ul#nav li ul.subnav li.over span.buttonsubbottom {float:left; width:166px; font-size:1px; height:10px; background-color:#596CB0; margin:0; padding:0;}
ul#nav li ul.subnav li span.buttonsubdividerwrapper {float:left; width:160px; height:2px; margin:0; padding:0 10px 0 10px; background-color:#364da0;}
ul#nav li ul.subnav li span.buttonsubdivider {float:left; width:160px; font-size:1px; height:2px; background:url("../images/nav/dropdown-divider.gif") repeat-x left bottom; margin:0; padding:0;}
ul#nav li ul.subnav li a {float:left; width:160px; background-image:none ! important; background-color:#364da0;}
ul#nav li ul.subnav li a.last {width:160px; height:11px; font-size:1px; background-image:none; background-color:#364da0;}
ul#nav li ul.subnav li:hover a, ul#nav li ul.subnav li.over a, ul#nav li ul.subnav li a:hover {background-color:#596CB0 ! important;}
ul#nav li:hover ul.subnav, ul#nav li.over ul.subnav {display:block;}*/


/* ******************  containers  *************** */
div#headcontainer {width:836px; margin:0 auto;}
div#headcontainer div#header {height:70px;}
div#headcontainer div#shoppingbag {margin:0px 0px 0px 14px; padding: 0px 0px 10px 0px; width:166px; color:#fff; font-size:14px;  background:url("../images/winkelwagen_bg.gif") repeat-x bottom left; }
div#headcontainer div#shoppingbag a {color:#fff; text-decoration:none;}
div#headcontainer div#shoppingbag a:hover {color:#fff; text-decoration:underline;}

/* --- sidebar --- */
div#headcontainer div#sidebar_repeat {background-color:transparent; width:195px; float:left; padding:0px 0px 0px 0px; margin:28px 0px 0px 0px; background-image:url("../images/sidebar_repeat.gif"); background-position:top left; background-repeat:repeat-y;}
div#headcontainer div#sidebar_top {background-color:transparent; width:195px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-image:url("../images/sidebar_top.gif"); background-position:top left; background-repeat:no-repeat;}
div#headcontainer div#sidebar {background-color:transparent; width:179px; float:left; padding:22px 6px 22px 10px; margin:0px 0px 0px 0px; background-image:url("../images/sidebar_bottom.gif"); background-position:bottom left; background-repeat:no-repeat;}
div#headcontainer div#sidebar ul {color:#778388; margin:0px 0px 10px 0px;}
div#headcontainer div#sidebar ul li {line-height:18px; list-style-position:inside; list-style-type:square;}
div#headcontainer div#sidebar ul li a {color:#ffffff; text-decoration:none;}
div#headcontainer div#sidebar ul li a:hover {color:#ffffff; text-decoration:underline;}

/* --- breadcrumbs --- */
div#headcontainer div#content {width:592px; float:left; margin:0px 0px 0px 43px; }
div#headcontainer div#content p.breadcrumbs {padding:10px 0px 0px 0px; margin:0px 0px 4px 20px; float:left; color:#626262; font-size:11px;}
div#headcontainer div#content p.breadcrumbs a {color:#778388; text-decoration:underline;}
div#headcontainer div#content p.breadcrumbs a:hover {color:#778388; text-decoration:none;}

/* --- search --- */
div#headcontainer div#content div#search {float:right; margin:5px 0px 0px 0px;}
div#headcontainer div#content div#search form, div#headcontainer div#content div#search form fieldset {float:left;}
div#headcontainer div#content div#search .searchfield {background:#fff; border:1px solid #8a468c; color:#8a468c; font-family: inherit; width: 120px; padding:4px 4px 4px 6px; margin:0px 4px 0px 0px; float:left;}
div#headcontainer div#content div#search .search {padding-top:0px; margin:0;height:22px; float:left;}

/* --- buttons --- */
div#headcontainer div#content p {margin:0px 0px 10px 0px; line-height:18px;}
div#headcontainer div#content .moreinfo {display: block; width: 87px; height: 20px; background: url("../images/meerinfo.gif") no-repeat 0 0; margin-top:10px;}
div#headcontainer div#content .moreinfo:hover {background: url("../images/meerinfo.gif") no-repeat 0 -20px;}
div#headcontainer div#content .moreinfo span {display: none;}

div#headcontainer div#content .inshoppingcart {float: left; display: block; width: 87px; height: 20px; background: url("../images/inwinkelwagen.gif") no-repeat 0 0; margin-bottom:10px;}
div#headcontainer div#content .inshoppingcart:hover {background: url("../images/inwinkelwagen.gif") no-repeat 0 -20px;}
div#headcontainer div#content .inshoppingcart span {display: none;}

div#headcontainer div#content .nextstep {display: block; width: 87px; height: 20px; background: url("../images/volgendestap.gif") no-repeat 0 0; margin:10px 22px 0px 0px; float:right;}
div#headcontainer div#content .nextstep:hover {background: url("../images/volgendestap.gif") no-repeat 0 -20px;}
div#headcontainer div#content .nextstep span {display: none;}

/* --- product --- */
div#headcontainer div#content a.product {width:181px; height:205px; float:left; margin:10px 10px 10px 0px; padding:5px 0 0 5px; background-image:url("../images/product_bg.gif"); background-position:top left; background-repeat:no-repeat; text-decoration:none; cursor:pointer;}
div#headcontainer div#content a.product:hover {background-image:url("../images/product_bg_hover.gif");}
* html div#headcontainer div#content a.product {width:181px; float:left; margin:10px 10px 0px 0px;}
div#headcontainer div#content a.product .noImg {float:left; width:175px; height:121px; border:1px solid #CCCCCC; margin:0px; padding:0px}
div#headcontainer div#content a.product img {float:left; width:175px; height:121px; border:1px solid #CCCCCC; margin:0px; padding:0px}
div#headcontainer div#content a.product p {float:left; line-height:16px; margin:3px 0px 6px 3px; width:172px; text-align: left;}
div#headcontainer div#content a.product h2 {float:left; font-size:12px; color:#ffffff; font-weight:normal; margin-left: 4px; margin-right: 3px; width:172px; height:15px; overflow:hidden;}
div#headcontainer div#content a.product .introduction {color:#e0e0e0; width:172px; height:40px; margin:0; padding:0px 0px 0px 4px;}
div#headcontainer div#content a.product .price-old {font-size:16px; font-weight:normal; color:#BFBFBF; text-decoration:line-through;}
div#headcontainer div#content a.product .price-offer {font-size:16px; font-weight:normal; color:#fff; padding-left:3px; margin: 0;}

/* --- product full --- */
div#headcontainer div#content div.product-full {width:569px; margin:10px 22px 20px 0px;}
div#headcontainer div#content div.product-full-img {width:175px; height:121px; border:1px solid #CCCCCC; float:left; margin:0px 10px 10px 0px;}
div#headcontainer div#content div.product-full-img a, div#headcontainer div#content div.product-full-img a img {float:left;}
div#headcontainer div#content div.product-full p {line-height:16px; margin:0px 0px 10px 0px;}
div#headcontainer div#content div.divider {clear:both; height:1px; border-bottom:1px solid #bababa; width:572px;}
* html div#headcontainer div#content div.divider {clear:both; height:1px; border-bottom:1px solid #bababa; width:563px;}

/* --- shoppingbag overview --- */
div#headcontainer div#content ul#shoppingbag-title {border-bottom:1px solid #ffc4ac; height:16px; width:559px; margin:10px 0px 0px 0px;}
div#headcontainer div#content ul#shoppingbag-title li {list-style-type:none; float:left; font-weight:bold;}
div#headcontainer div#content ul#shoppingbag-title li.product {width:279px; padding-left:10px;}
div#headcontainer div#content ul#shoppingbag-title li.price {width:100px;}
div#headcontainer div#content ul#shoppingbag-title li.quantity {width:90px;}
div#headcontainer div#content ul#shoppingbag-title li.total {width:80px;}

div#headcontainer div#content ul.shoppingbag-overview {width:569px; clear:both; height:39px;}
div#headcontainer div#content ul.shoppingbag-overview li {list-style-type:none; float:left; padding:14px 0px 10px 0px; background-color:#ffeae1; height:15px;}
div#headcontainer div#content ul.shoppingbag-overview li.product {width:279px; padding-left:10px; font-weight:bold;}
div#headcontainer div#content ul.shoppingbag-overview li.price {width:100px;}
div#headcontainer div#content ul.shoppingbag-overview li.quantity {width:90px;}
div#headcontainer div#content ul.shoppingbag-overview li.total {width:80px;}
div#headcontainer div#content ul.shoppingbag-overview li.total span.price {float:left; width:60px;}
div#headcontainer div#content ul.shoppingbag-overview li input {float:left; border:1px solid #8e8e8e; width:30px; background-color:#fff7f4; color:#8e8e8e; font-size:11px; padding:2px; margin-top:-4px;}

div#headcontainer div#content ul.shoppingbag-overview-odd {width:569px; height:39px;}
div#headcontainer div#content ul.shoppingbag-overview-odd li {list-style-type:none; float:left; padding:14px 0px 10px 0px; background-color:#fff7f4; height:15px;}
div#headcontainer div#content ul.shoppingbag-overview-odd li.product {width:279px; padding-left:10px; font-weight:bold;}
div#headcontainer div#content ul.shoppingbag-overview-odd li.price {width:100px;}
div#headcontainer div#content ul.shoppingbag-overview-odd li.quantity {width:90px;}
div#headcontainer div#content ul.shoppingbag-overview-odd li.total {width:80px;}
div#headcontainer div#content ul.shoppingbag-overview-odd li.total span.price {float:left; width:60px;}
div#headcontainer div#content ul.shoppingbag-overview-odd li input {float:left; border:1px solid #8e8e8e; width:30px; background-color:#fff7f4; color:#8e8e8e; font-size:11px; padding:2px; margin-top:-4px;}

div#headcontainer div#content div.total {float:left; width:559px; border-top:1px solid #ffc4ac}
div#headcontainer div#content p.contact {width:250px; float:left;}

div#headcontainer div#content div#content_top {float:left; font-size:1px; width:595px; height:6px; background-image:url("../images/content_top.gif"); background-position:top left; background-repeat:no-repeat;}
div#headcontainer div#content div#content_bg {float:left; overflow:hidden; width:555px; padding:0px 20px 20px 20px; background-color:#fff;}
div#headcontainer div#content div#content_bottom {float:left; font-size:1px; width:595px; height:6px; background-image:url("../images/content_bottom.gif"); background-position:top left; background-repeat:no-repeat;}

div#headcontainer div#content .subcat_description {float:left; position:relative; display:inline; width:595px; margin-left:-7px;}
div#headcontainer div#content .subcat_description div#content_bg {padding:5px 20px 0px 20px;}
div#headcontainer div#content .subcat_description div#content_bg p {margin-bottom:5px;}

div#headcontainer div#content ul {list-style-position: inside;}
/* ******************  form  *************** */
form dt {margin: 0; padding:10px 24px 10px 7px; float:left; width:130px; clear:both; background-color:#f4f4f4; border-bottom:1px solid #e0e0e0; margin-bottom:2px; color:#767676; font-weight:bold; text-align:right;}
* html form dt {padding:11px 24px 11px 7px; height: 16px;}
form dd {margin:0; padding: 7px 0px 3px 10px; float:left; width:376px; background-color:#e9e9e9; border-bottom:1px solid #e0e0e0; margin-bottom:2px;}
* html form dd {height: 28px;}
/** html form .form_select {height: 20px ! important;}*/
form .form-inline {display: inline;}
label {cursor: pointer;}

dt.title {background-color:#fff;  padding:10px 4px 2px 7px; border:none;}
dd.title {background-color:#fff; padding:10px 0px 2px 0px; border:none;}
dd.nobg, dt.nobg {background-color:#fff; border:none;}
dd .netnumber {width:22px; float:left;}
dd .abbonumber {width:208px; float:left;}
dd span.space {float:left; padding:0px 2px 0px 2px;}

/* pagenav */
ul#pagenavigation {margin:10px 0px 10px 7px; padding:0; float:left;}
ul#pagenavigation li {list-style-type:none; line-height:18px; float:left; margin:0px 4px 0px 0px; color:#3b60b2; font-weight:bold;}
ul#pagenavigation li a {color:#fff; font-weight:bold; display:block; text-decoration:none; padding:0px 6px 0px 6px; border:1px solid #743475; color:#8a468c;}
* html ul#pagenavigation li a {padding:0px 6px 0px 6px;}
ul#pagenavigation li a:hover {background: url("../images/pagenav_bg.gif") repeat-x 0 0; border:1px solid #743475; color:#fff; font-weight:bold; display:block; text-decoration:none; padding:0px 6px 0px 6px;}
* html ul#pagenavigation li a:hover {padding:0px 6px 0px 6px;}

div#lastpage {float:left; font-weight:normal; color:#8a468c; margin:12px 0px 0px 1px; line-height:18px;}
div#selecteer {float:right; margin:11px 3px 0px 0px; padding:0; color:#ff9900;}
ul#pagenavigation li .active {background: url("../images/pagenav_bg.gif") repeat-x 0 0; border:1px solid #743475; color:#fff;}

/* MESSAGE */
#message {padding:10px; margin:0px 0px 20px 0px; background-color:#e1edc7; border:1px solid #7ca622; width:auto; color:#7ca622; clear:both;}
#message li {list-style-position:inside;}

/* --- error --- */
.form_text {background:#fff; border:1px solid #ccc; border-color:#777 #CCC #CCC #777; color:#333; font-family: inherit; width: 60%; padding:4px 4px 4px 6px;}
.form_text_error {background-color:#feefef; border:1px solid #F44; color:#F44; font-family:inherit; width: 60%; padding:4px 4px 4px 6px;}

.form_select {background:#fff; border:1px solid #ccc; border-color:#777 #CCC #CCC #777; color:#333; font-family: inherit; width: 63%; padding:4px 4px 2px 6px;}
.form_select_error {background-color:#feefef; border:1px solid #F44; color:#F44; font-family: inherit; width: 63%; padding:4px 4px 2px 6px;}

.form_textarea {background:#fff; border:1px solid #ccc; border-color:#777 #CCC #CCC #777; color:#333; font-family: inherit; height:106px; width: 93%; padding:4px 4px 2px 6px; font-size:11px;}
.form_textarea_error {background:#feefef; border:1px solid #F44; color:#F44; font-family: inherit; height:106px; width: 93%; padding:4px 4px 2px 6px; font-size:11px;}

ul#error {color:#F44; margin:0px 0px 15px 0px; border:1px solid #F44; padding:10px; background-color:#feefef; clear:both; width:525px;}
ul#error li {list-style-position:inside; line-height:18px;}
ul#error li.fault {font-size:18px; list-style-type:none; padding:0px 0px 5px 12px;}

/* ******************  footer  *************** */
div#footer_wrapper {float:left; width:816px; margin-top:0px;}
div#footer {float:right; background-image:url(../images/footer.gif); background-position: top left; background-repeat: repeat-x; width:570px; height:22px; clear:both; padding:8px 0px 0px 0px; color:#F15C23; font-size:12px;}
div#footer .copyhidden {text-indent:-6000px; visibility: hidden; display:none;}

/*loading*/
div#loading {position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html div#loading { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#img_logo {float:left;}