/* 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: none; }
html { height: 100%; overflow-y: scroll; }
body { height: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* ########################################################################## */

body { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9.0pt; color: #333333; }

/* PSUEDO */
a { color: #000000; text-decoration: none; }

    div#wrapper { width: 100%; height: 100%; text-align: center; margin-top: 20px; }
    
        /* SHADOW */
        div#shadow_top { display: none; width: 100%; }
        div#shadow_btm { display: none; width: 100%; }
        
        /* HEADER + NAVIGATION */
        div#header { display: none; width: 100%; }
            
        /* HIDDEN LOGO */
        div#hiddenBox { display: block; margin: 20px auto; width: 690px; text-align: left; }

        /* CONTENT */
        div#content { width: 690px; max-width: 690px; margin: 0 auto; text-align: left; }
            /* SIDEBAR */
            div#sidebar { display: none; }
                    
            /* MAIN */
            div#main { width: 690px; margin-left: 0px; padding-bottom: 10px; }
                div#main div#banner { display: none; }
                    div#main div#banner img { display: block; }
                    div#main div.callToAction { display: none; }
                    
                /* BREADCRUMB */
                div#main div#breadcrumb { width: 630px; padding: 14px 30px; font-weight: bold; text-transform: lowercase; color: #aaaaaa; font-size: 12pt; line-height: 20px; }
                    div#main div#breadcrumb span.active { color: #666666; }
                    div#main div#breadcrumb a { color: #666666; }
                        div#breadcrumb sup a { display: none; font-size: 6.5pt; vertical-align: top; line-height: 10px; }
                    
                /* PAGINATION */
                div#main div.pagination { display: none; }

                /* BODY AREA */
                div.bodyArea { width: 690px; padding: 26px 0 20px 30px; border-top: 1px dashed #666666; }
                       div.bodyArea h2 { padding-top: 8px !important; }
                    div.bodyArea img.btn { display: block; margin-top: 10px; }
                      div.bodyArea ul { margin-top: 10px; padding-bottom: 10px; padding-left: 15px; }
                      div.bodyArea ul li { list-style: square; margin-bottom: 8px; }
                    div.bodyArea table.promoCode { display: none; }
                /* TYPE */
                div#main h2 { font-size: 12pt; color: #333333; padding: 0 30px 8px 0; text-transform: lowercase; }
                div#main p { font-size: 9.0pt; line-height: 18px; margin: 0 30px 10px 0; }
                
                img.backBtn, img.printBtn { display: none; }
                
                /* CART AREA */
                div.cartArea { width: 675px; padding: 1px 0 20px 15px; border-top: dashed #666666 1px; }
                    div.cartArea table.cartData { width: 660px; background: none; background-color: #ffffff; }
/* BY CA */                 div.cartArea table.cartData tr.hiddenLabel th { display: none; }
                            div.cartArea table.cartData th { height: 43px; padding-top: 11px; color: #005395; }
                            div.cartArea table.cartData th.cartEach { width: 75px; font-size: 9.0pt; color: #005395; }
                            div.cartArea table.cartData th.cartQty { font-size: 9.0pt; color: #005395; }
                            div.cartArea table.cartData th.cartTotal { font-size: 9.0pt; }
                            div.cartArea table.cartData td { vertical-align: top; }
                            div.cartArea table.cartData td.line { padding: 0; height: 41px; background: url(../../template-resources/images/layout/cart_dotted_line_tr.gif) no-repeat 15px 20px; }
                            div.cartArea table.cartData .cartAction { max-width: 54px; padding: 2px 0 0 15px; }
                                div.cartArea table.cartData .cartAction a img { line-height: 0; display: block; margin-bottom: 5px; }
                            div.cartArea table.cartData .cartImg { max-width: 50px; padding-left: 15px; }
                                div.cartArea table.cartData .cartImg img { display: block; border: solid #cccccc 1px; }
                            div.cartArea table.cartData .cartItem { text-align: left; min-width: 280px; padding-left: 10px; }
                                div.cartArea table.cartData .cartItem span.desc { display: block; line-height: 16px; padding-bottom: 5px; }
                                    div.cartArea table.cartData .cartItem a { color: #005395; }
                                    div.cartArea table.cartData .cartItem span.desc span.brand { text-transform: uppercase; font-weight: bold; color: #005395; }
                                    div.cartArea table.cartData .cartItem span.desc span.product { font-weight: bold; color: #005395; }
                                div.cartArea table.cartData .cartItem span.options { display: block; font-weight: bold; line-height: 16px; }
                                div.cartArea table.cartData .cartItem span.availability { display: block; margin-top: 8px; font-weight: bold; line-height: 14px; color: red; }
                            div.cartArea table.cartData .cartEach { text-align: right; padding: 2px 0 0 15px; font-size: 12pt; color: #005395; font-weight: bold; }
                                div.cartArea table.cartData .cartEach span.salePrice { color: red; }
                                div.cartArea table.cartData .cartEach span.listPrice { display: block; padding-top: 2px; font-size: 9.0pt; text-decoration: line-through; color: #666666; }
                            div.cartArea table.cartData .cartQty { text-align: center; padding-left: 15px; font-size: 12pt; font-weight: bold; width: 50px; height: 30px; }
                            div.cartArea table.cartData .cartTotal { text-align: right; padding: 2px 15px 0 15px; font-size: 12pt; font-weight: bold; width: 65px; height: 30px; }
                            div.cartArea table.cartData .cartPromoMsg { vertical-align: top; text-align: right; padding: 0 15px 20px 0; font-weight: bold; color: red; color: #005395; }
                            
                    /* CART TWO COLUMN */
                    div.twoColumn { width: 300px; float: left; padding-right: 30px; }
                    
                    /* CART TWO COLUMN TABLE */
                    table.twoColumnTable { width: 630px; }
                        table.twoColumnTable td { vertical-align: top; line-height: 16px; }
                            table.twoColumnTable h2 { margin-bottom: 10px; }
                        table.twoColumnTable input.button { padding-top: 10px; margin-right: 5px; }
                        table.twoColumnTable td.tableColumnOne { width: 300px; padding: 0 0 5px 0; }
                        table.twoColumnTable td.tableColumnTwo { width: 300px; padding: 0 0 5px 30px; }
                            table.twoColumnTable td.tableColumnTwo div.cartBtn { display: none; width: 300px; margin-bottom: 6px; text-align: right; }
                    
                    /* CART ORDER SUMMARY */
                    table.orderSummary { margin-bottom: 12px; }
                        table.orderSummary td { padding-bottom: 5px; }
                        table.orderSummary td.label { width: 200px; padding: 0 5px 0 0; }
                        table.orderSummary td.total { width: 95px; text-align: right; }
                        table.orderSummary td.final { padding: 10px 0; font-size: 12pt; color: #333333; text-transform: lowercase; font-weight: bold; border-bottom: 1px dashed #c2c2c2; border-top: 1px dashed #c2c2c2; }
                    
                    /* CART ORDER DETAILS */
                    table.orderDetails { margin-bottom: 12px; }
                        table.orderDetails td { padding-bottom: 5px; }
                        table.orderDetails td.label { width: 150px; padding: 0 5px 0 0; font-weight: bold; }
                        table.orderDetails td.data { width: 145px; }
                
                /* THUMBS GRID */
                div#thumbsGrid { width: 660px; padding: 26px 0 0 30px; }
                    div#thumbsGrid h2 { margin-bottom: 6px; }
                    div#thumbsGrid div.thumb { width: 135px; height: 225px; padding: 5px 30px 30px 0; float: left; }
                    div#thumbsGrid div.thumbCategory { height: 180px; }
                        div#thumbsGrid div.thumb img { border: solid #cccccc 1px; line-height: 0; padding: 0; }
                        div#thumbsGrid div.thumb h3 { font-size: 9.0pt; line-height: 12px; margin: 4px 0; padding: 0 2px; color: #333333; }
                        div#thumbsGrid div.thumb h3 span.productBrand { text-transform: uppercase; }
                        div#thumbsGrid div.thumb h3 span.productFit { display: block; color: #333333; padding-top: 4px; font-weight: normal; }
                        div#thumbsGrid div.thumb h3 a:link, div#thumbsGrid div.thumb h3 a:visited { color: #333333; }
                        div#thumbsGrid div.thumb h4 { font-size: 9.0pt; line-height: 12px; padding: 0 2px; }
                            div#thumbsGrid div.thumb h4 span.listPrice { text-decoration: line-through; padding-left: 8px; }
                            div#thumbsGrid div.thumb h4 span.salePrice { color: red; }
                            div#thumbsGrid div.thumb h4 span.savings { display: none; font-size: 8.5pt; font-weight: normal; line-height: 16px; padding: 4px 2px 0 1px; }
                        div#thumbsGrid div.thumb div.availability { padding: 4px 2px 0 3px; font-size: 8.0pt; line-height: 16px; }
                
                /* PRODUCT DETAILS */
                table.productDetails { width: 630px; margin: 5px 0 10px 0; }
                    table.productDetails td { width: 300px; vertical-align: top; padding-top: 5px; }
                    table.productDetails td.productImg { }
                        table.productDetails td.productImg div.bigImage { }
                            table.productDetails td.productImg div.bigImage img { display: block; border: solid #cccccc 1px; }
                        table.productDetails td.productImg div.altImages { margin-top: 10px; width: 300px; }
                            table.productDetails td.productImg div.altImages a img { float: left; }
                            table.productDetails td.productImg div.altImages div.theImages { width: 200px; float: right; text-align: right; }
                                table.productDetails td.productImg div.altImages div.theImages a img { display: inline; line-height: 0; border: solid #cccccc 1px; margin-left: 10px; float: right; }
                                table.productDetails td.productImg div.altImages div.theImages a:hover img { border: solid #005395 1px; }
                    table.productDetails td.productInfo { padding-left: 30px; }
                        table.productDetails td.productInfo h1 { color: #000000; font-size: 18pt; font-weight: bold; margin-bottom: 0; line-height: 24px; letter-spacing: -1px; }
                            table.productDetails td.productInfo h1 span.brand { text-transform: uppercase; }
                        table.productDetails td.productInfo h2 { color: #666666; margin-bottom: 8px; }
                            div#main table.productDetails td.productInfo h2.promoMsg { color: #666666; margin: 0; }
                            div#main table.productDetails td.productInfo h2.promoMsg a { color: #666666; }
                            table.productDetails td.productInfo h2 span.salePrice { color: red; padding-right: 20px; }
                            table.productDetails td.productInfo h2 span.listPrice { color: #666666; text-decoration: line-through; padding-right: 20px; }
                            table.productDetails td.productInfo h2 span.savings { display: none; color: #666666; }
                        table.productDetails td.productInfo h3 { margin-bottom: 8px; }
                        div#main table.productDetails td.productInfo p { margin: 0 0 16px 0; line-height: 16px; padding: 0; }
                        div#main table.productDetails td.productInfo div#add_to_cart img { display: none; }
                            div#main table.productDetails td.productInfo div#add_to_cart.disabled input { display: none; }
                            div#main table.productDetails td.productInfo div#add_to_cart.disabled img { display: block; }
                        
                        /* SKU OPTIONS */
                        table.skuOptions { width: 300px; margin-bottom: 10px; }
                            table.skuOptions td { vertical-align: top; }
                            table.skuOptions td.label { width: 75px; padding-right: 5px; line-height: 10px; font-weight: bold; text-transform: lowercase; color: #005395; }
                            table.skuOptions td.skus { padding: 0 0 8px 0; }
                                table.skuOptions td.skus {  }
                                    div#main table.skuOptions td.skus ul.skuList { margin: 0; padding: 0; }
                                    div#main table.skuOptions td.skus ul.skuList li { margin: 0; padding: 0; background: none; display: inline; }
                                    table.skuOptions td.skus ul.skuList li img { float: left; line-height: 0; margin: 0 3px 3px 0; display: inline; height: 17px; line-height: 0; border: solid #cccccc 1px; }
                                    table.skuOptions td.skus ul.skuList li:hover img { border: solid #005395 1px; cursor: pointer; }
                                    table.skuOptions td.skus ul.skuList li.selected img { border: solid #005395 1px; }
                                table.skuOptions td.skus div#colourLabel { display: block; text-transform: capitalize; clear: left; line-height: 18px; margin-bottom: 3px; }
                        
                /* DASHED LINE */
                div.dashedLine { width: 690px; border-top: 1px dashed #666666; clear: both; height: 20px; }
                
                /* BOOTCARD PROMO - BOTTOM OF CART PAGE */
                div.bootcardPromo { display: none; width: 690px; clear: both; border-top: dashed #666666 1px; padding-top: 22px; }
                    div.bootcardPromo div.bootArea { width: 638px; margin: 0 26px 0 26px; height: 107px; background: url(../../template-resources/images/calltoaction/bg_bootcard.jpg) no-repeat top left; }
                        div.bootcardPromo div.bootArea div.bootText { width: 350px; float: left; padding: 24px 0 0 140px; }
                            div#main div.bootcardPromo div.bootArea div.bootText h6 { width: 350px; color: #ffffff; font-size: 13pt; font-weight: bold; line-height: 20px; }
                        div.bootcardPromo div.bootArea div.bootBtn { float: right; padding: 22px 22px 0 0; }
        
        /* FOOTER */
        div#footer { width: 100%; display: none; }

/* ########################################################################## */

/* CLEARFIX */
.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%; }

/* ########################################################################## */

/* THREE COLUMN FORM */
table.formTable { width: 630px; margin: 10px 0 5px 0; font-size: 9.0pt; }
    table.formTable td { height: 24px; min-height: 24px; vertical-align: top; }
    table.formTable td.label { width: 200px; padding-right: 5px; font-weight: bold; color: #333333; text-align: left; }
        table.formTable td.label label { color: #666666; }
        table.formTable td.label span.hint { font-size: 8.0pt; font-weight: normal; }
    table.formTable td.field { width: 220px; padding-right: 5px; font-weight: bold; }
        table.formTable td.field label { display: block; margin-left: 20px; font-weight: normal; padding: 0; }
            table.formTable td.field div.boxGroup { display: inline; float: left; margin-right: 10px; }
        select { margin-right: 3px; color: #666666; }
        table.formTable td.field input.button { padding-top: 10px; margin-right: 5px; }
    table.formTable td.error { width: 200px; color: #333333; }
        table.formTable td.error span.errorMsg { display: inline; font-weight: bold; color: #333333; }
    
    table.formTable input.textbox { width: 210px; max-width: 220px; padding: 1px 5px 3px 5px; height: 15px; font-weight: bold; color: #666666; line-height: 16px; }
    
    /* CUSTOM CHECKBOX */
    span.checkbox { width: 13px; height: 15px; padding: 0; display: block; clear: left; float: left; }
    
    /* CUSTOM RADIO */
    span.radio { width: 13px; height: 25px; padding: 0; display: block; clear: left; float: left; }
    
    /* CUSTOM DROPDOWN */
    span.select { position: absolute; width: 120px; height: 19px; max-height: 19px; text-align: left; font-weight: bold; padding: 1px 10px 3px 5px; line-height: 17px; color: #666666; overflow: hidden; }
    
    /* TWO COLUMN DATA VIEW */
table.twoColumnData { width: 630px; margin-top: 5px; font-size: 9.0pt; }
    table.twoColumnData td { height: 24px; min-height: 24px; vertical-align: top; }
    table.twoColumnData td.label { width: 200px; padding: 3px 5px 0 0; font-weight: bold; }
    table.twoColumnData td.field { width: 220px; padding: 3px 5px 0 0; font-weight: normal; }
        table.twoColumnData td.field label { display: block; margin-left: 20px; font-weight: normal; padding: 0; }
        table.twoColumnData td.field input.button { padding-top: 0; }
    table.twoColumnData td.edit { width: 200px; height: 19px; vertical-align: top; padding: 0; text-align: right; }
    
/* ADDRESS DATA VIEW */
table.addressData { width: 630px; margin: 5px 0; font-size: 9.0pt; }
    table.addressData th { padding: 1px 5px 6px 0;; vertical-align: top; text-align: left; }
    table.addressData td { height: 19px; min-height: 19px; vertical-align: top; padding: 3px 5px 0 0; text-align: left; }
    table.addressData td.edit { width: 37px; height: 19px; vertical-align: top; padding: 0 0 0 15px; text-align: right; }
    table.addressData .check { text-align: center; }
    
    /* ERRORS */
    div.alert { min-height: 48px; padding: 18px 20px 10px 70px; margin: 0 30px 15px 0; border: dashed #005395 1px; color: #333333; font-weight: bold; }
    
/* ADD TO CART */
table.productDetails input.btn { display: block; margin-top: 10px; }

/* CART */
div.cartArea table.cartData .cartQty select { margin: 0; }
    
    /* PROMOTION CODE */
    table.promoCode {}
        table.promoCode td { vertical-align: top; }
        table.promoCode td.label { width: 300px; padding: 2px 30px 0 0; font-weight: bold; color: #333333; text-align: left; }
            table.promoCode td.label label { color: #333333; }
        table.promoCode td.field { width: 220px; padding-right: 5px; font-weight: bold; color: #333333; text-align: left; }
            table.promoCode td.field input.textbox { width: 210px; max-width: 220px; display: inline; padding: 1px 5px 3px 5px; height: 15px; font-weight: bold; color: #666666; line-height: 16px; }
        table.promoCode td.button { width: 75px; text-align: right; }
            table.promoCode td.button a img { margin: 0; }
        table.promoCode td.activePromos { width: 300px; padding-top: 5px; }
            table.promoCode td.activePromos label { font-weight: bold; float: left; }
            table.promoCode td.activePromos div.promosList { float: right; max-width: 175px; font-weight: bold; }
                table.promoCode td.activePromos div.promosList ul { text-align: right; color: #333333; }
                table.promoCode td.activePromos div.promosList a img { margin-left: 3px; }
    
    /* SMALL FORM */
    table.cartForm { }
        table.cartForm td { vertical-align: top; }
        table.cartForm td.label { width: 115px; padding: 2px 5px 0 0; font-weight: bold; color: #333333; text-align: left; }
            table.cartForm td.label label { color: #666666; }
        table.cartForm td.field { width: 170px; padding-bottom: 4px; text-align: left; }
            table.cartForm td.radioBtns label { display: block; margin-left: 20px; font-weight: normal; padding: 0; }
            table.cartForm td.radioBtns div.boxGroup { display: inline; float: left; margin-right: 10px; }
            table.cartForm td.field input.textbox { width: 170px; padding: 1px 5px 3px 5px; height: 15px; font-weight: bold; color: #666666; line-height: 16px; }
            table.cartForm td.field input.textboxXsm { width: 30px; padding: 1px 5px 3px 5px; height: 15px; font-weight: bold; color: #666666; line-height: 16px; }
            table.cartForm td.field select { width: 180px; margin: 0; padding: 0; }
                table.cartForm td.field select.short { width: 60px; }
            table.cartForm td.field div.error { display: inline; color: red; font-weight: bold; }
    
    /* SHIPPING FORM */
    table.shippingFormTable { width: 300px; max-width: 300px; }
        table.shippingFormTable td { vertical-align: top; }
        table.shippingFormTable td.radioBtn { width: 20px; padding-top: 1px; }
        table.shippingFormTable td.label { padding-right: 5px; }
        table.shippingFormTable td.editBtn { width: 40px; text-align: right; vertical-align: bottom; }
        table.shippingFormTable td.rate { text-align: right; }
        table.shippingFormTable td.line { padding: 0; height: 41px; }