/*
Theme Name: shoprockamerica.com
Theme URI: http://shoprockamerica.com/
Description: 2011 Theme for shoprockamerica.com, designed & built by Lightburn Designs.
Author: Lightburn Designs, http://lightburndesigns.com, Follow us on Twitter @lightburn
*/

/*

    Red:    #9d221e
    Cream:  #fdedc9
    Blue:   #0e2e3c
    Gray:   #332f28

*/



/*:: Imports & Fonts
----------------------------------------------------------*/
    @import url(/content/tools.css);
    @font-face {
        font-family: 'LeagueGothicRegular';
        src: url('fonts/League_Gothic-webfont.eot');
        src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/League_Gothic-webfont.woff') format('woff'),
             url('fonts/League_Gothic-webfont.ttf') format('truetype'),
             url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
        font-weight: normal;
        font-style: normal;}


/*:: Body & typography
----------------------------------------------------------*/
    body{background:#000 url(images/bg.jpg) repeat-x 0 0; padding-bottom:86px; -webkit-font-smoothing: antialiased;}
    #wrapper{width:960px; margin:0 auto; background:url(images/earth.gif) no-repeat center 0;}
    a{text-decoration:none;}
    a:hover{text-decoration:underline;}
    .cf:before,
    .cf:after {
        content:"";
        display:table;
    }
    .cf:after {
        clear:both;
    }
    .cf {
        zoom:1; /* For IE 6/7 (trigger hasLayout) */
    }

/*:: Top Nav
----------------------------------------------------------*/
    #topNav {position:relative; height:41px; width:100%; background:#0e2e3c url(images/bg-top-nav.png) repeat-x 0 0; border-bottom:2px solid #fdedc9; overflow:hidden;}
    #topNav .topNavInner { width:960px; margin:0 auto; }
    #topNav a {color:#fdedc9;font:normal 18px LeagueGothicRegular, Arial, sans-serif;text-transform:uppercase;}
    #topNav a:hover {text-decoration:none;}
    #topNav h3{float:left; font:normal 18px/34px LeagueGothicRegular, Arial, sans-serif; text-transform:uppercase; color:#fdedc9; height:41px; line-height:41px; padding:0 0 0 10px;}
    #topNav .letters{list-style:none; float:left;}
    #topNav .letters li{float:left; height:41px; line-height:41px; padding-right:10px;}
    #topNav .letters a:hover {color:#9d221e;}

    #topNav .miniCart
    {
        float:right;
    }
    #topNav .miniCart a
    {
        float:left;
        font-size:26px;
        height:41px;
        line-height:41px;
    }

    #topNav .miniCart a.viewCart
    {
        background:url(images/btn-cart.gif) no-repeat right 8px;
        padding-right:26px;
        margin-right:12px;
    }
    #topNav .miniCart a.viewCart span
    {
        color:#000;
        font-size:18px;
        display:inline-block;
        text-align:center;
        vertical-align:middle;
        margin-left:10px;
        width:14px;
    }
    
    #topNav .miniCart a.checkout
    {
        background:url(images/btn-checkout.gif) no-repeat right 10px;
        padding-right:24px;
    }


/*:: Header
----------------------------------------------------------*/
    #logo a{display:block; text-indent:-1000em; height:114px; width:735px; margin:0 auto; background:url(images/logo.png) no-repeat 0 27px; padding:27px 0 20px 0;}


/*:: Navigation
----------------------------------------------------------*/
    #navBar{height:48px; width:950px; background:url(images/bg-nav.gif) no-repeat 0 0; padding:5px; margin:0 0 10px; position:relative; z-index:1000;}
    #navBar ul{list-style:none;}
    #navBar ul li{float:left; position: relative;}
    #navBar ul li h3{font-weight:normal;}
    #navBar ul li a{color:#fdedc9; font:normal 22px LeagueGothicRegular, Arial, sans-serif; height:34px; float:left; padding:14px 9px 0 9px; text-transform:uppercase;}
    #navBar ul li.droppy:first-child a{padding-left:18px;}
    #navBar ul li a:hover, #navBar ul li.hover a, #navBar ul li a.on{background:#fdedc9; color:#9d221e; text-decoration:none;}
    
    #navBar ul li div.droppy{display:none; position:absolute; top:48px; left:0; width:332px; min-height:57px; background: #fdedc9 url(images/bg-droppy.png) no-repeat left bottom; border-top:5px solid #fdedc9;}
    #navBar ul li.hover div.droppy{display:block;}
    #navBar ul li div.droppy img{float:right; margin:0 8px 20px 0}
    #navBar ul li div.droppy ul{padding:9px 0 7px 5px;float:left;}
    #navBar ul li div.droppy ul li{float: left; position: static; background:transparent url(images/star-small-red.png) no-repeat 0 4px; padding:0 0 5px; width:150px;}
    #navBar ul li div.droppy ul li a{color:#0e2e3c; font-size:18px; height:18px; float:none; padding:0 0 0 15px; background:transparent;}
    #navBar ul li div.droppy ul li a:hover{color:#9d221e; background:transparent;}
    
    #navBar form
    {
        position:absolute;
        right:15px;
        top:15px;
    }
    #navBar input.text
    {
        background:transparent url(images/bg-search.gif) no-repeat 0 0;
        border:0;
        color:#332f28;
        float:left;
        font:normal 18px LeagueGothicRegular, Arial, sans-serif;
        height:26px;
        line-height:26px;
        padding:2px 0 0 6px;
        margin-right:6px;
        text-transform:uppercase;
        width:192px;
    }
    #navBar input.text:focus
    {
        outline:none;
    }
    #navBar input.replace
    {
        float:left;
    }
    
    ul.ui-menu{background:#fdedc9; border-top:2px dashed #0e2e3c; border-bottom:2px dashed #0e2e3c; width:200px; list-style:none; padding:10px;}
    ul.ui-menu a{font:normal 18px LeagueGothicRegular, Arial, sans-serif; text-transform:uppercase; text-decoration:none; color:#847b68; cursor:pointer;}
    ul.ui-menu a:hover{color:#0e2e3c;}/*

/*:: Offers
----------------------------------------------------------*/
    #offers{padding-top:10px;}
    #offers a{float:left; margin-right:10px;}
    #offers a.item2,
    #offers a.full{margin-right:0;}
    #offers a img{float:left;}


/*:: Ads

    .banner-home{position:relative; width:960px; height:500px;}
    .banner-home a{float:left; padding:5px; width:950px; height:490px; background: #000 url(images/bg-Billboard.gif) no-repeat 0 0; position:relative;}
    .banner-home a span{float:left; position:absolute; top:5px; left:5px; width:950px; height:490px; background: transparent url(images/mask-Billboard.png) no-repeat 0 0;}
    .banner-home a img{float:left;} 
 ----------------------------------------------------------*/
    
    .banner-home { position:relative; width:960px; height:500px; overflow:hidden;}
    .banner-home .slides{ display:block; z-index:0; }
    .banner-home a{float:left; padding:5px; width:950px; height:490px; background: #000 url(images/bg-Billboard.gif) no-repeat 0 0; position:relative;}
    .banner-home a span{float:left; position:absolute; top:5px; left:5px; width:950px; height:490px; background: transparent url(images/mask-Billboard.png) no-repeat 0 0;}
    .banner-home a img{float:left;} 

    .banner-nav{ position:absolute; top:20px; right:20px; z-index:100; }
    .banner-nav a{ float:left; display:block; width:20px; height:20px; padding:0px;  margin-left:5px; text-indent:-9999em; background:url(/Content/images/banner-nav-bg.png) no-repeat 0 -20px transparent; }
    .banner-nav a.activeSlide{ background-position: 0 0; }    
    
    
    #houseAds{padding-top:10px;}
    #houseAds a{float:left; width:313px; height:220px; background-repeat:no-repeat; background-position:0 0; margin-right:10px; position:relative;}
    #houseAds a span{float:left; height:210px; width:303px; background-repeat:no-repeat; background-position:0 0; position:absolute; top:5px; left:5px;}
    #houseAds a img{float:left; margin:5px 0 0 5px;}
    #houseAds a.item1{background-image:url(images/bg-HouseAd1.gif);}
    #houseAds a.item2{background-image:url(images/bg-HouseAd2.gif);}
    #houseAds a.item3{background-image:url(images/bg-HouseAd3.gif); margin-right:0;}
    #houseAds a.item1 span{background-image:url(images/mask-HouseAd1.png);}
    #houseAds a.item2 span{background-image:url(images/mask-HouseAd2.png);}
    #houseAds a.item3 span{background-image:url(images/mask-HouseAd3.png);}


/*:: Title Bar
----------------------------------------------------------*/
    #titleBar {padding:5px 0 10px;}
    #titleBar h2{float:left; font:bold 18px/18px Courier, "Courier New", monospace; color:#fdedc9; text-transform:uppercase;}
    
    #breadcrumbs{float:left; font:bold 14px/18px Courier, "Courier New", monospace; color:#fdedc9; text-transform:uppercase;}
    #breadcrumbs a{color:#fdedc9; text-decoration:none;}
    #breadcrumbs a:hover{text-decoration:underline;}
    
    #sortbar{float:right; font:bold 14px/18px Courier, "Courier New", monospace; color:#fdedc9; text-transform:uppercase;}
    #sortbar a{color:#fdedc9; text-decoration:none;}
    #sortbar a.up{background:url(images/sortCaratUp.gif) no-repeat right 5px; padding-right:10px;}
    #sortbar a.down{background:url(images/sortCaratDown.gif) no-repeat right 6px; padding-right:10px;}
    #sortbar a.selected{color:#9D221E; text-decoration:underline;}
    #sortbar a:hover{text-decoration:underline;}
    #sortbar select{display:none;}


/*:: Category / Results
----------------------------------------------------------*/
    #results {width:970px;}
    #results h2{padding:20px 0 10px; font:bold 14px/18px Courier, "Courier New", monospace; color:#fdedc9; text-transform:uppercase;}
    #results h4
    {
        font:normal 28px LeagueGothicRegular, Arial, sans-serif;
        margin-bottom:.2em;
        padding:0 8px;
        text-transform:uppercase;
    }
    #results h5
    {
        border-top:dashed 2px #332f28;
        font:normal 20px LeagueGothicRegular, Arial, sans-serif;
        margin:0 8px .2em;
        padding:10px 0 0;
        text-transform:uppercase;
    }
    #results .filterSidebar
    {
        background:#fdedc9 url(images/filterSidebarTop.gif) no-repeat 0 0;
        float:left;
        margin-right:10px;
        width:184px;
    }
    #results .filters 
    {
        background:url(images/filterSidebarBottom.gif) no-repeat 0 bottom;
        color:#332f28;
        font:12px/16px Arial, sans-serif;
        float:left;
        padding:7px 0 0;
        min-height:104px;
        width:184px;
    }
    #results .currentFilters
    {
        margin-bottom:12px;
    }
    #results .currentFilters ul
    {
        background:url(images/currentFilterHighlight.gif) repeat-y 0 0;
        list-style-type:none;
        padding:8px 0;
    }
    #results .currentFilters ul li
    {
        height:16px; line-height:16px;
        padding:0 8px;
    }
    #results .currentFilters ul li a
    {
        background:url(images/currentFilterX.gif) no-repeat 0 0;
        display:inline-block;
        height:9px;
        text-indent:-9999px;
        width:12px;
    }
    #results .filterOptions
    {
        margin-bottom:10px;
    }
    #results .filterOptionSet
    {
        margin-bottom:12px;
    }
    #results .filterOptionSet ul
    {
        list-style-type:none;
    }
    #results .filterOptionSet ul li a
    {
        color:#888;
        display:block;
        line-height:1.6;
        padding:0 8px;
        text-decoration:none;
        width:168px;
    }
    #results .filterOptionSet ul li a span
    {
        color:#9d221e;
    }
    #results .filterOptionSet ul li a:hover
    {
        background:url(images/currentFilterHighlight.gif) repeat-y 0 0;
        text-decoration:none;
    }
    #results .filterOptionSet ul.scrollyList
    {
        height:180px;
        overflow-x:hidden;
        overflow-y:auto;
        width:176px;
    }
    #results .filterOptionSet.artistFilterOptionSet,
    #results .filterOptionSet.priceRangeFilterOptionSet
    {
        background:url(images/filterSidebarStarOne.gif) no-repeat 160px 16px;
    }
    #results .filterOptionSet.sizeFilterOptionSet
    {
        background:url(images/filterSidebarStartwo.gif) no-repeat 160px 16px;
    }
    #results .resultColumn
    {
        float:left;
        width:776px; /* TODO: Make this work fluidly? Right now, if there's no filter sidebar, the results are in rows of four because of this. Uncommon, but irksome. */
    }
    div.card{position:relative; float:left; margin:0 10px 10px 0; padding:6px; width:172px; height:245px; background:#000 url(images/bg-card.jpg) no-repeat 0 0;}
    div.card a.badge {position:absolute; top:0; left:0;}
    div.card-image {width:172px; height:178px; overflow:hidden;}
    div.card p.name{padding:7px 0 0; font:12px/16px Arial, sans-serif; height:45px; color:#332f28;}
    div.card p.name a{color:#332f28; text-decoration:none;}
    div.card p.name a:hover{color:#9d221e;}
    div.card p.price {padding:0 0 0 13px; font:11px/14px Arial, sans-serif; color:#332f28; background:transparent url(images/star-small-red.png) no-repeat 0 2px;}
    div.card p.price a{color:#332f28; text-decoration:none;}
    div.card p.price a span{color:#9d221e;}


/*:: Paging
----------------------------------------------------------*/
    #paging {padding:0 0 12px; font:14px/18px Courier, "Courier New", monospace; color:#9d221e; text-transform:uppercase; text-align: right;}
    #paging span{color:#fdedc9;}
    #paging a{color:#fdedc9; text-decoration:none;}
    .page-prev {float:left; margin-left:192px;}
    .page-next {}
    .uline {text-decoration:underline !important;}
    
/*:: Item Detail
----------------------------------------------------------*/
    #item-image{position:relative;float:left; padding:6px; width:463px; height:589px; background:#000 url(images/bg-item.jpg) no-repeat 0 0;}
    #item-image .badge{position:absolute;left:0;top:0;}
    
    #item-details{position:relative; float:right; padding:15px 20px 20px; width:435px; height:566px; background:#000 url(images/bg-item-details.jpg) no-repeat 0 0;}
    #item-details h1{font:normal 30px LeagueGothicRegular, Arial, sans-serif; text-transform:uppercase; color:#332f28;}
    #item-details h3{font:12px/18px Arial, sans-serif; color:#332f28; padding:0 0 7px;}
    #item-details p{font:12px/20px Arial, sans-serif; color:#332f28; padding:11px 0;}
    h3#item-sku {color:#aca189;}
    #item-cart{min-height:100px; width: 455px; margin-left: -20px; padding-right:20px; padding-top:10px; background:transparent url(images/cart_background.jpg);}
    #item-quantity {float:left; margin:0 25px 0 20px;}
    #item-quantity p{padding-bottom:0;}
    
    #item-sizes {float:left;}
    #item-sizes select {width:100px;}
    #item-sizes p{padding-bottom:0;}
    #item-sizes input{position:absolute; left:-10000em;}
    #item-sizes label{float:left; padding:0 5px; margin-right:5px; background:#fff; border:1px solid #988e78; font:bold 12px/18px Courier, "Courier New", monospace; color:#988e78; cursor:pointer;}
    #item-sizes label.in-stock{color:#0e2e3c !important; border-color:#0e2e3c !important;}
    #item-sizes label.in-stock:hover, #item-sizes label.focus{color:#fff !important; border-color:#0e2e3c !important; background:#0e2e3c;}
    #item-sizes label.out-of-stock{cursor:default;}   
    #item-gallery{width:435px; height:60px; background:transparent url(images/dash-gray.gif) repeat-x left bottom; position:absolute; bottom:50px;}
    #item-gallery img{float:left; margin-right:10px; border:1px solid #332f28;}
    .description {margin-top:20px;}
    #item-pricing{float:right;}
    #item-pricing p{font:bold 16px/16px Arial, sans-serif; color:#332f28; text-transform:uppercase;}
    #item-pricing p span{color:#9d221e;}
    #item-pricing .btn input{background-color:#8a861c;}
    
    #item-share, #item-oos{padding:0px 0 0 20px; height:50px; float:left;}
    
    .addthis_toolbox {position:absolute; bottom:8px;}
    .addthis_counter .atc_s, .addthis_counter .addthis_button_expanded {background: url(images/addthis.gif) no-repeat; height:20px;}
    .addthis_counter a.atc_s {width:79px;}
    .addthis_button_compact {height:25px !important;}
    .addthis_counter a.atc_s:hover {background-position: 0 0px;}
    
    
/*:: Mini Cart
----------------------------------------------------------*/
    #minicart{border-top:2px solid #fdedc9; position:fixed; width:100%; height:41px; left:0; bottom:0; background:#0e2e3c url(images/bg-minicart.png) repeat-x 0 0;}
    #minicart .cartHolder{position:relative; padding-right:360px;}
    #minicart h2{float:left; padding:5px 0 0 10px; font:28px LeagueGothicRegular, Arial, sans-serif; color:#fdedc9; text-transform:uppercase; display:inline-block;}
    #minicart div.totals{position:absolute; top:1px; right:10px;}
    #minicart div.totals h2 {float:none !important; padding-right:27px; padding-left:5px !important; background:transparent url(images/star-big-red.png) no-repeat right 10px;}
    #minicart div.totals h2 a{color:#fdedc9; text-decoration:none;}
    
    .minicart-item{position:relative; float:left; padding:6px; width:188px; height:19px; background:#fdedc9 url(images/bg-minicart-item.gif) no-repeat 0 0; overflow:hidden; margin:5px 0 0 5px; cursor:pointer;}
    #minicart div.clicked{cursor:auto;}
    .minicart-item a.deletebutton{float:left; margin:0 6px 0 0; width:19px; height:19px; background:#fdedc9 url(images/x-small-blue.gif) no-repeat 0 0;}
    .minicart-item h5{width:163px; overflow-x:hidden; white-space:nowrap;}
    .minicart-item h3, .minicart-item h3 a, .minicart-item h5{font:bold 14px Courier, "Courier New", monospace; color:#0e2e3c; text-decoration:none;}
    .minicart-item h3 a:hover{color:#9d221e;}
    .minicart-item h5{display:inline-block;}
    .minicart-item h3{display:none;}
    
    .minicart-item div.details{display:none;}
    #minicart div.clicked div.details{display:block; background:transparent url(images/dash-gray.gif) repeat-x 0 0; margin:7px 0 0; padding:12px 0 0;}
    
    .minicart-item div.minicart-image{float:right; width:78px; height:95px; overflow:hidden; border:1px solid #0e2e3c; background:#fff;}
    
    .minicart-item div.minicart-etc{float:left; width:90px; font:12px/18px Courier, "Courier New", monospace; color:#0e2e3c; margin:-5px 0 0;}
    .minicart-item div.minicart-etc div{border-bottom:1px dotted #0e2e3c;}
    .minicart-item div.minicart-etc strong{font-weight: bold; float:left; background:#fdedc9; padding-right:2px; margin:5px 0 -5px;}
    .minicart-item div.minicart-etc span{float:right; background:#fdedc9; padding-left:2px; margin:5px 0 -5px;}
    .minicart-item div.minicart-etc em{float:left; margin:5px 0 0;}
    .minicart-item a.remove {float:left; padding:7px 0 0; font:12px/18px Courier, "Courier New", monospace; color:#9d221e; clear:both; white-space:nowrap;}


/*:: Content Areas
----------------------------------------------------------*/
    #content-top{padding:84px 0 0; background:transparent url(images/bg-content-top.jpg) no-repeat left top;}
    #content-mid{background:#fdedc9 url(images/bg-content-mid.jpg) repeat-y right top;}
    #content-btm{margin-top:-70px; padding:0 20px 20px; background:transparent url(images/bg-content-btm.jpg) no-repeat left bottom;}
    #content-btm h2{margin:0 0 10px; padding:0 0 12px; font:normal 30px LeagueGothicRegular, Arial, sans-serif; text-transform:uppercase; color:#332f28; background:transparent url(images/dash-gray.gif) repeat-x left bottom;}
    #content-btm iframe{float:right; border:1px solid #332f28;}
    #content-btm p, #content-btm li, #content-btm address, #content-btm table{font:12px/20px Arial, sans-serif; color:#332f28;}
    #content-btm p, #content-btm address{padding:0 0 15px;}
    #content-btm ol, #content-btm ul{padding:0 0 15px 20px;}
    #content-btm strong{font-weight:bold;}
    #content-btm em{font-style:italic;}
    .button{display: inline-block; background:#332f28 url(images/a-button.png) no-repeat right top; height:24px; padding:0 9px 0 0; font:bold 12px/24px Arial, sans-serif; color:#fdedc9 !important; text-decoration:none; text-transform:uppercase;}
    .button span{display: inline-block; background:#332f28 url(images/a-button-span.jpg) no-repeat left top; height: 24px; padding:0 0 0 9px;}
    .buttonpaypal{display: inline-block; padding: 10px 0 0 0;}
    #contact-form{float:left; margin:10px 20px 0 0; padding:0 20px 0 0; width:459px; border-right:1px solid #d3c8b0;}
    #contact-form ol{list-style:none;margin:0;padding:0;}
    #contact-form ol li{clear:both;}
    #contact-form label{float:left; width:125px; text-align:right; padding-right:10px; line-height:22px;}
    #contact-form input{float:left; width:295px; height:20px; border:1px solid #332f28; margin:0 0 10px;}
    #contact-form select{float:left; width:300px; height:22px; border:1px solid #332f28; margin:0 0 10px;}
    #contact-form textarea{float:left; width:296px; height:100px; border:1px solid #332f28; margin:0 0 10px;}

    #contact-form input:focus,
    #contact-form select:focus,
    #contact-form textarea:focus{outline:none; border-color:#9d221e;}


    #contact-form span.submit{margin:0 0 0 135px; display: inline-block; background:#332f28 url(images/a-button.png) no-repeat right top; height:24px; padding:0 9px 0 0; text-decoration:none; text-transform:uppercase;}
    #contact-form span.submit input.submit{display: inline-block; background:#332f28 url(images/a-button-span.jpg) no-repeat left top; height: 24px; padding:0 0 0 9px; font:bold 12px/24px Arial, sans-serif; color:#fdedc9 !important; width:auto; border:none;}

    .order-status td{font:12px Arial, sans-serif;}
    .order-status th{font:bold 14px Arial, sans-serif; margin-top:10px;}
    .order-status tr.items td{font:bold 14px Courier, "Courier New", monospace; vertical-align:middle; text-align:center; padding:10px 0; border-bottom:1px solid #d3c8b0;}
    .order-status tr.items:hover td{background:#ffe8b5;}

    /* - SUPER SEKRET ACCORDION :O :O :O - */
        #accordion{border-bottom:1px dashed #ccc;}
        #accordion h3,
        #accordion h4{font:normal 20px LeagueGothicRegular, Arial, sans-serif; text-transform:uppercase; color:#332F28;}
        #accordion h3{border-top:1px dashed #ccc; clear:both;}
        #accordion h4{font-size:16px;}
        #accordion h3 span{float:left; height:13px; width:14px; background:url(images/bg-accordion-h3.gif) no-repeat 0 0; margin:7px 5px 0 0;}
        #accordion h3 a{display:block; line-height:30px;}
        #accordion div{float:left; width:100%;}
        #accordion a{color:#0e2e3c;}
        #accordion a:hover{text-decoration:none; color:#9d221e;}
        #accordion .ui-accordion-content{padding-top:15px;}
        #accordion .info{width:290px;}
        #accordion .info.first{padding-right:40px; margin:0;}
        #accordion table{margin:15px 0;border-bottom:1px dashed #ccc;}
        #accordion table td{padding-right:40px;}
        #accordion table td{border-top:1px dashed #ccc;}

    /* - SUPER SEKRET CONTENT PAGES :o :O :o :O - */
        #contentPage h3,
        #contentPage h4{font:normal 20px LeagueGothicRegular, Arial, sans-serif; text-transform:uppercase; color:#332F28;}
        #contentPage h4{font-size:16px;}
        #contentPage .location{float:left; width:100%; border-top:1px dashed #ccc; padding-top:15px;}
        #contentPage .location img{float:right; margin-bottom:15px;}
        #contentPage a, a.fix{color:#0e2e3c;}
        #contentPage a:hover, a.fix:hover{ color:#9d221e;}
        #contentPage .info{float:left; width:200px;}
        #contentPage .clear{clear:left;}



/*:: Shopping Cart
----------------------------------------------------------*/
    #cart {width: 920px;}
    #cart th{font:bold 14px Arial, sans-serif; color:#332f28; padding:0 0 10px; border-bottom:1px solid #d3c8b0;}
    #cart td{font:bold 14px Courier, "Courier New", monospace; vertical-align:middle; text-align:center; padding:10px 0; border-bottom:1px solid #d3c8b0;}
    #cart tr.items:hover td{background:#ffe8b5;}
    #cart td.image img{border:1px solid #332f28;}
    #cart td.qty input {width: 30px;}
    #cart td a{color:#332f28;}
    #cart td a:hover{color:#9d221e; text-decoration:none;}
    
    #coupon-shipping {float:left; margin:10px 0 0; width:459px;}
    #coupon-shipping label{font:bold 14px/18px Arial, sans-serif; color:#332f28; display:block;}
    #coupon {margin:0 0 10px;}
    #coupon-shipping .error{display:none; padding:7px 10px; margin:10px 10px 0 0; border:1px solid #9d221e; background:#f9e2e2; font:12px Arial, sans-serif; color:#000;}
    
    #cart-total{float:right; margin:10px 0 0; padding:0 0 0 20px; width:440px; border-left:1px solid #d3c8b0;}


/*:: Checkout
----------------------------------------------------------*/
    #steps{float:right; margin-top:-53px; list-style:none; padding:0 !important;}
    #steps li{float:left; margin:0 5px 0 0; padding:0;}
    #steps li a{text-decoration:none; float:left; padding:2px 7px; background:#fff; border:1px solid #0e2e3c; font:bold 12px/18px Courier, "Courier New", monospace; color:#0e2e3c; cursor:pointer;}
    #steps li.on a, #steps li a:hover{color:#fff !important; border-color:#0e2e3c !important; background:#0e2e3c; text-decoration:none;}
    
    .first{float:left; margin:10px 0 0; width:459px;}
    .second{float:right; margin:10px 0 0; padding:0 0 0 20px; width:440px; border-left:1px solid #d3c8b0;}
    
    .checkout h3{font:bold 14px Arial, sans-serif; color:#332f28; padding:0 0 10px;}
    .checkout ol{list-style:none;}
    .checkout ol li{clear:both;}
    .checkout label{float:left; width:100px; text-align:right; padding-right:10px; line-height:22px;}
    .checkout input{float:left; width:300px; height:20px; border:1px solid #332f28; margin:0 0 10px;}
    .checkout select{float:left; width:302px; height:22px; border:1px solid #332f28; margin:0 0 10px;}
    .checkout textarea{float:left; width:296px; height:100px; border:1px solid #332f28; margin:0 0 10px;}
    .checkout span.submit{margin:0 0 0 110px; display: inline-block; background:#332f28 url(images/a-button.png) no-repeat right top; height:24px; padding:0 9px 0 0; text-decoration:none; text-transform:uppercase;}
    .checkout span.submit input.submit{display: inline-block; background:#332f28 url(images/a-button-span.jpg) no-repeat left top; height: 24px; padding:0 0 0 9px; font:bold 12px/24px Arial, sans-serif; color:#fdedc9 !important; width:auto; border:none;}
    .checkout .copy{font:italic 12px Arial, sans-serif; color:#9d221e;}
    .checkout .margin{margin-left:110px;}
    .checkout #cart {width: 440px;}
    .checkout #cart th{font:bold 11px Arial, sans-serif; color:#332f28; padding:10px; border-bottom:1px solid #d3c8b0;}
    .checkout #cart td{font:bold 11px Courier, "Courier New", monospace; vertical-align:middle; text-align:center; padding:10px 0; border-bottom:1px solid #d3c8b0;}
    .checkout #cart tr.items:hover td{background:#ffe8b5;}
    .checkout #cart td.image img{border:1px solid #332f28;}
    .checkout .cols {float:left; width:220px; margin-right:9px;}
    
    #checkoutDetails ul{list-style:none;padding:0;}
    #checkoutDetails label{float:none; width:auto;}
    #checkoutDetails input{float:none; width:12px; height:12px;}
    
    #paymentDetails ol{padding-left:0;}
    #paymentDetails label{width:120px;}
    #paymentDetails li.months select{width:141px; margin-right:10px;}
    #paymentDetails li.cvv input{width:139px;}
    #paymentDetails li.cvv a{float:left; margin-left:10px; line-height:22px;}
    
    #summary{width:440px;}
    #summary tr:hover td{background:#ffe8b5;}
    #summary td{width:300px; font:normal 12px Arial, sans-serif; padding:3px 0 3px; border-bottom:1px solid #d3c8b0;}
    #summary td+td{width:140px; text-align:right;}
    

/*:: Footer
----------------------------------------------------------*/
    #footer{font: 14px/18px "Courier New", Courier, Sans-Serif; color:#fdedc9; clear:both; padding-top:20px;}
    #footer div{background:url(images/dash-gray.gif) repeat-x 0 0; padding:17px 0 15px 0;}
    #footer dt{font-weight:bold;}
    #footer dl{float:left;text-transform:uppercase;}
    #footer .group1{width:200px;}
    #footer .group2{width:200px;}
    #footer .group3{width:180px;}
    #footer .group4{width:200px;}
    #footer .group5{width:180px;}
    #footer dd a{color:#cec1a4;}
    #footer #footerCat a{color:#fdedc9; background:url(images/star-small-cream.png) no-repeat left center; padding-left:13px;}
    #footer li{list-style:none; float:left;}
    
/*:: Errors
----------------------------------------------------------*/
    .validation-summary-errors{border:2px solid #9d221e; padding:5px; background:#f8e3c0; margin-bottom:15px;}
    .validation-summary-errors span{font:bold 14px Arial, sans-serif; color:#9d221e;}
    .validation-summary-errors ul{margin-bottom:0; padding-bottom:0 !important; padding-top:5px !important;}
    .validation-summary-errors li{font: normal 12px Arial, sans-serif; color:#000;}
    
/*:: SimpleModal
----------------------------------------------------------*/
    #simplemodal-overlay
    {
        background-color:#000;
    }
    #simplemodal-container 
    {
        background:url(images/modalTop.png) no-repeat top left;
        padding-top:49px;
        margin:auto;
        width:838px;
    }
    #letterModal
    {
        background:url(images/modalBottom.png) no-repeat bottom left;
        padding-bottom:69px;
        width:838px;
    }
    #letterModal .letterModalInner
    {
        background:url(images/modalMiddle.png) repeat-y top left;
        padding:0 50px;
        width:738px;
    }
    #letterModal .letterModalClose
    {
        background:url(images/modalClose.gif) no-repeat top left;
        float:right;
        overflow:hidden;
        text-indent:-9999px;
        height:22px;
        width:67px;
    }
    #letterModal h3
    {
        color:#332f28;
        font:normal 30px LeagueGothicRegular, Arial, sans-serif;
        text-transform:uppercase;
    }
    #letterModalContent
    {
        background:url(images/dash-gray.gif) repeat-x 0 0;
        clear:both;
        padding:10px 0;
        font:normal 12px Arial, sans-serif;
    }
    #letterModalContent a
    {
        color:#9d221e;
    }
    #letterModalContent ul
    {
        float:left;
        list-style:none;
        width:246px;
    }
    #letterModalContent li
    {
        line-height:2em;
    }
    #letterModal .letters
    {
        background:url(images/dash-gray.gif) repeat-x 0 0;
        list-style:none;
        padding-top:.5em;
    }
    #letterModal .letters li{float:left; height:41px; line-height:41px; padding-right:10px;}
    #letterModal .letters a {font:normal 22px LeagueGothicRegular, Arial, sans-serif;color:#332f28;}
    #letterModal .letters a:hover {color:#9d221e;text-decoration:none;}