* { margin: 0px; padding: 0px; }
body { color: #455560; font-size: 12px; line-height: 1.4em; font-family: Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; }

h2 { font-size: 14px; font-weight: bold; padding-bottom: 5px; }
p { padding-bottom: 10px;}
h3 { font-size: 18px; font-weight: normal; padding-bottom: 10px; }
h4 { font-size: 12px; font-weight: bolder; padding-bottom: 10px; }
h5 { font-size: 10px; font-weight: bold; padding-bottom: 10px; }
a { color: #455560;  }
.clear { clear: both; }

#wrap { width: 970px; margin: 0px auto; margin-top: 30px;}

#header { margin-bottom: 20px; }
#header ul { list-style: none; vertical-align: middle; }
#header ul li { display: inline; }



/*#top-menu { color: #455560; font-size: 12px; margin-top: 25px; border-top: 1px solid #95a3ad; border-bottom: 1px solid #95a3ad;}
#top-menu a { color: #455560; text-decoration: none; }
#top-menu a:hover { text-decoration: underline; }

#top-left-menu { border: 1px dotted red; padding: 10px; margin-left: 20px; width: 300px;}

#top-right-menu { border: 1px dotted red; float: right; }
#top-right-menu li { padding-left: 10px; padding-right: 10px; border-left: 1px solid #455560; }
#top-right-menu li.first { border-left: 0px; }
#top-right-menu li.last { padding-right: 0px; }*/

#masthead { vertical-align: bottom; background: #e7e8e9 url(/media/local/img/header-bg.gif) repeat-x top left; }
#masthead p { padding-bottom: 0px; width: 500px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #455560; font-size: 24px; font-weight: 100; line-height: 28px; padding-top: 75px; padding-left: 10px;}
#masthead img { float: right; }

#bottom-menu { color: #9fb57f; font-size: 12px; line-height: 1.2em; border-top: 1px solid #9fb57f; border-bottom: 1px solid #9fb57f; padding: 0px; background: #9fb57f url(/media/local/img/green-menu-bg.gif) repeat-x top left; }
#bottom-menu .left { margin: 7px 0px 7px 0px; }
#bottom-menu .left li { padding: 7px 10px 7px 10px; border-right: 1px solid #9fb57f; }
#bottom-menu .left li:hover { background: #9fb57f url(/media/local/img/green-menuover-bg.gif) repeat-x; }
#bottom-menu .left li.first { border-left: 0px; }
#bottom-menu .left li.last { padding-right: 0px; }
#bottom-menu .left a { color: #455560; text-decoration: none; }
#bottom-menu .left li:hover a { color: #fff; }

#bottom-menu .right { float: right; padding-right: 26px; padding-top: 1px; }
/*#bottom-menu .right li { padding: 0px; margin: 0px; padding-left: 10px; background: transparent url(/media/local/img/search/lhs.gif) no-repeat scroll top left; }*/



/*.searchbox-left { padding: 0px; margin: 0px; padding-left: 10px; background: transparent url(/media/local/img/search/lhs.gif) no-repeat scroll top left; }*/
.searchbox { border: 0px;  }
/*baseline/sub/super/top/text-top/middle/bottom/text-bottom/length/%*/
.searchbox img { display: none; vertical-align: top; }
/*.searchbox input { width: 97px; border: 0px; background: url(/media/local/img/search/centre.gif) repeat-x; padding-top: 5px; padding-bottom: 4px; }*/
/*.searchbox-text { vertical-align: top; width: 97px; border: 0px; background: url(/media/local/img/search/centre.gif) repeat-x; padding-top: 5px; padding-bottom: 4px; }*/
.searchbox-text { width: 85px; background: url(/media/local/img/search/search-blank.png) no-repeat; border: 0px; padding: 5px; padding-left: 10px; padding-right: 30px; padding-top: 5px;}
.searchbox-btn { display: none;}
.searchbox-btn:hover { cursor: pointer; }
/*.searchbox .mg { float: right; width: 23px; height: 23px; background: transparent url(/media/local/img/search/rhs.gif) no-repeat scroll top left; }*/

#top-menu { padding: 5px; color: #455560; font-size: 12px; border-top: 1px solid #95a3ad; border-bottom: 1px solid #95a3ad; /*margin-bottom: 30px; margin-top: 20px;*/ }
#top-menu ul { list-style: none; float: right; }
#top-menu ul li { display: inline; }
#top-menu li { padding-left: 10px; padding-right: 10px; border-left: 1px solid #455560; }
#top-menu li.first { border-left: 0px; }
#top-menu li.last { padding-right: 0px; }
#top-menu a { color: #455560; text-decoration: none; }
#top-menu a:hover { text-decoration: underline; }
#top-menu p { padding-bottom: 0px; }

#footer { padding: 5px; color: #455560; font-size: 12px; border-top: 1px solid #95a3ad; border-bottom: 1px solid #95a3ad; margin-bottom: 30px; margin-top: 5px; }
#footer ul { list-style: none; float: right; }
#footer ul li { display: inline; }
#footer li { padding-left: 10px; padding-right: 10px; border-left: 1px solid #455560; }
#footer li.first { border-left: 0px; }
#footer li.last { padding-right: 0px; }
#footer a { color: #455560; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { padding-bottom: 0px; }

#content {}

#page { padding: 0px 10px 0px 10px; }
#page2 { min-height: ;}
.title { background: url(/media/local/img/blue-header-bg.gif) repeat-x; color: #fff; padding: 13px; margin-bottom: 10px; font-size: 13px; font-weight: bolder; height: 1em; overflow: hidden; }
.title span.links { float: right; }
.title span.links a { color: #fff; text-decoration: none; }
.title span.links a:hover { text-decoration: underline;}
.title a { color: #fff; text-decoration: none; }
.title a:hover { text-decoration: underline;}

.title2 { background: url(/media/local/img/green-title-bg.png) repeat-x top left; color: #455560; padding: 8px; margin-bottom: 10px; font-size: 13px; font-weight: normal; text-align: center;}
.title2 a { color: #455560; text-decoration: none; }
.title2 a:hover { text-decoration: underline;}

.title3 { background: url(/media/local/img/blue-title-bg.png) repeat-x top left; color: #fff; padding: 8px; margin-bottom: 10px; font-size: 13px; font-weight: normal; text-align: center;}
.title3 a { color: #fff; text-decoration: none; }
.title3 a:hover { text-decoration: underline;}

.product-name { color: #adff30;}

#page ul { margin-left: 30px; padding-bottom: 15px;}
#page ol { margin-left: 30px; padding-bottom: 15px;}
#page li { margin-bottom: 5px;}

#content #panel-left { float: left; width: 314px; padding-right: 7.5px; margin-right: 7.5px; min-height: 400px;}
#content #panel-middle { float: left; width: 313px; padding-right: 7.5px; margin-right: 7.5px; min-height: 400px; }
#content #panel-right { float: left; width: 313px;}

#content .panel-three { float: left; width: 313px; padding-right: 5px; padding-left: 5px; min-height: 410px; }
#content .panel-three .box { min-height: 360px; }

.bottom-line { border-bottom: 2px solid #62717c; }

#content .panel-four { float: left; width: 232px; padding-right: 5px; padding-left: 5px; min-height: 180px; }
.shade { margin-top: 20px; background: #fff url(/media/local/img/header-bg.gif) repeat-x scroll bottom left; min-height: 150px; }
.shade img { margin-top: 0px; margin-bottom: 12px; margin-left: 56px;}

#content .panel-content { padding: 10px 10px 0px 10px; background: #fff url(/media/local/img/grad-soft.gif) repeat-x scroll bottom left; margin-bottom: 20px; min-height: 209px; }
#content .steel { padding-top: 10px; margin-bottom: 20px; background: #DDD url(/media/local/img/steel.jpg) repeat scroll top left; background-position: 0% 10%; color: white; min-height: 229px; }
#content ul { margin-left: 18px; padding-bottom: 10px; }
#content strong { color: #d0d5d0; font-weight: bolder; } /* 62717c c3cdc7 c3cec8 */

.newslink { font-weight: bolder; color: #8cc63f; text-decoration: none; padding: 10px 10px 0px 10px;  }
.newslink:hover { color: #547726; }

.offerlink { font-weight: bolder; color: #e39718; text-decoration: none; }
.offerlink:hover { color: #996610; }
.offertitle { color: #e39718; }
.offer-image { margin-left: 50px; margin-top: 20px; margin-bottom: 20px;}
.panel-three .offer-image { margin-left: 55px; }
#content #panel-right .offer { min-height: 468px; }

#page #tpanel-left { float: left; width: 265px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #455560; min-height: 400px;}
#page #tpanel-middle { float: left; width: 373px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #455560; min-height: 400px; }
#page #tpanel-right { float: left; width: 245px;}

#page #tpanel2-left { float: left; width: 260px; padding-right: 15px; }
#page #tpanel2-middle { float: left; width: 350px; padding-right: 15px; padding-left: 15px; margin-right: 15px; border-left: 1px solid #455560; min-height: 400px; border-right: 1px solid #455560; }
#page #tpanel2-right { float: left; width: 245px;}

#find-it-box { width: 220px; font-size: 1em; padding: 0; margin: 0; margin-top: -4px; }
.inline-image {float: right; padding-left: 15px; padding-bottom: 10px; }
/*.gb { list-style: url(/media/local/img/lang/gb.gif) !important; }*/
/*.language { padding: 10px; }*/

#product-box { min-height: 460px; border: 1px solid #a5b0b7; margin-bottom: 20px;}
.grid { min-height: 450px; background: url(/media/local/img/grid.gif) repeat 10% 10%; padding: 15px; padding-top: 45px; float: left; width: 720px; border-right: 1px solid #a5b0b7; }
.pr-right-box { float: right; background: white; }
#product-box .copy { width: 280px; line-height: 1.5em; float: left;}
#product-box img.main { margin-left: 10px;}
#product-box img.thumb { padding: 10px; cursor: pointer;}
.info { margin-top: 30px; }

#contact-form {  min-height: 340px; }
#contact-form label { font-weight: bolder; display: block; width: 130px; float: left; }
#contact-form input { width: 200px; margin-bottom: 15px; float: left; }
#contact-form textarea { width: 200px; margin-bottom: 15px; height: 60px; }
#contact-form input.submit { display: block; margin-top: 20px; margin-left: 130px; }
#contact-form .errorlist { padding-left: 90px; }
#opt-out label { padding-right: 10px; float: none;  width: 300px;}
#opt-out input { width: 30px;}
#product-box .outline-image { min-height: 400px;}
#product-box .outline-image img { text-align: center; margin-left: 10px; margin-top: 10px;}

#add-form {margin: 10px 10px 10px 5px; width: 200px; }
#add-form { font-size: 1.2em; color: #000;}
.add-form-box { padding: 2px 0px 0px 10px; width: 153px; }
.add-button { margin-top: 10px; }

.product-name { padding-bottom: 5px; } 
.enhance { border: 1px solid #a6afa9; color: #000; width: 1.8em;}

.altrow { background: #eee; }

#basket { width: 600px; }
#basket th { padding: 5px; margin: 0px; vertical-align: bottom; }
#basket td { padding: 5px; margin: 0px; }
#basket th.check { width: 60px; }
#basket th.product { width: 460px; }
#basket th.quantity { width: 80px; }
#basket .check { text-align: center; }
#basket .product { text-align: left; }
#basket .quantity { text-align: center; }
#basket .quantity input { width: 30px; }
#basket td.update { text-align: center; }
#basket td.checkout { text-align: right; }
#store-panel { padding-left: 20px; float: right; width: 312px;}

#order-form { ; }
#order-form label { font-weight: bolder; display: block; width: 130px; }
#order-form input { width: 200px; margin-bottom: 15px;  }
#order-form textarea { width: 200px; margin-bottom: 15px; height: 60px; }
#order-form input.submit { display: block; margin-top: 20px; }
#order-form .errorlist { padding-left: 30px; }

.helpcopy { color: #aaa;}

.search-results td { padding: 5px}
.search-results a { font-weight: bolder; text-decoration: none; }
.search-results a:hover { text-decoration: underline; }

.search-results table { width: 600px;}


.no-disc-ul {list-style: none; vertical-align: middle; margin-left: 0px !important;}
.flat-ul { list-style: none; vertical-align: middle; }

#content .panel-content2 { background: #fff url(/media/local/img/grad-soft.gif) repeat-x scroll bottom left; height: 238px; }
.news-panel { padding: 10px 10px 0px 10px; height: 205px; overflow: hidden; }