html {
    height:100%;
    background: #f3f3f3;
    overflow-y: scroll;
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    margin: 0;
    padding: 0;
    min-height: 100%;
    color: #505963;
}


h1 { font-size:2em; line-height:1.17; }
h2 { font-size:1.5em; color: #346ca7;}
h3 { font-size: 1.455em; color: #ff8701; font-weight: normal;}
h4 { font-size:1.273em; color: #ff8701; font-weight: normal;}
h5 { font-size:1.0911em; color: #ff8701;}
h6 { font-size:1em; color: #ff8701;}

ul,ol { list-style:none; }

BODY.main {
    margin-top: 10px;
    background-image: url(images/site/back_main_2.gif);
}
IMG {
    border: 0;
}
.red {
    font-weight: bold;
    color: #ff0000;
}
A {
    font-size: 11px;
    font-weight: normal;
    color: #505963;
    text-decoration: none;
}
A:hover {
    color: #ff6600;
}

A.bold {
    font-weight: bold;
    text-decoration: none;
}

A.bold:hover {
    color: #ff6600;
    text-decoration: none;
}

A.bold-blue {
    font-weight: bold;
    color: #346ca7;
    text-decoration: none;
}

A.bold-blue:hover {
    color: #ff6600;
    text-decoration: none;
}

A.accountBox {
    font-size: 10px;
    font-weight: bold;
    color: #346ca7;
    text-decoration: none;
}

A.accountBox:hover  {
    color: #666666;
    text-decoration: none;
}

A.login {
    font-size: 10px;
    color: #346ca7;
    font-weight: bold;
    text-decoration: underline;
}

A.login:hover  {
    color: #ff6600;
    text-decoration: underline;
}

A.pageResults {
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

A.pageResults:hover {
    color: #346ca7;
    text-decoration: none;
}

A.menu {
    font-size: 11px;
    padding-left: 4px;
    line-height: 16px;
    text-decoration: none;
}

A.menu:hover {
    color: #ff6600;
    text-decoration: none;
}
A.menu-onderdelen {
    font-size: 11px;
    padding-left: 3px;
    line-height: 16px;
    text-decoration: none;
}

A.menu-onderdelen:hover {
    color: #ff6600;
    text-decoration: none;
}
A.box {
    font-size: 10px;
    text-decoration: none;
}

A.box:hover {
    color: #ff6600;
    text-decoration: none;
}

A.news {
    font-size: 10px;
    color: #346ca7;
    text-decoration: none;
}

A.news:hover {
    color: #FF0000;
    text-decoration: none;
}
a.newslink {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
a.newslink:hover {
    color: #ff6600;
}
A.meer {
    font-size: 9px;
    text-decoration: none;
    font-weight: bold;
    padding-right: 10px;
}

A.meer:hover {
    color: #FF0000;
    text-decoration: none;
}


A.headerNavigation { 

}

A.headerNavigation:hover {

}


.input200 {
    background: #fff url(images/bg_input.gif) 0 0 repeat-x;
    color: #346ca7;
    border: 1px solid #ccc;
    border-left-color: #bbb;
    border-top-color: #bbb;
    padding: 2px;
    width: 200px; 
}
.input150 {
    background: #fff url(images/bg_input.gif) 0 0 repeat-x;
    font-weight: normal;
    color: #346ca7;
    border: 1px solid #ccc;
    border-left-color: #bbb;
    border-top-color: #bbb;
    padding: 2px;
    margin: 2px;
    width: 150px; 
}

FORM {
    display: inline;
}

CHECKBOX, INPUT, RADIO, SELECT {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}
TEXTAREA {
    width: 100%;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}


TABLE {
    font-size: 11px;
}

TABLE.content {
    background-color: #ffffff;
    border-left: solid 1px #c7cbd1;
    border-right: solid 1px #c7cbd1;
}
TABLE.sub {
    background-color: #ecf0f3;
    height: 30px;
}
TABLE.main {
    padding-top: 10px;
}

TABLE.formArea {
    background: #f1f9fe;
    border-color: #7b9ebd;
    border-style: solid;
    border-width: 1px;
}
TD.bar {
    background-color: #303640;
}
TD.sep-groen {
    background-color: #303640;
    height: 10px;
}

TD.bottom {
    padding-top: 5px;
    font-size: 9px;
}

TD.bold, SPAN.bold, P.bold {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
SPAN.red {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ff0000;
}

TD.bold-big, SPAN.bold-big, P.bold-big {
    font-size: 18px;
    font-weight: bold;
}

TD.headerError {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    background: #ff0000;
    color: #ffffff;
    font-weight : bold;
    text-align : center;
}

TD.infoBoxHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    background: #999C9F;
}

TD.leftBoxHeading, TD.rightBoxHeading {
    text-align: center;
}

TD.infoBox, SPAN.infoBox {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

TD.leftBox, SPAN.leftBox, TD.rightBox, SPAN.rightBox {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
}

TD.productListing-data {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    padding-left: 4px;
}

.productListing-Heading {
    font-size: 11px;
    font-weight: bold;
}

TD.productHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

TD.pageHeading, TD.boxHeading, DIV.pageHeading {
    font-size: 22px;
    font-weight: bold;
    color: #346ca7;
    text-transform: lowercase;
}
TD.boxHeading { text-align: center; line-height: 36px;}
TD.pageHeadingLogo {
    height: 24px;
}

TD.blue {
    color: #346ca7;
}

TD.bluebold {
    font-weight: bold;
    color: #346ca7;
}

TD.formAreaTitle {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

TD.verticalline {
    background-image: url(images/site/line_dotted_v.gif);
}

TD.newsheader, SPAN.newsheader {
    font-weight: bold;
}

TD.newscontent {
    padding-left: 5px;
    height:40px;
}
TD.newsfooter {
    font-size: 10px;
    padding-right: 50px;
    text-align:right;
    height:40px;
}

TD.footer-sep {
    background-image: url(images/site/line_dotted_footer.gif);
}

TD.sep {
    background-image: url(images/site/line_sep.gif);
}

TD.subBar {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}

TD.main, P.main, DIV.main {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

TD.light, SPAN.light, P.light, DIV.light {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #666666;
}
TD.copyrightText {
    font-size: 9px;
    color: #B2B2B2;
} 

TD.smallText, SPAN.smallText, P.smallText {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    font-weight: normal;
}

TD.accountCategory {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #aabbdd;
}

TD.fieldKey {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

TD.fieldValue {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}

TD.tableHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

TD.breadcrumb {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #999999;
    text-decoration: none;
    padding-right: 10px;
    text-align: right;
}

TD.header {
    padding-left: 15px;
    background-image: url(images/site/line.gif);
}
TD.headerIntersection {
    background-image: url(images/site/intersection.gif);
}
TD.intersection {
    background-image: url(images/site/line_dotted.gif);
}

TD.headerNavigation {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight : bold;
}

TD.garantie {
    background: #D5EF85;
}

TR.headerError {
    background: #ff0000;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd
, TR.shippingOptions-odd {
    background: #FFFFFF;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProduc
ts-even, TR.shippingOptions-even {
    background: #FFFFFF;
}

TR.subBar {
    background: #f4f7fd;
}

SPAN.news {
    font-size: 11px;
    color: #346ca7;
    font-weight: normal; 
}

SPAN.markProductOutOfStock {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #c76170;
    font-weight: bold;
}

SPAN.productSpecialPrice {
    font-family: Verdana, Arial, sans-serif;
    color: #ff0000;
}

SPAN.errorText {
    font-family: Verdana, Arial, sans-serif;
    color: #ff0000;
}

SPAN.newItemInCart {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #E9E9E9; cursor: pointer; }
.moduleRowSelected { background-color: #ecf0f3; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

/* message box */

TD.messageBox {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

TD.messageStackError, TD.messageStackWarning { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 11px; 
    font-weight: bold;
    height: 20px;
    padding-left: 5px;
    color: #FF0000;
}

TD.messageStackSuccess {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    height: 20px;
    padding-left: 5px;
    background-color: #99ff00;
}

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.submitbutton {
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 2px outset #CCCCCC;
    background-color: #FFFFFF;
}

.boxText {
    font-size: 10px;
}

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }

A.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #346ca7; text-decoration: none; }
A.orderEdit:hover { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #666666; text-decoration: none; }
.infoBoxContents {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    padding-left: 10px;
}

.infoBoxNotice {
    background: #FF8E90;
}

.infoBoxNoticeContents {
    background: #FFFFFF;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}
TD.menuBox, SPAN.menuBox {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    padding-left: 3px;
}

.menuContent {
    font-size: 11px;
    height: 24px;
    padding-left: 5px;
    background: url(images/bg_menucontent.gif);
}

TABLE.menu {
    background: url(images/bg_menu.gif) repeat-y;
    border: solid 1px #c7cbd1;
    padding: 2px;

}

/*  ----------------------  */
/*    FEATURED              */
/*  ----------------------  */
#featured {
    height: 335px;
    padding-left: 33px;
}

.featuredContent {
    margin: 4px;
    width: 220px;
    height: 320px;
    background: #ffffff url(images/bg_featured.gif);
    text-align: center;
    float: left;
    display: inline;
}
.featuredManufacturer {
    margin-top: 10px;
    height: 50px;
    width: 210px;
}
.featuredImage {
    height: 150px;
    width: 210px;
    float: left;
}
.featuredProduct {
    font-size: 11px;
    width: 200px;
    padding: 5px;
    height: 60px;
    float: left; 
}
.featuredPrice {
    height: 45px;
    margin-left: 45px;  
    font-weight: bold;
    color: #c71d10;
    font-size: 18px;
    float: left; 
}
.featuredStock {
    height: 10px;
    margin: 6px 0 0 10px;
    float: left; 
}
.featuredBasket {
    padding-right: 15px;
    width: 35px;
    height: 40px;
    float: right; 
}
.btw {
    color: #666666;
    font-size: 9px;
    font-weight: normal;
}

#categories {
    width: 540px;
    padding: 10px;
    background: #ecf0f3;
    margin: 15px;
    float: left;
}
.categoriesHeading {
    width: 540px;
    height: 15px;
    font-weight: bold;
    border-bottom: solid 1px #989898;
    margin-bottom: 5px;
    float: left;
}
.categoriesContent {
    width: 170px;
    margin-left: 10px;
    height: 15px;
    float: left;
}

/*  ----------------------  */
/*    HEADING : P & B       */
/*  ----------------------  */
#productsHeading, #shoppingcartHeading {
    width: 745px;
    height: 15px;
    border-bottom: solid 1px #234362;
    margin: 20px 0 10px 15px;
    float: left;
}
a.sorteer {font-weight: bold;}
a.sorteer:hover {text-decoration: none;}

.productsHeadingImage {
    width: 75px;
    float: left;  
}
.productsHeadingName {
    width: 520px;
    font-weight: bold;
    float: left;  
}
.productsHeadingStock {
    width: 10px;
    float: left;  
}
.shoppingcartHeadingName {
    width: 485px;
    font-weight: bold;
    float: left;  
}
.productsHeadingPrice, .shoppingcartHeadingPrice {
    width: 80px;
    font-weight: bold;
    text-align: center;    
    float: left;   
}
.productsHeadingQuantity, .shoppingcartHeadingQuantity {
    width: 50px;
    font-weight: bold;
    text-align: center;  
    float: left;   
}

/* LAPTOPS */

#laptops {
    width: 745px;
    margin: 0 0 20px 15px;
    background-image: url(images/bg_laptops.gif);
    float: left;
    display: inline;
}

.laptopsContent {
    width: 405px;
    height: 155px;
    float: left;
}
.laptops-naam {
    font-weight: bold;
    width: 405px;
    margin-top: 20px;
    height: 40px;
}
.laptops-voorraad {
    width: 10px;
    height: 135px;
    margin-top: 20px;
    font-weight: bold;
    float: left;
}
.laptops-foto {
    width: 180px;
    height: 145px;
    padding-top: 10px;
    text-align: center;
    float: left;
    display: inline;
}

.laptops-prijs {
    width: 85px;
    height: 135px;
    font-size: 11px;
    color: #c71d10;
    margin-top: 20px;
    font-weight: bold;
    text-align: right;
    float: left;
}
.laptopsInfobar {
    width: 415px;
    font-size: 9px;
    color: #346ca7;
    margin-top: 30px;
    padding: 2px 10px 2px 10px;
    float: left;
}
.laptopsInfoArt {
    width: 100px;
    padding-left: 10px;
    border-left: solid 1px #bed5e3;
    float: left;
}
.laptopsInfoArtF {
    width: 250px;
    float: left;
}
.laptopsInfoStock {
    width: 100px;
    float: right;
}
.laptops-winkelwagen {
    width: 55px;
    height: 132px;
    margin-top: 20px;
    padding-top: 3px;
    float: left;
    text-align: center;
}

/*  ----------------------  */
/*    PRODUCTS              */
/*  ----------------------  */
#products {
    width: 745px;
    margin: 0 0 20px 15px;
    background-image: url(images/bg_products.gif);
    float: left;
    display: inline;
}

.productsContent {
    width: 505px;
    height: 85px;
    float: left;  
}
.producten-naam {
    font-weight: bold;
    width: 505px;
    height: 40px;
}
.producten-foto {
    width: 80px;
    height: 75px;
    padding-top: 10px;
    text-align: center;
    float: left;
    display: inline;
}
.producten-voorraad {
    width: 10px;
    height: 10px;
    float: left; 
}
.producten-prijs {
    width: 85px;
    height: 85px;
    font-size: 11px;
    color: #c71d10;
    font-weight: bold;
    text-align: right;
    float: left; 
}
.productsInfobar {
    width: 515px;
    font-size: 9px;
    color: #346ca7;
    padding: 2px 10px 2px 10px;
    float: left;
}
.productsInfoArt {
    width: 100px;
    padding-left: 10px;
    border-left: solid 1px #bed5e3;	
    float: left; 
}
.productsInfoArtF {
    width: 300px;
    float: left; 
}
.productsInfoStock {
    width: 100px;
    float: right; 
}
.producten-winkelwagen {
    width: 55px;
    height: 82px;
    padding-top: 3px;
    float: left;
    text-align: center;
}
/*    shoppingcart.php        */
#shoppingcart {
    width: 745px;
    margin: 0 0 10px 15px;
    background-image: url(images/bg_shoppingcart.gif);
    float: left;
    display: inline;
}
.shoppingcartName {
    width: 480px;
    height: 35px;  
    margin-left: 5px;
    display: inline;
    float: left;
}
.shoppingcartPrice, .shoppingcartTotalPrice {
    width: 70px;  
    margin-right: 10px;
    text-align: right;
    float: left;
}
.shoppingcartTotalPrice {
    font-weight: bold;
}
.shoppingcartQuantity {
    width: 50px;
    text-align: center; 
    float: left;
}
#shoppingcartFooter {
    width: 745px;
    margin: 0 0 20px 15px;  
    height: 15px;
}
.shoppingcartTotal {
    margin: 2px 60px 20px 0;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
}
.shoppingcartButtons {
    margin: 0 20px 0 100px;
    width: 80px;
    height: 22px;
    display: inline;
    float: right;
}

#footer-tekst {
    width: 700px;
    font-size: 9px;
    color: #346ca7;
    text-align: center; 
    float: right;
}

/* configurator.php */
div.confSystem {
    width: 300px;
    padding: 5px;
    float: right;
}
div.confdescription {
    width: 400px;
    height: 280px;
    float: left;
}
div.confdescription span {
    font-size: 14px;
    font-weight: bold;
}
div.confdescription ul {
    list-style-image: url(images/arrow.gif);
    color: #346ca7;
}
div.confModelImage {
    height: 150px;
    width: 250px;
    text-align: center;
    float: right; 
}
di
div.confSelect {
    width: 360px;
    margin: 2px;
    float: left;
}
div.confSelect fieldset {
    border: solid 1px #989ba0;
    padding: 5px;
}
div.confSelect fieldset legend {
    color: #000;
    font-weight: bold;
}
div.confSelect div.confPrice {
    font-weight: bold;
    text-align: center;
    margin: 10px;
}
div.confSelect div.confPrice span {
    color: #c71d10;
    font-size: 14px;	
}
div.confSelect div.confButton {
    text-align: center;
    margin: 10px;
}
div.confSelect ul {
    list-style-image: url(images/ul_arrow.gif);
    margin: 0;
    padding-left: 15px;
    color: #666;
}
div.confSelect li {	
    margin-bottom: 8px;
    margin-top: 5px;	
}
div.confSelect a {
    font-weight: bold;
    color: #333333;
}
div.confSelectM {
    width: 140px;
    height: 60px;
    float: left;
    margin: 10px;
}
div.confSelect2 {
    width: 176px;
    margin: 2px;
    float: left;
}
div.confSelect2 fieldset {
    border: solid 1px #989ba0;
    padding: 5px;
}
div.confSelect2 fieldset legend {
    color: #000;
    font-weight: bold;
}
div.confSelect2 div.confPrice {
    font-weight: bold;
    text-align: center;
    margin: 10px;
}
div.confSelect2 div.confPrice span {
    color: #c71d10;
    font-size: 14px;	
}
div.confSelect2 div.confButton {
    text-align: center;
    margin: 10px;
}
div.confSelect2 ul {
    list-style-image: url(images/ul_arrow.gif);
    margin: 0;
    padding-left: 15px;
    color: #666;
}
div.confSelect2 li {	
    margin-bottom: 8px;
    margin-top: 5px;	
}
div.confSelect2 a {
    font-weight: bold;
    color: #333333;
}
.confContent {
    margin-bottom: 10px;
    width: 730px;
    background: url(images/configurator_items_h.png) no-repeat;
    float: left;
}
.confHeading {
    width: 705px;
    padding: 10px 0 10px 15px;
    font-weight: bold;
    float: left;	
}
.confItems {
    width: 100%;
    background: url(images/configurator_items_bg.png) repeat-y;
    float: left;
}
.confFooter {
    width: 100%;
    height: 15px;
    background: #fff url(images/configurator_items_f.png) no-repeat;
    float: left;
}
div.confimage {
    height: 105px;
    width: 110px;
    text-align: center;
    float: left; 
}
div.confproducts {
    width: 600px;
    font-size: 11px;
    float: left;  
}
div.confproductshover {
    border-bottom: solid 1px #346ca7;
    border-top: solid 1px #346ca7;
    background-color: #f5f6f7;
}
div.confproduct {
    width: 490px;
    height: 22px;
    float: left;
}
div.confproductSelected {
    width: 490px;
    height: 22px;
    font-weight: bold;
    float: left;
}
.confstock {
    width: 10px;
    height: 15px;
    padding-top: 7px;
    text-align: right;
    float: left;
}
.confpricediff {
    width: 90px;
    height: 18px;
    padding-top: 4px;
    text-align: right;
    color: #346ca7;
    float: left;
}
.confTotal {
    width: 200px;
    height: 70px;
    padding-top: 18px;
    text-align: center;
    float: left;
    margin: 0 0 10px 500px; 
    font-weight: bold;
    background: #fff url(images/priceballoon.png) no-repeat;
}
.confTotal span#Total_Top, .confTotal span#Total_Bottom {
    font-weight: bold;
    color: #c71d10;  	
    font-size: 18px;	
}
.confButtons {
    width: 720px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

/* DIV Upgrades */
#end{
    padding-top: 5px;
    margin: 0 auto;
    width: 978px;
    background: #ffffff;
    border-left: solid 1px #c7cbd1;
    border-right: solid 1px #c7cbd1;	  
    border-bottom: solid 1px #c7cbd1;

}
#footer { width:978px; clear: both; text-align:center; padding-top: 10px; margin: 0 auto;}

.copyright{margin:0;padding:4px;color:#788796;clear:both;line-height:18px;text-align:right;height:40px}

#header {
    margin: 5px auto 0 auto;
    width: 978px;
    height: 166px;
    background: #ffffff;
    background-repeat: no-repeat;
    border-top: solid 1px #c7cbd1;
    border-left: solid 1px #c7cbd1;
    border-right: solid 1px #c7cbd1;	
}
#content {
    margin: 0 auto;
    padding-top: 10px;
    width: 978px;
    background: #ffffff;
    border-left: solid 1px #c7cbd1;
    border-right: solid 1px #c7cbd1;	
}
#logo {
    float: left;
    margin: 10px;
    height: 82px;
    width: 390px;
}
#logo a {
    display: block;
    height: 77px;
    width: 100%;
    background: url(images/descom_logo.gif) no-repeat;
}
#logo a span {
    display: none;
}
#topnav {
    float: left;
    width: 976px;
    height: 30px;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;	
    background: #ffffff url(images/bg/topmenu.gif);
    background-repeat: repeat-x;
}
#topnav_items {
    list-style:none;
    height: 30px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    display: inline;
}
#topnav_items li {
    float: left;
    padding-top: 2px;
    margin-left: 40px;
    position: relative; /* IE7, but IE6 too? o_O */	
}
#topnav_items li.clear {
    width: 50px;
    background-position: 0 -54px;	
}
#topnav_items li.last {
    width: 120px;			
}
#topnav_items li a {
    font-size: 11px;
    line-height: 24px;
    font-weight: bold; 
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}
#topnav_items li a:hover {
    color: #ccff00;
    border-bottom: dotted 1px #bcd2ea;
}
#subnav {
    float: left;
    margin-top: 1px;
    padding-top: 2px;
    width: 976px;
    height: 30px;
    background-color: #ecf0f3;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;	
    border-bottom: solid 1px #c7cbd1; 
}
#subnav #cartnav {
    float: left;
    padding-top: 5px;
    padding-left: 20px;
}
#subnav #searchnav {
    float: right;
    padding-top: 3px;
    margin-right: 20px;
    width: 270px;
    height: 25px;
    background: none;
}
#subnav #searchnav input.text {
    width: 175px;
    height: 18px;
    background: #fff url(images/bg/input.gif);
    border: 1px solid #ccc;
    border-left-color: #bbb;
    border-top-color: #bbb;
    margin: 2px;
    padding: 2px 4px;
    font-size: 11px;
    float:left;
}
#subnav #searchnav input.submit {
    width: 84px;
    height: 17px;
    float:left;
}

/* Server configurator */
div.sconfSelect {
    width: 725px;
    margin: 2px;
    float: left;
}
div.sconfSelect fieldset {
    height: 165px;
    border: solid 1px #989ba0;
    padding: 5px;
}
div.sconfSelect fieldset legend {
    color: #000;
    font-weight: bold;
}
div.sconfSelect div.sconfButton {
    text-align: center;
    margin-top: 60px;
    margin-left: 20px;
    float: left;
    font-weight: bold;
    color: #c71d10;
    font-size: 12px;
    height: 125px;
}
div.sconfSelect ul {
    width: 350px;
    list-style-image: url(images/ul_arrow.gif);
    margin: 0;
    padding-left: 20px;
    color: #666;
    float: left;
}
div.sconfSelect li {	
    margin-bottom: 8px;
    margin-top: 5px;	
}
div.sconfSelect a {
    font-weight: bold;
    color: #333333;
}
div.sconfSelect div.sconfImage {
    width: 200px;
    text-align: center;
    float: left;
}
div.conftypes {
    height: 200px;
    margin: 10px;

}


.confmodels {width: 175px;text-align: center;margin-left: 6px;float: left;}
.confmodels .image {	height: 150px; padding-bottom: 5px;}
.confmodels .price {padding: 8px;background: url(../images/bg_confmodels.png);border: solid 1px #bbb;}
.confmodels .price span.vat { font-size: 0.625em;}
.confmodels .price a {font-weight: bold;}
.confmodels .price span.prijs {color: #c71d10;font-size: 1.273em;font-weight: bold;}

div.confmodels div.description {
    margin-top: -1px;
    border: solid 1px #babdbf;
    text-align: left;
    padding: 2px;
}
div.confmodels div.description ul {
    list-style-image: url(images/ul_arrow.gif);
    margin: 0;
    padding-left: 15px;
    color: #666;
}
div.confmodels div.description li {	
    margin-bottom: 8px;
    margin-top: 5px;	
}



.productsinfo .info { width: 450px; float: left;}
.productsinfo .basket { float: left; margin-left: -150px; margin-top: 20px;}
.productsinfo .name { margin: 10px;}
.productsinfo .image { width: 250px; float: right; text-align: right; margin-right: 10px;}
.productsinfo ul,ol { list-style: disc; }
.info ul { width: 430px; float: left; list-style: none; }
.info ul li { padding: 10px; }
.info li.label { text-align: right; width: 150px; font-weight: bold; float: left;}
.productsinfo h5 { border-bottom: solid 1px #505963; line-height: 24px; clear: both; margin: 5px;}
.productsinfo .description { margin: 0 10px 0 10px;}
.productsinfo .price {font-size: 1.273em;font-weight: bold;color: #346ca7;}
.productsinfo span.vat {font-size: 0.818em;}

div#login {
    float: right;
    width: 350px;
    margin: 10px 10px 0 0;

}
#login .form {
    width: 250px;
    float: left;
    text-align: right;
}
#login .button {
    width: 100px;
    padding-top: 12px;
    float: right;
} 
#login .links {
    clear: both;
    padding-top: 5px;
    width: 350px;
}

ul.about { margin: 20px; padding: 0;}
ul.about li { line-height: 1em;  font-weight: bold; }
ul.about li.title { margin: 0 0 15px 10px; font-size: 1.091em; font-weight:normal;}
ul.about li.text { line-height: 1.5em; color: #505963; font-weight: normal; padding-left: 24px; margin-bottom: 10px; }

.callbox { text-align: center; padding: 10px 4px 10px 4px; }
span.call { color: #71c944; font-size: 1.455em; font-weight: bold;}


ul.related { margin: 10px; padding: 10px 5px 10px 5px; width: 210px; float: left; border: dotted 1px #d4d4d4;}
ul.related li { list-style: none; font-weight: bold; text-align: center;}
ul.related li.imageR { height: 150px; }
ul.related li.name { height: 40px; }
ul.related li.price { float: left; width: 100px; margin-left: 10px;}
ul.related li.basketR { margin-top: 10px; }

h2.title { margin-bottom: 20px; text-indent: 5px; font-size: 22px; }

div.clear { clear: both;}

/*  ----------------------  */
/*    FEATURED              */
/*  ----------------------  */
.inside { width: 730px; margin:0; padding: 6px;}
.featured .content-left { margin: 0px; padding: 2px;width: 360px;height: 162px;text-align: center;display: block;float: left; border-bottom: solid 1px #bababa; border-right: solid 1px #bababa;}
.featured .content-right { margin: 0px;padding: 2px;width: 360px;height: 162px;text-align: center;display: block;float: left; border-bottom: solid 1px #bababa; }
.featured .content-end { border-bottom: 0; }
.featured .manufacturer {margin: 5px;width: 100px;height: 40px;float: left;}
.featured .product {margin: 15px 0 0 4px;width: 240px;height: 100px;text-align: left;float: right;}
.featured .image {margin: 5px;width: 100px;height: 100px;float: left;}
.featured .stock { margin: 4px 0 0 10px; width: 10px; height: 10px; float: left;}
.featured .price {margin: 0 0 0 0;width: 160px;height: 35px;text-align: right;font-size: 1.273em;font-weight: bold;color: #346ca7;float: left;}
.featured .basket {margin: 0 10px 0 0;width: 35px;height: 40px;float: right;}
.featured span.vat {font-size: 0.625em;}



ul.test { margin: 0px;}
ul.test li { line-height: 1.5em; color: #ff8701; font-weight: bold; }
ul.test li.title { margin-left: 0px;font-size: 1.455em; font-weight:normal;}
ul.test li.text { line-height: 1.5em; color: #505963; list-style-image: url(images/arrow.gif);  font-weight: normal; padding-left: 24px;  margin-bottom: 10px; }


.stocklegend li {display: inline; margin-left: 25px; }