/*  ==========================================================================
    Misc
    ========================================================================== */
    /* apply a natural box layout model to all elements */
    * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    html, button, input, select, textarea { font-family: 'Open Sans', sans-serif; color: #666; }
    html { outline: none; }

    /* Popup links */
    body.popup { margin: 25px; background:none; }
    
    a, input { outline: none; }
    a, input, tr { outline: none; }
    hr { clear: both; }
    a { color: #ccc; text-decoration: none; }
    a:hover { text-decoration: underline; }
    a img { border: none; }
    h1, h2, h3, h4, h5, h6 { color: #ccc; font-weight: 400; font-size: 1.7em; line-height: 1em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.3em; }
    h4 { color: #666; font-size: 1em; }
    h5 { color: #666; font-size: 0.9em; }
    h6 { color: #666; font-size: 1em; text-transform: uppercase; margin: 15px 0; }
    span { font-family: inherit; font-size: inherit; color: inherit; }
    .errorLg, .errorLg * { color: #ee0000; }
    #breadcrumb { margin-bottom: 10px; padding-bottom: 2px; border-bottom: solid 1px #ccc; font-size: 0.75em; color: #888; }
    
    /* .columns { column-count: 3; column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; } */
    
    #calImg { display: none; }
    
    /* Address Book */
    .addressList input[type="image"] { border-width: 0px; padding: 0; height: auto; line-height: normal; background: none; margin: 0 2px 0 0; width: 19px; vertical-align: text-top; }
    .addressItemHeader { background: #f2f2f2; padding: 5px; }
    .addressItemHeader input[type="image"] { margin: 0 5px 0 0; }
    .addressItemIndex { margin-right: 10px; }
    .addressItem { padding: 10px 0; }
    .addressItem>span { display: block; }
    .addressItem .addressNickname { font-style: italic; margin-bottom: 10px; }
    .addressLabel { vertical-align: middle; }
    .addressbuttonbg { text-align: center; }
    .addressInput input{ max-width:280px; }
    .addressInput, .change-password-form td { padding: 0 0 5px 5px; }
    
    /* Quick Order */
    .quickorder-buttons { text-align: right; margin-bottom: 25px; }
    
    
    /* Selected customer bar */
    #ctl00_selectedCustInfo_pnlShowCustinfo { font-size: 0.8em; padding: 2px 0; }
    
    /* Scroll to top */
    #gototop { display: block; position: fixed; opacity: 0; bottom: 40%; right: 10px; z-index: 2; width: 50px; height: 50px; background: url(../app_themes/skin_1/images/back-to-top.png) 0 0 no-repeat; }

    /* Flexslider adjustments
       These rules -- along with adjustments made to /jscripts/jquery.flexslider-min.js -- help prevent
       the direction nav arrows from becoming unusable when Flexslider determines that the visitor is
       using a touch-capable device. */
    .flexslider ul.slides li { z-index: 1 !important; }
    .flexslider ul.slides li.flex-active-slide { z-index: 2 !important; }


/*  ==========================================================================
    Page structure
    ========================================================================== */
    .clearfix { clear: both; }
    
    header, main, footer, #ctl00_selectedCustInfo_pnlShowCustinfo { clear: both; }
    
    main{ margin: 20px 0;}
    div.c { margin: 0 auto;  }
    
    /* Aside */
    aside {
        float: left;
        width: 20%;
    }

    .other-side, .maincontent
    {
        float: right;
        width: 700px;
    }
/*  ==========================================================================
    Form elements
    ========================================================================== */
    input, textarea, select, .button {
        padding: 0 0.5em;
        line-height: 2.5em;
        height: 2.5em;
        margin: 0.3em;
        font-size: 1em;
        color: #888;
        border: 1px solid #ccc;
    }
    select { padding: 0; }
    select, input[type="checkbox"], input[type="radio"] {
        width: auto;
    }
    input[type="checkbox"], input[type="radio"] {
        line-height: normal;
        height: auto;
    }
    textarea 
    {
        height: 6em;
    }
    textarea#OrderNotes {
        width: 95%;
    }
    
    /* Button style */
    input[type="button"], input[type="submit"], input[type="reset"], .button { text-align: center; display: inline-block; *display: inline; zoom: 1; color: #fff; background: #ccc; text-decoration: none; border: none; cursor: pointer; outline: none; }
    input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {  text-decoration: none; }
    .bulk-shopping .button { padding: 0 8px; }
    
    .button a { color: #fff; }
    .backbtn { float: right; margin-top: -50px; }
    

    #btnPayPalExpressCheckout, #btnPayPalExpressCheckout2 { width: auto; }
    .AddToCartButton { margin-left: 0; }
    
    input[type="image"] { width: auto; }

/*  ==========================================================================
    Tables
    ========================================================================== */
    /* Tabular data tables */
    .datatable, .table-data { width: 100%; }
    .datatable tr:first-child, .table-data tr:first-child, #ctl00_PageContent_ctrlCartSummary table table tr:first-child, .ShippingAndTaxEstimator tr:first-child { background: transparent !important; }
    .datatable tr:nth-child(even), .table-data tr:nth-child(even) { background: #fafafa; }
    .ShippingAndTaxEstimator tr:nth-child(even) { border: solid 1px #efefef; border-left: none; border-right: none; }
    .datatable .table-data tr:hover, .table-data tr:hover { background: #f1f1f1; }
    .ShippingAndTaxEstimator tr:hover { background: transparent; }
    .datatable th, .table-data th { padding: 3px 15px; font-size: 0.8em; text-transform: uppercase; text-align: left; border-bottom: solid 2px #ccc; }
    .datatable th a, .table-data th a {  color: inherit; text-decoration: none; }
    .datatable td, .table-data td, .ShippingAndTaxEstimator td { padding: 6px 15px; /*width: auto !important;*/ }
    #ctl00_PageContent_pnlCartSummarySubTotals, #ctl00_PageContent_ctrlCartSummary { display: block; overflow: hidden; zoom: 1; }
    #ctl00_PageContent_ctrlCartSummary>table { float: right; width: auto !important; }
    #ctl00_PageContent_ctrlCartSummary>table>tbody>tr>td>table>tbody>tr { border-top: 1px solid #efefef; background: transparent !important; }
    #ctl00_PageContent_ctrlCartSummary>table>tbody>tr>td>table>tbody>tr>td { padding: 6px 15px; text-align: right; }
    #ctl00_PageContent_ctrlCartSummary>table>tbody>tr>td>table>tbody>tr>td:last-child { max-width: 150px; }
    
    /* Totals table */
    .datatotals { width: auto; float: right; margin-top: 25px; }
    .datatotals tr { background: transparent !important; }
    .datatotals td:first-child { padding: 3px 25px; font-size: 0.8em; text-transform: uppercase; text-align: right; }
    .datatotals td:last-child { text-align: right; }
    
/*  ==========================================================================
    Header Navigation
    ========================================================================== */
    .logo { float: left; display: block; margin: 25px 0; font-size: 2em; }
    
    /* Utility navigation */
    .utility-nav { float: right; }
    .utility-nav ul { list-style-type: none; margin: 0; padding: 0; }
    .utility-nav li { display:block; float:left; }
    .utility-nav a { display: block; padding: 10px 8px; font-size: 0.7em; }
    
    /* Search */
    .search { float: right; clear: right; margin-top: 10px; }
    .search input { float: left; margin: 0; padding: 0 12px; font-size: 0.9em; }
    .search input[type="text"] { width: 210px; color: #aaa; border-right: none; border-color: #CCC; }
    .search input[type="button"] {
border-left: none;
margin: 0;
padding: 0 4px;
height: 20px;
line-height: 20px;
background: #666;
}
    
    /* Main navigation */
    nav { clear: both; }
    nav ul { list-style-type: none; margin: 0; padding: 0; height: 40px; border-bottom: solid 3px #ddd; }
    nav li { float: left; }
    nav a { display: block; padding: 10px 25px;  color: #666; }
    nav a:hover { color: #ccc; text-decoration: none; }
    
    /* 1st level drop down menu style */
    nav ul ul { display: none; position: absolute; z-index: 100; list-style: none; margin-top: -2px; padding: 20px 0; clear: both; width: 200px; height: auto; background: #ccc; border: none; }
    nav ul ul li { display: block; float: none; }
    nav ul ul li a { font-size: 0.8em; font-weight: 400; padding: 6px 25px; color: #fff; }
    nav ul ul li a:hover { color: #fff;  }
    
    /* 2nd level drop down menu style */
    nav ul ul ul { display: none; margin: 0; margin-top: -46px; margin-left: 200px;  }
    
    /* Display drop down menu on hover */
    /*#nav1:hover ul, #nav1.over ul, #nav2:hover ul, #nav2.over ul, #nav3:hover ul, #nav3.over ul, #nav4:hover ul, #nav4.over ul, #nav5:hover ul, #nav5.over ul { display: block; } */
    nav ul li:hover ul { display: block; }
    
    /* Multi-level drop down menu support */
    nav ul li:hover > ul { display: block; }

/*  ==========================================================================
    Sidebar navigation
    ========================================================================== */
    aside ul { list-style-type: none; margin: 0; padding: 0; }
    aside ul a { display: block; padding: 4px 0; color: #666; font-size: 1.1em;  }
    aside ul ul a { font-size: 0.9em; font-weight: 400; padding: 2px 0 2px 10px; }
    aside ul ul ul a { padding: 2px 0 2px 20px; font-size: 0.8em; }


    
/*  ==========================================================================
    Product grid (category page, product thumbnail page, searchadv, recently viewed, related, also bought)
    ========================================================================== */
    
    /* Pagination */
    #pagination, .pagination { float: right; margin-bottom: 25px; font-size: 0.8em; }
    /* .category-pag { float: right; display: block; line-height: 45px; margin-bottom: 20px; } */
    .PageNumber, .PageArrow { text-decoration: none; padding: 3px 8px; border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    .pagination .PageNumber:first-child { margin-left: 5px; }
    .CurrentPageNumber, .PageNumber:hover, .PageArrow:hover { background: rgba(38, 189, 196, 0.2); text-decoration: none; }
    .bulk-shopping { float: left; font-size: 0.8em; margin-bottom: 25px; }
    .bulk-shopping * { margin: 0 2px; }
    .bulk-shopping .chkSelectAll { display: inline; }
    .bulk-shopping #chkSelectAll { vertical-align:middle; }
    .bulk-shopping label { margin-right: 5px; vertical-align:middle; }
    .bulk-right { float: right; clear: both; }
    .view-amount { display: inline-block; *display: inline; zoom: 1; margin-right: 15px; }
    .view-amount select { display: inline; width: auto; margin: 0; }
    
    /* Grid */
    .product, .category { width: 31%; display: inline-table;  border: solid 1px #ddd; margin: 1%; vertical-align:top; overflow: hidden; position: relative; }
    .RelatedProductsBoxStyle .product { width: 24.5%; height: 231px; }
    .RelatedProductsBoxStyle .img_thumb_border { height: 150px;}
    .product a, .category a { display: block; color: #666; text-decoration: none; }
    .category a { font: bold 18px 'ITCAvantGardeGothic', Arial, Helvetica, sans-serif; text-align: center; }
    .category div + a:after { content: "›"; margin-left: 10px; font-size: 22px; }
    .product .quick-view-button a { background: #666; display: block; width: 100%; margin:0; font-size: 0.95em; text-align: center;  text-transform: uppercase; position: absolute; padding: 5px 0; bottom:0; line-height:1.5em; color: #FFF; text-decoration: none; }
    #tabcontent .product { width: 200px; margin:0 12px 20px; }
    #tabcontent .image { height: 200px; width:200px; line-height:200px;}
    .product input[type="checkbox"]{ margin-left:0; }
    /* .image { width:220px; height: 220px; text-align: center; overflow: hidden; line-height:220px; position:relative; } */
    .image img { max-width: 100%; max-height: 100%; width:auto; height:auto; }
    .info { display: block; font-size: 0.9em; padding-right: 10px; }
    .info p { margin: 0; font-size: 0.8em; }
    .info p.product-name, .info p.category-name { color: #666; font-size: 1em; line-height: 1.1em;  }
    .info p.price { margin-bottom: 5px; }
    .info p.price span { color: #ccc;  }
    .product a:hover .product-name, .category a:hover .category-name { color: #ccc; }
    .info label { font-size: 0.8em; vertical-align:middle; }
    .info input { vertical-align:middle; }
    
/*  ==========================================================================
    Product detail
    ========================================================================== */
    /* Product navigation */
    .productnavlinks { clear: both; }
    .productnavlinks a { padding: 10px 0px; }
    .productnavlinks a.prev { float: left; }
    .productnavlinks a.next { float: right; }
    .productnavlinks a.up { display: none; }
    
    /* Product images */
    .product-image { float: left; margin-bottom: 40px; width: 50%; }
    .product-image .ProductDiv { height: 400px; width: 400px; display: table-cell; vertical-align: middle; }
    .product-image .ProductDiv .zoomImg{ max-width:none; max-height:none; cursor:crosshair; }
    .product-image .zoomPad { width: 100%; height: 100%; }
    .product-image .zoomWindow img { width: auto; }
    .product-image .alt-images{ list-style:none; margin:20px 0 10px; padding:0; }
    .product-image .alt-images li { line-height: 65px; vertical-align: top; margin-bottom:5px; border: 1px solid #CCCCCC; display: inline-block; *display:inline; zoom:1; height: 70px; margin-right: 5px; width: 70px; text-align:center; }
    .product-image .alt-images li img { width:auto; height:auto; max-width:100%; max-height:100%; }
    .product-image .altviews { display: none; border-top: solid 4px #ccc; margin-top: 20px; margin-bottom: 20px; }
    .product-image .view-larger{ text-align:center; }

    /* Product information */
    .product-info { float: right; margin-bottom: 40px; width: 45%; }
    .product-info h1 { margin: 0; }
    .product-info .sku { display: inline-block; *display: inline; zoom: 1; margin-right: 5px;  }
    .product-info hr { margin: 2em 0; }
    .product-info .icon { clear:both; } 
        
    .product-specs div { float: left; margin-bottom: 20px; width: 137px; height: 30px; font-size: 0.9em; line-height: 1em; margin-right: 10px; }
    .product-specs div.qty-price { clear: left; height: auto; }
    .product-specs span, .price-label { display: block; font-size: 0.75em;  color: #888; text-transform: uppercase;  }

    .email-product a { font-size: 0.75em; font-weight: 400; }
    
    /* Pricing */
    .price-label, .product-info .price { display: inline-block; *display; inline; zoom: 1; }
    .thumbRegularPriceStrike { text-decoration: line-through; }
    .SalePrice, .thumbSalePrice, .info p.price span.thumbSalePrice { color: #ed1c24; }
    .RegularPrice, .SalePrice {  }
    
    /* Add to cart form */
    .addtocart-form { margin-top: 4px; white-space: nowrap; }
    .addtocart-form form { margin-top: 15px; }
    .addtocart-form br { display: none; }
    .addtocart-form input { margin: 0; }
    .qty-label { float: left; margin: 4px 0; padding: 5px 0; font-size: 1.1em; }
    #divquantity { display: inline-block; *display: inline; zoom: 1; }
    #divquantity small, .addtocart-form small { font-size: 0.8em;  text-transform: uppercase; }
    #divquantity input, .addtocart-form .detail-text { margin: 0; width: 33px; border-radius: 54px; text-align: center; font-size: 0.9em; }
    #Quantity, #QuickViewQuantity { padding: 5px; margin-bottom: 5px; }
    .AddToPortfolioButton, .AddToPortfolioButtonQuickView { background: #666 !important; }
    .AddToPortfolioButton:hover, .AddToPortfolioButtonQuickView:hover { background: #888 !important; }
    .AddToPortfolioButtonQuickView { margin-left: 4px !important; }
    .PD_Confirmation { background: #efefef; color:#333333; float:left; margin-top:30px; padding:20px; text-align:center; width:100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
        
    /* Tabbed content */
    #pagetabs { height: 25px; }
    #pagetabs a
    {
        position: relative;
        display:inline-block;
        *display:inline;
        zoom:1;
        height:2em;
        line-height:2em;
	    margin-right: 2px;
        padding: 0px 10px;
        font-size: 0.8em;
        text-transform: uppercase;
	    color: #fff;
	    background: #666;
	    border: solid 1px #666;
	    border-bottom: none;
	    text-decoration: none;
	    -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-top-left: 3px;
        -moz-border-radius-top-right: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    #pagetabs a:hover
    {
	    background: #888;
	    border-color: #888;
    }
    #pagetabs a.activetab, #pagetabs a.activetab:hover
    {
	    color: #ccc;
	    background: #fff;
	    border-color: #ccc;
    }
    #tabcontent
    {
	    padding: 15px;
	    border: solid 1px #ccc;
    }
    #tabcontent div.hiddenTab
    {
	    display:none;
    }
    #tabcontent div.selectedTab
    {
	    display:block;
    }
    

/*  ==========================================================================
    Quick view
    ========================================================================== */
    
    
    /* #JT { position: absolute; z-index: 100; background-color: #fff; width: 800px !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; left: 50% !important; margin-left: -400px; margin-top: -275px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); border: 1px solid #CCCCCC; }
    .mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 400;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.2;filter: alpha(opacity=20);}
    .mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 400;position: fixed;outline: none !important;-webkit-backface-visibility: hidden;}
    .mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;z-index:404;}
    .mfp-container .product-image { width: 46%; }
    .mfp-container .product-image div{ width: 344px; height: 344px; line-height:344px;}
    .mfp-container .product-image a{ position:absolute; bottom:15px; }
    .mfp-container .product-image img { max-width: 344px; max-height: 344px; width:auto; height:auto; }
    .mfp-container .product-info { width: 50%; }
    .mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
    .mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 401;width: 800px;min-height: 450px;background: #FFF;padding: 25px;cursor: auto;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;border: 1px solid #ccc;}.mfp-ajax-cur {cursor: progress;}.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none;}
    .mfp-preloader {color: #cccccc;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index:401;}.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content { display: none; }
    button.mfp-close, button.mfp-arrow {background: none;border: none;color: #333333;cursor: pointer;display: block;font-size: 28px;height: 44px;line-height: 44px;padding: 0;position: absolute;right: 0;text-align: center;text-decoration: none;top: 0;width: 44px;z-index: 404;}
    .mfp-close:hover, .mfp-close:focus {opacity: 1;}*/
  
    .quick-view-button a { background: #666;  display: block; width: 100%; margin:0; font-size: 0.95em; text-align: center;  text-transform: uppercase; position: absolute; padding: 5px 0; bottom:0; line-height:1.5em; color: #FFF; text-decoration: none; }
    #JT { position: absolute; z-index: 100; background-color: #fff; width: 800px !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; left: 50% !important; margin-left: -400px; margin-top: -275px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); border: 1px solid #CCCCCC; }
    #JT .loading{ font-weight: bold; text-decoration: none; text-align: center; padding:25px; }
    #JT .close{ color: #666666; display: inline-block; float: right; font-family: Arial, Helvetica, Sans-Serif; font-size: 22px; font-weight: normal; padding: 10px 20px 10px; text-decoration: none; }
    #JT .close strong{ vertical-align:middle; }
    #JT_copy { padding: 0 25px 25px; position:relative; }
    #JT_copy .product-image { width: 46%; }
    #JT_copy .product-image div{ width: 344px; height: 344px; line-height:344px;}
    #JT_copy .product-image a{ position:absolute; bottom:15px; }
    #JT_copy .product-image img { max-width: 344px; max-height: 344px; width:auto; height:auto; }
    #JT_copy .product-info { width: 50%; }
    .jTip { cursor:pointer; }
    .quickorder-item { width: 140px; }
    .quickorder-qty { width: 80px; } 

/*  ==========================================================================
    Product ratings
    ========================================================================== */
    /* Reviews */
    #ratings .RatingSummary {
	    clear: both;
	    float: left;
	    width: 100%;
    }
    #ratings .noRatings {
	    padding: 10px 0;
	    clear: both;
    }
    #ratings .StarRating {
	    float: left;
    }
    #ratings .yourRating {
	    float: right;
    }
    #ratings .yourRating a {
	    margin-left: 5px;
    }
    /* Commenting header */
    #ratings .commentsPaging {
	    clear: both;
	    float: left;
	    margin-top: 15px;
	    width: 100%;
    }
    #ratings .commentsPagingSummary, #reviews .CommentHelpfulText {
	    font-style: italic;
	    margin-bottom: 15px;
	    font-size: 0.75em;
    }
    #ratings .CommentHelpfulText input {
	    margin-left: 10px;
    }
    /* Commenting box */
    #ratings .RatingpagingDropDown {
	    text-align: right;
    }
    #ratings .RatingCommentAuthor {
	    background: #FFFFFF;
	    box-shadow: 0 0 2px #777777;
	    color: #3a3a3a;
	    margin-bottom: 10px;
	    padding: 25px;
    }
    #ratings .RatingUserInfo, #ratings .RatingActualrating {
	    display: inline-block; *display: inline; zoom: 1;
    }
    #ratings .RatingCommentText {
	    display: block;
	    margin: 15px 0;
    }
    #ratings .commentsPagingSummary, #ratings .CommentHelpfulText {
	    font-size: 0.75em;
	    font-style: italic;
	    margin-bottom: 15px;
    }
    #ratings br, #ratings hr, #ratings .RatingpagingPrefix, #ratings .yourRating img {
	    display: none;
    }
    
    /* Rating popup */
    .rateitBG
    {
	    background-color:#336699;
	    margin: 0px;
    }
    .rateittable
    {
	    background-color:#336699;
    }
    .rateitlabel
    {
	    font-family: arial,helvetica;
	    
	    color: #ffffff;
    }
    .rateitproductname
    {
	    background-color: #FFFFCC;
    }
    .rateitbox
    {
	    background-color: #FFFFFF;
    }
    .rateitddl
    {
	    font-size: 0.65em;
    }
    .rateittext
    {
	    font-size:0.75em;
    }
    
/*  ==========================================================================
    AM product detail
    ========================================================================== */
    .amcat { background: #fff; }
    .amcat #pnlContent { width: 730px; margin: 0 auto; }
    .amcat .product-image .ProductDiv img { max-width: 100%; }
    .amcat .product-info, .amcat .product-image { margin-top: 5%; }
    .amcat .product-info .purchase-section { padding: 0; }
    .amcat .product-info .purchase-section .price { margin: 15px; margin-bottom: 0; }
    .amcat .product-info .purchase-section .addtocart-form { margin: 15px; margin-top: 0; }
    .amcat .addtocart-form { white-space: normal; }
    .amcat .AddToCartButton, .amcat .AddToCartANDContinueButton, .amcat .AMAddToWishButton, .amcat .AddToCartButtonQuickView { margin-right: 4px !important; margin-bottom: 4px !important; }
    .amcat .AddToCartANDContinueButton { margin-bottom: 10px; }

/*  ==========================================================================
    Shopping Cart
    ========================================================================== */
    #ctl00_PageContent_pnlCartSummary h6 { margin: 0; }
    #ctl00_PageContent_ctrlShoppingCart div { border: none !important; }
    .shopping_cart { width: 100%; }
    .shopping_cart .cartHeaderRowCartIndex, .cartHeaderRowCartIndex{}
    .shopping_cart .cartHeaderRowDescription .cartHeaderRowDescription, .cartHeaderRowDescription { width:50% }
    .shopping_cart .cartHeaderRowQty, .cartHeaderRowQty { text-align: center; width:15% }
    .shopping_cart .cartHeaderRowUnitPrice, .cartHeaderRowUnitPrice, .shopping_cart .cartHeaderRowSubtotal, .cartHeaderRowSubtotal,
    .shopping_cart .cartcolumnUnitPrice, .cartcolumnUnitPrice, .shopping_cart .cartcolumnSubtotal, .cartcolumnSubtotal { text-align: right; width:15%}
    .shopping_cart .cartHeaderRowSubtotal, .shopping_cart .cartcolumnSubtotal {  }
    .pdfportfolio tr:first-child td, .shopping_cart tr:first-child td { padding: 3px 15px; text-transform: uppercase;  }
    .pdfportfolio td, .shopping_cart td { padding: 15px; vertical-align: top; }
    .cartIndex { padding-left: 20px !important; }
    .cartImg { float: left; height: 75px; margin-right: 15px; width: 75px; }
    .cartImg img { width: auto; height: auto; max-width: 75px; max-height: 75px; }
    .shoppingcartproductname { font-size: 1.1em; }
    .cartcolumnQty { text-align: center; }
    .cartcolumnQty div { float: none !important; display: inline; }
    .cartcolumnQty input[type="text"] { width: auto !important; text-align: center; margin-top: 0; }
    .cartcolumnQty input[type="submit"] { background: transparent !important; margin: 0 auto; width: 100%; font-size: inherit; font-family: inherit; text-transform: none; line-height: normal; height: auto; color: inherit; padding: 0; display: block; }
    .cartcolumnQty input[type="submit"]:hover { text-decoration: underline; }    
    
    /* Billing & Shipping input fields */
    #ctl00_PageContent_tdBillingInfo input[type="checkbox"], #ctl00_PageContent_tdShipingInfo input[type="checkbox"] { width: auto !important; }

    /* Shipping and Tax Estimator */
    .ShippingAndTaxEstimator .Header{ text-align:right; font-weight:bold; }
    .ShippingAndTaxEstimator .Caption, .ShippingAndTaxEstimator .Value{ text-align:right;}

/*  ==========================================================================
    Checkout
    ========================================================================== */
    .align-right, .td_class1 { text-align:right; vertical-align:middle; }
    .td_class2 { text-align: left; }
    .checkout-alternate-po-pane { clear: both; width: 300px; }
    .ShippingAndTaxEstimator { width: 40%; }
    #ctl00_PageContent_ctrlCreditCardAddress select, #ctl00_PageContent_ctrlCreditCardAddress_City{ max-width:280px; }
    .orderoptions img, .orderoptions br { display: none; }
    .calendar-button { width: 25px; height: 25px; background: transparent url(app_themes/skin_1/images/calendar-button-icon.jpg) center center no-repeat; color: transparent; margin: 0; padding: 0; }
    #rptHeader1_dateStart_calendar, #rptHeader1_dateEnd_calendar,#rptHeader1_dateStart_calendar_iframe, #rptHeader1_dateEnd_calendar_iframe { left: 735px !important; }
    #ctl00_PageContent_redarrow1, #ctl00_PageContent_redarrow2, #ctl00_PageContent_redarrow3, #ctl00_PageContent_redarrow4 {display: none; width: 0; height: 0;}
    .twoCol {width: 50%; float: left;}
    #ctl00_PageContent_ctrlPaymentMethod img { margin-right: 2px; }
    .rptDatesandButtons input { width: auto !important; }
    #checkoutheadergraphic { display: none; }
    #ctl00_PageContent_ctrlBillingAddress, #ctl00_PageContent_ctrlShippingAddress { margin-top: 10px; }
    #ctl00_PageContent_ctrlBillingAddress td, #ctl00_PageContent_ctrlShippingAddress td { vertical-align: middle; }
    #ctl00_PageContent_ctrlCreditCardPanel p { margin-top:0; }
    
    
    /* CSS for Multiple Shipping [begin] */
    .MultiShippingAddressHeaderLeft { color:#000000; background-color: #dddddd;}
    .MultiShippingAddressHeaderRight { color:#000000; background-color: #dddddd; }
    
/*  ==========================================================================
    Order Confirmation
    ========================================================================== */
    .order-confirmation{ text-align:center; padding-bottom:54px; }
    
/*  ==========================================================================
    PDF Portfolio
    ========================================================================== */
    #ctl00_PageContent_ctl00_divhlCreatePDFTop, #ctl00_PageContent_ctl00_divhlCreatePDFBottom { display: inline; }
    #ctl00_PageContent_ctl00_pnlBottomControlLines{ clear:both; }
    #ctl00_PageContent_ctl00_ctrlShoppingCart { float: left; width: 75%; }
    .enterskus { float: left; width: 20%; margin-left: 25px; }

/*  ==========================================================================
    Wish List
    ========================================================================== */
    #ctl00_PageContent_ctl00_ctrlShoppingCart.wishlist { width: 100%; }
    
/*  ==========================================================================
    Contact Us
    ========================================================================== */
    .contact-left { float: left; width: 50%; }
    .contact-right { float: right; width: 40%; }
    .fields span { display: block; margin-top: 3%; }
    .fields input[type="text"], .fields textarea, .fields input[type="submit"]{ margin-left:0; }
    

/*  ==========================================================================
    Store Locator
    ========================================================================== */
    
    /* Zip code and distance form */
    
    .store-form, .store-form-wrap { display: block; margin-bottom: 15px; }
    .store-form .store-form-item { display: inline-block; padding: 5px 20px 5px 0; vertical-align: middle; }
    .store-form-item label { padding-left: 0; }
    
    .store-results { display: none; }
    
    /* Main display */
    
    .store-pages { display: inline-block; margin: 0 0 0 25px; }
    .store-pages a { margin-right: 5px; }
    .store-display { display: block; width: 100%; zoom: 1; overflow: hidden; padding-top: 20px; }
    .store-display.active { border-top: 1px solid #ccc; }
    .store-display-left { display: inline-block; float: left; width: 28%; min-width: 200px; padding-right: 2%; max-height: 550px; overflow: auto; }
    .store-display-left.printview { width: 100%; padding-right: 0; max-height: none; overflow: visible; }
    .store-display-right { display: inline-block; float: right; width: 68%; margin: 0 0 20px 2%; }
    .store-display.active .store-display-right { height: 550px; }
    
    /* Left panel (Result list) */
    
    ul.store-list { list-style-type: none; padding: 0; margin: 0; }
    ul.store-list li { display: block; margin: 0 0 10px; cursor: pointer; cursor: hand; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #666; }
    ul.store-list li .title { font-weight: bold; font-size: 1.1em; line-height: 1.2em; margin-bottom: 5px; }
    ul.store-list li .web, ul.store-list li .distance { font-size: 0.9em; line-height: 1.2em; }
    ul.store-list li .address { line-height: 1.2em; margin-bottom: 5px; text-transform: capitalize; }
    ul.store-list li .distance { font-style: italic; margin-bottom: 10px; }
    ul.store-list li .phone span { font-weight: bold; }
    ul.store-list li:hover, ul.store-list li.highlighted { background: #f4f4f4; color: #333; }
    ul.store-list li div.button { margin: 10px 0; }
    
    .storelocator-filter h4 { display: none; }
    
    /* Right panel (Map interface) */
    
    .gm-style .gm-style-iw .store { white-space: nowrap; }
    .gm-style .gm-style-iw .store .infoWindow div { font-size: 1.1em; line-height: 1.4em; }
    .gm-style .gm-style-iw .store .infoWindow div.title { font-weight: bold; white-space: normal; line-height: normal !important; }
    .gm-style .gm-style-iw .store a.action { display: none; }
    
    /* "Get Location" dialog */
    .locator-dialog-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #fff; }
    .locator-dialog { position: fixed; top: 50%; left: 0; right: 0; margin: -150px auto 0; width: 90%; max-width: 400px; max-height: 450px; padding: 20px; box-shadow: 0 0 15px #222; z-index: 1001; background: #fff; text-align: center; }
    .locator-dialog h2 { font-weight: 400; margin: 0 0 20px; }
    
    /* Responsive Capability
       ---------------------
       This extra breakpoint is REQUIRED for consistent performance. It accommodates
       both tablet and phone displays. */
    
    @media screen and (max-width: 800px) {
        
        .store-display-right { display: block; width: auto; min-width: 0; float: none; }
        .store-display-left { display: block; width: auto; height: auto; float: none; margin-bottom: 10px; }
        ul.store-list { white-space: nowrap; }
        ul.store-list li { display: inline-block; *display:inline; max-width: 220px; white-space: normal; vertical-align: top; margin: 0 10px 0 0; font-size: 0.8em; }
        
    }

/*  ==========================================================================
    Sign In
    ========================================================================== */
    .signin-form, .signin-expressreg { padding: 20px; border-bottom: solid 1px #ccc; }
    .signin-createaccount, .signin-extracontent { padding: 20px; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; }
    .signin-forgotpassword, .recover-password td { padding: 20px; }
    .signin-form h3, .signin-expressreg h3, .signin-createaccount h3, .signin-extracontent h3, .signin-forgotpassword h3 { margin: 0; margin-bottom: 10px; }
    #ctl00_PageContent_validateuser_lblErrorMessage{ color:Red; }

/*  ==========================================================================
    Error Page
    ========================================================================== */
    .error-style { width: auto; }
    .error-style h1 { font-size: 3em; margin-bottom: 35px; text-transform: none; padding-bottom: 20px; }
    .error-style p { margin-top: -10px; }
    
/*  ==========================================================================
    CRM navigation
    ========================================================================== */
    .nav-crm { float: right; clear: right; padding: 0 0 15px 0; text-align: right; margin-top: -50px;}
    .nav-crm ul { list-style-type: none; margin: 0; padding: 0; }
    .nav-crm li { float: left; }
    .nav-crm a { display: block; padding: 2px 12px; }
    .nav-crm a:hover { text-decoration: none; }
    
/*  ==========================================================================
    CRM pagination
    ========================================================================== */
    .defaultFontError{ color:Red; font-size:11px}

    .PagerStyle{
     font: bold 16px Arial; text-align : center;
    }

    /* Data Pager Styles */
    .grid TR.pager-row TD
    {
        border-top:solid 2px #bbd9ee;
    }
    .pager
    {
        font-family:arial,sans-serif;
        text-align:center;
        font-size:0.9em;
        height: 25px;
        margin-top: 20px;
        margin-bottom: 5px;
    } 
    .command,        
    .current,        
    A.command,
    .grid TR.pager-row TD A
    {
        color: #666;
        text-decoration: none;
        border: none;
        height: 20px;
        line-height: 20px;
        display: inline-block;
        min-width: 22px;
        padding: 0 5px;
        font-size: 12px;
        font-weight: bold;
    }
    A.command:hover,
    .grid TR.pager-row TD A:hover
    {
        background-color:#666;
        color:#fff;
        text-decoration:none;
    }        
    .current,
    .grid TR.pager-row TD SPAN
    {
	    border:none;
        
        color:#222;
        font-size: 14px;
    }
    .grid TR.pager-row TD
    {
	    border-top:none;
	    text-align:center;
    }
    .grid TR.pager-row TABLE
    {
	    height:35px;
	    margin:0 auto 0 auto;
    }

/*  ==========================================================================
    UI Tool Tip
    ========================================================================== */
    .tooltip
    {
        background: #777777;
        border-radius: 500px 500px 500px 500px;
        color: #FFFFFF;
        display: inline-block;
        *display:inline;
        zoom:1;
        font-size: 0.8em;
        height: 18px;
        text-align: center;
        vertical-align: middle;
        width: 18px;
    }
    .ui-tooltip 
    {
        background: #FFF; 
        border:1px solid #ccc;
        border-radius:5px;
	    padding:5px 8px;
	    font-size:0.9em;
	    position: absolute;
	    z-index: 9999;
	    box-shadow:0px 0 2px #ccc;
	    max-width:200px;
    }
    
/*  ==========================================================================
    Popup Window
    ========================================================================== */
    .popup-form {display: none; position: fixed; top: 60px;left: 50%; margin-left: -405px; width: 810px; background: #FFFFFF; padding: 10px 15px 10px 15px; z-index: 1001;}
    .popup-bg {display: none; background: #000000; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; position: fixed; top: 0px; left: 0px; min-width: 100%; min-height: 100%; z-index: 1000;}
    .popup-area {float: left; width: 100%;}
    .popup-form .close {font-size: 14px; line-height: 14px; right: 14px; top: 10px; position: absolute; display: block; cursor: pointer; text-decoration: none; font-weight: bold;}

/*  ==========================================================================
    Print style
    ========================================================================== */
    @media print {
    
        * { background: #FFF !important; }
    
    }