/* ::::: http://www.oversolve.co.uk/styles/main.css ::::: */

.noCSS { display: none; }
body { margin: 0pt; padding: 0pt; background-color: rgb(255, 255, 255); color: rgb(76, 76, 76); font-family: Verdana,Arial,Helvetica,sans-serif; }
td { vertical-align: top; }
h1, h2, h3, h4, h5, h6, p, form { margin: 0pt; }
input, select, textarea { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 100%; }
.clear { clear: both; height: 1px; }
.hide { display: none; }
#outer { margin: 0pt auto; position: relative; width: 770px; }
#skip { position: absolute; top: -100px; left: 40px; }
#skip:focus, #skip:active { top: 95px; background-color: rgb(3, 1, 51); color: rgb(255, 255, 255); font-size: 70%; text-decoration: none; }
#topbar { border-bottom: 1px solid rgb(255, 255, 255); padding: 20px 18px 0pt 0pt; float: left; width: 752px; min-height: 96px; height: 96px; background-color: rgb(3, 1, 51); color: rgb(255, 255, 255); font-size: 70%; }
html > body #topbar { height: auto; }
#topbar div { clear: right; float: right; width: 490px; text-align: right; }
#topbar div#contactnos { margin: 6px 0pt 8px; }
#topbar span#fax { border-left: 1px solid rgb(255, 255, 255); margin: 0pt 0pt 0pt 12px; padding: 0pt 0pt 0pt 12px; }
#logo { float: left; }
#search { clear: right; float: right; width: 490px; }
#search input { border: 1px solid rgb(245, 43, 0); }
#search input.button { margin: 0pt 0pt 0pt 6px; padding: 0pt; background-color: rgb(245, 43, 0); color: rgb(255, 255, 255); font-weight: bold; }
#topimage { border-bottom: 1px solid rgb(255, 255, 255); clear: left; float: left; width: 770px; height: 205px; }
#content { padding: 10px 8px 0pt; clear: left; float: left; width: 754px; min-height: 243px; }
#content { height: 243px; }
html > body #content { height: auto; }
#content h1 { margin: 0pt 0pt 1.2em; font-size: 90%; font-weight: normal; }
#content p { margin: 0pt 0pt 1.2em; font-size: 70%; line-height: 160%; }
#list { float: left; width: 100%; }
#list p { padding: 0pt 35px; }
#list .item { margin: 0pt 3px; padding: 20px 19px; float: left; width: 87px; min-height: 130px; background-color: rgb(238, 237, 237); color: rgb(76, 76, 76); font-size: 70%; text-align: center; }
#list .item { height: 130px; }
html > body #list .item { height: auto; }
#list .item img, #list .item .noimg { border: 3px solid rgb(225, 224, 224); margin: 0pt 0pt 10px; padding: 1px; display: block; width: 79px; height: 79px; background-color: rgb(255, 255, 255); color: rgb(76, 76, 76); }
#list .item .noimg { padding: 20px 10px 0pt; width: 61px; height: 61px; min-height: 61px; }
html > body #list .item .noimg { height: auto; }
#list .item a { background-color: rgb(238, 237, 237); color: rgb(76, 76, 76); }
#list .item a:hover { background-color: rgb(238, 237, 237); color: rgb(3, 1, 51); }
#list .nav { margin: 0pt 3px; padding: 60px 0pt 0pt; display: inline; float: left; width: 43px; font-size: 70%; }
#list .nav img { border: 0pt none ; display: block; width: 43px; }
#product { float: left; width: 100%; }
#product .left, #editorial .left { padding: 18px 28px 0pt 35px; float: left; width: 453px; }
#product .text { clear: left; float: left; width: 100%; }
#product #largeimg { margin: 0pt 0pt 1.2em; padding: 0pt 16px 0pt 0pt; background: rgb(255, 255, 255) url('bulletspyglass.gif') no-repeat scroll right 3px; float: left; color: rgb(3, 1, 51); font-size: 70%; text-decoration: none; line-height: 160%; }
#product #largeimg:hover { background-color: rgb(255, 255, 255); color: rgb(3, 1, 51); text-decoration: underline; }
#product #options { margin: 0pt 0pt 1.2em; float: left; width: 100%; font-size: 70%; }
#product #options label { padding: 0pt 6px 0pt 0pt; }
#product .option { margin: 0pt 24px 0pt 0pt; float: left; }
#product .price { margin: 0pt 0pt 1.2em; clear: left; float: left; width: 100%; background-color: rgb(255, 255, 255); color: rgb(3, 1, 51); font-size: 70%; }
#product .right, #editorial .right { float: right; width: 232px; }
#product .right img, #product .right .noimg, #editorial img { border: 14px solid rgb(221, 221, 221); padding: 1px; display: block; width: 202px; background-color: rgb(255, 255, 255); color: rgb(76, 76, 76); }
#product .right .noimg { padding: 90px 10px 0pt; width: 184px; height: 114px; font-size: 70%; text-align: center; }
#product #swatches { margin: 0pt 0pt 10px; float: right; }
#product #swatches img { margin: 0pt 5px 10px; float: left; width: 16px; height: 16px; }
#editorial { float: left; width: 100%; }
#editorial .full { padding: 18px 35px 0pt; float: left; width: 684px; }
#editorial img { margin: 0pt 0pt 1.2em; }
#editorial .news { border-bottom: 1px dashed rgb(221, 221, 221); float: left; width: 100%; }
#editorial table { width: 100%; font-size: 70%; line-height: 160%; }
#editorial table h1, #editorial table h2, #editorial table h3, #editorial table h4, #editorial table h5, #editorial table h6, #editorial table p { font-size: 100%; }
#editorial td { padding: 2px; width: 50%; }
#editorial table table { font-size: 100%; }
#editorial table a { background-color: rgb(255, 255, 255); color: rgb(245, 43, 0); text-decoration: none; }
#editorial table a:hover { text-decoration: underline; }
#footer { border-top: 24px solid rgb(188, 188, 188); padding: 6px 35px; clear: left; float: left; width: 700px; background-color: rgb(255, 255, 255); color: rgb(76, 76, 76); font-size: 65%; }
#footer a { background-color: rgb(255, 255, 255); color: rgb(3, 1, 51); text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* ::::: http://www.oversolve.co.uk/styles/navigation.css ::::: */

#nav, #nav ul { margin: 0pt; padding: 0pt; background-color: rgb(188, 188, 188); color: rgb(76, 76, 76); list-style-type: none; list-style-image: none; list-style-position: outside; }
#nav { float: left; width: 770px; background-color: rgb(188, 188, 188); color: rgb(76, 76, 76); }
#nav li { position: relative; float: left; }
#nav li a { border-left: 1px solid rgb(255, 255, 255); padding: 10px 6px; float: left; width: 70px; height: 44px; background-color: rgb(188, 188, 188); color: rgb(76, 76, 76); font-size: 75%; text-decoration: none; }
#nav li a:hover { background-color: rgb(188, 188, 188); color: rgb(3, 1, 51); }
#nav li a:active, #nav li a:focus { background-color: rgb(188, 188, 188); color: rgb(3, 1, 51); }
#nav li.first a { border: 0pt none ; }
#nav li a.manufacturer { width:86px; }
#nav li img.sub { display: none; }
#nav li ul { position: absolute; top: 2.1em; left: 0pt; visibility: hidden; width: 140px; }
#nav li ul li { padding: 0pt; float: left; }
#nav li ul li a { border-style: none solid solid; border-color: -moz-use-text-color rgb(255, 255, 255) rgb(255, 255, 255); border-width: 0pt 1px 1px; padding: 4px 12px 4px 10px; display: block; width: 158px; height: auto; background-image: none; background-color: rgb(221, 221, 221); color: rgb(76, 76, 76); font-weight: normal; font-size: 75%; text-align: left; }
#nav li ul li a.first { border-top: 1px solid rgb(255, 255, 255); }
#nav li ul li a:hover { background-color: rgb(204, 204, 204); color: rgb(76, 76, 76); }
#nav li ul li a:active, #nav li ul li a:focus { background-color: rgb(204, 204, 204); color: rgb(76, 76, 76); }
#nav li ul li img.sub { border: 0pt none ; position: absolute; display: block; top: 8px; left: 170px; }
#nav ul ul { top: 10px; left: 176px; }
#content #breadcrumb { margin: 0pt; padding: 0pt; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; font-size: 100%; }
#list #breadcrumb { padding: 18px 35px 0pt; width: 684px; }
#product #breadcrumb { width: 453px; }
#breadcrumb li { float: left; }
#breadcrumb li a { background-color: rgb(255, 255, 255); color: rgb(76, 76, 76); }
#breadcrumb li a:hover { background-color: rgb(255, 255, 255); color: rgb(3, 1, 51); }
#breadcrumb li a:focus, #breadcrumb li a:active { background-color: rgb(255, 255, 255); color: rgb(3, 1, 51); }
#pagenav { border-top: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); width: 100%; background-color: rgb(238, 238, 238); color: rgb(204, 204, 204); }
#pagenav td { padding: 3px; width: 33%; }
#pagenav td.centre { text-align: center; }
#pagenav td.right { text-align: right; }