/* Copyright (c) 2002-2008 Open2b Software Snc. */



body, table, th, input, select, textarea {

    font-family: verdana, sans-serif;

    font-size: x-small;

    font-size: small;

    color: #333;

}



html>body, html>body td, html>body th, html>body input, html>body select, html>body textarea {

    font-size: small;

}



body {

    text-align: center;

    background: white;

    padding: 0.2em 0.5em;

}



th { text-align: left; font-weight: normal; }



li { line-height: 140%; }



a:link { color: #0388d9; }

a:visited { color: #0388d9; }



.path { font-size: 85%; margin-bottom: 0em; }

.paging { font-size: 85%; margin: 5px 0; }



h1 { color: #666; font-family: arial; font-size: 160%; margin: 0 0 0 em 0; padding: 0; }

h2 { color: #666; font-family: arial; font-weight: normal; font-size: 140%; border-bottom: 0px solid #ccc; margin: 1em 0 0.5em 0; padding: 0; clear: both; }

h3 { color: #666; font-family: arial; font-weight: bold; font-size: 100%; margin: 1em 0 0.2em 0; border-bottom: 1px solid #999; }



.bodyContent { text-align: left; width: 970px; margin: 0 auto; }

.mainContent { padding: 0em; }



/*

    files: inc/header.inc

*/



.header { border-bottom: 0px solid #0388d9; clear: both; }

.header a { text-decoration: none; }

.header span { margin-left: 1em; }



.headerNavigation {

    padding: 12px 0;

    text-align: right;

}



.headerNavigation ul {

    display: inline;

}

.headerNavigation ul li {

    background: url('/style/images/dot.png') no-repeat left center;

    display: inline;

    font-size: 85%;

    list-style-type: none;

    padding-left: 7px;

    margin-left: 10px;

}



.searchBox {

    background: #f1f2f6;

    border-top: 0px solid #ddd;

    margin-left: 5px;

    padding-left: 10px;

}



ul.languages { display: block; margin-left: 0; padding: 2px; text-align: center; margin: 2px; }

ul.languages li { display: inline; padding: 0; margin: 0; padding-left: 1px; }

ul.languages li a { text-decoration: none; padding: 3px; }

ul.languages li img { border: 0; }



ul.currencies { display: block; margin-left: 0; padding: 3px; text-align: center; margin: 2px; margin-bottom: 0em; }

ul.currencies li { display: inline; padding: 0; margin: 0; padding-left: 1px; }

ul.currencies li a { font-weight: normal; color: black; text-decoration: none; padding: 3px; border: 0px solid #ddd; }

ul.currencies li a:hover, ul.currencies li.currentCurrency a { font-weight: normal; background: #0388d9; color: white; text-decoration: none; }



/*

    files: search_catalog.dwt

*/



.searchCount { font-weight: bold; margin-bottom: 0 em; }



/* Login */



.login { text-align: left; min-height: 150px; background: #f1f2f6; border: 0px ; color:#666; font-size:80%; padding: 0em; }

.login h3 { display: none; }

.login label { font-size: x-small; }

.login input { font-size: x-small; }

.login a:link { text-decoration: none; }

.login .rememberPassword { border-top: 0px ; display: block; margin-top: 0.7em; padding-top: 0.7em; }

.login .signin { display: block; margin-top: 0em; }



/* Menu */



.verticalMenu h3 { margin-left: 1em; margin-bottom: 0.5em; padding-bottom: 0; }



.verticalMenu ul {

    list-style: none;

    margin: 0.5em;

    padding: 0.5em;

}



.verticalMenu ul li {

    background: url('style/images/dot2.png') no-repeat 0 8px;

    padding-left: 10px;

    border-bottom: 0px solid #ccc;

}



.verticalMenu ul li a { text-decoration: none; }

.verticalMenu li a:hover { color: black; }



/* Departments */



.path h1 { margin-top: 0; padding-top: 3px; }



.subDepartments {

    border: 0px solid #ccc;

    color: #003399;

    margin-bottom: 1em;

    padding: 0.5em;

    white-space: nowrap;

}

.subDepartments a { text-decoration: none; }

.subDepartments a:visited { list-style: none; }

.subDepartment img { margin-bottom: 2px; }



/* Products */



.productGrid .product { border-bottom: 0px dashed #ddd; }

.products th { background: #f1f2f6; border: 0px solid #eee; border-bottom: 0px solid #0388d9; color: #333; font-weight: normal; }

.products td { border-bottom: 0px solid #eee; }



.productName {  }

.productProducer { font-size: small; font-weight: normal; }

.productImage { float: left; padding: 0 2em 1em 0; }

.productPrices div { margin-bottom: 2px; }

.productPrices label { color: #666; font-weight: bold; }

.productListPrice { color: #666; font-size: 120%; text-decoration: line-through; white-space: nowrap; }

.productPrice { color: #5dad37; font-size: 120%; font-weight: bold; white-space: nowrap; }

.productPriceDiscount { color: #5dad37; }

.productNotOnSale { color: brown; }

.productNotAvailable { color: brown; }



.productChart { text-align: left; }

.productChart h2 { margin: 0.5em 0 0.5em 0; }

.productChart th { background: #f1f2f6; border: 0px solid #eee; color: #333; font-weight: normal; }

.productChart td { border-bottom: 0px solid #eee; }



.promotionMessage { color: brown; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; }

.preOrderMessage { color: brown; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; }



.searchButton { text-align: center; }



/* addToCart */



.addToCart {

    background: #f1f2f6;

    border: 0px ;

    font-weight: bold;

    padding: 1em 0 2em 0;

    text-align: center;

}



.addToCart label { color: #666; font-weight: bold; }



.addToCart input { margin-top: 8px; }



/* addToWishList */



.addToWishList { text-align: center; }

.addToWishList input { margin: 1em 0 2em 0; }



/* Cart */



.cartCoupon { background: #eee; margin-bottom: 1em; }

.cartCoupon td { font-size: 85%; }

.cartMethods { margin: 1em 0 1em 0; }

.cartMethods td { border-bottom: 0px ; }

.cartItems th { background: #f1f2f6; border: 0px solid #eee; border-bottom: 1px solid #0388d9; color: #333; font-weight: normal; }

.cartItems td { border-bottom: 1px solid #eee; }

.cartItems .totalRow {  }

.cartItems td.totalLabel { font-weight: bold; }

.cartItems td.total { font-weight: bold; }

.cartEmptyBox { background: #f1f2f6; padding: 2em; margin-right: 15em; }

.cartItems .discountLabel, .cartItems .discount { color: brown; font-weight: bold; }





/* Order */



.orders th { background: #f1f2f6; border: 1px solid #eee; color: #333; font-weight: normal; }

.orders td { border-bottom: 1px solid #eee; }



.orderCart { }

.orderCart th { background: #f1f2f6; border: 1px solid #eee; color: #333; font-weight: normal; }

.orderCart td { border-bottom: 1px solid #eee; }

.orderCart .totalRow { background: #ffc; }

.orderCart td.totalLabel { font-weight: bold; }

.orderCart td.total { font-weight: bold; }

.orderCart .delivery { margin: 1em 0 1em 0; }



.orderDetail {}



/* Checkout */



.note { text-align: center; }

.checkoutStages { font-size: 120%; text-align: center; color: #666666; }

.checkoutStage { color: #ee3300; font-weight: bold; }

.checkoutForm { width: 100%; }

.checkoutButtons { text-align: center; margin-top: 1em; margin-bottom: 5em; padding-top: 1em; border-top: 1px solid #ccc; }



/* Footer */



.footer {

    clear: both;

    padding-top: 0.5em;

    margin-top: 1em;

    color: #666;

    border-top: 0px ;

}

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

.footer li { padding-right: 1em; display: block; float: left;  }

.copyright { text-align: center; color: #666; margin-top: 2em; }

.copyright > img { margin-top :0.5em; }



/* Closed */



.closed { background: #edf2f2; padding: 5em; text-align: center; }



/* Forms */



form { padding: 0; margin: 0; display: inline; }



.required { vertical-align: top; color: red; }



.message {

    color: red;

    font-weight: bold;

    text-align: center;

    background: #ffffd5;

    border-top: 1px solid #f5f6be;

    border-right: 2px solid #f5f6be;

    border-bottom: 2px solid #f5f6be;

    border-left: 1px solid #f5f6be;

    padding: 1em;

    margin-top: 1em;

    margin-bottom: 1em;

}



.messageInfo {

    color: navy;

    font-weight: bold;

    text-align: center;

    background: #eeeeee;

    border-top: 1px solid #f5f6be;

    border-right: 2px solid #f5f6be;

    border-bottom: 2px solid #f5f6be;

    border-left: 1px solid #f5f6be;

    padding: 1em;

    margin-top: 1em;

    margin-bottom: 1em;

}



.fieldError { background: #ffffd5; }



.error { color: red; display: block; }



.errorSummary {

    color: red;

    font-weight: bold;

    text-align: center;

    background: #ffffd5;

    border-top: 1px solid #f5f6be;

    border-right: 2px solid #f5f6be;

    border-bottom: 2px solid #f5f6be;

    border-left: 1px solid #f5f6be;

    padding: 1em;

    margin-top: 1em;

    margin-bottom: 1em;

}