body, input, select, textarea { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }
body { width: 100%; background: #ffffff; }
.sitecontainer { border: 1px dotted #c0c0c0; }
.sitecontainer, .footer, .header { width: 900px; margin:auto; position:relative; }
.footer, .header {float: left; width: 100%; font-size: 10px; color: #0033FF; text-align:center; }
.foothold { clear:left; width: 900px; }

a img { border: none; }
.error { border: 1px solid #ff0000; color: #ff0000; }

.content { float:left;  line-height: 2em; width: 700px; margin-left: 100px; }
.content table {  }
.contant table.contactform { margin: 0px 10px 10px 10px; }

.header { float: left; height: 141px; width: 100%; }
.header div { background: url(/src/header.jpg) 50% 50% no-repeat; height: 141px; }
.header div.left { background-position: 0px 0px; float:left; width: 362px; }
.header div.right { background-position: 100% 0px; float:right; width: 418px; }

p { padding: 5px; }
#slideshow { float: left; margin: 10px; position:relative; width: 250px; height: 350px; left: -50px; }

.hometitle { text-align:center; }
#homecovers { margin:auto; padding: 0px 0px 10px 0px;}
#homecovers li { list-style: none; float: left; margin: 0px 0px 40px 0px; padding:0px; width: 110px; height: 140px; text-align:center; }
#homecovers li img { float:left; margin-left: 10px; width:84px; height: 120px;}
#homecovers li a { color: #000000; text-decoration:none; }
#homecovers li a i { display:none; font-style:normal; }
#homecovers li a:hover i { display:inline; }
#homecaption { text-align: center; width: 100%; clear:both; height: 20px;  }

#section_select { text-align:center; margin: 10px; }
#section_select select { font-size: 14px; }

.mainnav { float: left; width: 100%; height: 24px; padding: 5px 0px 0px 0px; margin:0px 0px 5px 0px; background-color: #aaa; }
.mainnav li { list-style: none; float: left; text-align: center; height: 24px; }
.mainnav li.first { border-left:0px; }
.mainnav li a { text-decoration: none; color: #ffffff; font-size: 14px; }
.mainnav li a:hover, .mainnav li.on a { text-decoration:underline; }

.contactform { float: right; margin-top: 10px; width: 300px; border-left: 1px solid #c0c0c0; padding-left: 20px; }

.editionbuttons { float: left; padding: 0px;  }
.editionbuttons li { list-style: none; float: left; width: 100%; height: 22px; text-align:left; margin: 7px; }
.editionbuttons li h4 { float: left; height: 22px; width: 350px; margin:0px; margin-bottom: 1px dotted #c0c0c0; }
.editionbuttons li a { float:left; width: 200px; text-align:left; font-size: 11px; text-decoration:none;}
.editionbuttons li a:hover { text-decoration: underline; }

.theorder, h2.orderstage {  float: left; width:850px; margin: 0px; padding: 5px; }
.theorder {border-left: 2px solid #c0c0c0; border-right: 2px solid #c0c0c0; padding: 5px; }

h2.orderstage {  background-color: #c0c0c0; color: #ffffff; font-weight: normal;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #c0c0c0;
border-right: 2px solid #c0c0c0; }
h2.orderstage a { color: inherit; text-decoration: none; }
h2.on {color: #000099; }
.nextstep { text-align: right; }
.nextstep input { width: 200px; height: 30px; font-size: 20px; }

.clear { width: 100%; clear:both; }

#basket { width: 100%; float: left; }
#basket ul { padding: 0px; margin: 0px; }
#basket ul li { list-style: none; float: left; padding: 5px; border: 1px solid #accede; white-space:nowrap; margin: 3px; }

#orderitems { float:left; width: 850px; }
#orderitems .item { float:left; width: 850px; border-top: 1px solid #e0e0e0; }
#orderitems .item div { float: left; padding: 10px; margin: 5px; }
#orderitems .item .col1 { width: 290px; }
#orderitems .item .col2 { width: 490px; }
#orderitems .item .col2 textarea { height: 50px; }
#orderitems .item .err { padding:0px 0px 0px 170px; margin: 0px; font-size: 11px; color: #ff0000; }
#orderitems .item b { float: right; width: 50px; text-align:left; }
#orderitems .item div label { clear:left; float:left; width: 140px; margin: 5px 10px 0px 0px; }
#orderitems .item div input,
#orderitems .item div select,
#orderitems .item div textarea { width: 200px; margin-top: 5px; float: left;  }
#orderitems .item div input.check { width: 10px; }

.testimonials { float: left; width: 100%; padding-left: 0px; margin-left:0px; clear:left; }
.testimonials li { list-style: none; float: left; font-size: 11px; }
.testimonials li.col { width: 220px; }
.testimonials li.col ul { padding-left: 0px; }
.testimonials li.col ul li { float: left; margin: 0px 10px 10px 10px; border-bottom: 1px solid #e0e0e0; }
.testimonials li.col li img { float: left; margin: 0px 10px 5px 20px; }
.testimonials li.col ul li p { float:left; padding-left: 20px; padding-right:20px; background: url(/src/quotes_open.jpg) 0px 0px no-repeat; text-align:justify; }
.testimonials li.col ul li i { float: left; margin: 0px 10px 10px 10px; }
.testimonials li.col ul li span { float:left; background: transparent url(/src/quotes_close.jpg) 100% 100% no-repeat; }