/*[fmt]1010-101A*/
@import url(reset.css);
/*------------------------------------------------------

BBQ Canvas - Index Stylesheet

------------------------------------------------------

Filename:                    index.css
Content:                    Main website stylesheet

/*-------------------------------------------------------- Selectors -------------------------------*/
/*+clearfix {*/ #media .block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
#media .block { display: inline-block; }
#media .block {/*\*/
 display: block;/**/
 -height: 1px; }
/*+}*/
BODY { font: 62.5%/1.7 arial, helvetica, sans-serif; color: #231F20; background: #F0F0F0; }
/*-------------------------------------------------------- Type -------------------------------*/
A:link { text-decoration: none; color: #003366; }
A:visited { text-decoration: none; color: #003366; }
A:hover { text-decoration: underline; color: #FF0000; }
A IMG { border: none; }
P { margin: 14px 0; }
BUTTON { margin: 0; padding: 0; background: none; border: none; cursor: pointer; }
/*ul { margin:14px 0 14px 20px; }*/
UL I { list-style-type: square; }
UL LI LI { list-style-type: disc; }
UL LI LI LI { list-style-type: circle; }
OL LI { list-style-type: decimal; }
OL OL LI { list-style-type: lower-alpha; }
OL OL OL LI { list-style-type: lower-roman; }
OL UL LI { list-style-type: disc; }
H1 { font: normal 4em/1.5 Arial, Helvetica, sans-serif; margin: 0 0 15px; text-transform: lowercase; }
H2 { font: bold 1.18em/1.5 Arial, Helvetica, sans-serif; margin: 0 0 15px; color: #EE3124; }
H3 { font: bold 1.3em/1.5 Arial, Helvetica, sans-serif; margin: 0 0 15px; }
H4 { font: bold 1.2em/1.5 Arial, Helvetica, sans-serif; margin: 0 0 15px; }
H5 { font: bold 1.1em/1.5 Arial, Helvetica, sans-serif; margin: 0 0 15px; }
H6 { font: bold 1em/1.5 Arial, Helvetica, sans-serif; margin: 0 0 15px; }
/*-------------------------------------------------------- Common -------------------------------*/
.left { float: left; }
.right { float: right; }
.top { vertical-align: top; }
.clear { clear: both; }
.center { text-align: center; }
.hidden { display: none; }
.width90 { width: 90%; }
.width80 { width: 80%; }
.width70 { width: 70%; }
.width60 { width: 60%; }
.width50 { width: 50%; }
.width40 { width: 40%; }
.width30 { width: 30%; }
.width20 { width: 20%; }
.width10 { width: 10%; }
/*-------------------------------------------------------- Layout -------------------------------*/
#wrapper { width: 883px; background: #FFF url(../images/bg.png) repeat-y; margin: 0 auto; font-size: 1.1em; position: relative; }
#wrapper .top { height: 44px; background: url(../images/bg-top.png) no-repeat bottom; }
#wrapper .bottom { height: 55px; background: url(../images/bg-footer.png) no-repeat top; }
#logo { margin: 31px 0 30px 26px; float: left; }
#content { width: 680px; margin: 0 auto; clear: both; }
#header { clear: both; margin: 0 0 17px; }
#header UL.clearfix { margin: 0 0 15px; list-style: none; }
#header UL LI { float: left; width: 50%; margin: 0 0 18px; }
#header UL LI IMG { float: left; margin: 0 20px 0 0; }
#header UL LI A.addtocart { width: 118px; height: 24px; display: block; text-indent: -99999px; background: url(../images/addtocart.png) no-repeat; float: left; }
#header UL LI A:hover.addtocart { background-position: 0 -25px; }
#header UL LI STRONG { display: block; line-height: 1.4; }
#contact { clear: both; margin: 0 0 17px; background: #CCC; }
#contact FORM>DIV { padding: 30px 10px 30px 70px; }
#contact INPUT,#contact TEXTAREA { background: #FFF; border: 1px solid #AAA; float: left; padding: 3px; }
#contact INPUT.contactSubmit { background: none; border: 0; text-indent: -9999px; width: 85px; height: 40px; margin: 0 0 0 10px; position: absolute; bottom: 0; right: 25px; cursor: pointer; }
#contact INPUT.login { background: none; border: 0; text-indent: -9999px; width: 102px; height: 40px; margin: 0 0 0 10px; position: absolute; bottom: 0; right: 25px; cursor: pointer; }
#contact INPUT.formSubmit { background: none; border: 0; text-indent: -9999px; width: 102px; height: 41px; margin: 0 0 0 10px; position: absolute; bottom: 0; right: 25px; cursor: pointer; }
#contact TEXTAREA { height: 170px; }
#contact LABEL { width: 100px; text-align: right; margin: 0 10px 0 0; float: left; display: block; font-size: 1em; color: #231F20; font-weight: bold; }
#contact LABEL SPAN { color: #FF0000; }
#contact P, #contact div.inputWrap { width: 100%; clear: left; margin: 0 0 10px; position: relative; }
#contact BUTTON { float: right; margin: -52px 10px 0 0; }
#contact FORM DIV.formValidationError { color: #EE3124; font-style: italic; padding: 0 0 0 110px; }
#surveyForm .formValidationError { color: #EE3124; font-weight: bold; margin: -15px 0 20px; }
#copy { width: 410px; float: right; }
#copy-stockist { width: 420px; float: right; }
#faq #copy H3 { margin: 0; color: #EE3124; }
#faq #copy P { margin: 4px 0 12px; }
.faq_block { margin-bottom: 20px; }
.FaqsList { list-style: none; margin: 0; }
#retailerBtn { position: absolute; margin-left: 234px; margin-top: 295px; }
#bbq-covers #copy IMG { margin-bottom: 20px; }
DIV.addToCartArea { width: 116px; position: relative; float: left; }
DIV.sizes { width: 121px; position: absolute; top: 28px; }
DIV.sizes SPAN { float: left; width: 38px; color: #876; text-transform: lowercase; line-height: 12px; }
DIV.sizes IMG { width: 22px; height: 22px; margin: 0 6px 0 -3px !important; }
DIV.sizes FORM { float: left; margin-right: 5px; }
#nav { width: 237px; float: left; position: relative; min-height: 260px; }
/*[clearfix]*/#media .block { margin-top: 14px; padding-bottom: 16px; }
#media .block IMG { float: right; display: inline; width: 100px; overflow: hidden; }
#media .blurb { float: left; display: inline; width: 275px; margin-left: 12px; }
#media .block H3 { text-transform: uppercase; font-size: 12px; padding: 0; margin: -1px -1px 3px; }
#slideshow { display: none; }
#slideshow-wrap { width: 680px; height: 375px; overflow: hidden }
/*#nav ul a { width:100%; height:27px; display:block; text-indent:-9999px; background:url("../images/bg-menu.png"); }*/
#nav UL { margin: 0; list-style-type: none; width: 237px; }
#nav UL LI { position: relative; padding: 0; margin: 0; height: 27px; display: block; width: 237px; float: left; }
#nav UL LI SPAN { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 0px; height: 27px; cursor: pointer; overflow: hidden; }
#nav UL LI IMG { position: absolute; z-index: 1; }
#nav SPAN.bg1 { background: url(/images/menu_home_on.gif) no-repeat; }
#nav SPAN.bg2 { background: url(/images/menu_bbqcovers_on.gif) no-repeat; }
#nav SPAN.bg3 { background: url(/images/menu_stockist_on.gif) no-repeat; }
#nav SPAN.bg4 { background: url(/images/menu_faq_on.gif) no-repeat; }
#nav SPAN.bg5 { background: url(/images/menu_media_on.gif) no-repeat; }
#nav SPAN.bg6 { background: url(/images/menu_about_on.gif) no-repeat; }
#nav SPAN.bg7 { background: url(/images/menu_contact_on.gif) no-repeat; }
#foot { position: relative; height: 20px; clear: both; padding: 50px 0 0; margin: 0; }
#facebook-like { position: absolute; top: -20px; width: 48px; height: 20px; display: block; z-index: 999; overflow: hidden; }
#facebook-like a { display: block; width: 48px; height: 20px; background: url(/images/fb-like.gif); text-indent: -99999px; }
#addthis { position: absolute; top: -17px; left: 60px; width: 78px; height: 16px; }
.addthis_button { margin: 0; padding: 0; display: block; }
#footer { margin: 0; padding: 0; list-style: none; color: #B2B2B2; clear: both; }
#footer LI { display: inline; }
#footer SPAN { padding: 0 1px 0 5px; }
#footer A { color: #B2B2B2; text-decoration: none; }
#footer A:hover { text-decoration: underline; }
.map { float: left; margin: 0 0 25px; }
/*-------------------------------------------------------- Titles -------------------------------*/
.terms H1 { width: 389px; height: 36px; background: url(../images/titles/terms.png) no-repeat; text-indent: -99999px; margin: 0 0 30px; }
.about H1 { width: 616px; height: 47px; background: url(../images/titles/about.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.faq H1 { width: 631px; height: 47px; background: url(../images/titles/faq.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.thankyou H1 { width: 497px; height: 47px; background: url(../images/titles/thankyou.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.thankyoustockist H1 { width: 143px; height: 47px; background: url(../images/titles/cart5.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.contact H1 { width: 600px; height: 44px; background: url(../images/titles/contact.png) no-repeat; text-indent: -99999px; margin: 0 0 23px; }
.bbq-covers H1 { width: 573px; height: 47px; background: url(../images/titles/bbq-covers.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.stockist H1 { width: 651px; height: 47px; background: url(../images/titles/stockist.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.stockist-login H1 { width: 381px; height: 47px; background: url(../images/titles/stockist-login.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.stockist-signup H1 { width: 400px; height: 46px; background: url(../images/titles/stockist-signup.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.media H1 { width: 651px; height: 47px; background: url(../images/titles/media.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
/*#about #header { height: 375px; overflow: hidden; }*/
.cart1 H1 { width: 446px; height: 47px; background: url(../images/titles/cart1.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.cart2 H1,.cartShippingDetails H1 { width: 354px; height: 46px; background: url(../images/titles/cart2.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.cart3 H1,.orderSummary H1 { width: 346px; height: 47px; background: url(../images/titles/cart3.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.cart4 H1 { width: 325px; height: 47px; background: url(../images/titles/cart4.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
.cart5 H1 { width: 143px; height: 36px; background: url(../images/titles/cart5.png) no-repeat; text-indent: -99999px; margin: 0 0 20px; }
/*-------------------------------------------------------- Cart -------------------------------*/
#cartForm { overflow: hidden; width: 100%; margin-top: -30px; }
#cartForm BR { display: none; }
#cartTitleArea { width: 900px; overflow: hidden; }
#cart #content { width: 908px; }
#cartShipping,#cartTotal { font-weight: bold; text-align: center; }
.cartImg { margin: 0 13px 15px 0; float: left; }
#shippingDetails INPUT,#shippingDetails SELECT,#shippingDetails TEXTAREA,#shippingAddress INPUT,#shippingAddress SELECT,#shippingAddress TEXTAREA { width: 200px; font-family: inherit; font-size: inherit; }
#shippingDetails INPUT,#shippingDetails SELECT { width: 160px; }
#shippingDetails .tableCell,#shippingDetails .tableCellR,#shippingAddress .tableCell,#shippingAddress .tableCellR { border: none; padding-bottom: 11px; font-weight: bold; }
#shippingDetails .tableCell,#shippingAddress .tableCell { width: 128px; }
#shippingDetails { margin: 30px 0 0; float: left; width: 50%; }
#shippingAddress { margin: 30px 0 0; padding: 0; float: left; width: 50%; }
#shippingDetails H4,#shippingAddress H4,#confirmOrder H4,#confirmDetails H4,.shippingNotice H3 { border-top: 1px solid #ACAEB0; border-bottom: 1px solid #ACAEB0; padding: 7px 0; text-transform: uppercase; font-size: 11px; color: #666; }
#purchaseDetails { width: 100%; border-top: 1px solid #ACAEB0; margin: 0 0 40px; }
#purchaseDetails .tableCell,#purchaseDetails .tableCellR,#purchaseDetails .tableCellBR,#purchaseDetails .tableCellB { border-right: none; }
#purchaseDetails .item.tableCell { border-right: 1px solid #ACAEB0; padding-left: 15px; padding-right: 15px; width: 515px; }
#purchaseDetails TR:first-child .item.tableCell { vertical-align: middle; }
#purchaseDetails .qty.tableCell { border-right: 1px solid #ACAEB0; text-align: center; vertical-align: middle; }
#purchaseDetails .remove.tableCellR { border-right: 1px solid #ACAEB0; width: 74px; vertical-align: middle; text-align: center; }
#purchaseDetails .remove A { font-size: 0; text-indent: -99999px; width: 19px; height: 19px; background: url(/images/cart_remove.gif) no-repeat; display: block; margin: 0 auto; }
#purchaseDetails .cartprice.tableCell { border-right: 1px solid #ACAEB0; text-align: center; vertical-align: middle; width: 102px; font-weight: bold; }
#purchaseDetails .subtotal.tableCell { text-align: center; vertical-align: middle; font-weight: bold; }
#purchaseDetails .shippingFee.tableCell,#purchaseDetails .total.tableCell,#purchaseDetails .voucherCode.tableCell,#purchaseDetails .voucher.tableCell { border-right: none; font-weight: bold; padding: 12px 0; }
#purchaseDetails .voucher.tableCell { text-align: center; }
#purchaseDetails .gotoShippingDetails { position: absolute; right: 0 !important; top: 0; display: block; width: 116px; height: 23px; overflow: hidden; }
#purchaseDetails .orderWarning { text-align: right; position: absolute; right: 0; font-weight: bold; font-size: 13px; color: #dd0000}
#cartControl { margin: 10px 0 0; }
INPUT.confirm { border: none; padding: 0; margin: 10px 0 0 5px; float: right; }
#purchaseSubmit { margin: 30px 0 0; border-top: 1px solid #ACAEB0; padding: 10px 0; clear: both; width: 100%; }
#letsPay { float: right; }
#submitArea { text-align: right; }
#cartTermsAgreeMustShow { font-size: 13px; }
#cartTermsAgreeMustShow A { color: #000; font-weight: bold; text-decoration: underline; }
#cartTermsAgreeMustShow A:hover { color: #FF007F; }
#termsAgree { width: auto; border: none; padding: 0; vertical-align: middle; margin: -3px 0 0 5px; }
.orderValidationError { color: #DD0000; font-size: 13px; font-weight: bold; display: block; }
.cardDescription { color: #666666; font-size: 12px; font-style: italic; font-weight: normal; line-height: normal; }
A#showTerms { background: url(/images/viewTerms.gif) no-repeat; display: block; float: right; width: 181px; height: 29px; cursor: pointer; margin: 10px 0 0; text-indent: -5000px; }
#purchaseDetails .tableCell,#purchaseDetails .tableCellR,#purchaseDetails .tableCellBR,#purchaseDetails .tableCellB { padding: 7px; border-bottom: 1px solid #ACAEB0; vertical-align: middle; }
.tableCellB,.tableCellBR { border: none !important; }
#cartProcess { float: right; width: 335px; margin: 9px 0 0; background: url(/images/divider.gif) repeat-x bottom; padding: 0 0 10px; }
.step { float: left; height: 19px; padding: 0 0 0 30px; color: #999999; }
.step.selected { color: #D03268; }
.stepIcon1,.stepIcon2,.stepIcon3 { background: url(/images/cartSteps.gif) no-repeat; width: 19px; height: 18px; float: left; margin: 2px 5px 0 0; }
.stepIcon1 { background-position: 0 -18px; }
.stepIcon2 { background-position: -19px -18px; }
.stepIcon3 { background-position: -38px -18px; }
.step.selected .stepIcon1 { background-position: 0 0px; }
.step.selected .stepIcon2 { background-position: -19px 0; }
.step.selected .stepIcon3 { background-position: -38px 0; }
#confirmShipping { width: 100%; padding: 30px 0 0; clear: both; }
#confirmShipping TABLE { width: 50%; }
#confirmShipping TABLE.left { float: left; }
#confirmShipping TABLE.right { float: right; }
#confirmShipping TABLE TH { text-align: left; }
#confirmShipping TABLE TD { border: none; text-align: left; padding: 7px; }
#freight { float: right; margin: 10px 17px 0 0; }
/*----------------------------*/
.item STRONG,.cartprice STRONG,.qty STRONG,.subtotal STRONG,.remove { text-transform: uppercase; color: #666; font-weight: bold; }
.item STRONG.productName { text-transform: none; color: #000; }
.item A { color: #000; }
.asterix { color: #FF0000; margin: 0 0 0 3px; }
#cartStatus { /*[disabled]border:1px solid #000000;*/ position: absolute; right: 104px; top: 89px; background: url(/images/trolley.png) no-repeat; padding: 0 0 0 22px; margin: 0; height: 17px; }
#cartStatus A { color: #333; }
#cartStatus A:hover { color: #FF007F; text-decoration: none; }
#cartTermsAgree { display: none; }
#cartControl { position: relative; overflow: hidden; height: 30px; }
#cartControl A { position: absolute; }
#cartBack { left: 0; }
#shoppingCart #foot { padding: 0; }
#shoppingCart #copy { margin-bottom: 25px; }
#shoppingCart TEXTAREA,#shoppingCart INPUT { font-family: inherit; font-size: inherit; }
#cartProgressBar { background: url(/images/cartProgressBar.png) no-repeat; width: 690px; height: 57px; }
#cartProgressBar.cartProgress_1 { background-position: 0 0; }
#cartProgressBar.cartProgress_2,.cartProgress_shippingDetails { background-position: 0 -57px; }
#cartProgressBar.cartProgress_3 { background-position: 0 -113px; }
#cartProgressBar.cartProgress_4 { background-position: 0 -170px; }
#cartProgressBar A { height: 57px; float: left; display: inline; text-indent: -9999px; overflow: hidden; }
#backToCart { width: 166px; }
#backToDetails { width: 183px; }
#shippingDetails TEXTAREA { width: 160px; font-family: inherit; font-size: inherit; }
#confirmOrder TD { padding: 7px; }
#confirmShipping .tableCell,#confirmOrder .tableCell { width: 150px !important; }
#cartButtons { margin: 20px 0; }
#cartButtons * { padding-right: 4px; }
#cartFormSubmit { width: 100px; height: 23px; }
.cartThankYou .selector { margin-bottom: 20px; display: none; }
.shippingNotice ADDRESS { font: normal bold 15px/1.5 sans-serif; text-transform: uppercase; }
#voucherInput { padding: 3px; width: 135px; float: left; margin: 0 6px 0 0; }
#voucherSubmit { float: left; }
#cartShipping,#purchaseDetails .voucher.tableCell { color: #37B900; }

#stockistPay { float: right; }
#stockistLogin FORM>DIV { padding: 58px 0 4px 117px; }
#stockistLogin .width50 { border-color: #000; }
#stockistSignUp .intro { margin-top: -6px; margin-left: -36px; margin: -7px 0px 21px -41px; width: 463px; }
#stockistSignUp FORM>DIV { padding-left: 76px; }
#stockistSignUp .width70 { width: 348px; border-color: #000; }