body {margin:5px auto; padding:0;  text-align: center;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; color: #000; background:#fff; width:770px;}
* {margin:0; padding:0;}

a:link, a:visited {color: #000; text-decoration: none;}
a:hover {	text-decoration: underline;}
img {border:none;}

.clear {clear: both;}
.l {float:left;}
.r {float:right;}
.strikethrough {text-decoration: line-through;}
span.specialPrice {color:#F62622 }

img.imageLeft {margin: 0px 10px 10px 0; padding: 5px; float:left; border: 1px solid #CED4E2;}
img.imageRight {margin: 0px 0 10px 10px; padding: 5px; float:right; border: 1px solid #CED4E2;}
img.withBorder {margin: 10px 0 0px 20px; padding: 5px; border: 1px solid #CED4E2;}

.mand {color: #A40A06;}
.note {font-size: 0.9em;}
.highlightLinks {margin: 10px 0 10px 0; border: 1px solid #FAF4E5; background: #FEFDFB; }

#access {height:1px; font-size:1px; background:#fff; color:#fff}
#access a {color:#fff}

/***********************************************/
/* Width styles                                */
/***********************************************/
/**** fixed widths (for use in e.g. form input boxes) ****/
.s40 {width:40px;}
.s50 {width:50px;}
.s80 {width:80px;}
.s84 {width:84px;}
.s100 {width:100px;}
.s114 {width:114px;}
.s130 {width:130px;}
.s170 {width:170px;}
.s173 {width:173px;}
.s176 {width:176px;}
.s250 {width:250px;}
.s300 {width:300px;}
.s350 {width:350px;}

/**** percentage widths (for use in e.g. tables) *********/
.pc1 {width:1%;}
.pc5 {width:5%;}
.pc10 {width:10%;}
.pc20 {width:20%;}
.pc25 {width:25%;}
.pc30 {width:30%;}
.pc33 {width:33%;}
.pc40 {width:40%;}
.pc45 {width:45%;}
.pc50 {width:50%;}
.pc60 {width:60%;}
/*********************************************************/

#wrapper {margin:0; width: 680px; font-size: 0.7em; height: auto; padding:0;  text-align: left;  height: auto;}/*border:1px solid #eee;*/

#header {margin-top: 3px; clear: both;   width: 100%; clear: both; }
img.logo {margin:4px 5px 7px 7px; float:left;}
img.divider {display: none;}
img.bannerAd {display: none; }

/***********************************************/
/* Main Menu styles                          */
/***********************************************/
#header ul {display: none;}

#main {margin-top: 2px;  padding-bottom: 15px;}

/***********************************************/
/* Home Page styles                              */
/***********************************************/
#banner {}
#banner img {display: block ; padding: 0px; margin: 0px; }
table.bannerAdBox {display: none;}
/***********************************************/
/* Left Column styles                          */
/***********************************************/
#leftCol { display: none;}
/***********************************************/
/* Right Column styles                         */
/***********************************************/
#rightCol {margin: 0 0 0 0; float: left; width: 680px; }
*html #rightCol {margin: 0 0 0 -1px; width: 612px;}

/***********************************************/
/* Third Column styles                         */
/***********************************************/
#thirdCol {display: none;}
img.bannerpic {margin: 0 1px; float: left;}
/***********************************************/
/* General styles                              */
/***********************************************/
#content {margin: 0 0 0 1px; width: 450px;  float: left;}
#content.wide {width: 99%; }
#content.home {margin: 0 1px 0 1px;   }

#content #bcrumb {margin: 5px 0 12px 0px; padding: 0;  border-bottom: 1px solid #CEC9B3;}
#content #bcrumb p {color: #949484; display: block; line-height: 1.2em;  }

#content h1 {margin: 0 0 12px 7px; padding: 3px 0 2px 7px; background:none; font-size: 1.0em; color: #3E3E26; }
#content h1.longText {font-size: 0.7em;  height: 23px;}
#content.wide h1 {background:none; }
#content.home h1 {margin: 10px 0 5px 10px; }
#content h1.star {padding: 10px 0 12px 7px;  background: url(../img/bg-images/bg-h1-star.gif) no-repeat top left; }
#content h2 { padding: 0 0 2px 7px; margin: 10px 0 5px 7px; font-size: 1.1em; background: none; color: #82414A;  border-bottom: 1px solid #ACA6A7; width: 96.5%;}
*html #content h2 { width: 96.9%;}
#content h3 { padding: 0px; margin: 10px 0 5px 13px; font-size: 1.1em; color:#ACA6A7}
#content p {margin: 0 14px 7px 14px; color: #000; line-height: 1.5em;}
#content.home p {margin: 0 16px 7px 16px;}
#content.home a.button.registerNow {margin: 12px 7px 7px 17px; display: block}
#content p.alert {padding: 5px 0 5px 40px; color: #636345; background: url(../img/icons/icon_alert.gif) no-repeat top left  #EFEFE4; border: 1px solid #CEC9B3}
#content p.backtotop {padding-right: 15px; background: url(../img/back-to-top.gif) no-repeat top right; float: right; }
/*************** list styles ***************/
ul {margin:10px 0 10px 7px; }
ul li {margin:2px 0; font-size:1.0em; list-style-type:  none; }

#content ul.list {margin:0 0 10px 15px; }
#content ul.list li {padding-left: 20px; margin:5px 0; font-size:1.0em;background: url(../img/icons/icon-ul.gif) no-repeat top left;}
#content ul.list li.image {padding-left:0px; margin: 30px 0 10px 0;background: none;}
#content ul.list li.sub {padding-left: 14px; margin:5px 0 5px 20px; background: url(../img/icons/icon-ul-sub.gif) no-repeat top left;}

#content ul.catalogue {margin:0 0 10px 7px; }
#content ul.catalogue li {margin:5px 0; font-size:1.0em;background: url(../img/icons/icon-ul.gif) no-repeat top left;  }
#content ul.catalogue li.category {padding-left: 20px;float: left;  width: 250px; }
#content ul.catalogue li.extraInfo {padding-left: 20px; margin-top: 0px; width: 250px; float: left; background: none;}
#content ul.catalogue li.thumb {margin-right: 10px;  background: none; clear: right; border-top: 1px solid #EFEFE4;  width: 300px; float: right;}
#content ul.catalogue li.thumb img {float: right;}

ul.productList {margin: 10px 0 10px 7px; width: 410px;}
#content.wide ul.productList {width: auto;}
ul.productList li {margin: 0 0 3px 0; color: #000;   }
ul.productList li.image {margin: 0px 10px 10px 0 ; width: 105px; height: 96px;  float: left;  }
*html ul.productList li.image {margin: 0px 10px 0px 0 ; }
ul.productList img {border: 1px solid #87A3BD; display: block;}
ul.productList li.title {margin: 0px 0 5px 0; font-weight: bold;font-size: 1.3em; display:block; }
ul.productList li.title a {padding: 0 25px 0 0; text-decoration: underline; background: url(../img/icons/icon-arrow.gif) no-repeat top right;   }
ul.productList li.title a:hover {text-decoration: none; }
ul.productList li.subtitle {font-size: 1.0em; display:block; }
ul.productList li.normalPrice {font-weight: bold}
ul.productList li.webPrice { font-weight: bold; font-size: 1.1em;}
ul.productList li.orderCode {color: #777676; }
ul.productList li.dividerLine {margin: 0 0 10px 0;  display: block;   border-top: 1px solid #87A3BD; clear: both; }
*html ul.productList li.dividerLine {margin: 15px 0 1px 0;}
span.price {color: #F62622}
ul.productList li.moreOffers { padding: 2px 0 3px 0; margin-bottom: 12px; text-align: right; float: right;   background: url(../img/bg-images/bg-button.gif) no-repeat top left; }
ul.productList li.moreOffers a {padding: 2px 10px 3px 10px; background: url(../img/bg-images/bg-button-right.gif) no-repeat top right; font-weight: bold; color: #4C6785}

#content ul.news {margin: 0 7px 0 7px;  }
#content ul.news li {margin: 0px;  padding: 0px; background: none; }
#content ul.news li.title {font-weight: bold; font-size: 1.1em;}
#content ul.news li.date {margin: 0 0 5px 0; float: right; }
#content ul.news li.deck {margin: 0 0 5px 0; }
/***********************************************/
/* Form and related tag styles                 */
/***********************************************/
form {margin:0; padding:0; }
form fieldset {border: 0;}
form input {padding: 2px; border: 1px solid #ccc; font-size: 1.0em; color: #000}
form input.cb {border: 0;}
form select, form textarea {font-size: 1.0em; color: #000; border: 1px solid #ccc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
form input.button {border: 0px; font-size: 1.0em; color: #475D78; font-weight: bold; }
form input.go {padding: 0px 2px 2px 0px; background: url(../img/bg-images/bg-button-go.gif) no-repeat top left; width: 22px; height: 18px}
*html form input.go {padding: 0px 2px 2px 2px;}
form input.submit {padding: 1px 3px 3px 2px; background: url(../img/bg-images/bg-button-submit.gif) no-repeat top left; width: 45px; height: 18px}
*html form input.submit {padding: 1px 3px 3px 3px;}
form input.moreInfo {margin: 5px 0 5px 7px; padding: 1px 0px 3px 0px; background: url(../img/bg-images/bg-button-moreinfo.gif) no-repeat top left; width: 142px; }
form label {color: #000;}

/***********************************************/
/* Table styles                               */
/***********************************************/
#content table {margin:10px 0 10px 14px; width:95%; border-collapse: collapse; border: 1px solid #ccc; font-size: 1.0em;}
#content table th {padding:4px; background:#F5F5F6; color: #000}
#content table tr td {padding:6px 4px 6px 4px; text-align: left; vertical-align: top;}
#content table tr.alt td {background: #F2F2F2; }
#content table td.alignRight, #content table th.alignRight {text-align: right;}
#content table tr.action td {padding: 10px 0; text-align: center; border-top: 1px solid #ccc; }
#content table tr td.subtotal {border-top: 1px solid #ccc; background: #F5F8FB; color: #000; font-weight: bold;}/*ECF1F7*/
#content table tr td.vat {border-top: 1px solid #ccc; background: #E2EAF3; color: #000; font-weight: bold;}/*D5E0ED*/
#content table tr td.delivery {border-top: 1px solid #ccc; background: #DAE5EF; color: #000; font-weight: bold;}/*ECF1F7*/
#content table tr td.total {border-top: 1px solid #ccc; background: #D2DFEC; color: #000; font-weight: bold;}/*C3D3E6*/
/***********************************************/
/* Buttons */
/***********************************************/
a.button {padding: 2px 10px 3px 10px; font-weight: bold; }
a.button.login {background: url(../img/bg-images/bg-button-login.gif) no-repeat top left;}
a.button.forgot {padding: 2px 13px 3px 10px;  background: url(../img/bg-images/bg-button-forgot.gif) no-repeat top left;}
a.button.registerNow {padding: 2px 10px 6px 10px; background: url(../img/bg-images/bg-button-register.gif) no-repeat top left ;}
a.button.add {padding: 2px 13px 3px 10px; background: url(../img/bg-images/bg-button-add.gif) no-repeat top left; }
a.button.view {padding: 2px 13px 3px 10px; background: url(../img/bg-images/bg-button-view.gif) no-repeat top left;}
a.button.viewLastOrder {padding: 2px 13px 3px 10px; background: url(../img/bg-images/bg-button-view-last-order.gif) no-repeat top left;}
a.button.update {background: url(../img/bg-images/bg-button-update.gif) no-repeat top left;}
a.button.clear {padding: 2px 13px 3px 10px; background: url(../img/bg-images/bg-button-clear.gif) no-repeat top left;}
a.button.continue { background: url(../img/bg-images/bg-button-continue.gif) no-repeat top left;}
a.button.order {background: url(../img/bg-images/bg-button-order.gif) no-repeat top left;}
a.button.reorder {background: url(../img/bg-images/bg-button-reorder.gif) no-repeat top left;}
a.button.submit {background: url(../img/bg-images/bg-button-submit2.gif) no-repeat top left ;}
a.button.print {padding: 2px 11px 3px 10px;  background: url(../img/bg-images/bg-button-print.gif) no-repeat top left ;}

/* shopping cart panel*/
#rightCol table.cart {margin:5px 0 5px 12px; border-collapse: collapse; border: 1px solid #F4F7FB; background: #ECF1F7; font-size: 0.7em; }
*html #rightCol table.cart {font-size: 1.0em; }
#rightCol table.cart th {padding:2px 4px 2px 4px;color: #000; text-align: right;}
#rightCol table.cart tr td {padding:2px 4px 2px 4px; text-align: right; vertical-align: top; }
#rightCol table.cart tr.alt td {background: #F2F2F2; }
#rightCol table.cart th.total, table.cart td.total {border-top: 1px solid #fff; background: #F3F7FB}

/***********************************************/
/* PREV AND NEXT styles                               */
/***********************************************/
#content table.prevnext { margin: 10px 0 0 7px; width: 97%; }
#content table.prevnext tr td { background: #F2F2F2; }
#content table.prevnext tr td.prev { width:20%; }
#content table.prevnext tr td.next { width:20%; text-align: right; }
#content table.prevnext tr td.page { width:60%; text-align:center; }
#content table.prevnext tr td.fade a, #content table.nextprev tr td.fade {color: #F2F2F2;}
/***********************************************/
/* Footer styles                               */
/***********************************************/
#footer {display: none;}
/********************* end **********************/
