/*Fireworks Over America*/

/*-----Reset-----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: top; }
:focus { outline: 0; }
body { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; line-height: 1; min-width: 970px; }
body.body { background: #000 url(../images/bg.png) top left no-repeat; color: #fff; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
ol { list-style-type:decimal; list-style-position: inside; }
.noMargin { margin-right: 0px; }
/*-----End Reset-------------------------------------------------------*/




/*-----HTML5-----------------------------------------------------------*/
header, nav, article, footer, address, aside, section { display: block; }
/*-----End HTML5-------------------------------------------------------*/




/*-----Global-----------------------------------------------------------*/
#main { position: relative; width: 960px; margin: 0 auto; padding: 20px 0px 20px 25px; min-height: 450px;
            _height: 450px; background: transparent url(../images/mainBG.png) no-repeat center top; }

p { line-height: 1.3em; }
th { font-weight: bold; padding-bottom: 6px; }
.fLeft { float: left; }
.fRight { float: right; }
header { height: 166px; margin: 0 auto; position: relative; width: 960px; }
.va { padding-left: 3px; vertical-align: middle; }
.roundAll { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.roundTL { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 5px; 
            -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; 
            -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 5px; }

.roundT { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; 
            -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; 
            -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }

#fsLogo { height: 119px; left: -12px; position: absolute; top: 41px; width: 251px; }
#intro { color: #dddddd; font-size: 11px; left: 260px; line-height: 1.8em; position: absolute; top: 61px; width: 370px; }
#stLogo { height: 140px; left: 634px; position: absolute; top: 32px; width: 393px; }
a { color: #fff; text-decoration: underline; }
input.input-validation-error, input.error { background-color: #fcffd2 !important; color: #FF6000 !important;}
label.input-validation-error, span.field-validation-error, label.error
    {
        display: block;
        float: none;
        clear: both;
        margin: 0px;
        padding: 0px;
        text-align: left;
        background-color: Transparent;
        font-weight: normal;
        color: #FF6000;
        font-style: italic;
        
    }
section.content { padding: 0px 60px; }
section.content p { line-height: 1.3em; padding-bottom: 20px; }
/*-----End Global-------------------------------------------------------*/




/*-----Decorative Wrap--------------------------------------------------*/
.content .blueGrunge h1, .content .blueGrunge h2, .content .blueGrunge h3 { color: #000; margin: 0px; padding: 1em 0; }
.content .blueGrunge a { color: #000; }
.blueGrunge { clear: both;  margin: 22px 0 0 0; padding: 16px; width: 668px; color: #000;
                background: #27527e url(../images/grungeComments.png) repeat-y; line-height: 1.5em; }
                
.blueGrunge div.Wrap { background: transparent url(../images/commentsMid.png) repeat-y; padding: 0px 42px; }  
/*-----End Decorative Wrap----------------------------------------------*/




/*-----Typography-------------------------------------------------------*/
.ital { font-style: italic; }
#loginForm label { color: #f3f3f3; font: 10px Tahoma bold; padding-right: 5px; }
.forgotPass, .forgotPass a { color: #f3f3f3; font: 10px Tahoma bold; font-style: italic; }
h1 { font-size: 18px; font-weight: bold; color: #fefefe; }
/*-----End Typography---------------------------------------------------*/




/*-----Buttons----------------------------------------------------------*/
.btnLogin { background: url(../images/btnLogin.gif) repeat-x scroll 0 0 transparent; border: 3px solid #252323; border-radius: 5px; color: #ffffff; cursor: pointer;                 font-family: Georgia, serif; font-size: 12px; font-weight: bold; -moz-border-radius: 5px; padding: 5px; text-decoration: none; -webkit-border-radius: 5px; }
.btnRed { background: url("../images/btnRed.gif") repeat-x scroll 0 0 transparent; border: 3px solid #7e0000; border-radius: 5px; color: #FFFFFF; cursor: pointer; 
          font-family: Georgia, serif; font-size: 15px; font-weight: bold; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }

.btnYellow { background: url(../images/btnYellow.gif) repeat-x scroll 0 0 transparent; border: 3px solid #8d6204; border-radius: 5px; 
            color: #2d2601; cursor: pointer; font-family: Georgia, serif; font-size: 12px; font-weight: bold; 
            -moz-border-radius: 5px; padding: 4px 3px; text-decoration: none; -webkit-border-radius: 5px; }
            
input.btnYellow { background: url(../images/btnYellow.gif) repeat-x scroll 0 0 transparent; border: 3px solid #8d6204; border-radius: 5px; 
            color: #2d2601; cursor: pointer; font-family: Georgia, serif; font-size: 12px; font-weight: bold; 
            -moz-border-radius: 5px; padding: 4px 3px; text-decoration: none; -webkit-border-radius: 5px; margin-top: -9px; }
/*-----End Buttons------------------------------------------------------*/




/*-----Top Login--------------------------------------------------------*/
#acctSearch { position: absolute; right: -18px; top: 8px; z-index: 4; }
#login { background: transparent url(../images/loginBG.png) repeat; color: #dcdcdc; cursor: pointer; display: block; float: left; font-size: 11px;                font-weight: bold; padding: 5px 7px; text-decoration: none; text-shadow: 1px 1px 3px #000000; position: relative; }
#acctSearch a#cart { color:#DCDCDC; float:left; font-size:11px; font-weight:bold; padding:5px 8px; text-decoration:none; text-shadow:1px 1px 3px #000000; }

#acctSearch #searchForm { display: inline; }

#txtSearch { background: transparent url(../images/frmSearch.png) no-repeat; border: 0; color: #dcdcdc; font-size: 11px; font-weight: bold; 
            height: 18px; line-height: 25px; margin-left: 8px; margin-top: 1px; width: 135px; }

.txtLogin { background-color: #d0d0d0; border: 2px solid #252323; height: 18px; margin: 3px 0px 13px 0px; width: 190px; }
#btnSearch { font: 13px Georgia; letter-spacing: 1px; margin-left: 5px; text-transform: uppercase; text-decoration: none; line-height: 24px;  }
#acctLogin { background: transparent url(../images/loginBG.png) repeat; display: none; left: 0px; padding: 15px; position: absolute; top: 24px;
             width: 190px; }
             
#acctLogin.on { background: transparent url(../images/loginBG.png) repeat; display: none; left: 0px; padding: 0px; position: absolute; top: 24px;
             width: auto; }

#acctLogin ul { margin: 0; padding: 0px; }
#acctLogin ul li { line-height: 20px; width: 109px; padding: 2px 10px 3px; }
#acctLogin ul li:hover { background-color: #7c6b6c; }
#acctLogin ul li a { font-size: 10px; font-weight: bold; color: #f3f3f3; text-decoration: none; }
#acctLogin ul li a:hover {}

/*-----End Top Login----------------------------------------------------*/




/*-----Nav--------------------------------------------------------------*/
nav { background: transparent url(../images/navBG.gif) repeat-x 0px 1px; height: 48px; margin-top: 10px; width: 100%; z-index: 3; }
nav ul { background: transparent url(../images/navShadow.png) no-repeat 0px 28px; height: 48px; margin: 0 auto; width: 915px; }
nav ul li { color: #b3b3b3; float: left; font-size: 13px; height: 48px; line-height: 27px; padding: 0px 35px 0px 35px; text-transform: uppercase; }
nav ul li a { color: #b3b3b3; font-family: Georgia, serif; font-weight: bold; text-decoration: none; }
nav ul li a:hover { color: #fff; text-decoration: none; }

body.home #homeNav, body.error #homeNav, body.home #homeNav, body.privacy #homeNav, body.terms #homeNav, body.discountpolicy #homeNav, body.orderhistory #homeNav, body.account #homeNav, body.tips #homeNav, body.safety #homeNav, body.statelaws #homeNav, body.sitemap #homeNav { background: transparent url(../images/navHome.png) no-repeat; height: 48px; }
body.buildashow #buildNav { background: transparent url(../images/navBuild.png) no-repeat; height: 48px; }
body.location #locationsNav { background: transparent url(../images/navLocations.png) no-repeat; height: 48px; }
body.about #aboutNav { background: transparent url(../images/navAbout.png) no-repeat; height: 48px; }
body.product #productsNav { background: transparent url(../images/navProducts.png) no-repeat; height: 48px; }
body.shoppingcart #productsNav { background: transparent url(../images/navProducts.png) no-repeat; height: 48px; }
body.contact #contactNav { background: transparent url(../images/navContact.png) no-repeat; height: 48px; }

body.home #homeNav a, body.error #homeNav a, body.privacy #homeNav a, body.terms #homeNav a , body.discountpolicy #homeNav a, body.orderhistory #homeNav a, body.account #homeNav a, body.tips #homeNav a, body.safety #homeNav a, body.statelaws #homeNav a, body.sitemap #homeNav a  { color: #fff; }
body.buildashow #buildNav a { color: #fff; }
body.location #locationsNav a { color: #fff; }
body.about #aboutNav a { color: #fff; }
body.product #productsNav a { color: #fff; }
body.shoppingcart #productsNav a { color: #fff; }
body.contact #contactNav a { color: #fff; }
/*-----End Nav----------------------------------------------------------*/




/*-----Headers----------------------------------------------------------*/
h1 { font-size: 18px; font-weight: bold; margin: 1em 0; }
#product h1 { margin: 1em 1em .5em 1em; }
h2 { font-size: 15px; font-weight: bold; margin: 1em 0; }
/*-----End Headers------------------------------------------------------*/


/*-----Inline Popin-----------------------------------------------------*/
.iData { width: 500px; }
.iData h1 { font-size: 18px; padding: 1em 0; font-weight: bold; }
.iData h2 { font-size: 16px; padding: 1em 0; font-weight: bold; }
.iData p { line-height:1.3em; margin-bottom:20px; }
/*-----End Inline Popin--------------------------------------------------*/


/*-----Products and Categories Landing----------------------------------*/
#product #breadcrumb, #productLeft #breadcrumb { font-weight: bold; }
#product #breadcrumb a, #productLeft #breadcrumb a { color: #c6c6c6; }
#product #breadcrumb .crumb, #productLeft #breadcrumb .crumb { color: #c6c6c6; }
.prodDesc { line-height: 1.33em; width: 720px; }
.catDesc { line-height: 1.33em; width: 620px; }
#categories { clear: both; width: 100%; }
#categories li { color: #fff; display: block; float: left; margin-right: 15px; padding-top: 37px; text-align: center; width: 170px; min-height: 227px; _height: 227px;}
#categories li a, #categories li a:visited { color: #fff; text-decoration: none; }
#categories li img { vertical-align: bottom; }
.catName { display: block; font-size: 16px; font-weight: bold; line-height: 1.33em; }
#products { clear: both; width: 100%; }
#products li { color: #fff; display: block; float: left; height: 216px; margin-right: 15px; overflow: hidden; padding-top: 37px; text-align: center; width: 170px; }
#products li a, #products li a:visited { color: #fff; text-decoration: none; }
#products li img { vertical-align: bottom; }
.prodName { display: block; font-size: 12px; font-weight: bold; line-height: 1.33em; }
#pager { bottom: -35px; font-size: 15px; font-weight: bold; left: 10px; position: absolute; }
#pager a { color: #cdcdcd; padding: 0px 5px; text-decoration: none; }
#pager a#current, #pager a.active_page { color: #fffefe; text-decoration: underline; }
#pager a:hover { text-decoration: underline; }
#pager a.np { padding: 0px; }
/*-----End Products and Categories Landing------------------------------*/




/*-----Product Page-----------------------------------------------------*/
#productLeft { float: left; margin-right: 20px; width: 700px; }
#productLeft #mainProductImage { display: block; float: left; width: 300px; min-height: 267px; margin-right: 18px; margin-top: 35px; }
#productDetail { float: left; margin: 35px 0 97px 0; width: 381px; }
#productDetail h1 { color: #fff; font-size: 16px; font-weight: bold; }
#productDetail p { line-height: 1.3em; margin-bottom: 1.75em; }
#productDetail table { margin-bottom: 1.75em; width: 237px; }
#productDetail table tr th { text-align: center; }
#productDetail table tr th.first { text-align: left; }
#productDetail table tr td { background-color: #a20203; border-bottom: 1px solid #870202; padding: 10px 0px; text-align: center; }
#productDetail table tr.even td { background-color: #910205; }
#productDetail table tr td.first { padding: 10px 0px 10px 10px; text-align: left; }
#productDetail table tr td input { background-color: #7e0202; border: 0; color: #fff; line-height: 19px; text-align: center; width: 37px; }
#productDetail #interactive { margin: 20px 0 12px 0; padding: 0px; }
#productDetail #interactive li { display: inline; padding: 0 0 0 1.2em; }
#productDetail #interactive li.first { display: inline; padding: 0; }
#productDetail #interactive a { font-weight: bold; }
#productDetail label.input-validation-error { display: none !important;}

#relatedProducts { position: relative; background: transparent url(../images/ymalBG.png) no-repeat; clear: both; height: 194px; width: 700px; }
#relatedProducts h3 { position: absolute; top: -33px; left: -26px; background: transparent url(../images/ymalFlag.png) no-repeat; width: 229px; height: 80px; text-indent: -5000px; }

#relatedProducts ul { margin: 0; padding: 40px 36px 0px 36px; color: #c6c6c6; font-size: 10px; text-align: center; line-height: 1.3em; }
#relatedProducts ul li { display: block; float: left; width: 100px; margin-right: 32px; }
#relatedProducts ul li.last { margin-right: 0px; }
#relatedProducts ul li a { display: block; color: #c6c6c6; font-size: 10px; font-weight: bold; text-decoration: none; }
#relatedProducts ul li a:hover { text-decoration: underline; }
#relatedProducts ul li img { display: block; margin: 0 auto; }

/*#comments { margin: 22px 0 0 0; padding: 16px; width: 668px; min-height: 430px; background: #27527e url(../images/grungeComments.png) repeat-y; }*/

#comments { clear: both; float: left; margin: 22px 0 0 0; padding: 16px; width: 668px; color: #000;
                            background: #27527e url(../images/grungeComments.png) repeat-y; line-height: 1.5em; }

#comments .Wrap { color: #000; background: transparent url(../images/commentsMid.png) repeat-y; padding: 0px 42px; }
#comments .Wrap a { color: #000; }


#imageAction { margin-top: 10px; }
#imageAction img{ padding-right: 15px; }
#shoppingList { position: relative; background: #c4a603 url(../images/grungeSideList.png) repeat-y; float: left; width: 220px; }
#shoppingList h2 { position: absolute; top: -2px; left: -19px; background: transparent url(../images/sideListTop.png) no-repeat; width: 248px; height: 77px;
                    padding: 0px; margin: 0px; text-indent: -5000px; }
#shoppingList h3 { margin: 0px; padding: 0px; text-indent: -5000px; background: url(../images/bonusSmall.png) no-repeat; width: 220px; height: 56px; }
#shoppingList .cartItems { background: transparent url(../images/sideListMid.png) repeat-y; padding: 76px 20px 1px 20px; color: #3b3b3b; }
#shoppingList .cartItems li { position: relative; background: transparent url(../images/sideListSep.png) no-repeat bottom; padding: 0 9px 8px 9px; margin-bottom: 10px; }
#shoppingList .cartItems li a { font-weight: bold; color: #3b3b3b; display: block; margin-bottom: 5px; }
#shoppingList .cartItems li a.remove { position: absolute; top: 0px; right: 16px; }
#shoppingList .cartItems li input { width: 31px; background-color: #b39138; text-align: center; font-size: 11px; color: #3b3b3b; border: 0; margin-right: 30px; }
#shoppingList #cartTotals { background: transparent url(../images/sideListBottom.png) no-repeat; width: 180px; height: 88px; 
                            padding: 11px 20px 0px 20px; color: #e3e3e3; line-height: 20px; }

#shoppingList #cartTotals li.left { float: left; }
#shoppingList #cartTotals li.right { float: right; text-align: right; font-weight: bold; }
#shoppingList p { padding: 0px 10px 10px 10px; color: #3b3b3b; }
#shoppingList p#savingsCallOut { background: #a37d18 url(../images/sideListSep.png) top repeat-x; padding: 10px; text-align: center; margin-bottom: 10px; color: #f9f6f0; }
#shoppingList #actions { padding: 0; margin: 10px 0px; text-align: center; }
#shoppingList #actions li { display: inline; margin-right: 10px; }
#shoppingList #actions li.last { margin-right: 0px; }
#shoppingList img { position: absolute; bottom: -14px; }

#shoppingList .cartItems label.input-validation-error { display: none !important;}

/*-----End Product Page-------------------------------------------------*/




/*-----Shopping List---------------------------------------------------*/
#listReview { background: #c4a603 url(../images/grunge_720.png) repeat-y; margin: 40px auto 23px auto; padding-bottom: 15px; position: relative; width: 770px; }
#listReview h1 { background: transparent url(../images/banner_shoppingList.png) no-repeat; height: 106px; left: -24px; 
                position: absolute; text-indent: -5000px; top: -45px; width: 250px; }

#listReview .top { background: transparent url(../images/listReviewTop.png) no-repeat; color: #3f2e00; font-weight: bold; height: 44px; 
                line-height: 26px; text-align: right; width: 770px; }

#listReview .top select { background-color: #dfcfa4; border: 1px solid #635514; color: #6b6b6b; font-family: Tahoma, Geneva, sans-serif; 
                        font-size: 12px; height: 19px; margin: 0px 11px; padding: 0px 0px 0px 6px; }

#listReview #listGrid { background: transparent url(../images/listReviewMid.png) repeat-y; width: 770px; }
#listReview #priceTotal { background: transparent url(../images/listReviewBottom.png) no-repeat; height: 105px; position: relative; width: 770px; }
#listReview #priceTotal input { position: absolute; top: 48px; left: 34px; }
#listGrid table { color: #3b3b3b; display: block; margin: 0 auto; width: 700px; }
#listGrid table tr .TName a { color: #3b3b3b; display: block; font-weight: bold; }
#listGrid table tr th { color: #7f7149; padding-top: 30px; }
#listGrid table tr { background: transparent url(../images/bevelCartContent.gif) bottom repeat-x; }
#listGrid table tr.first, #listGrid table tr.last { background: transparent; }
#listGrid table tr td { vertical-align: middle; }
#listGrid table tr .TQuantity input { background-color: #b39138; border: 0; height: 20px; text-align: center; width: 47px; }
.TImage { padding: 10px 0 10px 18px; width: 93px; }
.TName { padding: 0 50px 0 15px; width: 280px; }
.TQuantity { padding-right: 50px; text-align: center; }
.TPrice { font-weight: bold; padding-right: 36px; text-align: center; }
.TRemove { text-align: center; }
#tsc { font-weight: bold; position: absolute; right: 315px; top: 17px; }
#tsc span { left: 159px; position: absolute; top: 0px; }
#ot { font-weight: bold; position: absolute; right: 315px; top: 43px; }
#ot span { left: 222px; position: absolute; top: 0px; }
#listBonus { background: #c4a603 url(../images/grunge_720.png) repeat-y; margin: 0 auto 23px auto; padding-bottom: 15px; position: relative; width: 770px; }
#listBonus h2 { background: transparent url(../images/bonusLarge.png) no-repeat; display: block; height: 78px; margin: 0px 0px 0px 9px; 
                text-indent: -5000px; width: 756px; }

#listBonus .details { background: transparent url(../images/yellowLineBG.png) repeat-y -1px 0px; color: #3b3b3b; display: block; 
                    font-size: 17px; line-height: 1.5em; padding: 0px 49px 5px 49px; width: 672px; }

#listBonus .details span { display: block; font-size: 20px; font-weight: bold; }
#listBonus .cta { background: transparent url(../images/bonusListBottom.png) no-repeat -1px 0px; height: 45px; padding: 23px 49px 0px 49px; 
                position: relative; width: 672px; }

#listBonus .cta .btnYellow.right { position: absolute; right: 44px; top: 14px; }
#listSpecial { background: #c4a603 url(../images/grunge_720.png) repeat-y; margin: 0 auto; padding-bottom: 15px; position: relative; width: 770px; }
#listSpecial h3 { background: transparent url(../images/specialListTop.png) no-repeat 0px 0px; height: 98px; left: -20px; 
                position: absolute; text-indent: -5000px; top: -16px; width: 790px; }

#listSpecial .details { background: transparent url(../images/yellowLineBG_specials.png) repeat-y 0px 0px; color: #3b3b3b; 
                        display: block; line-height: 2em; margin-top: 20px; padding: 80px 49px 5px 49px; text-align: left; width: 672px; }

#listSpecial .cta { background: transparent url(../images/specialListBottom.png) no-repeat; height: 55px; padding: 5px 0 0 565px; width: 247px; }
#listSpecial #pickUpDate { background-color: #B39138; border: 0 none; height: 20px; width: 191px; }
#listSpecial select { background-color: #DFCFA4; border: 1px solid #635514; color: #6B6B6B; 
                    font-family: Tahoma,Geneva,sans-serif; font-size: 12px; height: 20px; margin: 0px 0px 9px 0px; padding: 0 0 0 6px; }

#listSpecial #Details_Comments { background-color: #B39138; border: 0 none; height: 83px; margin-top: 10px; width: 486px; resize: none; }
#listSpecial .details table tr td { vertical-align: top; }
/*-----End Shopping List------------------------------------------------*/




/*-----Order Confirmation-----------------------------------------------*/
#orderConfirm { background: #c4a603 url(../images/grunge_720.png) repeat; color: #3b3b3b; 
                margin: 40px auto 0px auto; width: 770px; }
#orderConfirm #confirmContent { background: transparent url(../images/listReviewMid.png) repeat-y; padding:20px 0px 0px 45px; width: 725px; }
#orderConfirm h2, h3 { color: #3b3b3b; font-size: 15px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px; }
#orderConfirm ul { line-height: 1.5em; margin: 0px 0px 0px 36px; padding: 0px; }
#orderConfirm ul li { list-style: none; }
#orderConfirm aside { margin: 8px 0px 8px 20px; line-height:1.5em;}
#orderConfirm .top { background: transparent url(../images/confirmationTop.png) no-repeat; color: #3f2e00; font-weight: bold; height: 29px; 
                 width: 770px; }
#orderConfirm .bottom  { background: transparent url(../images/confirmationBottom.png) no-repeat; color: #3f2e00; font-weight: bold; height: 66px; 
                width: 770px; }
#orderConfirm table { color: #3b3b3b; display: block; margin: 0; width: 400px;  }
.tfoot { font-size:12px; font-weight:bold; border-top: solid 1px #3b3b3b;}
#orderConfirm td { width: 75px; padding: 2px 0px 2px 0px;}
#orderConfirm td a { text-decoration:underline; font-weight:bold; font-size:12px; color: #3b3b3b;}
                
                
/*-----End Order Confirmation-------------------------------------------*/




/*-----Registration-----------------------------------------------------*/
#registration { margin: 0 0 0 60px; width: 525px; }
#registration h1 { color: #f3f3f3; font-size: 15px; font-weight: bold; margin: 0 0 15px 0; padding: 0; }
#registration form { margin-top: 20px; }
/*#registration label { display: block; float: left; font-weight: bold; margin-right: 20px; margin-top: 10px; padding-bottom: 7px; width: 220px; }*/
#registration label { display: block; font-weight: bold; padding-bottom: 7px; }
#registration .form-area { float: left; width: 220px; margin-right: 20px; margin-top: 10px; }
#registration .form-area#ageCheck { padding-top: 20px; }
#registration form label.cf { float: none; font-weight: bold; margin-right: 20px; margin-top: 10px; padding-bottom: 7px; width: 220px; }
#registration form input.text { background-color: #dddddd; border: 1px solid #676767; float: left; margin-right: 17px; width: 220px; }
#registration form input.textCF { background-color: #dddddd; border: 1px solid #676767; clear: left; margin-right: 17px; width: 220px; }
#registration form .drop { background-color: #dddddd; border: 1px solid #676767; float: left; margin-right: 17px; width: 220px; }
#registration form legend { font-weight: bold; margin-bottom: 5px; padding-bottom: 7px; }
#registration form .field-validation-error { display: block; color: #FF6000;}
#registration form #email { margin-top: 35px; }
#registration form #options { margin-top: 20px; }
#registration form #vip { margin-top: 35px; }
#registration form #acct { margin-top: 35px; }
#registration form #terms { margin-bottom: 23px; margin-top: 35px; }

body.account div.validation-summary-errors { color: #ff6000; font-weight: bold; font-size: 12px; padding-top: 8px; }
/*-----End Registration-------------------------------------------------*/





/*-----Contact----------------------------------------------------------*/
#contactUs table { width: 460px; }
#contactUs label { font-weight: bold; }
#contactUs input.text { background-color: #dddddd; border: 1px solid #676767; margin-right: 17px; width: 220px; }
#contactUs textarea { background-color: #dddddd; border: 1px solid #676767; margin-right: 17px; width: 460px; height: 100px; }
/*-----End Contact------------------------------------------------------*/





body.shoppingcart .blueGrunge { clear: both;  margin: 0; padding: 16px; width: 668px; color: #000;
                            background: #27527e url(../images/grungeComments.png) repeat-y; line-height: 1.5em; }

body.shoppingcart .blueGrunge div.Wrap { background: transparent url(../images/commentsMid.png) repeat-y; padding: 0px 42px; }              

body.shoppingcart table.cartSummary { width: 100%; margin-top: 15px; }

body.shoppingcart table.cartSummary td { vertical-align: middle; }    

/*--------------- SITE SEARCH ---------------------------- */

body.search .blueGrunge, body.statelaws .blueGrunge { clear: both;  margin: 22px 0 0 0; padding: 16px; width: 668px; color: #000;
                            background: #27527e url(../images/grungeComments.png) repeat-y; line-height: 1.5em; }
                            
body.search .blueGrunge h3 { font-size: 17px; font-weight: bold; margin: 4px 0 15px 0; padding: 0px; }

body.search .blueGrunge h4 { font-size: 17px; margin: 4px 0 15px 0; padding: 0px; }
                            
body.search .blueGrunge div.Wrap, body.statelaws .blueGrunge div.Wrap { background: transparent url(../images/commentsMid.png) repeat-y; padding: 0px 42px; }              
              
body.search .blueGrunge div.Sec { clear: both; padding: 12px 0px; border-bottom: 2px solid #e0e0e0; }


body.search .blueGrunge div.Sec.first { clear: both; padding: 12px 0px; border-bottom: 2px solid #e0e0e0; min-height: 200px; }

body.search .blueGrunge div.Sec p { margin-bottom: 15px; }

body.search .blueGrunge div.Sec.p p { margin-bottom: 0px; }

body.search .blueGrunge div.Sec img { display: block; float: left; margin: 5px 10px; border: 2px solid #fff; }

body.search .search_result a { color: Black; }

.search ul.searchtabs{list-style: none; margin-top: 10px;}
.search ul.searchtabs li{
    float: left; 
    margin: 0; 
    padding: 0;
}

.search_result dd { margin-bottom: 15px; }

.search ul.searchtabs li a{
    display: block;
    padding: .75em 1.5em;
    background-color: white;
    border: 1px solid #99b58c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-bottom: none;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    color: #567632;
}
.search ul.searchtabs li a:hover{
    background-color: #cedbaf;
    }
.sitesearch ul.searchtabs li#tab-all{margin-bottom: -1px;}
.sitesearch ul.searchtabs li#tab-all a
{
    background-color: #cedbaf;
}    
.productsearch ul.searchtabs li#tab-products{margin-bottom: -1px;}
.productsearch ul.searchtabs li#tab-products a
{
    background-color: #cedbaf;
}  

.search #filtered_category_label{
    border:1px solid #99B58C;
    margin-top: -1px;
    font-size: .75em;
}
#filtered_category_label {background-color:#cedbaf; color:#567632; font-weight:bold; padding:8px 10px 8px 20px; margin:10px 0px 10px 0px;}


/*-------------- END SITE SEARCH ------------------*/

/*-----Locations--------------------------------------------------------*/
#locations { }
#locations dl { display: block; float: left; width: 296px; height: 400px; margin-right: 20px; padding: 10px 12px; overflow: auto; 
                background: transparent url(../images/transBlack.png) repeat; }

#locations dl dt { clear: both; font-weight: bold; color: #fefefe; padding-top: 15px; margin-bottom: 5px; }

#locations dd img { display: block; float: left; margin: 5px 10px; border: 2px solid #fff; }

#locations dd p { padding-top: 5px; }

body.location .blueGrunge { clear: both; float: left; margin: 22px 0 0 0; padding: 16px; width: 668px; color: #000;
                            background: #27527e url(../images/grungeComments.png) repeat-y; line-height: 1.5em; }
                            
body.location .blueGrunge h3 { font-size: 17px; font-weight: bold; margin: 4px 0 15px 0; padding: 0px; }

body.location .blueGrunge h4 { font-size: 17px; margin: 4px 0 15px 0; padding: 0px; }
                            
body.location .blueGrunge div.Wrap { color: Black; background: transparent url(../images/commentsMid.png) repeat-y; padding: 0px 42px; }              
              
body.location .blueGrunge div.Sec { clear: both; padding: 12px 0px; border-bottom: 2px solid #e0e0e0; }


body.location .blueGrunge div.Sec.first { clear: both; padding: 12px 0px; border-bottom: 2px solid #e0e0e0; min-height: 200px; }

body.location .blueGrunge div.Sec p { margin-bottom: 15px; }

body.location .blueGrunge div.Sec.p p { margin-bottom: 0px; }

body.location .blueGrunge div.Sec img { display: block; float: left; margin: 5px 10px; border: 2px solid #fff; }

#map { float: left; width:576px; height: 412px; border: 2px solid #fff; color: #000; margin-left: 20px;}

#promotions { position: relative; width: 220px; float: right; margin: 22px 0 0 20px; 
                background: url("../images/grungeSideList.png") repeat-y scroll 0 0 #C4A603;}

#promotions h2 { position: absolute; top: -10px; left: -20px; text-indent: -5000px; background: transparent url(../images/banner_promotions.png);
                    width:  254px; height: 96px; margin: 0;}

#promotions div.Wrap { background: transparent url("../images/smallYellowMid.png") repeat-y; margin-top: 20px;
                        width: 160px; padding: 64px 30px 12px 30px; color: #000; line-height: 1.5em;}                
                
/*-----End Locations----------------------------------------------------*/




/*-----Discount Policy--------------------------------------------------*/
#discountpolicy { padding: 0px 60px; /*width: 535px;*/ }
#discountpolicy table { margin-bottom: 1.75em; margin-top: 20px; }
#discountpolicy table tr th { text-align: right; padding: 0 11px 5px 0; }
#discountpolicy table tr th.even { text-align: left; padding: 0 0 5px 11px; }
#discountpolicy table tr td { background-color: #a20203; border-bottom: 1px solid #870202; padding: 10px 11px 10px 45px; text-align: right; }
#discountpolicy table tr td.even { text-align: left; padding: 10px 45px 10px 11px; }
#discountpolicy table tr.even td { background-color: #910205; }
#discountpolicy ul { font-size: 10px; color: #c6c6c6; list-style: none; line-height: 1.5em; }
#discountpolicy h3 { font-size: 12px; font-weight: bold; color: #FEFEFE; margin: 1em 0; }
/*-----End Discount Policy----------------------------------------------*/



/*-----Order History Policy--------------------------------------------*/
#orderhistory { padding: 0px 60px; }
#orderhistory table { margin-bottom: 1.75em; margin-top: 20px; }
#orderhistory table tr th { padding-right: 30px; }
#orderhistory table tr th.even {  }
#orderhistory table tr td { background-color: #a20203; border-bottom: 1px solid #870202; padding: 10px 30px 10px 5px; }
#orderhistory table tr td.even { }
#orderhistory table tr.even td { background-color: #910205; }
/*-----End Order History Policy----------------------------------------*/




/*-----Account Login---------------------------------------------------*/
#logon h1 { margin-top: 0px; }
#logon { margin-top: 20px; padding: 0px 60px; }
#logon .text { background-color: #dddddd; border: 1px solid #676767; margin: 7px 0 0 0; width: 220px; }
#logon .btnRed.b { display: block; margin-top: 25px; }
#logon label { display: block; font-weight: bold; margin-top: 10px }
#logon label a { font-size: 10px; color: #c1c1c1; font-style: italic; text-decoration: none; }
#logon #left { float: left; width: 345px; padding-right: 40px; 
                background: transparent url(../images/loginRight.png) no-repeat top right; }
#logon #right { float: left; width: 345px; padding-left: 40px; }
#logon #right p { margin-bottom: 25px; }
/*-----End Account Login-----------------------------------------------*/



/*-----About-----------------------------------------------------------*/
section#about { float: left; width: 400px; margin-right: 35px; }
section#aboutVideo { float: right; margin-top: 1.3em;  }
section#about h1 { margin-bottom: .5em; }
section#about p { margin-bottom: 1.3em; }
/*-----End About-------------------------------------------------------*/





/*-----State Laws-------------------------------------------------------*/
#fillStateLaw { display: none; } 
#fillStateLaw p { margin-bottom: 0px; }
#locationDetails span { display: block; padding-top: 1em; font-weight: bold; }
/*-----End State Laws---------------------------------------------------*/



/*-----Home------------------------------------------------------------*/
#home { font-size: 11px; position: relative; height: 560px; }

#bigSound { position: absolute; top: 0px; left: 0px; width: 416px; height: 272px; color: #fff; text-decoration: none; }
#bigSound span { position: absolute; top: 190px; left: 40px; width: 140px; line-height: 1.5em; }

#LightUp { position: absolute; top: 0px; left: 430px; width: 223px; height: 419px; color: #fff; text-decoration: none; }
#LightUp span { position: absolute; top: 106px; left: 30px; width: 166px; line-height: 1.5em; }

#featuredRight { position: absolute; top: 0px; left: 670px; width: 292px; height: 273px; color: #fff; text-decoration: none; }
#featuredRight span { position: absolute; top: 50px; left: 36px; width: 115px; line-height: 1.5em; }

#featuredLeft { position: absolute; top: 280px; left: -10px; width: 421px; height: 144px; color: #414141; text-decoration: none; }
#featuredLeft span { position: absolute; top: 35px; left: 280px; width: 110px; line-height: 1.5em; }

#home #coupons { position: absolute; top: 285px; left: 670px; }

#home #staffFavs { position: absolute; top: 440px; left: 0px; }
#home #newItems { position: absolute; top: 440px; left: 144px; }
#home #showStarters { position: absolute; top: 440px; left: 282px; }
#home #buildShow { position: absolute; top: 440px; left: 430px; }

#home #content { position: absolute; top: 473px; right: 0px; width: 370px; font-size: 11px; color: #dddddd; }
#home #content p { line-height: 1.5em; } 
/*-----End Home--------------------------------------------------------*/



/*-----Copy Pages------------------------------------------------------*/
.content h1 { font-size: 18px; font-weight: bold; color: #FEFEFE; margin-bottom: 1em; }
.content h2 { font-size: 17px; font-weight: bold; color: #FEFEFE; margin-bottom: .75em; }
.content h3 { font-size: 14px; font-weight: bold; color: #FEFEFE; margin-bottom: .75em; }
.content h4 { font-size: 12px; font-weight: bold; color: #FEFEFE; }
/*-----End Copy Pages--------------------------------------------------*/




/*-----Site Map--------------------------------------------------------*/
#sitemapList { display:inline; float:left; margin:30px 0 0 0; width:95%; }
#sitemapList dt { font-size: 16px; padding: 1em 0; font-weight: bold; clear: both; }
#sitemapList dd { display:inline; float:left; margin:0; padding:0 0 0 1%; text-align:left; width:32%; }
/*-----End Site Map----------------------------------------------------*/





/*-----Footer-----------------------------------------------------------*/
footer { background: transparent url(../images/footerBG.png) repeat-x top; margin: 50px auto 25px auto; padding: 17px 8px; width: 940px; }
#sitemap { float: left; }
#sitemap a { color: #dcdcdc; font-family: Georgia, serif; font-size: 11px; padding: 0px 14px; text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }
#sitemap a.first { padding: 0px 14px 0px 0px; }
#sitemap p { color: #a89a9a; font-size: 10px; margin-top: 20px; }
#sitemap p img { vertical-align: middle; }
#social { color: #dcdcdc; float: right; font-family: Georgia, serif; font-size: 11px; text-align: right; }
#social img { padding: 0px 4px; }
#social img.last { padding: 0px 0px 0px 4px; }
#social p { color: #a89a9a; font-size: 10px; margin-top: 20px; }
/*-----End Footer-------------------------------------------------------*/



/* ------------------ DYNAMIC HTML -----------------------*/

div.dynamichtml-container { position: relative; }
div.dynamichtml-container:hover div.dynamichtml-edit-controls { display: block; }
div.dynamichtml-edit-controls { position: absolute; bottom: -16px; left: 0; display: none; width: 60px; }

/* ---------------- END DYNAMIC HTML ---------------------*/