.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

body{ background: #da2c2c url(../images/bg_redwhite.png) fixed top center repeat-x; margin: 0; padding: 0; font-family: arial, sans sans-serif; font-size:100%}
.maincontent{width: 960px; padding: 0; margin: 0 auto; background: transparent url(../images/bg_side.png) center 50px fixed no-repeat;}
.maincontentInner{width: 900px; padding: 0; margin: 0 auto; background: #fff url(../images/bg_botfade.png) bottom left repeat-x;}
div.page{padding: 20px 10px;background: #FFF;}

.section{width: 880px; clear: both; padding: 10px; margin: 10px auto 0; }
.section .topCol{width: 550px; float: right;}
.section .topCol h3{color: #000;}
.leftPanel{ width: 205px;  float:left; margin-right: 8px; padding: 5px;}
.panel{border-top: 1px solid #D02745; width: 200px; float:left; margin-right: 10px; padding: 5px;}
.panel ul{list-style-type: square; padding-left: 5px;}

/* fonts and layout */
h1{ color: #000; height: 10px;line-height: 1.0em; margin: 5px 0 0; margin-left: -5000px; width: 200px;}
h2{ color: #333; font-size: 1.4em;}
h3{ color: #333; margin-top: 8px; font-size: 1.3em;}
h4{ color: #333; margin-top: 8px;font-size: 1.1em}
p{font-size: 0.8em;}
a{color: #333; font-size: 0.8em;}
a:visited{color: #E36C94;}
a img{border: none;}
.pageSection p a{font-size: 1em;}
div.sixPod h3, div.ninePod h3, div.ninePod h4{color: #da2c2c;}
.bold{font-weight: bold;}
.small{font-size: 0.8em;}

em{margin-left: -3000px;}

.white{background: #FFF; color: #000;}
.red{color: #D02745;}
.leftGap{margin-left: 16px;}
.leftPad{padding-left: 5px;}
.left{float: left;}
.right{float: right;}
.rightGap{margin-right: 16px;}
.rightPad{padding-right: 5px;}
.noTopGap{margin-top: 0 !important;}
.noBotGap{margin-bottom: 0 !important;}
.topPad{padding-top: 5px !important;}
.noTopPad{padding-top: 0 !important;}
.botPad{padding-bottom: 5px !important;}
.noBotPad{padding-bottom: 0 !important;}
.topBotPad{padding-top: 5px !important; padding-bottom: 5px !important;}

.clearBoth{clear: both;}
.clearLeft{clear:left;}
.clearRight{clear: right;}

p img{padding: 5px;}
/* Header */
.headerSection{clear: both; padding:0; margin:0;}
.headerblock{padding:0;}
.headerblock div{padding-left: 5px;}
.headerblock .left img{float: left;clear: left;}
.headerblock h2{float: left; clear: left; margin:0 0 5px; line-height: 0.7em;}
.headerblock p{color: #da2c2c; font-size:1em; font-weight: bold; float: left; clear: left; margin: 0; padding: 5px 0 10px;}
.headerblock ul li{font-size: 0.8em;}
.headerblock ul.address{float: left;list-style-type:none; padding: 0 10px; margin-top: 35px; width: 250px;}
.headerblock ul.li{display: inline; float: left;}
.headerblock .navLogos{float: right; padding: 3px 30px 0 0;}

/* Navigation section*/
div.sectionNav{position: relative; background: url(../images/bg_navfade.jpg) 0 22px repeat-x; color: #FFF;clear: both; padding:10px 5px 0 0;}
ul.nav{position: relative; bottom:0; left:0; height: 50px; clear: left; padding-bottom: 10px; padding-left: 0; margin: 5px 5px 0 0;}
ul.nav li{position:relative; bottom:0; display:inline-block; float: left; font-size: 1.1em;}

ul.nav li a{color: #FFF; display:block;background: #999;  text-decoration: none; padding: 7px 0.5em;}
ul.nav li a:hover{color: #da2c2c;background: #ececec }

/* Home page floating element */
div.floater{background: #f7f5d1; position:absolute; width: 700px; margin-left: 40px; margin-top:-20px; z-index: 10; border: 3px solid #da2c2c; -webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em; border-radius: 0.5em; padding: 10px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 5px;
}
div.floater h3{color: #D02745;}
div.floater .content{padding: 0 10px;}
div.floater .slideshow{margin-left: 10px;}
div.floater .p250{width: 250px;}
div.floater .p300{width: 300px;}
div.floater .p350{width: 350px;}
div.floater .p400{width: 400px;}
div.floater .p450{width: 450px;}
div.floater .p500{width: 500px;}
div.floater .p550{width: 550px;}
div.floater .p600{width: 600px;}
div.floater .p650{width: 650px;}

/* Footer */
.footer{width: 880px; clear: both; padding:0; margin: 10px auto 0;}
.footer ul{float: left; list-style-type: none; margin: 10px 30px 30px 0; padding: 0;}
.footer ul li{font-size: 0.7em; }
.footer a{font-size: 1em;}

/* Form */
form.login{width: 550px; padding-bottom: 30px; margin: 0 auto;}
form.login .element{clear: both; padding: 10px 0;}

form.login .element label{width: 300px; padding:0;  float: left;}

form.contact{width: 500px;}
form.contact .element{clear: both; padding: 10px 0;}
form.contact input, form.contact select{ width: 190px; float: right;}
form.contact textarea{ clear: none; width: 500px; float: right; height: 300px; margin-top: 5px;}
form.contact input.button{ clear: both; float: right; width: 100px; margin: 5px 0;}

form.login{width: 250px;}
form.login label{width: 100px;padding: 5px 0;}
form.login input{width: 100px;}
form.login .element{clear: both; padding: 5px 0;}

fieldset{border: none;}

/* Pod */
div.sixPod{width: 540px; margin: 0 auto; background:transparent url(../images/podSixbg.png) top no-repeat;}
div.sixPodMsg{width: 540px; margin: 0 auto;}
div.sixContent{ width: 500px; margin: 0 auto; padding: 50px 10px;}
div.sixContent h4, div.sixContent h3, div.sixContent p{padding:0 10px;}
div.sixPod div.title{ padding-top: 0; padding-bottom: 0;}

.sixContentForm{ width: 300px; padding: 30px 10px; margin: 0 auto; }

div.ninePod{width: 820px; margin: 0 auto; background:transparent url(../images/podNinebg.png) top no-repeat;}
div.nineContent{ width: 760px; margin: 0 auto; padding: 0 10px; }
div.nineContent .hLineTop{border-top: 1px solid #eee; padding-top: 8px; }
div.nineContent .hLineBot{border-bottom: 1px solid #eee; padding-bottom: 8px;}

div.oneBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; float: left; margin:5px; position: relative; width: 61px;}
div.twoBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; float: left; margin:5px; position: relative; width: 136px;}
div.twoBoxBlank{float: left; margin:5px; position: relative; width: 140px;}

div.threeBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;  float: left; margin:5px; position: relative; width: 211px;}
div.threeBoxBlank{float: left; margin:5px; position: relative; width: 215px;}

div.fourBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;  float: left; margin:5px; position: relative; width: 286px;}
div.fourBoxBlank{float: left; margin:5px; position: relative; width: 290px;}
div.fourBoxBlank img{padding-left:10px;}
div.fiveBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;  float: left; margin:5px; position: relative; width: 361px;}
div.sixBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;  float: left; margin:5px; position: relative; width: 436px;}
div.sixBoxBlank{float: left; margin:5px; position: relative; width: 440px;}
div.sevenBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;  float: left; margin:5px; position: relative; width: 511px;}
div.sevenBoxBlank{float: left; margin:5px; position: relative; width: 515px;}
div.eightBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;  float: left; margin:5px; position: relative; width: 586px;}
div.eightBoxBlank{float: left; margin:5px; position: relative; width: 590px;}
div.nineBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;  float: left; margin:5px; position: relative; width: 661px;}
div.tenBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;  float: left; margin:5px;  position: relative; width: 736px;}
div.elevenBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;  float: left; margin:5px; position: relative; width: 811px;}
div.twelveBox{border: 1px solid red;-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;  float: left; margin:5px; position: relative; width: 886px;}
div.twelveBoxBlank{float: left; margin:5px; position: relative; width: 890px;}
div.twelveBoxBlank content{width: 890px;}

div.threeBox, div.sixBox{padding: 5px;}

.sectionForm{width: 900px; clear: both; margin: 10px auto 0; }
.sectionForm h1, .sectionForm h2, .sectionForm h3, .sectionForm h4, .sectionForm p{margin: 0; padding: 10px;}
.sectionForm h3{margin:5px 0; padding-top: 0; padding-bottom: 0; font-size: 1.2em;}
.sectionForm h4{margin:5px 0; padding-top: 0; padding-bottom: 0; font-size: 1em;}
.sixContent p a, .sixContent li a, .sectionForm a{font-size: 0.9em;}

.sectionForm ul, .sectionForm p, .sixContent ul{margin: 0;padding:5px 10px;}
.sectionForm ul li, .sixContent ul li{list-style-type: none; font-size: 0.75em;}
.sectionForm ul.specs li{ margin-left: 10px; list-style-type: circle;}

.sectionForm form div.elements{float: left; clear: both; margin: 10px; padding: 5px; }
.sectionForm form input.input, .sectionForm form label, .sectionForm form textarea{float: left;font-family: arial, sans sans-serif; font-size: 0.9em;margin-left: 5px; width: 200px;}
.sectionForm form input.input, .sectionForm form textarea{border: 1px solid #C2C2C2;padding: 3px;}
.sectionForm form input.button{clear: both; float: left; margin-top: 5px; padding: 10px; width: 100px;}
.sectionForm ul.theList{}
.sectionForm ul.theList li{padding: 5px 0; font-size: 0.9em;}
.sectionForm ul.theList li a{font-size: 0.9em;}

/* Table */
.sectionForm table{width: 900px; padding: 10px 0; margin: 0; font-size: 0.75em;}
.sectionForm table td, .sectionForm table th{text-align: left; border-bottom: 1px solid #333; border-right:1px solid #333; height: 1em; padding:3px; width: 88px;}
.sectionForm table th{background: #C2C2C2 url(/images/sort-bg.gif) no-repeat -3px center; cursor: pointer; padding-left:16px;}
.sectionForm table thead tr .headerSortUp {background: #da2c2c url(/images/sort-asc.gif) no-repeat -3px center;}
.sectionForm table thead tr .headerSortDown {background: #da2c2c url(/images/sort-desc.gif) no-repeat -3px center;}

/*Divider Lines*/
.separate, .seprateForm{background: url(../images/bg_navfade.jpg) 0 -15px repeat-x; border-top: 1px solid #FFF; clear: both;}
.fold{background: url(../images/bg_navfade.jpg) 0 -10px repeat-x; padding-top: 30px;}
div.topBord{border-top: 2px solid #EFEFEF;}

/*Box colours*/
div.selected{background-color: #C2C2C2;}
div.midway{background-color: #8A8C8C;}
div.greyed{background-color: #EFEFEF;}
div.linkRed, h3.linkRed{color:#da2c2c }
div.linkGrey{color:#333333 }
div.errbox{padding: 10px; color:#da2c2c; }

/*Lists */
ul.two{float: left; margin-right: 20px; width: 200px;}
ul.mainList{padding-left:20px;}
ul.mainList li{ font-size: 0.8em;}
ul.linkables{padding-left: 0;}
ul.linkables li{background: url(../images/list-pdf.gif) 0 5px no-repeat; font-size: 0.9em; list-style-type: none; padding: 1px 0 10px 20px;}
ul.linkables li a{font-size: 0.95em;}
ul.linkables li span.small, ul.mainList li span.small{font-size: 0.8em;}

div.colours h4{margin-bottom:0;}
ul.colourList{float: left; clear: both; padding-left: 0; width: 600px;}
ul.colourList li{float: left; font-size: 0.8em; min-height: 26px; padding-left: 45px; margin-right: 5px; display: block; }

ul.colourList li.beige{background: url(../images/colours-sso-beige.jpg) left top no-repeat; }
ul.colourList li.lilac{background: url(../images/colours-sso-lilac.jpg) left top no-repeat; }
ul.colourList li.white{background: url(../images/colours-sso-white.jpg) left top no-repeat; }
ul.colourList li.black{background: url(../images/colours-sso-black.jpg) left top no-repeat; }
ul.colourList li.bSwirl{background: url(../images/colours-sso-bSwirl.jpg) left top no-repeat; }
ul.colourList li.hearts{background: url(../images/colours-sso-hearts.jpg) left top no-repeat; }
ul.colourList li.dBlue{background: url(../images/colours-sso-dBlue.jpg) left top no-repeat; }
ul.colourList li.redcol{background: url(../images/colours-sso-red.jpg) left top no-repeat; }
ul.colourList li.jade{background: url(../images/colours-sso-jade.jpg) left top no-repeat; }
ul.colourList li.pink{background: url(../images/colours-sso-pink.jpg) left top no-repeat; }

ul.frontPage li a, .content a{color:#333333; font-size: 0.9em;}

table.sizes{border: 1px solid #EFEFEF; width: 500px;}
table.sizes th{font-weight: bold;  padding: 5px; text-align: left;}
table.sizes td{padding: 5px;}

/*div.pageSection div.imgS{background-color: #FFFFFF;margin-top:-5px; padding-top: 0;padding-right: 0;float: right;}*/
/*div.imgStrip{position: relative; float: right;height: 255px; padding: 0; margin:0;}*/
/*div.imgStrip img{position: relative;float: left; clear: none;cursor: pointer; border-left: 1px solid #FFF; width: 79px;}*/

div.grounder{min-height: 5em;}
div.grounderSlim{min-height: 2em;}
div.part{min-height: 200px; }
div.part h3{color: #da2c2c; margin-bottom: 15px;}
div.part{font-size: 1.1em;}
div.prod div.sideBox{min-height: 1em;}
div.picker li.desc, div.picker p.desc{height: 3em;}

.prodNav{ float: left; margin-top: -20px;}
div.prodNav h3{line-height: 1.0em; margin:0;}
div.prTop{margin-top: 0; padding-top: 0;}
div.prPage{float: left; clear: left; padding: 5px; margin: 0;}
div.prPage a{line-height: 1.0em; margin: .5em 0; font-size: 1em;}

div.pageSection div.prod div.groundNo{background-color: #C2C2C2;}
div.pageSection div.prod div.groundNo a{color: #333;}
div.pageSection div.prod div.groundNo a:hover{color: #FFF;}

div.pageSection div.threeBoxBlank{margin:0 0 0 7px; position: relative; width: 215px;}

/* slideshow */
div.slideshow img{clear: none; float: left;}

#tooltip{position:absolute; border:3px solid #da2c2c; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; background:#f7f5d1; padding:5px 5px; color:#333; display:none;}

.pageSection{width: 890px; padding: 0;}
/*.pageSection h3{padding-left: 10px;}*/
div.four, div.pageSection .four{float: left; padding: 0 0 0 10px; position: relative; width: 280px;}
div.section .four{float: left; padding: 0 0 0 10px; position: relative; width: 283px;}
.pageSection .six{float: left; margin:5px; padding:0 5px 5px; position: relative; width: 430px; }
.pageSection .eight{float: left; margin:5px; padding:0 5px 5px; position: relative; width: 565px; }
.pageSection .twelve{float: left; margin:5px; padding:0 5px 5px; position: relative; width: 880px; }

.pageSection .products{margin-top: 0;}
.pageSection .products h3{margin-top: 0; padding-top: 0;}

.frontPageSection{margin-top: -10px; padding-top: 10px;}
.frontPageSection h2{font-size: 1.8em; line-height: 1em; margin-top: 0; margin-bottom: 0;}

.frontPageSection .products h3{color:#da2c2c; }
.frontPageSection .twelve{float: right; margin:-10px 0 0; padding:0 0 5px 0; position: relative; width: 900px; }
.frontPageSection .twelve img{ float: left;}
.frontPageSection .twelve div.imgS{background-color: #FFFFFF; margin-top:-5px; padding-top: 0;padding-right: 0;float: left;}
.frontPageSection .twelve div.products{float: left; background: url(../images/acc_01.jpg) left bottom no-repeat; height: 683px;  width: 334px; }
.frontPageSection .twelve div.products .content{margin-top: 300px; padding: 10px;}
.frontPageSection .twelve div.imgStrip{position: relative; float: left; padding: 0; margin:0; width: 566px;}
.frontPageSection .twelve div.imgStrip img.tooltip{height: 683px; position: relative;float: left; clear: none; cursor: pointer; }

.frontPageSection .dmo{ padding:0 20px 0; position: absolute; width: 860px; z-index: 40;}
.frontPageSection .dmo h4{ margin-bottom: 10px;}
.frontPageSection .dmo .slideshow{float: left; padding-right: 10px; }
/*.frontPageSection .dmo .slideshow img{padding-top: 40px;}*/
.frontPageSection .dmo div{float: left; width: 560px}
.frontPageSection .dmo div p{margin: 0 0 15px;}

div.leftSlide{padding-top: 200px; position: relative; z-index: 50;}

div.prodBox{border-top: 2px solid #EFEFEF; display: block; position: relative; padding: 0 5px 5px 5px; margin:0 0 10px; width: 270px; z-index: 40;}

.hit1, .hit2, .hit3, .hit4, .hit5, .hit6, .hit7{padding-top: 5px; margin-top: 5px;}

div.imgBox{float: left; clear: left;  margin:0 0 10px; width: 280px;}
/*div.prodBox{background-color: #EFEFEF; display: block; float: left; clear: left; padding: 0 5px 5px 5px; margin:0 0 10px; width: 270px;}*/

/* Product page nav */
div.prod div.prodBox{border-top: 2px solid #EFEFEF; display: block; float: left; clear: left; padding: 0 5px 5px 5px; margin:0 0 10px; width: 270px;}

.dmoP{background: url(/images/prodnavDmo.jpg) top right no-repeat;}
.burns{background: url(/images/prodnavBurns.jpg) top right no-repeat;}
.support{background: url(/images/prodnavDmo.jpg) top right no-repeat;}
.active{background: url(/images/prodnavAct.jpg) top right no-repeat; min-height: 75px;}

.sectionForm ul.theList li{ padding-left: 20px;}

/*Events page*/
.pageSection div.events{margin-top: 0;}
div.events h3{margin: 0;}
div.events ul{margin-top: 5px; border-bottom: 1px solid #efefef; padding-bottom: 5px; padding-left: 0;}
div.events ul li{list-style-type: none; font-size: 0.8em;}
div.events p.content{border: none;}

/*Product Focus*/
div.productFocus{padding: 5px 10px;}
div.productFocus h3{font-size: 1.4em;margin-bottom: 5px;}
div.productFocus h4{color:#da2c2c; line-height:1em;}