/*
 screen.css: SCREEN stylesheet
 ------------
 Job: Penkeths
 Template Version: 2.0
 Produced by: Tom Leadbetter, based on v.1 by Jim Savage / Stuart Robinson
 Start date: ------------
 NOTES: Do all font sizes in % of the base size of 1em.
 Do all stucture and module sizes in ems.
 
 TOC: 1. general styles
 body styles
 reset
 links
 headings
 other elements,tags
 2. helper styles
 notifications and errors
 consistant items with normally just one class
 3. page structure
 skeleton including page furniture
 4. page components / modules
 most of your styles will be in here
 5. content/FCK
 these are styles that the client could put in via the FCKeditor. They will also need to be added to the FCK stylesheet.
 6. overrides
 7. sIFR
 
*/

/* =1. general styles */
* { margin: 0; padding: 0; text-decoration: none; }
body { font-family: Verdana,Arial,Helvetica,sans-serif; background-color: #FFF; color: #333333; }
form input.text, fieldset input.text { padding: .2em; border: #666 solid 1px; }
h1, h2, h3, h4 { font-weight: normal; }
/* links */

a:link, a:visited { color: #4698d3; }
a:hover, a:focus { color: red; }
ul.headerNav li a:link, ul.headerNav li a:visited { color: #fff; border-bottom: #fff dotted 1px; line-height: 1.5em; }
ul.headerNav li a:hover { border-bottom: #00355f dotted 1px; color: #00355f; }
ul.nav1 li a:link, ul.nav1 li a:visited { color: white; }
ul.nav1 li a:hover { color: red; }
ul.footernav li a:link, ul.footernav li a:visited { color: white; border-bottom: white dotted 1px; }
ul.footernav li a:hover { color: #00355F; border-bottom: #00355F dotted 1px; }
#footerWrap p strong { font-weight: bold; }
#footerWrap p a:link, #footerWrap p a:visited { color: #eee; border-bottom: #eee dotted 1px; }
#footerWrap p a:hover { color: #00355F; border-bottom: #00355F dotted 1px; }
#footerWrap p.mando a { color: #fff; }
#footerWrap p.mando a:hover { color: red; }

fieldset {border: none;}

/* =2. helper styles */
.bodyText { font-size: .7em; }

form fieldset p.bodyText { margin: 1.2em; }
p.welcomeMember { font-size: 80%; margin-top: 1.2em; }
p.welcomeMenber strong { font-weight: bold !important; }
p.welcomeMember a {border-bottom: 1px dotted #fff; color: #fff;}
.tel { display: block; width: 10.5em; background: url(/_common/img/tel.gif) no-repeat 0 center; font-size: 1.3em; font-weight: bold; color: #fff; margin-top: .6em; float: right; }
.formsearch { text-align: left; float: right; clear: both; }
.formsearch label.nonProduct { font-size: .7em; }
.formsearch .text, .formsearch select { font-size: 80%; vertical-align: middle; margin-right: .1em; border: #e0e0e0 solid 1px; }
.formsearch .text { width: 417px; padding: .25em .1em; }
.formsearch .checkbox { }
.formsearch label {position: absolute; left: -9999px;}
.formsearch input.submit { font-size: 1em; vertical-align: middle; }
.x { position: absolute; left: 0; visibility: hidden; }
.hide { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; }
#contHead { }
#contHead h1 { margin-bottom: .4em; font-size: 130%; }
h2.manageAccountTitle { font-size: 120%; margin-bottom: 0.8em; }
.red { color: red; }
div.err { background: #fde2e5; padding: 1em; border: #ec2b3c solid 1px; margin-bottom: 1em; padding-bottom: .5em; }

div.err p.title { font-weight: bold; }
div.err ul { margin-left: 1em; }

td.right { text-align: right; }

div.noerr { display: none; }
div.msgblock { background: url(/_common/img/bk-msgblock.gif) repeat-x 0 0; border: #FA9912 solid 1px; margin-bottom: 1em; padding: 1em 1em .5em 1em; }
div.msgblock p { padding-top: 0.5em; padding-bottom: 0.5em; font-size: 80%; font-weight: normal; }
#savedOrderConfirm div.msgblock p { font-size: 0.7em; }
.regWidth { width: 40em; margin: 0 auto; padding-top: 1em; }
div.msgblock p strong { font-size: 120%; font-weight: bold; }

table { width: 100%; border-collapse: collapse; text-align: left; margin-bottom: 1em; margin-top: .8em; font-size: 70%; clear: both; }
th { background: #969da2 url(/_common/img/buyMore-headerTile.gif) repeat-x 0 0; color: white; padding: .5em 1em; font-weight: bold; }
th.first { background: url(/_common/img/basket-topLeft.gif) no-repeat 0 0; }
th.width50 { width: 50%; }
th.last { background: url(/_common/img/basket-topRight.gif) no-repeat right 0; }
th.price, td.price { text-align: right; }
td { padding: .5em 1em; }
td p { font-size: 100% !important; }
th.priority5 { background: #cb4949 url(/_common/img/th5.gif) repeat-x 0 0; }
th.priority4 { background: #dd7731 url(/_common/img/th4.gif) repeat-x 0 0; }
th.priority3 { background: #dd991c url(/_common/img/th3.gif) repeat-x 0 0; }
th.priority2 { background: #d1b324 url(/_common/img/th2.gif) repeat-x 0 0; }
th.priority1 { background: #86b256 url(/_common/img/th1.gif) repeat-x 0 0; }
table img.thumb { clear: both; position: relative; margin-top: -.3em; border: none; width: 100px; height: 100px; vertical-align: middle; padding-top: .2em; }
tr.row td { border-bottom: #c0c0c0 dotted 1px; }
.backToList { font-size: 90%; vertical-align: top; margin-top: 3em; }
/* =3. page structure */
#header { background: #52bdec; clear: both; float: left; width: 100%;}
.center { width: 62.69em; /* 1003px */ margin: 0 auto; }
#headRight { float: right; padding-top: .3em; text-align: right; width: 520px; }
#headLeft { float: left; width: 470px; }
#headLeft a.home {background: url('/_common/img/home-icon.gif') 0 0 no-repeat; color: #fff; font-size:70%; line-height:1.5em; padding-left: 20px;}
#headLeft a.home span {border-bottom: 1px dotted #fff;}
#headLeft a.home:hover {background-position: 0 -87px; color: #00355f;} 
#headLeft a.home:hover span {border-bottom: 1px dotted #00355f;}
#header .center #navWrap { background: #00355f; float: left; width: 100%; position: relative; z-index: 3; }
#header .center #navWrap #navLeft {}
#header .center #navWrap #navRight {}
#header .center #content { padding-bottom: 1em; width: 100%; overflow: hidden; }
#header .center #content a img { margin-top: 1em; border: none; width: 467px; height: 57; }
#decoTop { clear: both; height: 18px; background: white url(/_common/img/decoTop-tile.gif) no-repeat center 0; }
#decoTop .center { background: #00355f; overflow: hidden; }
#decoTop .center .decoLeft { height: 18px; background: white url(/_common/img/decoLeft-tile.gif) repeat-x 0 0; width: 50.06em; float: left; }
#decoTop .center .decoMiddle { height: 18px; background: url(/_common/img/decoMiddle-tile.gif) no-repeat 0 0; width: 18px; width: 0.63em; float: left; }
.sidePic { position: absolute; left:-9999px; }
.paperclip { background: url(/_common/img/sidePic-paperclip.gif) no-repeat 40px 50px; }
.bulldog { background: url(/_common/img/sidePic-bulldog.gif) no-repeat 8px 0; }
.staple { background: url(/_common/img/sidePic-staple.gif) no-repeat 40px 70px; }
.pushPin { background: url(/_common/img/sidePic-pushPin.gif) no-repeat 25px 38px; }
#contentWrap { background: white url(/_common/img/deco-splitColour.gif) repeat-y center 0;}
#contentWrap .center { background: white url(/_common/img/pageShadow.gif) repeat-y 50.06em 0; overflow: hidden; }
#contentWrap .center #colLeft { width: 49.3em; float: left; position: relative; z-index: 2!important;}
#contentWrap .center #colLeft #contLeft { width: 11.81em; float: left; }
#contentWrap .center #colLeft #contRight { width: 36.7em; float: right; }
#contentWrap .center #colRight { width: 11.9em; margin-top: .7em; float: right; z-index: 2; padding-bottom: 150px;}
#decoBottom { height: 18px; background: white url(/_common/img/decoBottom-centerTile.gif) repeat-x center bottom; }
#decoBottom .center { overflow: hidden; }
#decoBottom .center .decoLeft { height: 18px; background: white; width: 50.06em; float: left; }
#decoBottom .center .decoMiddle { height: 18px; background: white url(/_common/img/decoBottom-middle.gif) no-repeat 0 bottom; width: 0.63em; float: left; }
#footerWrap { background: #52bdec; padding-bottom: 1em; padding-top: 1em; color: white; position: relative; }
#footerWrap div.pens {background: transparent url('/_common/img/pens-folder.gif') center 0 no-repeat; height: 132px; width: 100%; position: absolute; top: -139px; left: 0; z-index: 1;}
#footerWrap .center {position: relative;}
#footerWrap h4 { font-size: 110%; margin-bottom: .5em; }
#footerWrap h4 a {border-bottom: 1px dotted white; color: #fff;}
#footerWrap h4 a:hover {border-color: #00355F; color: #00355F;}
#footer1, #footer2 { float: left; margin-right: 2em; padding-left: 1em; }
#footer3 p { font-size: 70%; margin-bottom: 1.5em; }
#footer3 { float: right; width: 12em; }
#footerWrap p.mando { font-size: 70%; padding-top: 1.5em; padding-left: 1.4em; clear: both; }
/* header navigation */
#headRight ul.headerNav { font-size: 70%; list-style: none; }
#headRight ul.headerNav li { display: inline; padding-right: 1em; padding-left: 1em; border-right: #fff solid 1px; }
#headRight ul.headerNav li.last { padding-right: 0; border-right: 0; }
/* main navigation */
ul.nav1 { list-style: none; padding-top: 2px; width: 51em;}
ul.nav1 li { display: block; background: url(/_common/img/navDiv.gif) repeat-y right 0; padding: .3em .29em; float: left; line-height: .7em; }
ul.nav1 li.first { }
ul.nav1 li a { font-size: 66%; margin: 0; padding: 0 10px; line-height: 1.3em; display: block; }
ul.nav1 li a.single {padding-top: .7em;}
ul.nav1 li a:hover { color: #9ddaf5; }
ul.nav1 li.toner { background: url('/_common/img/topnav-last-border.gif') 0 0 repeat-y;  border-top: 8px solid #52BDEC; margin: 0 0 0 -2px; padding: 20px 0 0 0; position: absolute; top: 0; right: 0;}
ul.nav1 li.toner a {top: -12px; position: relative; width: 182px;}
ul.nav1 li.toner a span {background: url('/_common/img/topnav-toner.gif') 0 0 no-repeat; display: block; height: 45px; position: absolute; right: 10px; top: -17px; width: 60px;}
ul.nav1 li.toner ul { padding-top: 0;}
ul.nav1 li.last {background-image: none;}

/*********************************************/
ul.nav1 ul { display: block; padding: 0; margin: 0; position: absolute; left: -999em; margin-left: -1px; z-index: 10; padding-top: .84em; }
ul.nav1 ul.drop { padding-top: 1.4em; }

.nav1 li:hover ul, .nav1 li.sfhover ul { left: auto; top: auto; background-position: 0 0; }
.nav1 li ul.focus { left: auto; top: auto; background-position: 0 0; }
ul.nav1 li.toner:hover ul {width: 24em; background: #00355F; margin: 4px 0 0 0; left: -182px; z-index: 1000!important;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.nav1 li.toner {margin-left: 6px;}
ul.nav1 li.toner a {width: 183px;}
}



ul.nav1 li.toner #tonerSlide {background: #00355F; margin: 0; position: absolute; right: 9999px;  width: 494px;}
ul.nav1 li.toner #tonerSlide fieldset {clear: both; float: left; padding: 15px 3% 10px;}
ul.nav1 li.toner #tonerSlide fieldset legend span, ul.nav1 li.toner #tonerSlide fieldset li.frmAction label {left: -9999px;position: absolute;}
ul.nav1 li.toner #tonerSlide fieldset ol {clear: both; float: left; width: 100%;}
ul.nav1 li.toner #tonerSlide fieldset ol li {background: none!important; clear: both; float: left; margin: 0 0 10px; padding: 0; width: 100%;}
ul.nav1 li.toner #tonerSlide fieldset label {color: #fff; display: block; float: left; font-size: .7em; margin: 2px 4px 0 0; width: 180px;}
ul.nav1 li.toner #tonerSlide fieldset select, #tonerSlide fieldset input {border: none; float: left; font-size: .7em; padding: 2px 1px; width: 278px;}
ul.nav1 li.toner #tonerSlide fieldset select {width: 280px;}
ul.nav1 li.toner #tonerSlide fieldset li.frmAction input {background: url('/_common/img/btn-findTop.gif') 0 0 no-repeat; cursor: pointer; float: right; font-size: 0; height: 24px; line-height: 0; overflow: visible; text-indent: -9999px; width: 57px;}
ul.nav1 li.toner #tonerSlide fieldset li.frmAction input:hover {background-image: url('/_common/img/btn-findTopHover.gif');} 
ul.nav1 li.toner #tonerSlide fieldset a {float: left; margin: 0 20px 0 0; padding: 0; top: 0; width: auto; }
ul.nav1 li.toner #tonerSlide fieldset a.last {margin: 0 0 0 1px;}
ul.nav1 li.toner #tonerSlide fieldset a img {border: none;}
ul.nav1 li.toner #tonerSlide a#tonerClose {background: url('/_common/img/close.png') 0 0 no-repeat; display: block; height: 34px; left: 480px; padding: 0; text-indent: -9999px; top: 145px; width: 34px;}

ul.nav1 li.toner #tonerSlide p.viewall { float: left; margin-top: 10px; border-bottom: 1px dotted #00355F; }
ul.nav1 li.toner #tonerSlide p.viewall a { border-bottom: 1px dotted #FFF; }
ul.nav1 li.toner #tonerSlide p.viewall a:hover { border-bottom: 1px dotted #52BDEC; }

/**********************************************/
ul.nav1 ul li { padding: 0; margin: 0; float: none; padding: 0; margin: 0; background-color: #00355F; padding: .1em; padding-left: .7em; padding-right: .8em; }
ul.nav1 ul li.first { padding-top: .7em; }
ul.nav1 ul li.last { padding-bottom: .9em; }
ul.nav1 ul li a { display: block; float: none; padding: 0; margin: 0; background-color: #00355F; width: auto; }

/* footer navigation */
ul.footernav { list-style: none; font-size: 70%; color: white; }
ul.footernav li { padding-bottom: .3em; }

/* =4. page components / modules */

/* Home promos */

ul.homePromos { margin: 0; padding: 0; list-style-type: none; }
ul.homePromos li { margin-bottom: .5em; }
ul.homePromos li img { /* width: 11.81em; */ border: 0; }

/* FREE delivery */
a.delivery img { width: 11.81em; height: 9.63em; border: none; margin-bottom: .5em; }
/* Why penkeths */
a.whyPenkeths img { width: 11.81em; height: 13.75em; border: none; margin-bottom: .5em; }
/* We collect */
a.weCollect img { width: 11.88em; height: 4.38em; border: none; margin-bottom: .5em; }

a.view img { border: none; }

a.filterremove img { border: none; }
/* Sign up */
#signup { background: white; border: #e0e0e0 solid 1px; padding: 1px; margin-bottom: 1em; }
#signup h3 { background: #f5f5f5 url(/_common/img/titleBack.gif) repeat-x 0 bottom; padding: .2em; color: #464646; }
#signup #signupContent { padding: .5em; text-align: center; }
#signup p { font-size: .8em; }
#signup form, #signup fieldset{ margin-top: 1em; text-align: right; }
#signup form .signup, #signup fieldset .signup { margin-top: .5em; }
/* Breadcrumbs */
#breadCrumbs { margin-bottom: 1em; }
#breadCrumbs ul li { display: inline; list-style: none; font-size: 70%; background: url(/_common/img/arrow-fw.gif) no-repeat 0 center; padding-left: 1em; }
#breadCrumbs ul li.first { background: none; padding-left: 0; }
#breadCrumbs ul li.selected a: link, #breadCrumbs ul li.selected a: visited, #breadCrumbs ul li.selected a: hover { color: black; }
#breadCrumbs ul li a {border-bottom: 1px dotted #4698D3;}
#breadCrumbs ul li a:hover {border-bottom: 1px dotted red;}

/* Flash */
#flash { background: white; width: 36.7em; height: 20.95em; z-index: 0; margin-bottom: 12px; }
#flash #flashReplace { position: relative; width: 36.45em; height: 20.95em; overflow: hidden; }
#flash img { position: absolute; border: none; width: 36.7em; height: 20.95em; }
#flash #overlay { position: absolute; bottom: 0em; background: #5c5b5c; color: white; padding: .5em; padding-right: 2em; padding-bottom: 1em; width: 100%; opacity: 0.8; filter: alpha(opacity=80); }
#flash #overlay h2 { font-size: 120%; margin-bottom: .3em; font-weight: normal; }
#flash #overlay ul li { list-style: none; }
#flash #overlay ul a:link, #flash #overlay ul a:visited { font-size: 70%; color: white; border-bottom: white dotted 1px; }
#flash #overlay ul a:hover { color: red; border-bottom: red dotted 1px; }
div.flashBottom { position:absolute; left: -9999px; }
/* Just for you */
#justForYou { width: 100%; overflow: hidden; }
#justForYou .hr { width: 100%; overflow: hidden; }
#justForYou hr { height: 1px; border: none; color: #e0e0e0; background-color: #e0e0e0; margin: .5em 0; }
#justForYou #title { background: white; padding: 1px; margin-bottom: 1em; }
#justForYou #title h3 { background: #00355f; font-size: 1.3em; padding: .3em; color: #fff; }
#justForYou .products { width: 11.95em; float: left; }
#justForYou .middle { margin: 0 .4em; }
/* to alter the last (4th) product in the "Just for you" section on the product categories page */
#justForYou .last { margin-left: .4em; }
/* */
#justForYou .products span.titleHeight { display: block; height: 2.2em; }
#justForYou .products span.proTitle { font-size: 65%; display: block; }
#justForYou .products .icons { display: block; clear: both; height: 23px; margin-top: -1.4em; margin-bottom: .3em; }
#justForYou img { border: none; width: 1.13em; height: 1.13em; vertical-align: middle; padding-top: .2em; }
#justForYou .offer { font-size: 65%; }
#justForYou .products img.thumb { border: none; /* width: 6.25em; */ height: auto; float: left; }
#justForYou .products span.proPrice { display: block; font-size: 65%; width: 8.5em; padding-top: 1em; float: right; color: black; }
#justForYou .products span.proPrice strong { color: red; font-weight: bold; }
#justForYou .products a: link span.proTitle, #justForYou .products a:visited span.proTitle { display: inline; color: black; border-bottom: black dotted 1px; font-weight: bold; line-height: 1.4em; }
#justForYou .products a:hover span.proTitle { color: red; border-bottom: red dotted 1px; }
#justForYou form, #justForYou fieldset { clear: both; margin-bottom: 1em; }
#justForYou form input.quantity, #justForYou fieldset input.quantity { width: 2em; }
#justForYou form input.bigger, #justForYou fieldset input.bigger { width: 55%; }
#justForYou form input.add, #justForYou fieldset input.add { vertical-align: middle; }
/* table products */
table.tProducts { padding: 0; margin: 0; font-size: 100%; }
table.tProducts td { vertical-align: top; width: 33.3%; padding: 0; margin: 0; font-size: 100%; }
table.tProducts td.icons img { margin-top: .5em; width: 1.13em; margin-right: .3em; }
table.tProducts .proTitle a: link, table.tProducts .proTitle a:visited { font-size: 65%; display: inline; color: black; border-bottom: black dotted 1px; font-weight: bold; line-height: 1.4em; }
table.tProducts .proTitle a:hover { color: red; border-bottom: red dotted 1px; }
table.tProducts .thumb a { }
table.tProducts .thumb img { width: 6.25em; float: left; border: none; }
table.tProducts .thumb span.proPrice { display: block; font-size: 65%; width: 8.5em; padding-top: 1em; float: right; color: black; }
table.tProducts .thumb span.proPrice strong { color: red; font-weight: bold; }
/* Toner Finder */
#tonerFinder { background: white; padding: 1px; margin-bottom: .8em; }
#tonerFinder h3 { background: #00355f; font-size: 1.3em; padding: .3em; color: #fff; }
#tonerFinder #tonerContent { padding: 1em; }
#tonerFinder form p, #tonerFinder fieldset p { font-size: .8em; padding: .2em; }
#tonerFinder form p label, #tonerFinder fieldset p label { clear: both; display: block; width: 20em; float: left; }
#glass { position: absolute; width: 66px; height: 45px; background: url(/_common/img/cartridges.jpg) no-repeat; margin-left: 520px; margin-top: -6px; }
/* My Basket */
#myBasket { background: white;  margin-bottom: .8em; }
#myBasket h3 { background: #fff url(/_common/img/notepad.gif) top right no-repeat; padding: 35px 15px 0; color: #464646; }
#myBasket #basketContent { padding: .5em .5em .5em 15px; }
#myBasket p.basketMessage { font-size: .8em; margin-bottom: 1em; }
#myBasket .alert { font-size: .7em; padding: 1em; background: #e5e5e5; text-align: center; margin-bottom: 1em; }
#myBasket strong { font-weight: bold; }
#myBasket ul { padding-right: .3em; font-size: 70%; }
#myBasket ul li { line-height: 1.3em; list-style: none; margin-bottom: .5em; padding-bottom: 2em; border-bottom: #dbdbdb dotted 1px; clear: both; }
/*#myBasket li span.price { background: yellow; position: absolute; margin-left: 5em;  }
*/
#myBasket li span.quantity { float: left; }
#myBasket li span.price { float: right; }
#myBasket ul li a:link, #myBasket ul li a:visited { font-weight: bold; color: black; border-bottom: black dotted 1px; }
#myBasket ul li a:hover { color: red; border-bottom: red dotted 1px; }
#myBasket p.total { text-align: right; font-size: 70%; font-weight: bold; clear: both; /*new*/ }
#myBasket p.checkout { text-align: right; }
#myBasket p.checkout img { text-align: right; margin-top: .3em; border: none; width: 6.44em; height: 1.38em; }
#myBasket p.view { text-align: right; }
#myBasket p.view a:link, #myBasket p.view a:visited { font-size: 70%; font-weight: bold; color: #4698d3; border-bottom: #4698d3 dotted 1px; }
#myBasket p.view a:hover { color: red; border-bottom: red dotted 1px; }
/* My Tools */
#myTools { background: transparent ;margin-bottom: 1em; }
#myTools h3 { background: #fff url(/_common/img/notepad.gif) top right no-repeat; padding: 35px 15px 0; color: #464646; }
#myTools ul { background: #fff; padding: .5em 0 .5em 15px; }
#myTools ul li { line-height: 1.5em; list-style: none; }
#myTools ul li a:link, #myTools ul li a:visited { font-size: .7em; font-weight: bold; color: #00355F; border-bottom: #00355F dotted 1px; }
#myTools ul li a:hover { color: #52bdec; border-bottom: #52bdec dotted 1px; }
#myTools ul li.icon2 { padding-left: 23px; background: url(/_common/img/icon-pro2.gif) no-repeat 0 center; }
#myTools ul li.icon1 { padding-left: 23px; background: url(/_common/img/icon-pro1.gif) no-repeat 0 center; }
/* Product List */
#proList { width: 100%; overflow: hidden; margin-bottom: 1em; }
#proList .wrapper { width: 100%; overflow: hidden; margin-bottom: .5em; }
#proList .hr { width: 100%; overflow: hidden; }
#proList hr { height: 1px; color: white; border-top: #a2a2a2 dotted 1px; margin: .6em 0 .6em 0; }
#proList #title { background: white; border: #e0e0e0 solid 1px; padding: 1px; margin-bottom: 1em; }
#proList .products { width: 11em; float: left; min-height: 13.5em; position: relative; }
div.categoryjustforyou #proList .products { width: 15em !important; }
#proList .middle { margin: 0 .8em; padding: 0 .8em; border-left: 1px dotted #a2a2a2; border-right: 1px dotted #a2a2a2; }
#proList .products span.titleHeight { display: block; height: 2.2em; }
#proList .products span.proTitle { font-size: 65%; display: block; }
#proList .products .icons { display: block; clear: both; height: 23px; margin-top: -.6em; margin-bottom: .5em; }
#proList img { border: none; width: 1.13em; height: 1.13em; vertical-align: middle; padding-top: .2em; }
#proList img.thumb { clear: both; position: relative; margin-top: -.3em; }
#proList .offer { font-size: 65%; color: red; }
span.offerPrice { display: block; font-size: 95%; padding-bottom: .3em; color: black; }
span.offerPrice strong { color: red; font-weight: bold; }
span.offerPricebottom { display: block; font-size: 95%; padding-bottom: 1em; color: black; }
span.offerPricebottom strong { color: red; font-weight: bold; }
#proList .products img.thumb { border: none; width: 6.25em; height: auto; float: left; padding: 0 6px 0 0; }
#proList .products span.proPrice { display: block; font-size: 65%; width: 6.5em; float: right; color: black; }
#proList .products span.proPrice strong { color: red; font-weight: bold; display: block; margin: .2em 0 0 0; }
#proList .products a:link span.proTitle, #proList .products a:visited span.proTitle { display: inline; color: black; border-bottom: black dotted 1px; font-weight: bold; line-height: 1.4em; }
#proList .products a:hover span.proTitle { color: red; border-bottom: red dotted 1px; }
.products select { display: block; margin-bottom: .7em; }
#proList span.difference { font-size: .60em; color: red; }
#proList form, #proList fieldset { clear: both; margin-bottom: 1em; }
#proList .products form p, #proList .products fieldset p { padding: 1em 0 0 0; }
#proList form input.quantity, #proList fieldset input.quantity { width: 3em; border: 1px solid #ccc; padding: 0.3em; font-size: 100%; }
#proList form input.bigger, #proList fieldset input.bigger { width: 55%; }
#proList form.add *, #proList fieldset.add * { vertical-align: middle; }
#proList form.add, #proList fieldset.add { font-size: 70%; position: absolute; bottom: 0; }
#proList form.add select, #proList fieldset.add select { font-size: 100%; }
#proList .fixedpacksize { float: left; width: 7em; margin-top: 0.3em; }

#priceReorder p * { vertical-align: middle; }
/* Product List color swatch */
span.colours { display: block; }
span.colours img { display: inline; width: .7em !important; height: .7em !important; }
span.colours span.text { display: block; font-size: 60%; color: black; padding: .5em 0 0 0; color: #787878; }
/* Product fixed pack text size */

p.actions { margin: 0.8em 0; }
#proList p.actions img, p.actions img { border: none; width: auto; height: auto; }

/*product lists phase 2*/
#proList .productRow { border-bottom: 1px solid #efefef; padding-bottom: 2em; margin-bottom: 2em; width: 100#; overflow: hidden; }
#proList .productRowLast { border: 0 none; margin: 0; }
#proList .double { width: 17.2em; margin-right: 1em; }
#proList .title { }
#proList .image { width: 100px; height: 80px; float: left; }
#proList .image img { width: 100px; height: 80px; }
#proList .difference { color: red; font-size: 60%; display: block; margin: 1em 0 0 100px; }
#proList .price { color: red; font-weight: bold !important; font-size: 75%; display: block; margin: .6em 0 0 100px; }
#proList .printTitle { color: red; font-weight: bold !important; font-size: 75%; display: block; margin: 1em 0 0 100px; }
#proList .printPrices, #proList .printDesc { font-size: 70%; display: block; margin: 1em 0 0 100px; color: #000; }
#proList .printEnlarge { font-size: 70%; display: block; margin: .2em 0 0 0; }
#proList .button { font-size: 70%; display: block; margin: 1em 0 0 100px; }

/* phase 2 product tabs (product detail) */
div.tabContent p { font-size: 65%; margin: .5em .5em .2em .5em; }
div.tabContent ul.tab-products { margin: .5em 0; width: 100%; overflow: hidden; }
div.tabContent ul.tab-products li { list-style-type: none; float: left; margin: 0 1em .5em 0; width: 5.4em; }
div.deskingSize ul.tab-products li { width: 7.5em; }
div.tabContent ul.tab-products li.last { margin-right: 0; }
div.tabContent ul.tab-products li img { border: 1px solid #e5e5e5; padding: 3px; margin: 4px; }
div.tabContent ul.tab-products li.selected img { border: 5px solid #e5e5e5; margin: 0; }
div.tabContent ul.tab-products li a { font-size: 65%; outline: 0 none; }
div.tabContent ul.tab-products li a span { display: block; margin: 0 3px; }
div.tabContent ul.tab-products li.selected a span { margin: 0 3px 0 0; }

/* promo facts */
ul.promoFacts { font-size: .8em; margin: 1em; }
ul.promoFacts li { margin: 0 0 .3em 0; }

/* Offers landing */

.offersLanding { width: 100%; overflow: hidden; }
.offersLanding .productBox { float: left; width: 19em; margin-right: 1.5em; margin-bottom: .5em; }
.offersLanding .productBoxLast { margin-right: 0; }
.offersLanding .productBoxRow { width: 100%; overflow: hidden; clear: both; margin-bottom: 1em; border-bottom: 1px solid #ccc; padding-bottom: 1em; }
.offersLanding .productBox h2 { text-align: left; color: white; background: #f14957; font-size: 100%; padding: .3em .3em .3em .5em; }
.offersLanding .productBox img { border: none; /*margin-left: 5.8em; */ }
.offersLanding .productBox p { font-size: 70%; }
.offersLanding .productBox form, .offersLanding .productBox fieldset { text-align: right; margin-bottom: 1em; }
.offersLanding .productBox form input.quantity, .offersLanding .productBox fieldset input.quantity { width: 2em; }
.offersLanding .productBox form input.add, .offersLanding .productBox fieldset input.add { vertical-align: middle; padding-bottom: .3em; }
.offersLanding .productBox p { margin-bottom: 1em; }
.offersLanding .productBox p span { font-weight: bold; }
.offersLanding .productBox form p, .offersLanding .productBox fieldset p { margin-bottom: 0; }
.offersLanding .productBox p.sendfriend { margin-bottom: .3em; }
.offersLanding .productBox span.desc { font-weight: normal; }
.offersLanding .border { border: solid 1px #e0e0e0; margin-bottom: 1em; text-align: center; }
.offersLanding .extra { border: solid 1px #f14957; margin-bottom: .5em; padding: .5em; font-size: 70%; }
.offersLanding .extra ul { list-style: none; }

div.sendfriend { border-top: 1px solid #ccc; padding-top: 1em; width: 30em; height: 10em; }
div.sendfriend p { margin: 0 0 .7em 0; }
div.sendfriend p label { font-size: 70%; width: 13em; display: block; float: left; padding-top: .4em; }

div.sendfriend-offers fieldset { padding: 10px; }
div.sendfriend-offers p { margin: 0 0 .7em 0; }
div.sendfriend-offers p label { width: 13em; display: block; float: left; padding-top: .4em; color: #000; }
div.sendfriend-offers input.submit { padding-top: 28px; }

div.specialitem { border-top: 0px solid #ccc; padding-top: 1em; width: 30em; height: 10em; }
div.specialitem p { margin: 0 0 .7em 0; }
div.specialitem p label { font-size: 70%; width: 13em; display: block; float: left; padding-top: .4em; }

/* Paging */
.paging { font-size: 70%; width: 100%; overflow: hidden; margin-bottom: 1em; }
.paging strong { font-weight: bold; }
.paging .left { float: left; }
.paging ul { float: left; margin-left: .5em; }
.paging span { float: left; }
.paging ul li { list-style: none; display: inline; }
.paging ul.results li a:link, .paging ul.results li a:visited { line-height: 1.4em; color: #4698d3; border-bottom: #4698d3 dotted 1px; }
.paging ul.results li a:hover { color: red; border-bottom: red dotted 1px; }
.paging ul.pages { float: right; line-height: 2em; }
.paging ul.pages li.first { padding-left: 1.4em; background: url(/_common/img/icon-pagingLeft.gif) no-repeat 0 center; }
.paging ul.pages li.last { padding-right: 1.1em; background: url(/_common/img/icon-pagingRight.gif) no-repeat right center; }
.paging ul.pages li a { border: #e0e0e0 solid 1px; padding: .1em .3em; }
/* Your Selection */

#yourSelection img { border: none; margin: 0 0 -3px 5px; }
#yourSelection ul { padding: .5em 0 0 0; }
#yourSelection ul li { line-height: 1.8em; font-size: 70%; border-top: 1px solid #efefef; padding: .2em 0; clear: both; width: 100%; overflow: hidden; }
#yourSelection ul a { float: right; font-weight: bold; color: red !important; font-size: 1.2em; padding: 0 5px 0 0; }
#yourSelection ul a:link, #yourSelection ul a:visited { color: #4698d3; }
#yourSelection ul li.last a { font-weight: normal; color: #4698d3 !important; font-size: 1em; }
#yourSelection ul li.last a { border-bottom: #4698d3 dotted 1px; float: none; }
#yourSelection ul li.last a:hover { color: red; border-bottom: red dotted 1px; }
#yourSelection hr { height: 1px; color: white; border-top: #e0e0e0 dotted 1px; margin: .6em 0 .3em 0; }

/* Filter by */
#filterBy { width: 100%; overflow: hidden; margin-bottom: .8em; }
#filterBy form, #filterBy fieldset { margin-top: 0.7em; }
#filterBy label { font-size: 70%; font-weight: bold; float: left; line-height: 1.8em; }
#filterBy .text { clear: both; float: left; width: 9em; vertical-align: middle; margin-right: .5em; font-size: 70%; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; }
#filterBy .find { float: left; vertical-align: middle; }
/* Products Type */

#proType img.submit { border: none; }

#proType p, .cProType p { font-size: 70%; font-weight: bold; line-height: 1.8em; }
#proType ul li, .cProType ul li { line-height: 1.8em; font-size: 70%; }
#proType ul a:link, #proType ul a:visited, .cProType ul a:link, .cProType ul a:visited { color: #4698d3; border-bottom: #4698d3 dotted 1px; }
#proType ul a:hover, .cProType ul a:hover { color: red; border-bottom: red dotted 1px; }

/* Sub Nav */
#subNav { margin-bottom: 1em; }
#subNav ul li { line-height: 1.5em; }
#subNav ul a:link, #subNav ul a:visited { color: #4698d3; border-bottom: #4698d3 dotted 1px; font-size: 70%; }
#subNav ul a:hover { color: red; border-bottom: red dotted 1px; }
#subNav ul li ul { padding-left: 1em; list-style: none; }
#subNav li.selected a { color: red; border-bottom: red dotted 1px; }
#subNav li.selected li a { color: #4698d3; border-bottom: #4698d3 dotted 1px; }
#subNav li.selected li a:hover { color: red; border-bottom: red dotted 1px; }
#subNav li.selected li.selected a { color: red; border-bottom: red dotted 1px; }
/* Related Links */
#relatedLinks p { font-size: 70%; font-weight: bold; line-height: 2em; }
#relatedLinks img { border: 0; }
#relatedLinks ul li { line-height: 2em; font-size: 70%; }
/*
#relatedLinks ul a: link,#relatedLinks ul a: visited { color: #4698d3; border-bottom: #4698d3 dotted 1px;  }
#relatedLinks ul a: hover { color: red; border-bottom: red dotted 1px;  }
*/

/* Take me back */
p.takeBack { font-size: 70%; margin-bottom: 1em; background: url(/_common/img/arrow-bk.gif) no-repeat 0 center; padding-left: 1em; }
p.takeBack a:link, p.takeBack a:visited { color: #4698d3; border-bottom: #4698d3 dotted 1px; }
p.takeBack a:hover { color: red; border-bottom: red dotted 1px; }
/* Product Detail - Left Side */
#proDetailLeft { width: 16.51em; overflow: hidden; float: left; }
#proDetailLeft img { width: 16.38em; height: auto; border: #e0e0e0 solid 1px; }
#proDetailLeft p.enlarge { font-size: 70%; margin-bottom: 1em; float: right; display: inline; }

div.deskingLayoutLeft { width: 23em !important; }
/* changes for desking layout */

ul.thumbnails { width: 100%; overflow: hidden; list-style-type: none; margin: 1em 0 .7em 0; clear: both; padding-top: .3em; }
ul.thumbnails li { float: left; margin: 0 .5em 0 0; }
ul.thumbnails li.last { margin: 0; }
ul.thumbnails li img { float: none; overflow: auto; width: 5em !important; }

div.deskingLayoutLeft img { width: 22.8em !important; }
/* changes for desking layout */

#proDetailLeft p.environment { font-size: 70%; margin-bottom: 1em; float: left; display: inline; }
#proDetailLeft p.descriptionTitle { clear: both; padding: .7em 0; }
#proDetailLeft .description { line-height: 1.6em; font-size: 70%; }
#proDetailLeft .description ol, #proDetailLeft .description ul { padding-left: 2.4em; margin-bottom: .7em; }
#proDetailLeft .description p { margin-bottom: .7em; }
#proDetailLeft p.enlarge a:link, #proDetailLeft p.enlarge a:visited, #proDetailLeft p.environment a:link, #proDetailLeft p.environment a:visited { color: #4698d3; border-bottom: #4698d3 dotted 1px; }
#proDetailLeft p.enlarge a:hover, #proDetailLeft p.environment a:hover { color: red; border-bottom: red dotted 1px; }
#proDetailLeft ul.icons { clear: both; }
#proDetailLeft ul.icons li { list-style: none; width: 18px; height: 18px; display: block; float: left; margin-right: 3px; }
#proDetailLeft ul.icons li.icon1 { background: url(/_common/img/icon-pro1.gif) no-repeat; }
#proDetailLeft ul.icons li.icon2 { background: url(/_common/img/icon-pro2.gif) no-repeat; }
#proDetailLeft ul.icons li.icon3 { background: url(/_common/img/icon-pro3.gif) no-repeat; }
#proDetailLeft ul.icons li.icon4 { background: url(/_common/img/icon-pro4.gif) no-repeat; }
#proDetailLeft ul.icons li.icon5 { background: url(/_common/img/icon-pro5.gif) no-repeat; }
#proDetailLeft ul.icons li.icon6 { background: url(/_common/img/icon-pro6.gif) no-repeat; }
#proDetailLeft ul.proMenu { margin-top: .7em; font-size: 70%; line-height: 1.6em; }
#proDetailLeft ul.proMenu a:link, #proDetailLeft ul.proMenu a:visited { color: #4698d3; border-bottom: #4698d3 dotted 1px; }
#proDetailLeft ul.proMenu a:hover { color: red; border-bottom: red dotted 1px; }
#proDetailLeft p.nonRefund { padding: .2em 0; padding-left: 2.5em; font-size: 60%; font-weight: bold; margin-top: 1.5em; background: url(/_common/img/icon-alert.gif) no-repeat 0 center; }
/* Product Detail - Right Side */
#proDetailRight { width: 32em; overflow: hidden; float: right; }

div.deskingLayoutRight { width: 25.4em !important; }
/* changes for desking layout */

#proDetailRight #leftWrap { float: left; }

div.deskingLayoutRight #leftWrap { float: none !important; }
/* changes for desking layout */

#proDetailRight #rightWrap { width: 11.95em; overflow: hidden; float: right; }

div.deskingLayoutRight #rightWrap { float: none !important; text-align: left !important; padding-top: 1em !important; }
/* changes for desking layout */

#proDetailRight #rightWrap p { margin-bottom: .4em; }
#proDetailRight #rightWrap .products { width: 11.95em; float: left; }
#proDetailRight #rightWrap .middle { margin: 0 .4em; }
#proDetailRight #rightWrap .products span.proTitle { display: block; font-size: 65%; }
#proDetailRight #rightWrap img { border: none; width: 1.13em; height: 1.13em; vertical-align: middle; padding-top: .2em; }
#proDetailRight #rightWrap .offer { font-size: 65%; color: red; }
#proDetailRight #rightWrap .products img.thumb { border: none; width: 6.25em; height: auto; float: left; }
#proDetailRight #rightWrap .products span.proPrice { display: block; font-size: 65%; width: 8.5em; padding-top: 1em; float: right; color: black; }
#proDetailRight #rightWrap .products span.proPrice strong { color: red; font-weight: bold; }

#proDetailRight #rightWrap .products a: link span.proTitle, #proDetailRight #rightWrap .products a: visited span.proTitle { display: inline; color: black; border-bottom: black dotted 1px; font-weight: bold; line-height: 1.4em; }
#proDetailRight #rightWrap .products a:hover span.proTitle { color: red; border-bottom: red dotted 1px; }
#proDetailRight #rightWrap form, #proDetailRight #rightWrap fieldset { clear: both; }
#proDetailRight #rightWrap form input.quantity, #proDetailRight #rightWrap fieldset input.quantity { width: 2em; }
#proDetailRight #rightWrap form input.bigger, #proDetailRight #rightWrap fieldset input.bigger { width: 55%; }
#proDetailRight #rightWrap form input.add, #proDetailRight #rightWrap fieldset input.add { vertical-align: middle; }
#proDetailRight p.proAvailability, #proDetailRight p.proCode { font-size: 70%; margin-bottom: .5em; }
#proDetailRight strong { font-weight: bold; }
#proDetailLeft.simple { width: 100%; float: none; }

.productPopup { padding: 1em; }
.productPopup h1 { font-size: 1em; margin-bottom: 1em; font-weight: bold; }
.productPopup img { float: left; }
.productPopup .descriptionTitle { font-weight: bold; clear: none !important; padding-top: 0 !important; margin-left: 280px; font-size: .8em; }
.productPopup .description { margin-left: 280px; }
.productPopup .environment { float: none !important; clear: none !important; display: block; margin-bottom: 1em; font-weight: bold; margin: 0 0 1em 15px; }

#buyMore { margin-top: 1em; margin-bottom: 1em; width: 17em; }
#rightWrap #buyMore { width: 11.9em; text-align: left !important; }
#buyMore .buyMoreHeader { display: block; width: 100%; background: #969da2 url(/_common/img/buyMore-headerTile.gif) repeat-x 0 0; }
#buyMore .buyMoreHeader .spanLeft { display: block; width: 100%; background: url(/_common/img/buyMore-headerLeft.gif) no-repeat 0 0; }
#buyMore .buyMoreHeader .spanRight { display: block; font-size: 70%; color: white; font-weight: bold; padding: .5em; background: url(/_common/img/buyMore-headerRight.gif) no-repeat right 0; }
#buyMore .buyMoreBody { display: block; background: white; font-size: 70%; padding: .5em; border: #e0e0e0 solid 1px; }
#buyMore .buyMoreBody p { line-height: 1.7em; }
#saveMore { margin-top: 1em; margin-bottom: 1em; width: 17em; }
#saveMore .buyMoreHeader { display: block; width: 100%; background: #969da2 url(/_common/img/buyMore-headerTile.gif) repeat-x 0 0; }
#saveMore .buyMoreHeader .spanLeft { display: block; width: 100%; background: url(/_common/img/buyMore-headerLeft.gif) no-repeat 0 0; }
#saveMore .buyMoreHeader .spanRight { display: block; font-size: 70%; color: white; font-weight: bold; padding: .5em; background: url(/_common/img/buyMore-headerRight.gif) no-repeat right 0; }
#saveMore .buyMoreBody { display: block; background: white; font-size: 70%; padding: .5em; border: #e0e0e0 solid 1px; }
#saveMore .buyMoreBody p { line-height: 1.7em; }
div#buymoreHolder { width: 100%; overflow: hidden; }
div#buymoreHolder #buyMore, div#buymoreHolder #saveMore { float: left; width: 15em; margin-right: 1em; }
#proDetailRight .offer { margin: 0.5em 0; }
#proDetailRight .rrp { font-size: 70%; margin-bottom: .4em; font-size: 80%; }
#proDetailRight .red { color: red; }
#proDetailRight .red .small { font-size: 60%; color: black; }
#proDetailRight .fixedpacksize { font-size: 80%; }
#proDetailRight form input.quantity, #proDetailRight fieldset input.quantity { width: 2em; }
#proDetailRight form input.bigger, #proDetailRight fieldset input.bigger { width: 55%; }
#proDetailRight form input.add, #proDetailRight fieldset input.add { vertical-align: middle; }
#proDetailRight a.addFavourites { display: block; margin-top: 1em; }
#proDetailRight .addFavourites img { border: none; }
/* Product Groups... */
div.productGroups { font-size: 80%; /* core css can be found in the plugis.css file. Under **Tree** */ /* styles below overide core css */ }
div.productGroups p { margin-bottom: 1em; }
div.productGroups .tree ul { margin-top: 10px; }

#proDetailSimple { background-color: #ffffff; }
div.productGroups .tree li { padding: 5px; padding-left: 10px; }
div.productGroups .tree li span { padding-left: 20px; }
div.productGroups .tree li.opened { background: url(/_common/img/opened.png) no-repeat 5px 5px; padding-left: 10px; }
div.productGroups .tree li.closed { background: url(/_common/img/closed.png) no-repeat 5px 5px; padding-left: 10px; }
div.productGroups .tree label { padding-left: 10px; }

/* Article List... */
p.sort { margin-bottom: 1em; }
p.sort a:link, p.sort a:visited { font-size: 80%; color: #4698d3; border-bottom: #4698d3 dotted 1px; }
p.sort a:hover { color: red; border-bottom: red dotted 1px; }
ul.articleList { width: 100%; overflow: hidden; }
ul.articleList div small { font-weight: bold; }
ul.articleList li { list-style: none; clear: both; }
ul.articleList img { border: #d7d7d7 solid 1px; padding: 1px; margin-right: 1em; /* width = 147px   width: 9.06em;*/ float: left; margin-bottom: 1em; }
ul.articleList p { font-size: 70%; line-height: 1.6em; }
ul.articleList div p.title { font-weight: bold; }
/* Article Detail... */
#articleDetail img { border: #efefef solid 5px; margin: .5em 0 2em 0; padding: 5px; }
#articleDetail { font-size: 70%; }
#articleDetail small { font-weight: bold; font-size: 1.1em; color: #999; display: block; margin: .3em 0 1em 0; }
#articleDetail h2 { margin-bottom: .7em; text-decoration: underline; }
#articleDetail p { line-height: 1.5em; margin-bottom: 1em; }
#articleDetail ul { margin: 1.3em 0 1.3em 2.3em; }
#articleDetail ul li { padding: 0 0 .5em 0; }
#articleDetail blockquote { border: 1px solid #ccc; margin: 0 0 1em 0; padding: 1em; background-color: #efefef; }
#articleDetail blockquote span { font-size: 120%; font-weight: bold; }
.article-related-links { border-top: 1px solid #ccc; padding: 1.5em 0 0 0; margin: 1.5em 0 0 0; font-size: 70%; }
.article-related-links h2 { margin-bottom: .7em; color: #666; }
.article-related-links p { line-height: 1.5em; margin-bottom: 1em; }
.article-related-links ul { margin: 1.3em 0 1.3em 2.3em; }
.article-related-links ul li { padding: 0 0 .5em 0; }
/* Also interested in... */
#AlsoInterestedIn { width: 100%; overflow: hidden; margin-bottom: 1em; padding-top: 1em; clear: both; }
#AlsoInterestedIn #title { background: white;  margin-bottom: 1em; }
#AlsoInterestedIn #title h3 { background: #00355F; padding: .35em .2em; color: #fff; }
#AlsoInterestedIn .products { width: 11.95em; float: left; }
div.deskingLayoutLeft #AlsoInterestedIn .products { width: 10.95em !important; }
/* changes layout width for desking page */
#AlsoInterestedIn .middle { margin: 0 .4em; }
#AlsoInterestedIn .products span.proTitle { display: block; font-size: 65%; }
#AlsoInterestedIn img { border: none; width: 1.13em; height: 1.13em; vertical-align: middle; padding-top: .2em; }
#AlsoInterestedIn .offer { font-size: 65%; color: red; }
#AlsoInterestedIn .products img.thumb { border: none; width: 6.25em !important; height: auto; float: left; }
#AlsoInterestedIn .products span.proPrice { display: block; font-size: 65%; width: 8.5em; padding-top: 1em; float: right; color: black; }
#AlsoInterestedIn .products span.proPrice strong { color: red; font-weight: bold; }
#AlsoInterestedIn .products a: link span.proTitle, #AlsoInterestedIn .products a: visited span.proTitle { display: inline; color: black; border-bottom: black dotted 1px; font-weight: bold; line-height: 1.4em; }
#AlsoInterestedIn .products a:hover span.proTitle { color: red; border-bottom: red dotted 1px; }
#AlsoInterestedIn form, #AlsoInterestedIn fieldset { clear: both; }
#AlsoInterestedIn form input.quantity, #AlsoInterestedIn fieldset input.quantity { width: 2em; }
#AlsoInterestedIn form input.bigger, #AlsoInterestedIn fieldset input.bigger { width: 55%; }
#AlsoInterestedIn form input.add, #AlsoInterestedIn fieldset input.add { vertical-align: middle; }
/* Sort By Price */
#sortByPrice form label, #sortByPrice fieldset label { font-size: 70%; }
#sortByPrice form select, #sortByPrice fieldset select  { width: 15em; }

#sortByPrice p * { vertical-align: middle; }
#sortByPrice { margin-bottom: 1em; }
/* Basket */
#basket form label, #basket fieldset label { font-size: 70%; }
#basket form p label, #basket fieldset p label { font-size: 100%; }
#basket form label select, #basket fieldset label select { font-size: 100%; }
/* table was here */
#basket .quantity { width: 3em; /*font-size:.8em */ }
/*#basket tr.row select {font-size:.8em}*/
#basket .title { font-weight: bold; }
#basket .select { font-size: 100%; }
#basket a.deleteLink { display: block; padding: .3em; padding-left: 2.5em; background: url(/_common/img/icon-delete.gif) no-repeat 0 0; }
#basket .discount { font-size: 130%; }
#basket .discount img { border: none; width: 1.13em; height: 1.13em; vertical-align: middle; padding-top: .2em; }
#basket .discount .offer { font-size: 65%; color: red; }
#basket #basketLeft { width: 20em; float: left; }
#basket #basketLeft a.clearOrder img, #basket #basketLeft a.saveOrder img { border: none; }
#basket .BasketMsg { font-size: 70%; line-height: 1.6em; margin-bottom: 1em; }
a.clearOrder img { border: none; }
#basket #basketLeft .addMore { margin-top: 1em; }
#basket #basketLeft ul { margin-top: .5em; }
#basket #basketLeft ul li { line-height: 1.8em; font-size: 70%; }
#basket #basketLeft ul a:link, #basket #basketLeft ul a: visited { color: #4698d3; border-bottom: #4698d3 dotted 1px; }
#basket #basketLeft ul a:hover { color: red; border-bottom: red dotted 1px; }
#basket #basketRight { width: 20em; float: right; overflow: hidden; padding-top: 1em; }
#basket #basketRight #subLeft { width: 9.5em; text-align: right; float: left; }
#basket #basketRight #subLeft p { font-size: 70%; line-height: 2em; }
#basket #basketRight #subLeft p.sub { font-weight: bold; }
#basket #basketRight #subLeft p.order { font-weight: bold; font-size: 80%; }
#basket #basketRight #subRight input.promoCode {border: 1px solid #666; font-size: .75em; width: 145px; height: 1.25em; margin: 0 0 10px; padding: 1px .2em .2em}
#basket #basketRight #subRight input.applyPromoCode {float: right; margin: 0 0 14px;}
#basket #basketRight #subRight { width: 9.5em; float: right; }
#basket #basketRight #subRight p { font-size: 70%; line-height: 2em; text-align: right;}
#basket #basketRight #subRight p.code, #basket #basketRight #subRight p.vatAmount { text-align: right; }
#basket #basketRight #subRight p.subTotal { font-weight: bold; text-align: right; }
#basket #basketRight #subRight p.orderTotal { font-weight: bold; font-size: 80%; text-align: right; }
#basket #basketRight #subRight a { font-size: 143%; }
#basket #basketRight #subRight .updateChanges img { margin-top: 1em; border: none; width: 7.69em; height: 1.38em; }
#basket #basketRight #subRight .checkout img { margin-top: .3em; border: none; width: 8.69em; height: 1.38em; }
#basket p { font-size: 70%; }
/* Basket Banners */
#basketBanners { clear: both; padding-top: 1em; width: 100%; overflow: hidden; }
#basketBanners .banner { display: block; border: #e0e0e0 solid 1px; margin-right: 1em; width: 17em; padding: 1em; margin-right: .8em; float: left; height: 6.5em; }
#basketBanners .banner img { width: 16.90em; /* 100px - altered to fill div */ height: 6.5em; /* 100px */ float: left; padding-right: 0em; border: none; }
#basketBanners .banner p { font-size: 70%; float: left; width: 13em; clear: none; }
/* Product Categories Intro */
p.intro { font-size: 70%; margin-bottom: 1em; }
/* Product categories */
#cats { margin-bottom: 1em; width: 100%; overflow: hidden; }
#cats .category { border: #fff solid 1px; width: 11.48em; float: left; margin-right: .6em; margin-bottom: .6em; height: 8.75em; }
#cats .last { margin-right: 0; }
#cats .category h2 { background: #e7e8e8 ; padding: .4em; font-size: 100%; color: #434343; line-height: 1em; height: 2em; margin: 0 ; font-weight: normal !important; }
#cats .category h2 a { color: #434343; }
#cats .category h2 a:hover { text-decoration: underline; }

#cats .category img { border: none; width: 11.50em; height: 6.2em; }
#cats .category span { display: block; position: relative; margin-top: -2em; margin-left: .7em; font-size: 70%; }
/* login */
#login { width: 20em; padding-right: 2em; border-right: #e0e0e0 solid 1px; float: left; margin-right: 1em; }
#login h2 { margin-bottom: .5em; }
#login p { font-size: 70%; margin-bottom: 1em; }
#login strong { font-weight: bold; }
#login form label, #login fieldset label { display: block; font-weight: bold; width: 11em; float: left; }
#login #right { margin-left: 6.7em; }
#login form input.remember, #login fieldset input.remember { vertical-align: middle; }
#login form label.rememberLabel, #login fieldset label.rememberLabel { vertical-align: middle; float: none; display: inline; }
#login form p.forgotten, #login fieldset p.forgotten { clear: both; }
#login form a:link, #login form a:visited, #login fieldset a:link, #login fieldset a:visited { }
#login form a:hover, #login fieldset a:hover { border-bottom: red dotted 1px; }

/* stu added login */
.formlogin input.text { width: 16em; margin-right: .3em; font-size: 11px; }
.formlogin label { width: 10em !important; }

/* New to site */
#newToSite { width: 23.5em; padding-right: 2em; float: right; }
#newToSite p { font-size: 70%; margin-bottom: 1em; }
#newToSite h2 { margin-bottom: .5em; }
#newToSite form p.radio input, #newToSite fieldset p.radio input { margin-right: .5em; }

.forgottenPassword p { font-size: 70%; margin-bottom: 1em; margin-left: 1em; }
/* New to site */
#newToSiteLeft { width: 23.5em; padding-right: 2em; }
#newToSiteLeft p { font-size: 70%; margin-bottom: 1em; }
#newToSiteLeft h2 { margin-bottom: .5em; }
#newToSiteLeft form p.radio input, #newToSiteLeft fieldset p.radio input { margin-right: .5em; }

.forgottenPassword p { font-size: 70%; margin-bottom: 1em; margin-left: 1em; }

/* Registration Steps */
#regSteps { margin-bottom: 0.5em; }
#regSteps p { font-size: 70%; margin-bottom: 1em; }
#regSteps p a:link, #regSteps p a:visited { border-bottom: #4698d3 dotted 1px; }
#regSteps p a:hover { border-bottom: red dotted 1px; }
#regSteps #box, #regSteps .box { width: 100%; overflow: hidden; }
#regSteps #box ul, #regSteps .box ul { padding-left: 6em; }
#regSteps.homeUsr #box ul, #regSteps.homeUsr .box ul { padding-left: 11em; }
#regSteps #box ul strong, #regSteps .box ul strong { font-weight: bold; }
#regSteps #box ul li, #regSteps .box ul li { display: block; list-style: none; font-size: 70%; float: left; text-align: center; color: #979797; padding-bottom: 1.7em; }
#regSteps #box ul li.middle, #regSteps .box ul li.middle { margin-left: 7em; margin-right: 7em; }
#regSteps #box ul li.selected, #regSteps .box ul li.selected { color: black; background: url(/_common/img/icon-stepsArrow.gif) no-repeat center bottom; }
#regSteps span.rule { display: block; height: 7px; margin-top: -7px; border: #00355F solid 1px; border-top: none; font-size: 0; }
.registerBusiness p { font-size: 70%; margin-bottom: 1em; }
.registerBusiness div.err { margin-top: 1em; }
.registerBusiness form fieldset, .registerBusiness fieldset { border: 1px solid #666; padding: 1em; -moz-border-radius: 5pt; margin-bottom: 2em; }
.registerBusiness form p, .registerBusiness fieldset p { clear: both; overflow: hidden; }
.registerBusiness form p.padIn, .registerBusiness fieldset p.padIn { margin: 0 0 0 19em; }
.registerBusiness form p.right, .registerBusiness  p.right { text-align: right; margin-top: 1em; }
.registerBusiness form legend, .registerBusiness fieldset legend { color: black; padding-left: .3em; padding-right: .5em; margin-bottom: .5em; }
.registerBusiness form label.col, .registerBusiness fieldset label.col { /*font-size: 120%; */ display: block; width: 18em; float: left; text-align: right; vertical-align: bottom; margin-top: .2em; padding-right: 1em; }
.registerBusiness form span.col, .registerBusiness fieldset span.col { /*font-size: 120%; */ display: block; width: 18em; float: left; text-align: right; vertical-align: bottom; margin-top: .2em; padding-right: 1em; }
.registerBusiness form span.colLeft, .registerBusiness fieldset span.colLeft { /*font-size: 120%; */ display: block; width: 18em; float: left; text-align: left; vertical-align: bottom; margin-top: .2em; padding-right: 1em; }
.registerBusiness form span.col2, .registerBusiness fieldset span.col2 { /*font-size: 120%; */ display: block; float: left; vertical-align: bottom; margin-top: .2em; }
.registerBusiness form input, .registerBusiness form select, .registerBusiness fieldset input, .registerBusiness fieldset select { width: 15em; vertical-align: middle; }
.registerBusiness form input.submit, .registerBusiness fieldset input.submit { width: auto; }
.registerBusiness form input.right, .registerBusiness fieldset input.right { float: right; }
.registerBusiness form input.radio, .registerBusiness fieldset input.radio { width: 2em; vertical-align: top; margin-right: .5em; }
.registerBusiness form input.check, .registerBusiness fieldset input.check { width: 2em; vertical-align: top; margin-right: .5em; }
.registerBusiness form input.short, .registerBusiness fieldset input.short { width: 8em; vertical-align: top; margin-right: .5em; }
.registerBusiness form em, .registerBusiness fieldset em { color: red; font-weight: bold; }
.registerBusiness form a.help img, .registerBusiness fieldset a.help img { border: none; margin-left: .5em; vertical-align: middle; }
.registerBusiness form .othertxt, .registerBusiness fieldset .othertxt { margin-left: 18.8em; }
.registerBusiness #securityhelp { margin: 0 0 0 1em; }
input.otherText { margin-left: -18em; }
.registerBusiness form a: link.help, .registerBusiness form a:visited.help, .registerBusiness fieldset a: link.help, .registerBusiness fieldset a:visited.help { border: none; }
.registerBusiness form a:hover.help, .registerBusiness form a:focus.help, .registerBusiness fieldset a:hover.help, .registerBusiness fieldset a:focus.help { border: none; }
.registerBusiness .checkbox { width: auto; margin-right: 1em; }
.registerBusiness #othertxt { margin: 1em 0 0 14.6em; }
.boxRow { margin-left: 18.5em; }
.boxRow .txtother { float: right; margin-top: -1.5em; }
.boxRow label { float: left; /*font-size: 120%; */ display: block; /*margin-top: .2em; */ margin-right: .5em; vertical-align: middle; width: 12em; padding: 2px 0 0 0; }
.boxRow label.full { width: 21em; }
 
.boxRow label strong { background: #EFEFEF !important; display: block !important; font-size: 1.1em !important; font-weight: bold !important; margin-top: -2px; padding: 1px; }
.boxRow input { float: left; width: 1em; }
.boxRow .checkLeft { width: 2em; margin-right: .5em; }
p.standard { /*font-size: 90%; */ padding-left: 1.2em; }
. { }
.yesRow label { float: left; /*font-size: 120%; */ display: block; /*margin-top: .2em; */ margin-right: .5em; vertical-align: middle; padding: 2px 0 0 0; }
.continueCheckout { text-align: right; }

.homeUsr img { font-size: 140%; border: none; width: 8.56em; }
.continueCheckout img { border: none; }
#basket .confirm { font-size: 250%; }
#subRight .chAuthoriser { width: auto; }
.confirmRight { display: block; text-align: right; background: red; }
/* My Account Subnav */
#accountSubnav { margin-bottom: 1em; }
#accountSubnav ul li { display: inline; list-style: none; font-size: 70%; border-right: black solid 1px; padding-right: .5em; padding-left: .6em; }
#accountSubnav ul li.first { padding-left: 0; }
#accountSubnav ul li.last { padding-right: 0; border-right: none; }
#accountSubnav ul li.selected a:link, #accountSubnav ul li.selected a:visited, #accountSubnav ul li.selected a:hover { color: black; }

.myaccountWidth { width: 40em; margin: 0 auto; }

/* Relevant Categories */
#relCategories { background: #eee; padding: .5em; margin-bottom: 1em; width: auto; overflow: hidden; }
#relCategories p { display: block; }
#relCategories ul { display: block; margin-top: .5em; list-style: none; }
#relCategories ul li { float: left; width: 25%; }
#relCategories ul a { font-size: 80%; }
#relCategories h2 { font-size: 90%; font-weight: bold; display: inline; padding-right: 1em; }
#relCategories a.viewAll { font-size: 80%; }
#basket #shoppingListLeft { width: 25em; float: left; }
#basket #shoppingListLeft #productTableConfirmForm, #basket #shoppingListLeft select { vertical-align: bottom; }
#basket .shoppingListRight { width: 20em; float: right; text-align: right; }
form.costCentres, fieldset.costCentres { margin-bottom: 1em; }
form.costCentres label, fieldset.costCentres label { font-size: 70%; }
/* Maintain Shopping Lists */
.maintShoppingLists table { margin-bottom: 0; margin-top: 0; }
.maintShoppingLists table a:link, .maintShoppingLists table a:visited { text-decoration: underline; }
.maintShoppingLists table .firstRow { background: #eaebeb url(/_common/img/tableTop.gif) repeat-x 0 0; }
.maintShoppingLists table .collapse { display: none; }
.maintShoppingLists table .col1 { width: 30em; }
.maintShoppingLists table .firstRow td { padding-top: .8em; padding-bottom: .8em; }
.maintShoppingLists table img.thumb { /* height: .8em; width: .8em; */ }
.maintShoppingLists table .indent a { margin-left: 2em; display: block; }
.maintShoppingLists table a.moveUp { padding: .5em 0 .5em 1.7em; background: url(/_common/img/icon-moveUp.gif) no-repeat 0 center; }
.maintShoppingLists table a.moveDown { padding: .5em 0 .5em 1.5em; background: url(/_common/img/icon-moveDown.gif) no-repeat 0 center; }
.maintShoppingLists table a.show { padding: .5em 0 .5em 2em; background: url(/_common/img/icon-show.gif) no-repeat 0 center; }
.maintShoppingLists table a.hides { padding: .5em 0 .5em 2em; background: url(/_common/img/icon-hide.gif) no-repeat 0 center; }
.maintShoppingLists table a.add { padding: .5em 0 .5em 2em; background: url(/_common/img/icon-add.gif) no-repeat 0 center; }
.maintShoppingLists table a.action { padding: .5em 0 .5em 2em; background: url(/_common/img/btn-expand.gif) no-repeat 0 center; }
.maintBudgets table .col1 { width: 50em; }
.maintBudgets table .checkbox { float: right; margin-top: -1.4em; }

/* Manage Promotions */
.promoManager .first { width: 2em; text-align:center; }
.checkOutSteps .promoManager input { width: auto; }

/* Set Cost Centre */
#setCostCentre li { margin-bottom: 0.5em; }
#setCostCentre ul { padding-bottom: 0.5em; }
#setCostCentre li * { vertical-align: middle; }
#setCostCentre label { font-size: 80%; margin-left: 0.5em; }
#setCostCentre img { margin-top: 1em; }
/* Account Details */
#manageMyAccount #box, #manageMyAccount #boxLast, #manageMyAccount .box, #manageMyAccount .boxLast { font-size: 80%; float: left; margin-right: 3em; }
#manageMyAccount #boxLast, #manageMyAccount .boxLast { margin-right: 0; }
#manageMyAccount .title { font-weight: bold; }

.noresults p { font-size: 70%; margin-bottom: 1em; }

.noresults strong { font-weight: bold; }

/* Search Accounts */

p.account-search select { width: 10em; }
p.account-search input, p.account-search select { margin-right: 1em; }
p.account-search * { vertical-align: middle; }

/* Spend Reports */
.spendReports { float: left; }

.bespoke { margin-left: 1em; }
.spendReports form fieldset, .spendReports fieldset { width: 22em; border: 1px solid #ccc; }

.bespoke form fieldset, .bespoke fieldset { width: 21em; }
.spendReports form fieldset, .spendReports fieldset { padding: 1em; -moz-border-radius: 5pt; margin-bottom: 1em; }
.spendReports form p, .spendReports fieldset p { clear: both; overflow: hidden; font-size: 80%; margin-bottom: .5em; }
.spendReports form p.right, .spendReports fieldset p.right { text-align: right; margin-top: 1em; }
.spendReports form legend, .spendReports fieldset legend { color: black; padding-left: .3em; padding-right: .5em; margin-bottom: .5em; }
.spendReports form label.col, .spendReports fieldset label.col { /*font-size: 120%;*/ display: block; width: 10em; float: left; text-align: right; vertical-align: bottom; margin-top: .2em; padding-right: .5em; }
.spendReports form span.col, .spendReports fieldset span.col { /*font-size: 120%;*/ display: block; width: 18em; float: left; text-align: right; vertical-align: bottom; margin-top: .2em; padding-right: 1em; }
.spendReports form span.colLeft, .spendReports fieldset span.colLeft { /*font-size: 120%;*/ display: block; width: 18em; float: left; text-align: left; vertical-align: bottom; margin-top: .2em; padding-right: 1em; }
.spendReports form span.col2, .spendReports fieldset span.col2 { /*font-size: 120%;*/ display: block; float: left; vertical-align: bottom; margin-top: .2em; }
.spendReports form input, .spendReports fieldset input { width: 13em; vertical-align: middle; }
.spendReports form select, .spendReports fieldset select { width: 13.5em; vertical-align: middle; }
.spendReports form input.submit, .spendReports fieldset input.submit { width: auto; }
.spendReports form input.right, .spendReports fieldset input.right { float: right; }
.spendReports form input.radio, .spendReports fieldset input.radio { width: 2em; vertical-align: top; margin-right: 1em; }
.spendReports form input.check, .spendReports fieldset input.check { width: 2em; vertical-align: top; margin-right: 1em; }
.spendReports form input.short, .spendReports fieldset input.short { width: 8em; vertical-align: top; margin-right: 1em; }
.spendReports form em, .spendReports fieldset em { color: red; font-weight: bold; }
.spendReports form a.help img, .spendReports fieldset a.help img { border: none; margin-left: .5em; vertical-align: middle; }
.spendReports form .othertxt, .spendReports fieldset .othertxt { margin-left: 18.8em; }
.spendReports form a:link.help, .spendReports form a:visited.help, .spendReports fieldset a:link.help, .spendReports fieldset a:visited.help { border: none; }
.spendReports form a:hover.help, .spendReports form a:focus.help, .spendReports fieldset a:hover.help, .spendReports fieldset a:focus.help { border: none; }
.spendReports .checkbox { width: auto; margin-right: 1em; }
/* Checkout Steps */
#checkSteps p { font-size: 70%; margin-bottom: 1em; }
.checkOutSteps .free { width: 15em; background: url(/_common/img/bk-msgblock.gif) repeat-x 0 0; border: #FA9912 solid 1px; padding: 1em; float: right; }
.checkOutSteps .free b, .checkOutSteps p.call b { font-weight: bold; }
.checkOutSteps .address { float: left; margin-bottom: 1em; }

.checkOutSteps p.call { margin-top: 1em; }
#checkSteps p a:link, #checkSteps p a:visited { border-bottom: #4698d3 dotted 1px; }
#checkSteps p a:hover { border-bottom: red dotted 1px; }
#checkSteps #box, #checkSteps .box { width: 100%; overflow: hidden; }
#checkSteps #box ul, #checkSteps .box ul { padding-left: 6em; }
#checkSteps.homeUsr #box ul, #checkSteps.homeUsr .box ul { padding-left: 11em; }
#checkSteps #box ul strong, #checkSteps .box ul strong { font-weight: bold; }
#checkSteps #box ul li, #checkSteps .box ul li { display: block; list-style: none; font-size: 70%; float: left; text-align: center; color: #979797; padding-bottom: 1.7em; }
#checkSteps #box ul li.middle, #checkSteps .box ul li.middle { margin-left: 7em; margin-right: 7em; }

#checkSteps #box ul li.ssmiddle, #checkSteps .box ul li.ssmiddle { margin-left: 3.5em; margin-right: 3.5em; }

#checkSteps #box ul li.selected, #checkSteps .box ul li.selected { color: black; background: url(/_common/img/icon-stepsArrow.gif) no-repeat center bottom; }
#checkSteps span.rule { display: block; height: 7px; margin-top: -7px; border: #00355F solid 1px; border-top: none; font-size: 0; }
.checkOutSteps p { font-size: 70%; margin-bottom: 1em; }
.checkOutSteps p.title b { font-weight: bold; }
.checkOutSteps div.err { margin-top: 1em; }
.checkOutSteps form fieldset, .checkOutSteps fieldset { border: 1px solid #666; padding: 1em; -moz-border-radius: 5pt; margin-bottom: 1em; }
.checkOutSteps form fieldset.editAddress, .checkOutSteps form fieldset.editAddress legend span, .checkOutSteps fieldset.editAddress, .checkOutSteps fieldset.editAddress legend span { /*color: red; */ }

.checkOutSteps form p, .checkOutSteps fieldset p { clear: both; overflow: hidden; }
.checkOutSteps form p.right, .checkOutSteps fieldset p.right { text-align: right; margin-top: 1em; }
.checkOutSteps form legend, .checkOutSteps fieldset legend { color: black; padding-left: .3em; padding-right: .5em; margin-bottom: .5em; }
.checkOutSteps form label.col, .checkOutSteps fieldset label.col { /*font-size: 120%; */ display: block; width: 18em; float: left; text-align: right; vertical-align: bottom; margin-top: 3px; padding-right: 1em; }
.checkOutSteps form span.col, .checkOutSteps fieldset span.col { /*font-size: 120%; */ display: block; width: 18em; float: left; text-align: right; vertical-align: bottom; margin-top: 0; padding-right: 1em; }
.checkOutSteps form span.colLeft,.checkOutSteps fieldset span.colLeft { /*font-size: 120%; */ display: block; width: 18em; float: left; text-align: left; vertical-align: bottom; margin-top: 0; padding-right: 1em; }
.checkOutSteps form span.col2, .checkOutSteps fieldset span.col2 { /*font-size: 120%; */ display: block; float: left; vertical-align: bottom; margin-top: .2em; }
.checkOutSteps form input, .checkOutSteps form select, .checkOutSteps fieldset input, .checkOutSteps fieldset select  { /*width: 15em;*/ vertical-align: middle; }
.checkOutSteps form input.submit, .checkOutSteps fieldset input.submit { width: auto; }
.checkOutSteps form input.right, .checkOutSteps fieldset input.right { float: right; }
.checkOutSteps form input.radio, .checkOutSteps fieldset input.radio { width: 2em; vertical-align: top; margin-right: 1em; }
.checkOutSteps form input.check, .checkOutSteps fieldset input.check { width: 2em; vertical-align: top; margin-right: 1em; }
.checkOutSteps form input.short, .checkOutSteps fieldset input.short { width: 8em; vertical-align: top; margin-right: 1em; }
.checkOutSteps form em, .checkOutSteps fieldset em { color: red; font-weight: bold; }
.checkOutSteps form a.help img, .checkOutSteps fieldset a.help img { border: none; margin-left: .5em; vertical-align: middle; }
.checkOutSteps form .othertxt, .checkOutSteps fieldset .othertxt { margin-left: 18.8em; }
.checkOutSteps .otherTextp { }
.checkOutSteps form a:link.help, .checkOutSteps form a:visited.help, .checkOutSteps fieldset a:link.help, .checkOutSteps fieldset a:visited.help  { border: none; }
.checkOutSteps form a:hover.help, .checkOutSteps form a:focus.help, .checkOutSteps fieldset a:hover.help, .checkOutSteps fieldset a:focus.help { border: none; }
.checkOutSteps .checkbox { width: auto; margin-right: 1em; }
.checkOutSteps #chDeliveryAdd { width: auto; }

form div.budgetPopup fieldset { padding: 0 1em 1em 1em; margin: 1em; border: 1px solid #ccc; }

form div.budgetPopup fieldset legend { color: #666; font-weight: bold; margin-bottom: 1em; }

form div.budgetPopup fieldset p { /*font-size: 120%; */ vertical-align: middle; }

form div.budgetPopup fieldset select { /*font-size: 120%; */ vertical-align: top; }

form div.budgetPopup fieldset label.col { /*font-size: 120%; */ display: block; width: 12em; float: left; text-align: right; vertical-align: bottom; margin-top: .2em; padding-right: 1em; }

form div.budgetPopup fieldset label.smallcol { /*font-size: 120%; */ display: block; width: 7em; float: left; text-align: right; vertical-align: bottom; margin-top: .2em; padding-right: 1em; }
div.budgetPopup div.right { margin: 30em 0 0 0; }

div.budgetPopup span#BudgetEdit_BudgetRenew label { margin: 0 1em 0 0.5em; padding-bottom: 5px; }


/* =5. content/FCK */
/* these will probably need to sit inside the content module reference. eg. #content h3 */
.FCKcontent { font-size: 70%; line-height: 1.6em; }
.FCKcontent .title { }
/* any heading type styles,the client will add these via the FCK styles dropdown,so you only need to add the ones you want to use. */
.FCKcontent h3, .FCKcontent h4 { }
/* list styles */
.FCKcontent ol, .FCKcontent ul { }
.FCKcontent li { }
/* link styles,probably won't need this as it should be set above,but FCK will need it. */
.FCKcontent a { }
/* paragraph formatting,probably won't need this as it should be set above,but FCK will need it. */
.FCKcontent p { margin-bottom: 1em; }
.FCKcontent br { }
/* horizontal rule */
.FCKcontent hr { }
/* tables */
.FCKcontent table { }
.FCKcontent caption { }
.FCKcontent tr { }
.FCKcontent td { }
/* text formatting */
.FCKcontent em { }
.FCKcontent strong { }
.FCKcontent u { }
.FCKcontent sub { }
.FCKcontent sup { }
.FCKcontent blockquote { }
.FCKcontent ul, .FCKcontent ol { margin-left: 2.5em; }
/* images */
.FCKcontent img { border: #e0e0e0 solid 1px; float: left; margin-right: 2em; margin-bottom: .7em; padding: .5em; }
/* =6. overrides */
/* Master 3 overrides (overriding Master 1) */
#decoTop .center .mas3 { height: 18px; background: white url(/_common/img/decoLeft-tile.gif) repeat-x 0 0; /*width: 61.18em;*/ float: left; }
#contentWrap .mas3 { background: white url(/_common/img/pageShadow.gif) repeat-y 61.21em 0; overflow: hidden; }
#contentWrap .mas3 #colLeft { width: 60.7em; float: left; }
#decoBottom .center .mas3 { height: 18px; background: white; width: 61.18em; float: left; }
/* change content managed intro text for reg pages */
#regSteps .FCKcontent { font-size: 100%; line-height: 1em; }

/* =7. sIFR */

.hidecc { display: none; }

.budgetTree { font-size: 70%; width: 100%; overflow: hidden; list-style: none none outside; }

.budgetTree ul .firstRow { background: url(/_common/img/tableTop.gif) repeat-x 0 0; }

.budgetTree ul ul { margin-top: 1.4em; padding-top: .5em; }

.budgetTree ul ul .childRow { /*background: green; */ width: 100%; overflow: hidden; border-bottom: dotted 1px #ccc; clear: both; padding-bottom: .5em; }
.budgetTree ul ul .childRow .childRow { border-bottom: 0 none; }
.budgetTree ul ul .childRow ul { margin: 0 0 0 2em; list-style-type: none; }

.budgetTree li { padding-top: 1em; }

.budgetTree div { /*background: blue; */ width: 39em; float: left; }

.budgetTree .rowOptions { /*background: yellow; */ width: 25em; float: right; margin-top: -.3em; }
.budgetTree ul .linkNode { padding-left: 3em; }
.budgetTree ul ul .linkNode { padding-left: 5em; }
.budgetTree a.linkNode:link { display: block; padding-top: .3em; text-decoration: underline; background: url(/_common/img/btn-expand.gif) no-repeat 1em center; }
.budgetTree ul ul a.linkNode:link { background: url(/_common/img/btn-expand.gif) no-repeat 3em center; }
.budgetTree img, .budgetTree input { vertical-align: middle; }

.budgetAddRow { width: 400px; background-color: #ffffff; padding: 2em; }

.duplicator { width: 400px; background-color: #ffffff; padding: 2em; }

.budgetAddRow .rowText { width: 100px; text-align: left; padding: 0 1em 0 1em; }

/* Personal budget overlay window */
.personalBudget { display: block; padding: 1.5em; border: solid 1px #ccc; width: 40em; }
.personalBudget form, .personalBudget fieldset { display: block; /*background: yellow; */ width: 30em; }
.personalBudget p { font-size: 70%; margin-bottom: 1em; width: 100%; overflow: hidden; }
.personalBudget p label { display: block; /*background: green; */ width: 15em; float: left; text-align: right; margin-top: .5em; }
.personalBudget p .col2 { display: block; /*background: red; */ width: 26em; float: right; }
.personalBudget h2 { font-size: 120%; margin-bottom: 1em; }

/* *** Stu additions *** */

/* telephone strapline */
p.telephoneCall { color: #e93a40; position: absolute; top: .6em; right: 0; font-size: 90% !important; text-align: center; width: 15em; padding: .1em 0 0 0; }
p.telephoneCall strong { font-weight: bold; }

/* Landing Header */
div.landing { }
div.landing h1 { font-size: 190% !important; font-weight: normal; }
div.landing p { font-size: 70%; margin: 0 0 1em 0; }

/* promo boxes */
div.promoRow { clear: both; width: 49.3em; overflow: hidden; }
div.largePromo { border: 1px solid #e0e0e0; position: relative; width: 519px; height: 310px; float: left; }
div.largePromo h2 { position: absolute; top: .4em; left: .5em; color: #4c4c4c; }
div.largePromo span { background: #fff; width: 100%; height: 5em; display: block; position: absolute; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
div.largePromo a img { border: 0 none; }
div.flashPromo { border: 1px solid #e0e0e0; position: relative; width: 786px; height: 310px; margin-bottom: .9em; }
div.satellitePromo { border: 1px solid #e0e0e0; width: 252px; height: 147px; position: relative; float: left; margin: 0 0 .9em .8em; }
div.satellitePromo h2 { position: absolute; top: .4em; left: .5em; color: #4c4c4c; font-size: 1.1em; }
div.satellitePromo span { background: #fff; width: 100%; height: 2.3em; display: block; position: absolute; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
div.satellitePromo a img { border: 0 none; }
div.darkRow { background: #dedede; width: 47.3em; padding: 1em; }
div.ctaPromo { border: 1px solid #c0c0c0; width: 236px; height: 133px; float: left; margin: 0 0 0 .8em; overflow: hidden; background: #fff; }
div.ctaPromo h3 { font-size: .7em; font-weight: bold; color: #5d5d5d; }
div.ctaPromo h3 a { font-weight: bold; }
div.ctaPromo p { font-size: .7em; }
div.ctaCentral { width: 252px; }
div.ctaLeft img { float: left; padding: 0 .7em 0 0; }
div.ctaLeft h3 { margin: .7em .7em 0 0; }
div.ctaLeft p { margin: .7em .7em 0 0; }
div.ctaRight img { float: right; padding: 0 0 0 .7em; }
div.ctaRight h3 { margin: .7em 0 0 .7em; }
div.ctaRight p { margin: .7em 0 0 .7em; }
div.ctaList { }
div.ctaList h3 { margin: .7em 0 .7em .7em; }
div.ctaList ul { margin: 0 0 0 .7em; }
div.ctaList ul li { float: left; list-style-type: none; font-size: .7em; margin: 0 .7em 0 0; width: 9em; }
div.promoFirst { margin-left: 0; }

/* product list additions */

/* product detail additions */
#proDetailRight #rightWrap a.addFavourites { margin-top: 0; }
#proDetailRight #rightWrap a.addFavourites img { width: auto; height: auto; padding: 0; }
#proDetailRight #rightWrap input.add { margin-top: .5em; }
#proDetailRight .ra { text-align: right; }
label.quantity { font-size: .70em; }
ul.yourSelection, div.add-ons { font-size: .70em; font-weight: normal; margin-top: 1em; line-height: 1.6em; }
ul.yourSelection strong { width: 7em; display: block; float: left; }
div.add-ons { margin-top: .6em; }

/* product list sliding doors */

ul.menu { margin: 0; list-style: none; width: 100%; overflow: hidden; }
ul.menu li { float: left; background: url(  "/_common/img/left_both.gif" ) no-repeat left top; margin: 0; padding: 0 10px 0 9px; border-bottom: 1px solid #e6e6e6; }
ul.menu li a { float: left; display: block; background: url(  "/_common/img/right_both.gif" ) no-repeat right top; padding: 5px 15px 4px 6px; text-decoration: none; color: #b0aeaf; outline: 0 none; }
ul.menu li a:hover { color: #333; }
ul.menu li.active-trail { background-position: 0 -150px; border-width: 0; }
ul.menu li.active-trail a { background-position: 100% -150px; padding-bottom: 5px; color: #777; }
ul.menu li:hover, ul.menu li:hover a { background-position: 0% -150px; color: #333; }
ul.menu li:hover a { background-position: 100% -150px; }

div.resource_content { clear: both; }
div.tabContent { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 5px 5px 0 5px; background: url(  "/_common/img/bg-sliding-door-content.gif" ) repeat-x left top; }
div#productTabs { width: 100%; overflow: hidden; }
div#productTabs a.next { font-size: 70%; float: right; font-weight: bold; margin: 0 1.5em 1.5em 0; }

/* which machine / which machine my account */
table.which-machine th { vertical-align: top; }
table.which-machine td { border-bottom: 1px solid #ccc; }
table.which-machine tr.quantity td { border-bottom: 0 none !important; }
table.which-machine tr.quantity td input { vertical-align: bottom; }
table.which-machine tr.name td a:link, table.which-machine tr.name td a:visited { border-bottom: 1px dotted #4698D3; color: #4698D3; font-weight: bold; }
table.which-machine tr.name td a:hover { border-bottom: 1px dotted red; color: red; }

input.fl { float: left; margin: 0 1em 0 0; vertical-align: bottom; }

div.myaccountform { padding-top: 1.5em; }


/**************************************************************

 MultiBox
 v1.3

**************************************************************/
#OverlayContainer {z-index: 3!important;}

.MultiBoxContainer { position: absolute; border: 10px solid #DEDEDE; background-color: #FFF; display: none; z-index: 4!important; text-align: left; /*overflow: hidden; */ }

.MultiBoxLoading { background: url(/_common/img/multibox/loader.gif) no-repeat center; }

.MultiBoxContent { position: relative; width: 100%; height: 100%; overflow: hidden; border: 1px solid #BBBBBB; }

.MultiBoxClose { position: absolute; top: -26px; right: -26px; background: url(/_common/img/multibox/close.png) no-repeat; width: 24px; height: 24px; cursor: pointer; }

.MultiBoxControlsContainer { overflow: hidden; height: 0px; width: 100%; position: relative; }

.MultiBoxControls { width: 100%; height: auto; background-color: #DEDEDE; padding-bottom: 2px; position: absolute; bottom: 0px; }

.MultiBoxPrevious { position: absolute; background: url(/_common/img/multibox/left.png) no-repeat; width: 24px; height: 24px; left: 0px; margin-top: 5px; cursor: pointer; }

.MultiBoxNext { position: absolute; background: url(/_common/img/multibox/right.png) no-repeat; width: 24px; height: 24px; right: 0px; margin-top: 5px; cursor: pointer; }

.MultiBoxNextDisabled { cursor: default; background: url(/_common/img/multibox/rightDisabled.png) no-repeat; }

.MultiBoxPreviousDisabled { cursor: default; background: url(/_common/img/multibox/leftDisabled.png) no-repeat; }

.MultiBoxTitle { position: relative; margin: 10px 0 0 35px; float: left; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #000; font-weight: bold; text-align: left; padding-left: 5px; }

.MultiBoxNumber { position: relative; width: 50px; margin: 10px 35px 0 0; float: right; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #FFF; text-align: right; }

.MultiBoxDescription { clear: left; position: relative; margin: 0 35px 0 35px; padding-top: 5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #FFF; text-align: left; }

/*************************************************************/

input.quantity { width: 2em; }

input.wide { width: 21em; }

img.oneormore { cursor: pointer; }



/* request a catalogue */
dl.catalogue { float: left; width: 8.6em; margin: 0 1.5em 1.3em 0; }
dl.catLast { margin: 0 0 1.3em 0; width: 7.4em; }
dl.catalogue dt img { border: 1px solid #999; }
dl.catalogue dd input { width: auto; }
dl.catalogue dd span { font-size: .8em; font-weight: bold; }
dl.catalogue dd a, dl.catalogue dd.nolink { font-size: .7em; }


div.toolTipFloater { background: #ffffff url(/_common/img/decoCenter-tile.gif) repeat-x; background-position: top; font-size: 0.7em; width: 15em; border: solid 1px #000000; padding: 0.7em; padding-top: 1.5em; z-index: 5; }

/* popup */
.popupContent { background: white; border: #e0e0e0 solid 1px; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.sendfriend-offers .popupContent { border: 0; padding: 10px; -moz-border-radius: 0; -webkit-border-radius: 0; width: 380px; }
div.sendfriend-offers div#popup { width: 400px; }

img.add { width: 51px; }

.smallspace { margin-left: 0.5em; }

th a.sorter { color: #ffffff; text-decoration: underline; font-weight: bold; }

a.selectall, a.selectnone { color: #ffffff; font-weight: bold; text-decoration: underline; }

td.spanner { vertical-align: top; font-weight: bold; }

td.subtotal { height: 3em; text-align: right; border-top: solid 1px #000000; vertical-align: top; font-weight: bold; }

td.grandtotal { text-align: right; border-bottom: double 2px #000000; border-top: double 2px #000000; font-weight: bold; font-variant: small-caps; }

td.moneyAmount { text-align: right; }

/* USEFUL CLASSES */
.ca { text-align: center; font-weight: normal;}

/*Error Template*/
.errorTemplate { margin: 2em 0; min-height: 18.75em; /* 300px */ }



/* Delivery details styles */
.deliverydetails { padding: 1em 1em 1.4em 1em; /*font-size: 80%;*/ }
.deliverydetails p { margin: 0.5em 0 0 0; }

.deliverydetails p label.col { clear: both; float: left; position: relative; width: 18em; padding-right: 2em; font-size: 0.9em; font-weight: normal; }

.deliverydetails p span { }


.dialog { padding: 1em; }

.formOrderFilter legend { color: black; padding-left: .3em; padding-right: .5em; margin-bottom: .5em; }
.formOrderFilter fieldset { padding: 1em; -moz-border-radius: 5pt; margin-bottom: 1em; }
.formOrderFilter label.col {padding-right:.5em;}
.formOrderFilter .calendarIcon {background-position: 0 5px;}
.formOrderFilter p.bodyText {display:inline; float:left;}
.formOrderFilter p.right {display:inline; float:left;margin-top:.8em;}
.formOrderFilter div.right  {float:right;margin-top:1em;}
.formCodeOrders legend { color: black; padding-left: .3em; padding-right: .5em; margin-bottom: .5em; }
.formCodeOrders fieldset { padding: 1em; -moz-border-radius: 5pt; margin-bottom: 1em; }
.formCodeOrders div.right  {float:right;margin-top:1em;}

div.left span.show, div.left ul.results {padding-top:1em}

/* Print stylesheet link styling */
.print_style{margin: 1.25em 4.62em 0 0; clear:both;}
.print_style p{overflow: hidden;}
.print_style p a{background: url('/_common/img/icons/icon-print.gif') 0 0 no-repeat; padding: 2px 0 0 22px; font-size: .7em; display: block; width: auto; height: 1.2em; float: right;}


/* landing pages - TL - 27/10/2010 */

.landing h2 {background: #00355F; color:#FFFFFF; font-size:1.3em; padding: 0.3em 0.3em 0.25em; position: relative; width: 36.65em;}
.landing h2 img {position: absolute; right: 0; top: 0;}

.landing #contHead a img {border: none; margin-bottom: 8px;}
.landing #cats .category {margin-right: 0.75em; width: 15.55em;}
.landing #cats .category h2 {width: auto;}
.landing #cats .category img {width: 15.5em;}

.landing div.features {background: #E8E8E8; clear: both; float: left; margin: .6em 0 0; padding: 10px; width: 47.2em;}
.landing div.features div {background: #fff; float: left; margin: 0 11px 0 0; min-height: 122px; padding: 10px 10px 0; position: relative; width: 14em;}
.landing div.features div h2 {background: none; font-size: .7em; margin: 0 0 1em; padding: 0; width: auto;}
.landing div.features div h2 a {border-bottom: 1px dotted #4698D3; font-weight: bold;}
.landing div.features div h2 a:hover {border-color: red;}
.landing div.features div.last {margin-right: 0;}
.landing div.features div.imageTransparent {}
.landing div.features div.imageTransparent img {bottom: 0; position: absolute; right: 0; }
.landing div.features div.imageRight {}
.landing div.features div.imageRight img {float: left; margin: -10px 20px 0 -10px;}
.landing div.features div.imageLeft img {float: right; margin: -10px -10px 0 20px;}

/* Penkeths Points - TL 21/03/2011 */
.penkethsPoints {background: url(/_common/img/penkeths-points-delivered.gif) 0 10px no-repeat; padding: 220px 15em 0 0;  width: 34.5em; }
.penkethsPoints h1 {color: #00355f; font-size: 1.15em; font-weight: bold; margin: 0 0 15px; width: 370px;}
.penkethsPoints fieldset {position: relative; width: 370px;}
.penkethsPoints fieldset li {display: inline; float: left; width: 50%;}
.penkethsPoints fieldset li.voucher {margin-top: 5px;}
.penkethsPoints fieldset li span {display: block; font-size: .75em; font-weight: bold; margin: 0 0 0 25px;}
.penkethsPoints fieldset li.email {font-size: .75em; margin: 30px 0 0; width: 100%;}
.penkethsPoints fieldset li.email label {display: block; margin: 0 0 15px;}
.penkethsPoints fieldset li.email input {border: 1px solid #ccc; clear: both; padding: 3px 5px; width: 164px;}
.penkethsPoints fieldset li input[type="image"] {position: absolute; bottom: 0; right: 0;}
.penkethsPoints fieldset .error { color:Red; }

#basket .promoCodeMessage { color: Red; }