/* Globals */

* { margin: 0; padding: 0; }
.right { float: right; }
.left { float: left; }
.hidden { display: none; }
a img { border: 0; }
a:hover { text-decoration: none; }
hr { width: 80%; border: 0; border-top: 1px solid #d0cbc5; color: #d0cbc5; margin: 0 0 0 10%; }
textarea { overflow: auto; }

/* General */

body { min-width: 759px; text-align: center; }
#container { margin: 20px auto 20px auto; padding-bottom: 1em; text-align: left; width: 759px; }
#header { background: #fff url('../images/header-bg.jpg') no-repeat top left; height: 170px; width: 759px; }
#header img { float: left; left: 155px; position: relative; top: 48px; }
#header form { display: block; float: right; height: 65px; position: relative; right: 31px; top: 35px; width: 185px; }
#searchbox { padding: 0.4em 3px; width: 170px; }
#header form ul { float: left; list-style-type: none; }
#header label { padding-left: 1px; }
#header form #search { float: right; margin: 5px 5px 0 0; padding: 0.2em 0; width: 60px; }
#header span { float: right; position: relative; top: 150px; right: -140px;  }
#content { background: #fff url('../images/content-bg.gif') repeat-y top left; float: left; height: auto; padding: 0 13px; position: relative; width: 735px; }
#content ul { margin-left: 20px; }

#nav { height: 29px; margin-bottom: 11px; }
#nav ul { display: block; float: left; height: 29px; margin: 2px 2px 0 0; width: 100%; }
#nav ul li { display: inline; }
#nav ul li a { background-position: 0 0; background-repeat: no-repeat; float: left; height: 29px; margin-right: 2px; overflow: hidden; position: relative; text-indent: -9999px; width: 88px; }
#nav ul li a:hover, #nav ul li.active a { background-position: 0 -29px; }
#nav-home a { background-image: url('../images/nav-home.jpg'); width: 91px; }
#nav-about a { background-image: url('../images/nav-about.jpg'); }
#nav-list a { background-image: url('../images/nav-list.jpg'); }
#nav-wanted a { background-image: url('../images/nav-wanted.jpg'); }
#nav-research a { background-image: url('../images/nav-research.jpg'); }
#nav-links a { background-image: url('../images/nav-links.jpg'); }
#nav-terms a { background-image: url('../images/nav-terms.jpg'); }
ul li#nav-contact a { background-image: url('../images/nav-contact.jpg'); width: 99px; }

#footer { background-image: url('../images/cont-bottom.gif'); clear: both; float: left; height: 22px; width: 759px; }
#footer-text { float: left; height: 3.5em; margin: 0 20px; }

/* Page Specifics */
#leftcol { border-right: 1px solid #ede8e2; float: left; height: auto; padding-right: 5px; width: 350px; }
#leftcol div { float: left; width: 350px; }
#leftcol div div { text-align: center; }
#leftcol div div p { margin: 0; }

#leftcol div h2 { width: auto; margin: 0 5px; }

#rightcol { float: right; height: auto; width: 375px; }

#currency { float: left; width: 130px; }

#shopitems { border-bottom: 1px solid #ede8e2; float: left; padding-bottom: 10px; text-align: center; width: 100%; }
#shopitems span { line-height: 2em; }

#category { width: 250px; float: right; }
#category-head { float: right; }

#shopitems ul li { margin: 0; list-style-type: none; }
#shopitems ul li a { margin-left: 10px; color: #666666; }

#product { float: left; width: 100%; }
    
#mailinglist form div { display: inline; margin: 0 auto; }
#mailinglist span { width: 100%; display: block; }

#mailinglist { padding-top: 10px; width: 100%; display: block; text-align: center; float: left;}
#mailinglist span { margin: 0.6em 0; }
#mailinglist form input { width: 60px; margin-bottom: 0.6em; }
#listinput { margin-right: 5px; padding: 0.3em 0.2em 0.3em 0.2em;}

#terms ol { margin-left: 25px; }
#terms ol li { margin-bottom: 0.8em; }

#wantlist .left, #want .left  { width: 300px; }
#wantlist form, #want form { float: right; width: 375px; text-align: right; padding-right: 10px; margin-top: -2.8em; }
#wantlist form div, #want form div { margin-bottom: 1em; }
#wantlist form div label, #want form div label { padding-right: 10px; }
#wantlist form input, #want form input{ width: 250px; }
#country { width: 253px; }
.textarealbl { position: relative; top: -80px; }
#wantlist form textarea, #want form textarea { width: 250px; height: 90px; overflow: auto; }
#wantlist form #submit, #want form #submit { width: 120px; margin-right: 70px; }
#required { width: 100%; line-height: 2em; }
.req { color: #B02B2C; }

#want p { width: 300px; }

#category-head { float: left; width: 300px; margin-left: 50px; }
.new-product { float: left; display: block; }
.new-product img { float: left; }

#productinfo #image ul li { float: right; display: list-item; list-style-type: none; margin-bottom: 1em; }
#paymentlogos { text-align: center; padding-bottom: 1em; }

#contact { width: 100%; }
#contact h1 { margin-left: 10px; }
#contact ul { list-style-type: none; float: left; margin-top: 10px; }
#contact ul li { line-height: 1.4em; }
#contact ul li a { color: #666666; }
#contact ul li a:hover { text-decoration: none; }
#contact form { float: right; width: 400px; text-align: right; margin-right: 10px; }
#contact form div { margin-bottom: 1em; }
#contact form div label { padding-right: 10px; }
#contact form input { width: 250px; }
#contact form textarea { width: 250px; height: 90px; }
#contact form #submit { width: 120px; margin-right: 70px; }
#enquiry { position: relative; top: -80px; }

.pricelist { width: 100%; display: block; }
.pricelist th, .pricelist td { width: 150px; }

.indent { text-indent: 5px; }

p.topinfo { border-bottom: 1px solid #d0cbc5; padding-bottom: 0.5em; }

#subcats { margin-top: 10px; border-bottom: 1px solid #d0cbc5; padding: 10px 0; }

#topinfo { float: left; text-align: center; }
#topinfo span { width: 30px; }
#page { text-align: center; }
#basket-items { float: right; }
.catlist { width: 99%; margin: 0 auto; border-bottom: 1px solid #dbdbdb; }
.prodlist { width: 725px; display: block; float: left; border-bottom: 1px solid #d0cbc5; padding: 10px 0; }
.prodlist .condition { margin-bottom: 1em; }
.prodlist img { float: right; display: block; margin-right: 0; }
.prodlist .other-info { float: left; width: 100%; margin: 10px 0; padding: 10px 0; display: block; }
.prodlist .other-info div { margin-right: 30px; }
.prodlist .other-info .stockcode { float: left; }
.prodlist .other-info .condition { float: left; }
.prodlist .other-info .price { float: left; }
.prodlist .other-info .addtobasket { float: right; width: 70px; margin-right: 10px; }
#pagination {  text-align: center; }

#condition { margin-bottom: 1em; }
#basket { width: 100%; }

.pricelistbasket { width: 100%; float: left; border-collapse: collapse; border-bottom: 1px solid #d0cbc5; }
.pricelistbasket th { border-bottom: 1px solid #d0cbc5; }
.pricelistbasket tr { height: 2.2em; }
td.productbasket, th.productbasket { width: 850px; }
td.pricebasket, th.pricebasket { width: 80px; }
td.numericbasket, th.numericbasket { width: 80px; }
.numericbasket input { width: 50px; }
td.totalbasket, th.totalbasket { width: 80px; text-align: right; }
span.total { width: 100%; display: block; text-align: right; line-height: 2em; }

.pricelist { width: 725px; float: left; border-collapse: collapse; border-bottom: 1px solid #d0cbc5; }
.pricelist th { border-bottom: 1px solid #d0cbc5; }
.pricelist tr { height: 2.2em; }

th.type, td.type { width: 250px; }
th.code, td.code { width: 225px; }
th.price, td.price { width: 150px; }
td.numeric, th.numeric { width: 100px; text-align: center; }
th.total, td.total { width: 100px; }
.addtobasket { float: right; margin: 1em 3em 0 0; }
.textbox { width: 100%; float: left; }

#productinfo { width: 100%; float: left; }
#description { width: 500px; float: left; }
#image { width: 200px; height: auto; float: right; margin-right: 10px; }
#image .box { height: 150px; width: 200px; float: left; display: block; }
#thumbnails { height: 40px; float: left; list-style-type: none; margin: 0 auto; }
#thumbnails li { float: left; display: inline; }
#basketform { float: left; width: 700px; }

#bottom-images { float: left; height: 155px; margin: 0 0 0 15px; width: 740px; }
    
#bottom-images img { bottom: -7px; position: absolute; }
#bottom-images img.left { left: 5px; }
#bottom-images img.right { right: 7px; }

#checkout { margin: 0 auto; padding-right: 40px; text-align: right; width: 340px; }
#checkout div { height: 2.6em; line-height: 2.6em; }
#checkout label { padding-right: 10px; }
#checkout div input { width: 220px; }
#checkout .address { height: 99px; margin-top: 4px; }
#checkout textarea { height: 90px; overflow: auto; width: 220px; }
#title { margin-right: 169px; }
#checkout #submit { width: 120px; }

.postaladdress { margin: 15px; width: 330px; }
.postaladdress hr { margin-top: 1em; }
.postaladdress ul { margin: 2em 0; text-align: center; }
.postaladdress ul li { list-style-type: none; }

/* Featured Content Fader */

#featureditem { float: right; display: block;}
#featuredhead { background: #fff url('../images/featuredhead.jpg') no-repeat top left; width: 372px; height: 19px; float: left;}
#featuredcontent { background: #fff url('../images/featuredcontent.jpg') repeat-y top left; float: left; height: 220px; overflow: auto; padding: 0 10px; width: 352px; }
#featuredinnercontent p { float: left; }
#featuredinnercontent img { float: right; }
#featuredinnercontent h3 { margin-bottom: 20px;}
#featuredinnercontent .readmore { float: right; }
#featuredfoot { background: #fff url('../images/featuredfooter.jpg') no-repeat top left; float: left; height: 19px; width: 372px; }

/* Typography */

body { font-size: 62.5%; }
h1, h2 { color: #666666; font-family: Tahoma; font-size: 16px; font-weight: bold; line-height: 2.5em; }
h2, #narrowsearch a { color: #990000; }
li { line-height: 1.8em; }
p { line-height: 1.5em; margin-bottom: 1em; }
p h2 { line-height: 1em; margin-bottom: 0; }
input, textarea { font-family: Arial; font-size: 1.2em; }

#container { font-family: Tahoma, Helvetica, Arial; font-size: 1.1em; }
#header { color: #fff; }
#header span { font-size: 0.9em; }
#header a { color: #fff; text-decoration: underline; }
#header a:hover { text-decoration: none; }
#content { color: #666666; }
#leftcol div p a, #leftcol div ul li a, #moreinfo ul li a, #leftcol div div a { color: #666666; font-weight: bold;}
#leftcol div p a:hover, #leftcol div ul li a:hover, #moreinfo ul li a:hover, #leftcol div div a:hover { text-decoration: none; }
#footer { font-size: 1px; }
#footer-text { color: #666666; font-size: 0.9em;  }
#footer-text a { color: #666666; text-decoration: none; }
#footer-text a:hover { text-decoration: underline; }

.error { color: #b02b2c; }
.error a { color: #b02b2c; }
.input-error { border: 1px solid #b02b2c; width: 250px; }

.prodlist h2 { line-height: 1.6em; margin-bottom: 0.2em; }
.prodlist h2 a { color: #990000; }

.catlist a { color: #990000; }

#subcats a { color: #990000; font-size: 1.2em; font-weight: bold; }
#product h1 a { color: #990000; text-decoration: underline; }
#product h1 a:hover { text-decoration: none; }

.other-info { color: #990000; font-size: 1.3em; line-height: 1.6em; }
#topinfo { color: #990000; }

.prodtitle { line-height: 1.6em; margin-bottom: 0.2em; }
.prodtitle a, p.productcategories a { color: #990000; }

#basket-items a { color: #990000; }

.postaladdress h3 { font-size: 1.2em; }

.total { font-weight: bold; }

#featuredinnercontent h3 { font-size: 1.8em; font-weight: normal; line-height: 1.2em; margin-bottom: 20px;}
#featuredinnercontent .price { color: #990000; font-size: 1.8em; font-weight: normal; }
#featuredinnercontent .readmore { line-height: 3.4em; }
#featuredinnercontent .readmore a { color: #666666; }