/* ----- end float fix ----- */
body { background:#000f3a url(../graphics/plain/background-gradient.jpg) repeat-x center top; color:#4b555b; font: 1em Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:0; }

/* ----- global links ----- */
a:link, a:visited, a:active { color:#275f81; text-decoration: underline; }

a:hover { color:#555; text-decoration:none; }

/* ----- global paragraphs, headers & horizontal rules ----- */
h1, h2, h3, h4, h5, h6 { margin:1em 0; }

p { margin: 0 0 15px 0; }

h1 { font-size:140%; }

h3 { font-size:120%; }

h4, h5 { font-size:100%; }

hr { display:none; }

/* ----- global images ----- */
img { border:none; }

/* ----- hidden items ----- */
#skip, .off-left { position: absolute; left: -9999px; }

.hidden { display:none; }

/* ----- float left / right classes / clear / text-align ----- */
.left { float:right; margin-right:.3em; }

.right { float:right; margin-left:.3em; }

.clear-left { clear: left; }

.clear-right { clear: right; }

.clear-both { clear: both; }

.align-center { text-align: center; }

.align-left { text-align: left; }

.align-right { text-align: right; }

.message { color:#CC3300; font-weight: bold; }
.red-sale {color:#CC0000; font-weight: bold; } 

/* ----- company contact details ----- */
address { font-style:normal; margin:1em 0; }

/* ----- container size & positioning ----- */
#container { margin:0 auto; width:900px; text-align:left; background:#fff; position:relative; }

/* ----- header area ----- */
#header { height:200px; position:relative; background:#f2f2f2 url(../graphics/plain/banner.jpg) no-repeat center top; margin:0 10px; }

#google-map { background:url(../graphics/plain/maps.gif); width: 118px; height: 112px; position: absolute; top: 0; left: 0; z-index: 900; }

/* ----- company logo & strapline ----- */
#logo { position:absolute; margin:0; padding:0; top:10px; left:10px; text-indent: -9999px; }

#logo a { width: 300px; height: 150px; display: block; }

#tagline { position:absolute; margin:0; padding:0; top:50px; left:30px; line-height:20px; }

/* ----- shopping basket info ----- */
#info { position:absolute; margin:0; padding:0; top:27px; right:8px; width: 200px; z-index:10; font-size: 0.7em; text-align: center; line-height: 1.4em; }

/* ----- optional mid div (useful for more complex backgrounds) ----- */
#mid { float: left; width: 900px; margin: 62px 0 0 0; background:url(../graphics/plain/2-col-back.gif) repeat-y left top; }

body#home #mid { background:url(../graphics/plain/3-col-back.gif) repeat-y left top; }

/* ----- breadcrumb trail ----- */
#breadcrumbs { position: absolute; left: 10px; top: 232px; font-size: 0.9em; text-align: right; z-index:200; width: 840px; background: #dfdfdf; padding: 3px 20px 4px; border-top: 1px solid #fff; line-height: normal; }

/* ----- search box ----- */
#search { position: absolute; right: 20px; top: 155px; }

#search label { position: absolute; left: -9999px; }

input#searchKeyword { font-size: 0.75em; color: #40403f; border: 1px solid #ccc; width: 130px; padding: 4px; }

input#searchSubmit { background: #cbe0c5; border: 1px solid #1c4f0e; color: #1c4f0e; padding: 4px; font-size: 0.75em; cursor: pointer; }

/*  All menu nav moved to menu.css  */

/* ----- Home page logos ----- */

div#logosHolder {text-align: center;}
div#logosHolder img {padding: 0 10px 20px 10px;}



/* ----- side navigation column ----- */
#side { float:left; display:inline; width:180px; margin: 0 0 0 10px; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; }

#side-right { float:left; display:inline; width:160px; margin: 0 0 0 10px; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; background:#e4b48a; }

#side-right h3 { background:url(../graphics/plain/offer-header-back.jpg) repeat-x center top #a03100; color: #fff; margin:0; font-weight: normal; text-transform: uppercase; font-family:Georgia, "Times New Roman", Times, serif; padding: 6px 10px; margin-bottom:1px; font-size:1.3em; }

#side-right h3 span { display: block; background:url(../graphics/plain/offer-head-graphic.gif) no-repeat right center; }

#scroller-outer { background: #DCA176; border-bottom:1px solid #fff;}

#scroller a { display: block; text-decoration: none; color:#2c2c2c; }
#scroller img {border :1px solid #A28468; margin-bottom: 5px;}

#scroller-product { margin: 0 0 20px; }

/* ----- main content area ----- */
#main { float:left; display:inline; width:690px; margin: 0 0 0 10px; font-size: 0.75em; line-height: 1.6em; }

body#home #main { width:520px; }

#main h2 { font-weight:normal; padding:0; color:#275f81; font-size:1.4em; clear:both; }

#main h2#pageTitle{ font-weight:normal; margin:0 0 0.6em 0; background: #3a464c url(../graphics/plain/header-back.jpg) repeat-x center top; color: #efefef; font-family: "Times New Roman", Times, serif; text-transform: uppercase; padding: 8px; text-align: left; }

#main h2.sectionTitle { font-weight:normal; margin:0 0 0.6em 0; background: #3a464c url(../graphics/plain/sub-header-back.jpg) repeat-x center top; color: #efefef; font-family: "Times New Roman", Times, serif; text-transform:uppercase; padding: 6px; text-align: left; font-size: 1.3em; }

#main h2#pageTitleLight, #main h2.sectionTitleLight  { font-weight:normal; margin:0 0 1em 0; background: #d8d8d8 url(../graphics/plain/light-header-back.jpg) repeat-x center top; color: #333; font-family:Arial, Helevetica, sans-serif; padding: 6px; text-transform: uppercase; text-align: left; }

#content { padding:0 10px; }

.note { font-size:110%; }

.highlight { font-size:140%; }

.module1 { float:left; width:250px; }

.module2 { float:right; width:250px; }

.customPanel {font-size: 11px ; padding: 0 10px;}

/* ----- footer area ----- */
#footer { background: #3a464c url(../graphics/plain/header-back.jpg) repeat-x center top; color: #fff; padding: 10px; text-transform: uppercase; font-size: 0.65em; clear: left; float: left; width: 880px; margin-top: 10px; }

#footer p { margin:0; }

#footer ul, #footer li { margin:0; padding:0; list-style:none; }

#footer li { display:inline; margin-right:.5em; }

#footer a { color:#fff; text-decoration:none; }

#footer #credits { float:right; margin-top:0; }

/* ----- right hand sub department menu ----- */

#rightMenu { margin: 30px 0 10px 0; }

/* ----- pagination (page 1/2 etc.) ----- */
#pagination { margin:1em 0; }

#pagination li { margin:0; height:16px; line-height:16px; float:left; }

#pagination p { margin:0; float:left; width:100px; }

#pagination a { display:block; float:left; width:9px; height:9px; margin-left:10px; margin-top:3px; text-indent:-8000px; overflow:hidden; }

#pagination a#firstPage { background:url(../graphics/plain/ico_first.gif)no-repeat 0 0; }

#pagination a#prevPage { background:url(../graphics/plain/ico_prev.gif) no-repeat 0 0; }

#pagination a#nextPage { background:url(../graphics/plain/ico_next.gif) no-repeat 0 0; }

#pagination a#lastPage { background:url(../graphics/plain/ico_last.gif) no-repeat 0 0; }

/* ----- product thumbnail list ----- */
.products { margin:0; }

div.prod { float: left; width: 330px; margin:0 5px 10px 5px; font-size: 0.85em; line-height: normal; text-align:left; border:1px solid #e1e1e1; height: 200px; background: #efefef }

div.prodflies { float: left; width: 214px; margin:0 5px 10px 5px; font-size: 0.85em; line-height: normal; text-align:left; border:1px solid #e1e1e1; height: 200px; background: #efefef }

div.prod-home { float: left; width: 160px; margin:0 4px 10px 4px; font-size: 0.85em; line-height: normal; text-align:center; border: 1px solid #e1e1e1; height: 265px; background: #efefef }

div#articles div.prod { padding: 10px; width: 195px; height: 180px; text-align: center; }

div.prod div.inner, div.prod-home div.inner, div.prodflies div.inner { padding: 5px; }

div#rightMenu div.inner { padding: 0 10px; }

div#side div.inner { white-space:normal !important;}

div.prod h3, div.prodflies h3 { margin:0; background: #86887f url(../graphics/plain/prod-box-head-light.jpg) repeat-x center top; color: #fff; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; height:40px; padding:6px; font-size: 1em; text-align: center; vertical-align: bottom ; }


div.prod-home h3 { margin:0; background: #86887f url(../graphics/plain/prod-box-head-light.jpg) repeat-x center top; color: #fff; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; height:40px; padding:6px; font-size: 1em; text-align: center; }

div.prod h3 a, div.prod-home h3 a, div.prodflies h3 a { text-decoration: none; color: #fff ; }

div.prod h3 a:hover, div.prod-home h3 a:hover, div.prodflies h3 a:hover  { color:#ccc; }

div.prod2 { float: left; width: 140px; margin:0 5px 0 5px; font-size: 0.85em; line-height: normal; text-align:left; background: url(../graphics/plain/prod-back.jpg) repeat-x center bottom #fff; height: 200px }

div.prod2 h3 { margin:0; background: #608584 url(../graphics/plain/prod-box-head.jpg) repeat-x center bottom; color: #fff; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; height:2.4em; padding:6px; font-size: 1.2em }

div.prod2 h3 a { text-decoration: none; color: #fff; }

div.prod2 h3 a:hover { color:#ccc; }

p.prod-img { text-align: center; margin: 0 0 10px 0; }
p.prod-img2 { text-align: left; margin: 0 0 10px 0; }

p.prod-img img { border: 1px solid #fff; float: right; }

p.prod-img2 img { border: 1px solid #fff; float: right; }

select { font-size: 0.9em; position: relative; z-index: 10;}

/* ----- individual products ----- */
#product { margin:1em 0; }

#product .image { float:left; margin-bottom:1em; }

#product .image p { margin:.5em 0; }

#product .info { float:right; width:270px; }

#product .price { color:#13689d; font-size:120%; }

#product .info p { margin:0; margin-bottom:.2em; }

#product .info h3 { margin:0; margin-bottom:.2em; }

#product .actions { border-top:1px solid #e1e1e1; clear:both; }

#product #addBasket { border-top:1px solid #e1e1e1; padding-top:1em; }

#product #addWishlist a { }

#main-prod-desc img { float: right; padding: 0 0 10px 10px; }

/* ----- featured articles ----- */
#articles { }

#articles ul, #articles li { margin:0; padding:0; list-style:none; }

#articles ul { margin:1em 0; padding:3px 10px; background:#f1f1f1; border:1px solid #eee; color:#777; }

#articles ul li { margin:.5em 0; line-height:150%; padding:0; padding-left:15px; list-style:none; background:url(../graphics/plain/arrow3.gif) no-repeat 0 .6em; }

#articles ul li a { color:#777; }

#articles ul li a:hover { color:#777; text-decoration:underline; }

/* ----- tables and forms ----- */
fieldset { border:none; padding:0; margin:1em 0; }

legend { font-weight:bold; padding:20px 0 0 0; margin:0; color:#555; font-size:120%; clear:both; }

fieldset h3, fieldset h3 { margin:1em 0 0 0; }

table { font-size: 0.9em; }

th { text-align: left; background: #225571; color: #fff; padding: 10px 5px; font-weight: normal; text-transform: uppercase; }

td { border-bottom: 1px solid #ccc; }

tr { }

.formField, .formSelect { background:#fff; border:1px solid #e1e1e1; width:200px; }

.formFieldShort, .formFieldMedium { background:#fff; border:1px solid #e1e1e1; width:20px; margin-right:5px; }

.formFieldMedium { width:96px; }

table .price { color:#13689d; font-size:110%; font-weight:bold; }

.formFieldProduct { }

table .price { color:#13689d; font-size:110%; font-weight:bold; }

.formRadio { vertical-align:middle; }

.formButton { background:#c75800; color:#fff; border:none; padding-top:3px; padding-bottom:3px; font-size: 10px; }

a.formButton { color: #fff; text-decoration: none; padding: 4px; font-size: 10px;}

label span { color:#13689d; font-size:110%; font-weight:bold; }

input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus { background: #fff; border: 1px solid #bbb; }

/* ----- customer reviews ----- */
#reviews { }

#reviews ul, #reviews li { margin:0; padding:0; list-style:none; }

#reviews ul { margin:1em 0; padding:3px 10px; background:#f1f1f1; border:1px solid #eee; color:#777; }

#reviews ul li { margin:.5em 0; line-height:150%; padding:0; padding-left:15px; list-style:none; }

#reviews ul li a { color:#777; }

#reviews ul li a:hover { color:#777; text-decoration:underline; }

/* ----- site map ----- */
#sitemap, #sitemap ul, #sitemap li { margin:0; padding:0; list-style:none; }

#sitemap { margin:1em 0; }

#sitemap li { margin:.5em 0; }

#sitemap li h3 { margin:.2em 0; }

#sitemap ul { padding-left:20px; }

/* ----- shopping cart ----- */
#total { margin:1em 0; padding:0; width:295px; font-size:110%; }

#total dt { width:200px; float:left; font-weight:bold; }

#total dd { margin-left:201px; text-align:right; }

.actions { clear:both; margin:0; padding:.5em 0; }

/* ----- first table data style ----- */
td.first { width: 40%; }

/* ---------------------- float fix ----------------------------- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.inner, .products, .products li, #pagination, #total, .modules { display:block; }

/*  \*/
.inner, .products, .products li, #pagination, #total, .modules { min-height:1%; }

 select.hide_select {
    visibility: hidden;
 }

* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules { height:1%; }
 /*  */
/* ----- end float fix ----- */