/* main */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body, p, input, textarea, select, li, th, td { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #666; font-size: 11px; line-height: normal; }
body, p, li, th, td { line-height: 15px; }
b, strong { color: #666; }
p { margin: 0px 0px 10px 0px; }
a, a:link, a:active, a:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; text-decoration: none; color: #003399; }
a:hover { text-decoration: underline; }
/* headings */
h1 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #003396; font-size: 17px; margin: 0px 0px 7px 15px; padding: 0px; line-height: normal; }
h2 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #FF6501; font-size: 14px; font-weight: bold; margin: 0px 0px 10px 0px; line-height: normal; }
h3 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #003396; font-size: 13px; font-weight: bold; margin: 0px 0px 10px 0px; line-height: normal; }
h4 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #003396; font-size: 11px; font-weight: bold; margin: 0px 0px 10px 0px; line-height: normal; }
h1 a, h1 a:link, h1 a:active, h1 a:visited, h2 a, h2 a:link, h2 a:active, h2 a:visited, h3 a, h3 a:link, h3 a:active, h3 a:visited, h4 a, h4 a:link, h4 a:active, h4 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: underline; }
/* print specific content */
#hdrPrint, #ftrPrint { display: none; }
/* misc */
img { border: 0px; }
small, .small { font-size: 10px; line-height: 13px; }
.bold { font-weight: bold; }
.clrLft { clear: left; }
.clrRgt { clear: right; }
.clrBoth { clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
.floatL { float: left; display: inline; width: 50%; }
.floatR { float: right; display: inline; width: 50%; }
.padT15 { padding-top: 15px; }
.padT5 { padding-top: 5px; }
.padW5 { padding-left: 5px; padding-right: 5px; }
.mrgT10 { margin-top: 10px; }
.hidden { display: none; }
.dark { color: #444; }
.error { color: #FF6501; font-weight: bold; }
.tv td div { height: 20px !important; } /* treeview (sitemap etc) */
ul { margin: 0px 0px 10px 35px; padding: 0px; }
ul li { margin: 0px; padding: 0px; }
.radE { margin: 0px 0px; }
.rgtAlign { text-align: right; }
.topAlign { vertical-align: top; }
.orange { color: #FF6501; }
.lgtBlue { color: #00CCFF; }
/* forms and elements */
form { margin: 0px; }
input.txtBox, textarea.txtBox { border: 1px solid #ccc; color: #666; width: 100px; padding: 2px; }
select.txtBox { border: 1px solid #ccc; color: #666; }
.required { color: #f00; font-size: 10px; }
.valSum { background: #fff; margin: 0px 0px 10px 0px; border: 1px solid #ccc; padding: 0px; font-weight: bold; text-align: left; font-size: 11px; line-height: normal; }
.valSum span.s1 { display: block; color: #e00; background: url(../Images/Warning.png) no-repeat 15px 15px; margin-left: 10px; padding: 15px 15px 0px 65px; min-height: 32px; height: auto !important; height: 32px; }
.valSum span.s2 { color: #000; font-weight: normal; display: block; margin-top: 5px; }
.valSum ul { margin: 0px; padding: 10px 0px 15px 25px; }
.valSum ul li { margin: 0px 0px 0px 50px; padding: 0px; color: #000; font-weight: normal; line-height: 16px; }
div.row { margin-top: 4px; line-height: normal; display: block; }
div.row div.l { float: left; display: block; width: 50%; }
div.row div.r { float: right; display: block; width: 50%; }
div.row div.a { float: left; display: block; width: 120px; text-align: right; margin-right: 5px; padding-top: 3px; }
div.row div.a strong { color: #003399; }
div.row div.b { float: left; display: block; text-align: left; }
div.row div.b img { vertical-align: top; margin-top: -1px; }
div.pcl { border-bottom: 1px dotted #ccc; padding-bottom: 8px; margin-bottom: 5px; }
div.pcl div.a label strong { color: #0037B0; }
div.pcl div.b { margin-right: 5px; }
div.pwdRemind { margin-top: 10px; }
div.pwdRemind strong { color: #FB6600; }
div.btn { text-align: center; }
/* 2 column layouts */
div.col2Lft { float: left; display: inline; width: 260px; }
div.col2Rgt { float: right; display: inline; width: 260px; }
/* 3 column layouts */
div.col3Lft { float: left; display: inline; width: 31%; }
div.col3Ctr { float: left; display: inline; width: 32%; }
div.col3Rgt { float: right; display: inline; width: 31%; }
/* common header */
h1.litHead { display: none; }
#hdrTopBlueBar { background-color: #193AAB; color: #fff; font-weight: bold; float: left; line-height: 20px; height: 22px; width: 971px; border-bottom: solid 3px #FF6501; }
#hdrTopBlueBar a, #hdrTopBlueBar a:link, #hdrTopBlueBar a:active, #hdrTopBlueBar a:visited { color: #fff; }
#hdrTopBlueBar div.titlePad { float: left; padding-left: 25px; }
#hdrTopBlueBar div.links { float: right; padding-right: 25px; }
.hdrBlueBar { background-color: #193AAB; padding: 0px; margin: 0px; width: 100%; font-size: 6px; height: 7px; }
#hdrImages { clear: both; float: left; width: 971px; }
#hdrImages h1, #hdrImages h2 { display: none; }
#hdrMain { float: left; }
#hdrMain { border: 0px; vertical-align: top; float: left; }
#hdrLogo { width: 203px; }
#hdrImg { border: 0px; vertical-align: top; float: left; width: 768px; }
#hdrTelHm { position: absolute; margin: 35px 0 0 799px; }
#hdrTel { position: absolute; margin: 100px 0 0 220px; }
#hdrBasket { float: left; position: relative; width: 0px; height: 0px; line-height: 20px; }
#hdrBasket .bg { float: left; background: url(../Images/Hdr/BasketBg.png) no-repeat; width: 515px; position: absolute; left: 456px; top: -34px; height: 34px; }
#hdrBasket .items { float: left; width: 145px; height: 25px; text-align: center; margin: 9px 15px 5px 206px; color: #fff; display: inline; }
#hdrBasket .lnks { float: left; width: 145px; height: 25px; margin-top: 9px; }
#hdrNav { clear: both; width: 971px; height: 45px; color: #fff; }
#hdrLinks { float: left; }
/* header nav menu - positioning */
.hdrNav { margin: 0; padding: 0; font-size: 11px; line-height: normal; }
.hdrNav ul { position: absolute; top: -999em; width: 200px; margin: 0px; padding: 0px; z-index: 99; /* left offset of submenus need to match (see below) */ }
.hdrNav ul li { width: 100%; margin: 0px; padding: 0px; }
.hdrNav li { float: left; position: relative; list-style: none; z-index: 99; }
.hdrNav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.hdrNav li:hover ul, .hdrNav li.sfHover ul { left: 0; top: 45px; /* match top ul list item height */ z-index: 99; }
ul.hdrNav li:hover li ul, ul.hdrNav li.sfHover li ul { top: -999em; }
ul.hdrNav li li:hover ul, ul.hdrNav li li.sfHover ul { left: 159px; /* match ul width */ top: -2px; }
ul.hdrNav li li:hover li ul, ul.hdrNav li li.sfHover li ul { top: -999em; }
ul.hdrNav li li li:hover ul, ul.hdrNav li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
.hdrNav a { display: block; position: relative; }
/* header nav menu - style */
.hdrNav { margin: 0px 0px 0px 0px; padding: 0px; line-height: normal; }
.hdrNav a, .hdrNav a:link, .hdrNav a:active, .hdrNav a:visited { text-decoration: none; }
.hdrNav a { padding: 0px 10px 0px 10px; }
.hdrNav a span { display: none; }
.hdrNav ul { margin: 0px 0px 0px 0px; padding: 0px; }
.hdrNav li { background: #165BA0; }
.hdrNav ul li { }
.hdrNav ul li a { text-decoration: none; padding: 0px 10px 0px 10px; }
.hdrNav li li a { border-top: none; text-decoration: none; }
.hdrNav a, .hdrNav a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; text-decoration: none; }
.hdrNav a:active, .hdrNav a:focus, .hdrNav li.sfHover { outline: 0; }
/* Sub menu */
.hdrNav ul.sub { margin: 0px 0px 0px 0px; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; z-index: 20; }
.hdrNav ul.sub li { background: #193AAB; width: 200px; height: 26px; }
.hdrNav ul.sub li a { background: #193AAB; padding-left: 20px; padding-right: 20px; height: 22px; width: 160px; padding-top: 4px; }
.hdrNav ul.sub li:hover, .hdrNav ul.sub li a:hover { background: #FF6501; }
/* these are the images for the top level - with hover overs */
.hdrNav div.woodensheds { float: left; width: 95px; }
.hdrNav li.woodensheds { display: block; }
.hdrNav li.woodensheds a { width: 95px; background: url(../Images/Hdr/woodenSheds.png) no-repeat; height: 45px; padding:0px; }
.hdrNav li.woodensheds:hover, .hdrNav li.woodensheds a:hover { background: url(../Images/Hdr/woodenSheds.png) no-repeat right top; outline: 0; }
.hdrNav div.metalsheds { float: left; width: 83px; }
.hdrNav li.metalsheds { display: block; }
.hdrNav li.metalsheds a { width: 83px; background: url(../Images/Hdr/metalSheds.png) no-repeat; height: 45px; padding:0px; }
.hdrNav li.metalsheds:hover, .hdrNav li.metalsheds a:hover { background: url(../Images/Hdr/metalSheds.png) no-repeat right top; outline: 0; }
.hdrNav div.gardenstorage { float: left; width: 93px; }
.hdrNav li.gardenstorage { display: block; }
.hdrNav li.gardenstorage a { width: 93px; background: url(../Images/Hdr/gardenStorage.png) no-repeat; height: 45px; padding:0px; }
.hdrNav li.gardenstorage:hover, .hdrNav li.gardenstorage a:hover { background: url(../Images/Hdr/gardenStorage.png) no-repeat right top; outline: 0; }
.hdrNav div.logcabins { float: left; width: 83px; }
.hdrNav li.logcabins { display: block; }
.hdrNav li.logcabins a { width: 83px; background: url(../Images/Hdr/logCabins.png) no-repeat; height: 45px; padding:0px; }
.hdrNav li.logcabins:hover, .hdrNav li.logcabins a:hover { background: url(../Images/Hdr/logCabins.png) no-repeat right top; outline: 0; }
.hdrNav div.fencepanels { float: left; width: 93px; }
.hdrNav li.fencepanels { display: block; }
.hdrNav li.fencepanels a { width: 93px; background: url(../Images/Hdr/fencePanels.png) no-repeat; height: 45px; padding:0px; }
.hdrNav li.fencepanels:hover, .hdrNav li.fencepanels a:hover { background: url(../Images/Hdr/fencePanels.png) no-repeat right top; outline: 0; }
.hdrNav div.greenhouses { float: left; width: 120px; }
.hdrNav li.greenhouses { display: block; }
.hdrNav li.greenhouses a { width: 120px; background: url(../Images/Hdr/greenhouses.png) no-repeat; height: 45px; padding:0px; }
.hdrNav li.greenhouses:hover, .hdrNav li.greenhouses a:hover { background: url(../Images/Hdr/greenhouses.png) no-repeat right top; outline: 0; }
.hdrNav div.playhousesandoutdoortoys { float: left; width: 113px; }
.hdrNav li.playhousesandoutdoortoys { display: block; }
.hdrNav li.playhousesandoutdoortoys a { width: 113px; background: url(../Images/Hdr/playhousesoutdoortoys.png) no-repeat; height: 45px; padding:0px; }
.hdrNav li.playhousesandoutdoortoys:hover, .hdrNav li.playhousesoutdoortoys a:hover { background: url(../Images/Hdr/playhousesoutdoortoys.png) no-repeat right top; outline: 0; }
.hdrNav div.outdoorliving { float: left; width: 93px; }
.hdrNav li.outdoorliving { display: block; }
.hdrNav li.outdoorliving a { width: 93px; background: url(../Images/Hdr/outdoorliving.png) no-repeat; height: 45px; padding:0px; }
.hdrNav li.outdoorliving:hover, .hdrNav li.outdoorliving a:hover { background: url(../Images/Hdr/outdoorliving.png) no-repeat right top; outline: 0; }
.hdrNav div.summerhouses { float: left; width: 95px; }
.hdrNav li.summerhouses { display: block; }
.hdrNav li.summerhouses a { width: 95px; background: url(../Images/Hdr/summerhouses.png) no-repeat; height: 45px; padding:0px; }
.hdrNav li.summerhouses:hover, .hdrNav li.summerhouses a:hover { background: url(../Images/Hdr/summerhouses.png) no-repeat right top; outline: 0; }
.hdrNav li.workshopsandgarages ul.sub { left: -101px; }
.hdrNav div.workshopsandgarages { float: left; width: 101px; }
.hdrNav li.workshopsandgarages { display: block; }
.hdrNav li.workshopsandgarages a { width: 101px; background: url(../Images/Hdr/workshopsandgarages.png) no-repeat; height: 45px; padding:0px; }
.hdrNav li.workshopsandgarages:hover, .hdrNav li.workshopsandgarages a:hover { background: url(../Images/Hdr/workshopsandgarages.png) no-repeat right top; outline: 0; }
.hdrNav li.workshopsandgarages ul.sub { left: -101px; }
/* header nav menu - arrows */
.hdrNav a.sf-with-ul { padding-right: 25px; }
.sf-sub-indicator { position: absolute; display: block; right: 10px; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../Images/Common/HdrNavArrows.png') no-repeat -10px -99px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 9px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
.hdrNav ul .sf-sub-indicator { background-position: -12px 0; } /* point right for anchors in subs */
.hdrNav ul a > .sf-sub-indicator { background-position: 0 -2px; } /* point right for anchors in subs */
.hdrNav ul a:focus > .sf-sub-indicator, .hdrNav ul a:hover > .sf-sub-indicator, .hdrNav ul a:active > .sf-sub-indicator, .hdrNav ul li:hover > a > .sf-sub-indicator, .hdrNav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px -2px; /* arrow hovers for modern browsers*/ }
/* common footer */
#ftrScr { }
#otherLinks { float: left; background-color: #FF6501; color: #fff; font-weight: bold; height: 20px; width: 100%; border-bottom: solid 2px #fff; }
#otherLinks ul { float: left; display: inline; margin: 2px 0px 2px 245px; padding: 0; }
#otherLinks li { float: left; display: inline; color: #fff; list-style: none; margin: 0px; padding: 0px 0px; line-height: 15px; }
#otherLinks li a { color: #fff; font-weight: bold; }
#logos div.lft { background: #fff url(../Images/Ftr/LogosBG.jpg) repeat-x left top; float: left; width: 81px; height: 100px; }
#logos div.ctr { background: #fff url(../Images/Ftr/LogosBG.jpg) repeat-x left top; float: left; width: 810px; height: 100px; text-align: center; line-height: 14px; }
#logos div.ctr img { vertical-align: top; }
#logos div.rgt { background: #fff url(../Images/Ftr/LogosBG.jpg) repeat-x left top; float: left; width: 80px; height: 100px; }
#logos div.rgt img { vertical-align: top; float: left; padding-top: 50px; }
#ftrLinks { text-align: left; float: left; width: 100%; margin-top: 30px; }
ul li.RootCat, ul li.Cat { list-style: none; }
.RootCat, .RootCat a, .RootCat a:active, .RootCat a:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #FF6600; font-size: 11px; font-weight: bold; margin: 0px; }
.Cat, .Cat a, .Cat a:active, .Cat a:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #666666; font-size: 10px; font-weight:normal; line-height: 17px; margin: 0px; }
#ftrCopy { float: left; width: 100%; display: inline; margin: 5px 0px 0px 0px; text-align: center; color: #888; }
#ftrCopy img { vertical-align: middle; margin-left: 5px; }
#ftrCopy a { display: block; color: #666; }
/* common left */
#lftNav { width: 180px; float: left; border-top: 14px solid #193AAB; padding-left: 20px; }
div.navWrapper { border: 1px solid #ccc; width: 158px; position: relative; top: -14px; float: left; z-index: 0; }
div.navContainer { background: #fff url(../Images/Common/ContainerBG.jpg) repeat-x bottom left; padding:1px; width: 156px; }
div.navContainer p.title { height: 26px; width: 156px; background: url(../Images/Common/ContainerHeader.png) no-repeat; border-bottom: 1px solid #fff; }
div.navContainer p.title span { position: relative; top: 5px; color: #fff; font-weight: bold; margin-left: 10px; }
div.NavChkRate { margin-left: 25px; }
#lftNav ul.lv1 { position: relative; top: -10px; width: 156px; margin: 0px; padding: 0px; }
#lftNav ul.lv1 li.lv1 { margin: 0px 0px; padding: 0px; list-style: none; line-height: normal; }
#lftNav ul.lv1 li.lv1 a { display: inline-block; width: 156px; min-height: 21px; text-decoration: none; color: #0037B0; }
#lftNav ul.lv1 li.lv1 a:hover, #lftNav ul.lv1 li.s a { background-color: #FF6501; cursor: pointer; }
#lftNav ul.lv1 li.lv1 a span { display: block; margin: 4px 0px 4px 12px; width: 135px; }
#lftNav ul.lv2 { margin: 0px; width: 116px; padding-left: 18px; }
#lftNav ul.lv2 li.lv2 { list-style: none; line-height: 20px; }
#lftNav ul.lv2 li.lv2 a { min-height: 15px; text-decoration: none; color: #0037B0; width: 116px; }
#lftNav ul.lv1 li ul.lv2 li.lv2 a { background: none; }
#lftNav ul.lv1 li ul.lv2 li.s a { font-weight: bold; text-decoration: underline; }
#lftNav ul.lv1 li ul.lv2 li.p a { font-weight: bold; }
#lftNav ul.lv1 li ul.lv2 li.lv2 a:hover { cursor: pointer; background: none; text-decoration: underline; }
#lftNav ul.lv1 li ul.lv2 li.lv2 a span { display: block; margin: 0px; }
#lftNav ul.lv2 ul.lv3 { margin: 0px; width: 110px; padding-left: 8px; }
#lftNav ul.lv2 li.lv2 ul.lv3 li.lv3 { list-style: none; line-height: 20px; }
#lftNav ul.lv2 li.lv2 ul.lv3 li.lv3 a { min-height: 15px; font-size: 10px; font-weight: normal; text-decoration: none; color: #FF6501; }
#lftNav ul.lv1 li ul.lv2 li.lv2 ul.lv3 li.lv3 a { background: none; }
#lftNav ul.lv1 li ul.lv2 ul.lv3 li.s a { font-weight: bold; text-decoration: underline; }
#lftNav ul.lv1 li ul.lv2 li.lv2 ul.lv3 li.lv3 a:hover { cursor: pointer; background: none; text-decoration: underline; }
#lftNav ul.lv1 li ul.lv2 li.lv2 ul.lv3 li.lv3 a span { display: block; margin: 0px; width: 128px;}
#lftNav div.navDiv { margin: 0px 12px 0px 10px; border-bottom: dotted 1px #ccc; }
/* right navigation */
#rgtNav { width: 180px; float: left; border-top: 14px solid #193AAB; padding-left: 20px; }
#rgtNav div.navWrapper div.navContainer { border: 0px; }
#rgtNav div.navContainer { background: #fff; border: 1px solid #ccc; margin-bottom: 12px; float: left; }
#rgtNav div.navContainer img { vertical-align: top; }
#rgtNav div.navContainer img.insBtn { margin: 2px 0px 4px 11px; }
#editRight1 { width: 158px; position: relative; top: -14px; float: left; z-index: 0; }
/* search bar */
#searchCont { width: 100%; float: left; top: -14px; position: relative; z-index: 10; }
#searchBar { float: left; width: 100%; height: 28px; position: relative; top: -10px; }
#searchBar div.border1 { border: solid 1px #ccc; }
#searchBar div.border { width: auto; height: 22px; padding-top: 4px; border: solid 1px #fff; background: #FF6600; color: #fff; font-weight: bold; padding-left: 20px; }
#searchBar div.border #txtSearch { float: left; width: 370px; height: 13px; padding-left: 5px; }
#searchBar div.border img { padding-left: 5px; }
/* breadcrumbs */
#bCrumb { clear: both; width: 100%; margin: 0px auto; padding: 0px 0px 0px 0px; border-bottom: solid 3px #FF6501; }
#bCrumb span { display: block; border-left: solid 1px #003399; border-right: solid 1px #003399; border-top: solid 1px #003399; background: #fff url(../Images/BoxHdrBg.jpg) repeat-x left top; margin-bottom: 2px; padding: 2px 10px 3px 15px; color: #fff; font-size: 11px; font-weight: bold; line-height: 15px; }
#bCrumb span a { color: #fff; }
#bCrumb span label { color: #FF6501; }
/* Banners */
.banner { clear: both; width: 100%; margin: 0px auto; padding: 0px 0px 0px 0px; border-bottom: solid 3px #FF6501; }
.banner span { display: block; border-left: solid 1px #003399; border-right: solid 1px #003399; border-top: solid 1px #003399; background: #fff url(../Images/BoxHdrBg.jpg) repeat-x left top; margin-bottom: 2px; padding: 2px 10px 3px 15px; color: #fff; font-size: 11px; font-weight: bold; line-height: 15px; }
/* general boxes for containing content */
.box { border-left: 1px solid #ccc; background: #fff ; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding-top: 10px; display: inline-block; width: 100%; }
.box h1 { margin-bottom: 12px; }
.box .cont { padding: 0px 15px 10px 15px; }
.box .cont h1 { margin-left: 0px; }
.box .cont p { margin: 0px; padding: 0px 0px 10px 0px; }
.box .title { background: #fff url(../Images/BoxHdrBg.jpg) repeat-x left top; border: solid 1px #003399; display: block; height: 22px; padding: 0px 10px; margin-bottom: 5px; line-height: normal; }
.box .title strong { color: #fff; display: block; padding-top: 4px; }
.box .title strong a { color: #fff; }
.box .cont .intBox { background: #EFF6FE; border: solid 1px #5A7CBC; padding: 10px; }
.box .titleLt { background: #F6D2AE; display: block; height: 22px; padding: 0px 10px; margin-bottom: 5px; line-height: normal; }
.box .titleLt strong { color: #003399; display: block; padding-top: 4px; }
/* 2 column width boxes */
.box2Col { padding-top: 10px; }
.box2Col .cont { background: #EFF6FE; border: solid 1px #5A7CBC; padding: 10px; }
.box2Col .cont p { margin: 0px; padding: 0px 0px 10px 0px; }
.box2Col .title { background: #fff url(../Images/BoxHdrBg.jpg) repeat-x left top; border: solid 1px #003399; display: block; height: 22px; padding: 0px 10px; margin-bottom: 5px; line-height: normal; }
.box2Col .title strong { color: #fff; display: block; padding-top: 4px; }
/* radeditor content */
.imgAlignRight { float: right; display: inline; margin: 0px 0px 10px 20px; }
/* promo items */
.promo { width: 160px; padding-top: 15px; }
.promo .items { width: 156px; line-height: 14px; }
.promo .item { width: 140px; margin: 0px 8px 10px 8px; display: inline; float: left; padding-top: 10px; border-top: 1px dotted #ccc; }
.promo .first { padding-top: 0px; border-top: 0px; }
.promo .cont { float: left; display: inline; width: 80px; }
.promo .cont a { display: block; color: #003399; font-weight: bold; }
.promo .cont span { display: block; padding-top: 3px; color: #FF6501; font-weight: bold; font-size: 10px; }
.promo .price { color: Red; float: left; border-bottom: 10px solid #fff; }
.promo .img { float: right; display: inline; width: 50px; border: 1px solid #ccc; }
/* sitemap */
.smDir ul { width: 240px; margin: 0px; padding: 0px; line-height: 16px; list-style: none; }
.smDir ul li.lv2 { padding-left: 15px; }
/* common alert boxes (message and errors combined) */
.mBox { background: #fff; border: 1px #ccc solid; padding-top: 10px; color: #f00; font-weight: bold; line-height: 16px; margin-bottom: 10px; }
.mBox .body { background: none; padding: 0px 10px 10px 10px; }
.mBox .body .title { background: none; border: 0; padding: 0; margin: 0; }
.mBox .body .warn { color: #c00; background: #fff url(../Images/Warning.png) no-repeat 5px 5px; padding: 5px 5px 10px 50px; margin: 0px; min-height: 24px; height: auto !important; height: 24px; }
.mBox .body .ok { color: #FF6501; background: url(../Images/Ok.gif) no-repeat 5px 5px; padding: 5px 5px 10px 50px; min-height: 24px; height: auto !important; height: 24px; }
.mBox .body .msg { margin-top: 5px; font-weight: normal; color: #666; }
.mBox .body a { color: #c93; font-weight: bold; margin: 0px; }
.mBox .body p strong { font-weight: bold; margin: 0px; }
/* misc */
.contForm { width: 400px; margin-left: auto; margin-right: auto; }
.usrLogin, .usrRegister { line-height: 16px; }
select.pcaResults { width: 346px; margin-top: 5px; }
/* common loading layer */
.loading .c { clear: both; background: url(../Images/BoxBgSm.png) no-repeat left top; margin: 10px 0px; padding: 10px 0px 0px 0px; }
.loading .c div { background: #fff url(../Images/BoxBgSm.png) no-repeat left bottom; margin: 0px; padding: 0px 15px 10px 0px; color: #010002; text-align: center; font-weight: bold; }
.loading .c img { margin-right: 10px; vertical-align: middle; }
/* news */
#news img { margin-right: 5px; }
#news .pinGv .itm { float: left; border: 1px solid #5A7CBC; background: #EFF6FE; margin-bottom: 10px; padding: 10px; }
#news .pinGv .itm .lft { float: left; margin-right: 20px; width: 75px; }
#news .pinGv .itm .rgt { float: left; width: 420px; }
#news .pinGv .pinPg a, #news .pinGv .pinPg span { padding: 3px; font-weight: bold; }
/* reviews */
div.reviewSummary { }
div.reviewSummary #prodMain .img { float: right; text-align: right; width: 195px; }
div.reviewSummary #prodMain .img .main { background: none; width: 175px; height: 125px; border: 4px #ccc solid; }
div.reviewSummary #prodMain .img .main reviewImg { }
div.reviewSummary #prodMain .details .price { width: 310px; float: left; }
div.reviewSummary #prodMain .details .buttons { width: 150px; margin-left: 5px; margin-top: 5px; float: left; }
.reviews .box { width: 749px; }
.reviews div.sum div.rating { float: left; }
.reviews div.sum div.link { float: right; }
.reviews div.sum div.link a, .reviews div.sum div.link b { color: #FF6501; }
.reviews table { width:100%; }
.reviews td.div { border-bottom: 1px dotted #ccc; height: 2px; width: 100%; }
.reviews td.revTitle { width: 80%; padding-top: 5px; }
.reviews td.rating { width: 20%; text-align:right; padding-top: 5px; display: inline; }
/* star ratings as used throughout the site */
ul.rating { width: 75px; height: 15px; margin: 0px; padding: 0px; list-style: none; position: relative; background: url(../Images/StarMatrix.png) no-repeat 0 0; overflow: hidden; }
div.product .reviews td.rating ul.rating { float: right; }
ul.r0 { background-position: 0 0; }
ul.r1 { background-position: 0 -15px; }
ul.r2 { background-position: 0 -30px; }
ul.r3 { background-position: 0 -45px; }
ul.r4 { background-position: 0 -60px; }
ul.r5 { background-position: 0 -75px; }
ul.rating li { float: left; vertical-align: middle; background: none; }
ul.rating li a { position: absolute; left: 0; top: 0; width: 19px; height: 19px; text-decoration: none; z-index: 200; outline: 0; }
ul.rating li span { display: none; }
ul.rating li.s1 a { left: 0; }
ul.rating li.s2 a { left: 15px; }
ul.rating li.s3 a { left: 30px; }
ul.rating li.s4 a { left: 45px; }
ul.rating li.s5 a { left: 60px; }
ul.rating li a:hover { z-index: 2; width: 75px; height: 15px; overflow: hidden; left: 0; background: url(../Images/StarMatrix.png) no-repeat 0 0; }
ul.rating li.s1 a:hover { background-position: 0 -15px; }
ul.rating li.s2 a:hover { background-position: 0 -30px; }
ul.rating li.s3 a:hover { background-position: 0 -45px; }
ul.rating li.s4 a:hover { background-position: 0 -60px; }
ul.rating li.s5 a:hover { background-position: 0 -75px; }
.ui-slider { position: relative; text-align: left; background-image: url(../Images/feedbackgrad.gif); width: 186px; height: 29px; }
.ui-slider .ui-slider-handle { position: absolute; background-image: url(../Images/slider.gif); width: 16px; height: 29px; z-index: 2; cursor: default; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
/* Home Page */
#home { }
#shopBySize { float: left; margin-top: 10px; width: 192px; height: 236px; background: url(../DynamicContent/Images/Home/ShopBySize.jpg) no-repeat; }
#shopBySize .ddl { margin-left: 22px; margin-top: 192px; }
#promo1 { float: left; margin-top: 10px; width: 192px; height: 236px; }
#promo2 { float: left; margin-top: 10px; width: 186px; height: 236px; }
#homeInfo .hmImg { width: 570px; margin-top: 10px; height: 114px; }
#homeInfo .hmImg .text { padding-right: 115px; }
#homeInfo .Lrg { background: url(../DynamicContent/Images/Home/gardenshedRight.jpg) no-repeat; }
#homeInfo .Lrg2 { background: url(../DynamicContent/Images/Home/woodshedRight.jpg) no-repeat; }
#homeInfo .Lrg3 { background: url(../DynamicContent/Images/Home/metalshedRight.jpg) no-repeat; }
#homeInfo div.text { padding: 15px; font-size: 10px; line-height: 14px; float: left; }
#homeInfo div.text h2 { color: #003396; }
#homeInfo div.text a, #home div.text a:active, #home div.text a:visited, #home div.text a:hover { font-size: 10px; color: #003396; }
#homeInfo div.text a span { color: #000; }
#homeInfo div.text div.info span { margin-top: 7px; margin-bottom: 7px; display: block; }
#homeInfo div.text div.info a, #home div.text div.info a:active, #home div.text div.info a:visited, #home div.text div.info a:hover { font-size: 9px; color: #9C9C9C; font-weight: normal; }
.landingPage { margin-top: 10px; margin-bottom: 15px; }
.landingPage h2, .landingPage h1, .landingPage h3 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #003396; font-size: 17px; margin: 0px 0px 10px 15px; padding: 0px; line-height: normal; }
.landingPage .mainBan { width: 571px; height: 186px; }
.landingPage .mainBan h1 { display: none; }
.landingPage .mainBan .text { width: 290px; height: 100px; margin-left: 267px; margin-top: 60px; display: inline; float: left; line-height: 14px; }
.landingPage .rangeHeader { margin-top: 20px; }
.landingPage .rangeHeader h3 { display: none; }
.landingPage .rangeDetail { border: 1px #ccc solid; width: 557px; margin-left: 5px; display: inline; float: left; display: inline; }
.landingPage .rangeDetail .productImg { border: 1px #ccc solid; width: 176px; height: 158px; margin: 10px; float: left; display: inline; }
.landingPage .rangeDetail .rangeInfo { margin: 10px; width: 335px; float: left; }
.landingPage .rangeDetail .rangeInfo h3, .landingPage .rangeDetail .rangeInfo h2 { margin-left: 0px; }
.landingPage .rangeDetail td.features { width: 250px; }
.landingPage .rangeDetail td.button { width: 80px; height: 100%; vertical-align: bottom; }
.landingPage .rangeDetail .rangeInfo ul { margin: 10px 0px 0px 23px; padding: 0px; }
.landingPage .rangeDetail .rangeInfo ul li { margin: 0px; padding: 0px 0px 2px 4px; line-height: 13px; list-style-image: url(../DynamicContent/Images/LandingPages/tick.gif) }
.viewAll { font-size: 13px; font-weight: bold; color: #003396; margin-top: 20px; padding-top: 5px; padding-bottom: 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
.viewAll .floatR { text-align: right; margin-top: 2px; width: 53%; }
.viewAll .floatL { width: 47%; }
.gardenSheds .mainBan { background: url(../DynamicContent/Images/LandingPages/GardenShedsAndStorage/BannerBG.jpg) no-repeat; }
.gardenSheds .mainBan .text, .playhouses .mainBan .text { margin-top: 75px; margin-left: 264px; }
.fencing .mainBan { background: url(../DynamicContent/Images/LandingPages/Fencing/BannerBG.jpg) no-repeat; }
.gardenStorage .mainBan { background: url(../DynamicContent/Images/LandingPages/GardenStorage/BannerBG.jpg) no-repeat; }
.playhouses .mainBan { background: url(../DynamicContent/Images/LandingPages/PLayhouses/BannerBG.jpg) no-repeat; }
.outdoorLiving .mainBan { background: url(../DynamicContent/Images/LandingPages/OutdoorLiving/BannerBG.jpg) no-repeat; }
.woodenSheds .mainBan .floatL { width: 396px; }
.woodenSheds .mainBan .floatR { width: 174px; }
/* new look landing page */
.landingPage2 { margin-top: 10px; margin-bottom: 15px; }
.gardenSheds2 { width: 571px; }
.gardenSheds2 .all { width: 571px; float: left; margin-bottom: 20px; }
.gardenSheds2 .all .lnk { float: left; width: 190px; }
.gardenSheds2 .all .lnk a { font-size: 12px; text-decoration: underline; }
.gardenSheds2 .hr { background: url(../Images/Common/hrBG.png) no-repeat; width: 571px; height: 1px; clear: both; line-height: 0px; }
.gardenSheds2 .cont { width: 571px; margin-top: 15px; float: left; margin-bottom: 15px; }
.gardenSheds2 .cont .col1, .gardenSheds2 .cont .col2 { float: left; width: 176px; background: url(../DynamicContent/Images/LandingPages/GardenShedsAndStorage2/ColBG.jpg) repeat-y top right; padding-right: 10px; }
.gardenSheds2 .cont .col2 { margin-left: 10px; width: 176px; }
.gardenSheds2 .cont .col3 { margin-left: 10px; width: 176px; float: left; }
.gardenSheds2 .cont .shopBySize { margin-top: 10px; margin-bottom: 10px; width: 176px; height: 31px; background: url(../DynamicContent/Images/LandingPages/GardenShedsAndStorage2/ShopBySize.png) repeat-y top right; }
.gardenSheds2 .cont .shopByStyle { margin-top: 10px; margin-bottom: 10px; width: 176px; height: 31px; background: url(../DynamicContent/Images/LandingPages/GardenShedsAndStorage2/ShopByStyle.png) repeat-y top right; }
.gardenSheds2 .cont .shopByMaterial { margin-top: 10px; margin-bottom: 10px; width: 176px; height: 31px; background: url(../DynamicContent/Images/LandingPages/GardenShedsAndStorage2/ShopByMaterial.png) repeat-y top right; }
.gardenSheds2 .cont .sub { background: url(../Images/Common/hrBG.png) no-repeat bottom left; width: 176px; height: 24px; color: #FF6600; font-weight: bold; font-size: 14px; margin-bottom: 5px; }
.gardenSheds2 .cont table.lnks a { color: #666666; }
.gardenSheds2 .cont table.lnks a span { color: #FF6600; }
.gardenSheds2 .cont table.lnks { background: url(../Images/Common/hrBG.png) no-repeat bottom left; padding-bottom: 7px; margin-bottom: 10px; }
.gardenSheds2 .cont .rangeInfo ul { margin: 10px 0px 0px 23px; padding: 0px; }
.gardenSheds2 .cont .rangeInfo ul li { margin: 0px; padding: 0px 0px 2px 4px; line-height: 13px; list-style-image: url(../DynamicContent/Images/LandingPages/tick.gif) }
/* Further info sections on other landing pages */
.landingPage #homeInfo { margin-left: 4px; display: inline; }
.landingPage #homeInfo h3 { margin-left: 0px; }
.landingPage #homeInfo .Lrg { background: url(../DynamicContent/Images/LandingPages/GardenShedsAndStorage/WoodenRight.jpg) no-repeat; }
.landingPage #homeInfo .Lrg2 { background: url(../DynamicContent/Images/Home/woodshedRight.jpg) no-repeat; }
.msg_list { margin: 0px; padding: 0px; width: 570px; margin-top: 5px; }
.msg_head { cursor: pointer; margin: 0px; }
.msg_head h2 { display: inline; margin: 0px; color: #003396; }
.collapsed_head { padding: 11px 10px 12px 40px; background: #fff url(../Images/Common/Exp_Box_Collapsed.png) no-repeat top left; }
.expanded_head { padding: 11px 10px 5px 40px; background: #fff url(../Images/Common/Exp_Box_Expanded.png) no-repeat top left; }
.expanded_body { padding: 0px 10px 15px 40px; background: #fff url(../Images/Common/Exp_Box_Expanded_Cont.gif) no-repeat bottom left; }
.msg_body { background-color:#fff; width: 520px; }
/* delivery popup placeholder */
#delPopup { width: 739px; margin: 0px auto; }
#delPopup .close { height: 76px; background: url(../Images/PopDelv/Hdr.png) no-repeat; }
#delPopup .close a { float: right; display: block; width: 60px; height: 60px; }
#delPopup .close a span { display: none; }
#delPopup .if { background: url(../Images/PopDelv/Bg.png) repeat-y; padding: 0 14px; }
#delPopup .if iframe { border: 0px none; }
#delPopup .ftr { height: 20px; background: url(../Images/PopDelv/Ftr.png) no-repeat left bottom; }
/* choose delivery page (popup inside iframe) */
.chooseDel { background: #fff; }
.chooseDel b { color: #FF6501; }
.chooseDel .pTitle, .chooseDel .pOpt, .chooseDel .pSubT { float: left; display: inline; margin: 0 0 0 20px; color: #FF6501; }
.chooseDel .pOpt { color: #666; }
.chooseDel .pTitle { margin: 10px 0 5px 20px; font-size: 14px; font-weight: bold; }
.chooseDel .pTitle strong, .chooseDel .pOpt strong, .chooseDel .pSubT strong { float: left; display: inline; width: 60px; }
.chooseDel .pTitle span, .chooseDel .pOpt span, .chooseDel .pSubT span { float: left; display: inline; width: 400px; }
.chooseDel .pTitle span { float: left; display: inline; width: 460px; }
.chooseDel .enterPC { clear: left; font-size: 12px; padding: 5px 0 10px 20px; border-bottom: dotted 1px #ccc; }
.chooseDel .enterPC strong { display: inline-block; width: 100px; }
.chooseDel .enterPC div.roi { margin-left: 105px; }
.chooseDel .enterPC div.roi a { background: url(../Images/PopDelv/ireland_flag_r1_c1.gif) no-repeat left center; padding-left: 20px; font-weight: bold; font-size: 10px; }
.chooseDel .homeInst { padding: 10px 20px 15px 20px; border-bottom: dotted 1px #ccc; }
.chooseDel .homeInst strong { display: block; }
.chooseDel .homeInst strong b { display: inline-block; width: 20px; }
.chooseDel .homeInst img { float: left; display: inline; border: 3px solid #ccc; margin: 10px 0 0 0px; }
.chooseDel .homeInst img.semi { border: 3px solid #999; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; }
.chooseDel .homeInst p { float: left; display: inline; margin: 10px 0 0 10px; }
.chooseDel .homeInst .noPC { color: #bbb; }
.chooseDel .homeInst .noInst { color: #f66; font-weight: bold; }
.chooseDel .homeInst .homeInstSel label { color: #FF6501; margin-right: 10px; }
.chooseDel .homeInst .homeInstSel label .price { font-weight: bold; }
.chooseDel .dateSel { padding: 10px 10px 10px 10px; }
.chooseDel .dateSel strong { display: block; padding: 0 0 0 10px; }
.chooseDel .dateSel strong b { display: inline-block; width: 20px; }
.chooseDel .dateSel .error { color: #f00; font-size: 10px; font-weight: normal; }
.chooseDel .delSelect { padding: 5px 0 0 25px; }
.chooseDel .delSelect .std label { color: #FF6501; }
.chooseDel div.calHdr { background: url(../Images/PopDelv/CalBg.png) no-repeat; width: 690px; height: 20px; }
.chooseDel div.cal { background: url(../Images/PopDelv/CalBg.png) center bottom no-repeat; width: 690px; padding-bottom: 20px; }
.chooseDel .cal div { padding: 6px 0 0 9px; }
.chooseDel .cal th { font-weight: normal; width: 42px; height: 39px; font-size: 10px; background: #fff url(../Images/PopDelv/CalHdrBg1.png) no-repeat center top; padding: 0; }
.chooseDel .cal th.we { background: #fff url(../Images/PopDelv/CalHdrBg2.png) no-repeat center top; }
.chooseDel .cal th.nxt { background: #fff url(../Images/PopDelv/CalHdrBg3.png) no-repeat center top; }
.chooseDel .cal th.corner { background: transparent; }
.chooseDel .cal td { font-weight: normal; width: 42px; border-bottom: solid 5px #EAEAEA; }
.chooseDel .cal td.colHdr { padding-right: 5px; color: #666; font-size: 10px; text-align: right; border-bottom: solid 5px #fff; }
.chooseDel .cal td span { display: block; height: 33px; line-height: 33px; }
.chooseDel .cal .day { display: block; font-size: 12px; color: #666; font-weight: bold; }
.chooseDel .cal .na { color: #ddd; }
.chooseDel .cal a { color: #84BF7D; font-weight: bold; font-size: 10px; display: block; width: 42px; height: 33px; line-height: 33px; outline: 0 none; }
.chooseDel .cal .foc a { color: #FF6501; }
.chooseDel .cal a:hover, .chooseDel .cal a.sel { color: #fff; background: url(../Images/PopDelv/CalSel.png) no-repeat left top; text-decoration: none; }
.chooseDel .cal .selDate, .chooseDel .cal .total { float: left; display: inline; margin: 15px 0 0 20px; padding: 0; }
.chooseDel .cal .total { margin: 15px 0 0 30px; }
.chooseDel .cal .selDate strong, .chooseDel .cal .total strong { display: inline; }
.chooseDel .cal .selDate .selLbl { color: #FF6501; font-weight: bold; display: inline-block; width: 320px; }
.chooseDel .cal .total .selLbl { color: #FF6501; font-weight: bold; display: inline-block; width: 80px; }
.chooseDel .cal .selDate .selLbl .rate { font-weight: normal; }
.chooseDel .btnAdd { float: right; display: inline; text-align: right; margin: 0 10px 0 0; padding: 0; }
/* lightbox */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 998; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 997; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
/* overlays */
#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 500px; z-index: 998; background: url(../Images/Overlay.png) repeat 0 0; display: none; text-align: center; }
#overlayPanel { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; text-align: center; }
* html #overlay { background-image: url(../Images/Overlay-IE6.png); } /** ie6 and below only **/
/* jCarousel styles */
.jcarousel-skin-home .jcarousel-container-horizontal { margin: 0px auto; }
.jcarousel-skin-home .jcarousel-clip-horizontal { padding-top: 10px; width: 570px; margin: 0 auto; }
.jcarousel-skin-home .jcarousel-item { width: 570px; border-right: dashed 0px #ccc; }
.jcarousel-skin-home .jcarousel-item.last { width: 570px; }
.jcarousel-skin-home .jcarousel-item-horizontal { margin-right: 2px;}
.jcarousel-item-10, .jcarousel-skin-home .jcarousel-item-horizontal.last { border-right: none; margin-right: 0; }
.jcarousel-skin-home .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-home .jcarousel-next-horizontal { position: absolute; bottom: 14px; right: 14px; width: 20px; height: 20px; cursor: pointer; background: transparent url(../Images/carouselNext.png) no-repeat 0 0; }
.jcarousel-skin-home .jcarousel-next-horizontal:hover { background-position: -20px 0; }
.jcarousel-skin-home .jcarousel-next-horizontal:active { background-position: -40px 0; }
.jcarousel-skin-home .jcarousel-next-disabled-horizontal,
.jcarousel-skin-home .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-home .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -60px 0; }
.jcarousel-skin-home .jcarousel-prev-horizontal { position: absolute; bottom: 14px; left: 14px; width: 20px; height: 20px; cursor: pointer; background: transparent url(../Images/carouselPrev.png) no-repeat 0 0; }
.jcarousel-skin-home .jcarousel-prev-horizontal:hover { background-position: -20px 0; }
.jcarousel-skin-home .jcarousel-prev-horizontal:active { background-position: -40px 0;}
.jcarousel-skin-home .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-home .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-home .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -60px 0; }
.padW5 div strong.summ { font-weight:normal; }
.padW5 div span.summ { float:right; }