@charset "utf-8";

/*
 *-----------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (C) Copyright IBM Corp. 2011, 2012 All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with
 * IBM Corp.
 *-----------------------------------------------------------------
 */

/* Dev: legacy */
@import url("../legacy1_1.css");

/* Dev: CMC info popup */
@import url("../CMC.css");

/** Configurator **/
@import url("../Configurator.css");

@import url("nav.css");

@import url("../ribbon.css");



/* CSS Document */
/*Madisons 2011 store CSS definitions, used for all languages (except the locales that define their own css files) and all browsers (Excluding IE6). */

/* TABLE OF CONTENTS
    0.CSS RESET
    1.COMMON GENERAL CLASSES
    2.PAGE TEMPLATE CLASSES
        2.1. Page Template
        2.2. Main Header Wrapper
        2.3. Main Content Wrapper
        2.4. Main Footer Wrapper
    3.CONTAINER CLASSES
        3.1. General Containers
            3.1.1 Full Width Container
            3.1.2 Content area with right sidebar
            3.1.3 Double ESpot Container
            3.1.4 Header Row ESpot Container
            3.1.5 Full Espot Container
        3.2. Homepage Containers
        3.3. Category/Department Containers
        3.4. Product Details Containers
        3.5. Product Details Container for Bundle and Package
    4.WIDGET CLASSES
        4.1. Masthead
            4.1.1 Logo Widget
            4.1.2 Departments Widget
                4.1.2.1 Departments Widget Home
            4.1.3 Search Widget
            4.1.4 MiniShoppingCart Widget
            4.1.5 MiniShoppingCart Widget Popup
            4.1.6 Masthead Links Widget
        4.2. Footer
            4.2.1 Customer Service Widget
            4.2.2 Customer Support Widget
            4.2.3 Footer Email Notifications Widget
            4.2.4 Footer Social Widget
        4.3. Product Details Widgets
            4.3.1 Product Image Viewer Widget
            4.3.2 Product Information Widget
            4.3.3 Sidebar Container Widget (Recently Viewed, Recommendations)
        4.4. Tab Container Widget
        4.5. Breadcrumb Widget
        4.6. Full Width Widget
        4.7. Coordinate Widget
        4.8. RecentlyViewed Widget
        4.9. Recommended Sidebar Widget
        4.10. Product Grid/List
        4.11. SearchLanding Carousel
        4.12. Search Results Tab Widget
        4.13. Activity Feed Widget
    5.BUTTON CLASSES
        5.1. Primary Button
        5.2. Product Info Add To Cart Button
    6.MISC
        6.1. Product/Bundle Page extras
        6.2. Product Compare
        6.3. Static Pages content
        6.4. Progress Bar

/* -----------------------------------------------------------------------------*/
/* 0.CSS 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 1;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:inherit;
    color: inherit;
}

body {font-size:12px;}

a, a:visited {
    text-decoration: none;
    color:#4990A8;
}

:focus {
    outline: 0;
    border:none;
}

body {
    line-height: 1.4em;
    color: #000;
    __background: #eeeeee;
    height: 100%;
    width: 100%;
    background-image: url('../../images/colors/color1/main-background-body.png');

}


@font-face {
    font-family: 'news_cycleregular';
    src: url('../../fonts/newscycle-regular-webfont.eot');
    src: url('../../fonts/newscycle-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/newscycle-regular-webfont.woff') format('woff'),
         url('../../fonts/newscycle-regular-webfont.ttf') format('truetype'),
         url('../../fonts/newscycle-regular-webfont.svg#news_cycleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clearBoth{
    clear:both;
}

.marginTop15{
    margin-top:15px;
}

.marginLeft16{
    margin-left:16px;
}

.marginLeft10{
    margin-left:10px;
}

.padtop10{
    padding-top:10px;
}

img.print_logo {
    display:none;
}


.left {
    float: left;
}

.right {
    float: right;
}

.clear_float {
    clear: both;
}

.bold {
    font-weight: bold;
}

/** --------------- Header Styles  ---------------  **/
h1,.quickview h2 {
    font-family: 'news_cycleregular', sans-serif;
    font-size:22px;
    line-height:22px;
    color:#000;
    margin-bottom:15px;
}

    .quickview h2 {margin-bottom:10px;}

h1 span {
    font-family:inherit;
    font-size:inherit;
}


/** Form Styles **/

input {
     margin:0;
    padding:0;
    border-width:0;
}

input[type='text'],input[type='password'],
input[type='email'],input[type='tel'] {
    padding:4px;
    border:1px solid #898989;
}

input::-moz-focus-inner /*Remove button padding in FF*/ {
    border: 0;
    padding: 0;
}



.configurator_page_content{
    font-size: 12px;
}

    .configurator_page_content > .content_box{
        border: 1px solid #e5e5e5;
    }

        .configurator_page_content > .content_box > .box_header{
            height: 32px;
            background-color: #f5f5f5;
            font-weight: bold;
            font-size: 16px;
            line-height: 32px;
            padding-left: 30px;
        }

        .configurator_page_content > .content_box > .product_image{
            padding-left: 30px;
        }

        .configurator_page_content > .content_box > .product_add{
            padding-right:9px;
        }

        .configurator_page_content > .content_box > .product_add .price{
            font-weight: bold;
        }

        .configurator_page_content > .content_box > .header{
            font-size: 12px;
            font-weight: bold;
            margin-left: 30px;
            margin-right: 9px;
            border-bottom: 1px solid #e5e5e5;

        }

        .configurator_page_content > .content_box > .item{
            margin-top: 10px;
            margin-left: 20px;
            margin-right: 9px;
            border-bottom: 1px dashed #C6D0DC;
        }

        .configurator_page_content > .content_box .no_border{
            border-bottom:none;
        }

        .configurator_page_content > .content_box > .item > .item_details{
            margin-left: 20px;
        }

        .configurator_page_content > .content_box > .item > .item_details .item_header{
            font-size: 12px;
            font-weight: bold;
            line-height: 13px;
            margin-bottom: 5px;
        }

        .configurator_page_content > .content_box > .item > .item_details .form{
            font-size: 11px;
        }

/*------------------------------- */
/* DevStart: Fixed height value is removed to avoid page overflow*/
.static_page_content{
    min-height: 400px;
    background:#fff;
    float:left;
    width:100%;
    margin-top:10px;
}

.static_page_content .static_page_content_inner{
    padding:16px;
    float:left;
}
/* DevEnd*/
.static_page_content  .page_header{
    font-size: 22px;
    color: #777777;
    height: 46px;
    line-height: 46px;
}

.static_page_content .header{
    font-weight:bold;
    font-size:12px;
    margin-top:10px;
}

.static_page_content ol{
    margin:10px 0 10px 20px;
}

/* DevStart: Bottom padding is reduced */
.static_page_content > .content_box{
    border-top: 2px solid #f8ad05;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fbfbfb;
    padding-bottom: 9px;
}
/* DevEnd*/

.static_page_content > .white{
    background-color: #ffffff;
}

/* DevStart: Strict Hierarchy removed to accomodate a div */

.static_page_content  .header_top{
    height: 30px;
    font-size: 19px;
    color: #000;
    line-height: 30px;
    font-family:'news_cycleregular',sans-serif;

}

.static_page_content > .content_box .header{
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    padding-left: 9px;
    padding-right: 9px;
}

.static_page_content > .content_box .info_section{
    color: #4d4d4d;
    font-size: 12px;
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 15px;
    padding-left: 9px;
    padding-right: 9px;
}

.static_page_content > .content_box .info_section > .indent{
    padding-left: 20px;
}

.static_page_content > .content_box .info_section ol{
    padding-left: 25px;
}

.static_page_content > .content_box .header_solid{
    background-color: #F7F7F7;
    border-bottom: 1px solid #F0F0F0;
    color: #666666;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding-left: 9px;
    padding-right: 9px;
}
/* DevStart: Rename to info_table_1 to avoid merging of div.info_table in legacy1_1*/
.static_page_content > .content_box  .info_table_1{
    margin-top: 16px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 12px;
    font-weight:normal;
    line-height: 22px;
}
.static_page_content .info_table_1 {
    background-color: #FBFBFB;
    border-color: #F8AD05 #E5E5E5 #E5E5E5;
    border-style: solid;
    border-width: 2px 1px 1px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
}
.static_page_content .column_box .column {
    float: left;
    font-size: 12px;
    width: 33%;
}
.static_page_content .column_box .column ul {
    list-style: none outside none;
    margin-right: 10px;
    text-decoration: none;
}
.static_page_content .column_box .column ul .h1 {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    text-transform: uppercase;
}
.static_page_content .column_box .column ul .h2 {
    color: #333333;
    font-weight: bold;
    margin-top: 15px;
    text-transform: uppercase;
}

.static_page_content .column_box .column ul .h2 a{
    color:#000;
}


.static_page_content .column_box .column ul .h3 {
    color: #4D4D4D;
    font-weight: normal;
    text-transform: none;
}

.static_page_content .column_box .column ul .h3 a{
    color: #4990A8;
}

.static_page_content .column_box .column ul li a {
    text-decoration: none;
}
.static_page_content .column_box .column ul li a:hover {
    text-decoration: underline;
}
.static_page_content .column_box .column ul .no_margin {
    margin-top: 0;
}

/* DevEnd */

/*------------------------------- */
.container_static_full_width,
.container_configurator_full_width {
    width; 785px;
    padding:0px 91px;
}

/*------------------------------- */

div.email_container{
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 9px;
    color: #777777;
    padding-left: 50%;
    margin-left: -321px;
}

    div.email_container .info_text{
        width: 625px;
        line-height: 12px;
        margin-left: 7px;
    }


    div.email_container .link{
        color: #0081af;
        text-decoration: none;
    }

    div.email_container .link:hover{
        text-decoration: underline;
    }

    div.email_container > .email_main > .top{
        width: 642px;
    }

        div.email_container > .email_main > .top > .left{
            height: 7px;
            width: 7px;
            background-image:url('../../images/colors/color1/email_template/border_top_left.png');
            float: left;
        }

        div.email_container > .email_main > .top > .middle{
            width: 628px;
            height: 7px;
            background-image:url('../../images/colors/color1/email_template/border_top_middle.png');
            float: left;
        }

        div.email_container > .email_main > .top > .right{
            height: 7px;
            width: 7px;
            background-image:url('../../images/colors/color1/email_template/border_top_right.png');
            float: left;
        }


    div.email_container > .email_main > .middle{
        width: 642px;
    }

    div.email_container > .email_main > .middle > .content_left_border{
        width: 635px;
        padding-left: 7px;
        float:left;
        background-image:url('../../images/colors/color1/email_template/border_left.png');
        background-position:left;

    }

        div.email_container > .email_main > .middle > .content_left_border > .content_right_border{
            width: 628px;
            padding-right: 7px;
            background-image:url('../../images/colors/color1/email_template/border_right.png');
            background-position:right;

        }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content{
                width: 628px;
                background-color: #FFFFFF;

            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content p,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content span{
                color: #404040;
                font-size: 12px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content img{
                display: block;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .divider{
                height: 1px;
                background-color: #cccccc;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .espot_container{

            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .espot_container > .left{
                float: left;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .espot_container > .right{
                float:right;
                border-left: 1px solid #cccccc;
            }


            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info{
                margin-left: 35px;
                margin-right: 35px;
                color: #404040;
                text-align: left;
                line-height: 14px;
                font-size: 11px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info  .header{
                font-size: 16px;
                color: #777777;
                margin-top: 15px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .link{
                font-size: 12px;
                color: #006ecc;
                text-decoration: none;
                cursor: pointer;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .link:hover{
                text-decoration: underline;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .divider_secondary{
                height: 1px;
                background-color: #e5e5e5;
                margin-top: 5px;
                margin-bottom: 5px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .detail_name{
                color: #4d4d4d;
                font-size: 12px;
                font-weight: bold;

            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .grey{
                color: #4d4d4d;
            }


            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row{
                /*height: 38px;
                line-height: 38px;*/
                height: 14px;
                padding-top: 13px;
                padding-bottom: 13px;
                background-image: url("../../images/colors/color1/dotted_line_bg3.png");
                background-repeat:repeat-x;
                background-position:bottom
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .headers{
                background-image: none;
                border-bottom: 1px solid #e5e5e5;
                padding-bottom: 7px;
            }
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .headers span{
                color: #666666;
                font-weight: bold;
                font-size:12px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .product,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .qty,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .each,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .total{
                float: left;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .product{
                width: 330px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .qty{
                width: 40px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .each{
                width: 94px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .total{
                width: 94px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .qty span,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .each span,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .total span{
                float: right;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers{
                height: 29px;
                border-top: 1px solid #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
                margin-left: -10px;
                margin-right: -10px;
                padding-left: 10px;
                padding-right: 10px;
                line-height: 29px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .first_header{
                float: left;
                width: 290px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .second_header{
                float: left;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .product_header,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .product_column{
                width: 330px;
                float: left;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .qty_header,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .qty_column{
                width: 15px;
                float: left;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .each_header,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .each_column{
                width: 100px;
                float: left;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .total_header,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .total_column{
                width: 100px;
                float: left;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .subtotal_left_column{
                width: 465px;
                float: left;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .subtotal_right_column{
                float: right;
            }


            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .left_column_50{
                width: 290px;
                float: left;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info  .right_column_50{
                float: left;
            }


            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .left_column_50 .left_section,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info  .right_column_50 .left_section{
                float: left;
                width: 105px;
            }

            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .left_column_50 .right_section,
            div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info  .right_column_50 .right_section{
                float: left;
                width: 140px;
            }


    div.email_container > .email_main > .bottom{
        width: 642px;
    }

        div.email_container > .email_main > .bottom > .left{
            height: 7px;
            width: 7px;
            background-image:url('../../images/colors/color1/email_template/border_bottom_left.png');
            float: left;
        }

        div.email_container > .email_main > .bottom > .middle{
            width: 628px;
            height: 7px;
            background-image:url('../../images/colors/color1/email_template/border_bottom_middle.png');
            float: left;
        }

        div.email_container > .email_main > .bottom > .right{
            height: 7px;
            width: 7px;
            background-image:url('../../images/colors/color1/email_template/border_bottom_right.png');
            float: left;
        }

/*------------------------------- */


div.store_message{
    position: absolute;
    z-index: 9999;
    width: 409px;
    display:none; /* Dev -- Hide the error message area by default */
    background:none;
    position: fixed;
    top: 40%;
    left: 40%;
}

    .store_message > .content{
        margin-top: 3px;
        background-color: #FFFFFF;
        border: 2px solid #999;
        width: 450px;
        padding-top: 5px;
        padding-bottom: 0;
        min-height:100px;
        box-shadow:1px 0 15px #666666;
    }

    .store_message > .content > .close{
        margin-right: 15px;
        cursor: pointer;
    }

    .store_message > .content > .close:focus{
        outline: 0;
        border:none;
     }

    .store_message > .content > .close > .close_text{
        font-size: 12px;
        color: #000;
        height: 13px;
        margin-right: 7px;
    }

    .store_message > .content > .close > .close_icon{
        margin-top: 5px;
        width: 8px;
        height: 8px;
        background-image:url('../../images/colors/color1/checkout/cross-icon.png');
        background-repeat:no-repeat;
    }

    .store_message > .content > .close:hover > .close_text{
        text-decoration:underline;
    }

    .store_message > .content > .close:hover > .close_icon{
        background-position:0;
    }

    .store_message > .content > .message{
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 10px;
    }

        .store_message > .content > .message .message_icon{
            width: 19px;
        }

        .store_message > .content > .message .message_text{
            font-size: 12px;
            color: #000;
            line-height: 16px;
            width: 330px;
            margin-left: 10px;
            margin-top:3px;
        }

        .store_message > .content > .message .message_text .cv-validator-errors{
            font-weight:normal;
        }


.sign_in_registration_new .myaccount_error {
    color: #CA4200;
    clear:both;
    display:block;

}

.store_message > .content .shadowPiece{
    display:none;
}




/*------------------------------- */

div.widget_site_maintenance_background{
    background-image: url('../../images/colors/color1/sitemainteance_page_bg.png');
    position: fixed;
    background-color: #c9d0d0;
    height: 100%;
    width: 100%;
}

div.widget_site_maintenance_position {
    position: relative;
    top: 50%;
    left: 50%;
    margin-left: -237px;
    margin-top: -250px;
    width: 474px;
}

div.widget_site_maintenance_container > .box_shadow{
    background-image:url('../../images/colors/color1/sitemaintenance_shadow.png');
    height: 31px;
    width: 474px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 117px;
    margin-top: -8px;
}

div.widget_site_maintenance{
    background-image:url('../../images/colors/color1/sitemaintenance_bg.png');
    padding: 8px;
    width: 452px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18%;
}

    div.widget_site_maintenance > .content{
        background-color: #FFFFFF;
        padding-bottom: 50px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }


        div.widget_site_maintenance > .content > .header{
            padding-top: 45px;
            color: #a1a1a1;
            font-size: 22px;
            padding-bottom: 12px;
        }

        div.widget_site_maintenance > .content > .message{
            color: #444444;
            font-size:14px;
            line-height: 16px;
            padding-bottom: 40px;
            padding-left: 12px;
            padding-right: 12px;
        }

/*------------------------------- */

div.widget_articles_videos{
    min-height:400px;
}

div.widget_articles_videos > .top{
    width: 718px;
}

    /*div.widget_articles_videos > .top > .left_border,
    div.widget_articles_videos > .bottom > .left_border{
        width: 1px;
        height: 1px;
        background-color: #e5e5e5;
        float: left;
    }

    div.widget_articles_videos > .top > .middle,
    div.widget_articles_videos > .bottom > .middle{
        width: 716px;
        height: 1px;
        background-color: #e5e5e5;
        float: left;
    }

    div.widget_articles_videos > .top > .right_border,
    div.widget_articles_videos > .bottom > .right_border{
        width: 1px;
        height: 1px;
        background-color: #e5e5e5;
        float: left;
    }

    div.widget_articles_videos > .middle{
        background-color: #e5e5e5;
        width: 718px;
    }

        div.widget_articles_videos > .middle > .left_content_border{
            padding-left: 1px;
            width: 717px;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border{
            padding-right: 1px;
            width: 716px;
        }*/

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content{
            width: 716px;
            background-color: #FFFFFF;
            color: #666666;

        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header{
            __padding-left: 19px;
            __padding-right: 19px;
            __font-size: 16px;
            __padding-top: 14px;
            __position: relative;
            __height: 60px;
            __border-bottom: 1px solid #E5E5E5;
            height: 40px;
            position: relative;
            width: 100%

        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > span.small{
            font-size: 12px;
            color:#000;
            float:left;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .title{
            float: left;
            font-size: 12px;
            color: #000;
            margin-right:4px;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls{
            color: #000;
            font-size: 12px;
            height: 17px;
            line-height: 17px;
            overflow: hidden;
            position: absolute;
            right: 15px;
            top: 16px;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .divider{
            background-color: #BFBFBF;
            float: left;
            height: 17px;
            margin: 0 6px;
            width: 1px;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls  .left_arrow{
            background-image: url('../../images/colors/color1/left_arrow_sprite.png');
            background-repeat: no-repeat;
            background-position: 0 0;
            height: 17px;
            width: 17px;
            margin: 0 6px;
            float: left;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls  .right_arrow{
            background-image: url('../../images/colors/color1/right_arrow_sprite.png');
            background-repeat: no-repeat;
            background-position: 0 0;
            height: 17px;
            width: 17px;
            margin: 0 6px;
            float: left;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls  .active{
            background-color: #EF5305;
            background-position: left top;
            color: #FFFFFF !important;
            cursor: pointer;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls  .inactive{
            background-color: #BFBFBF;
            background-position: left bottom;
            color: #FFFFFF !important;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .pages{
            float: left;
            line-height: 17px;
            margin-left: 6px;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .pages > ul{
            list-style-type:none;
            overflow:hidden;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .pages > ul > li{
            color: #CA4200;
            cursor: pointer;
            display: block;
            float: left;
            margin: 0 2px;
            min-width: 14px;
            padding: 0 2px;
            text-align: center;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .view_all{
            float: left;
            line-height: 17px;
            margin-left: 6px;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .paging_controls > .view_all > a{
            color: #CA4200;
            text-decoration: none;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .sorting_controls{
            color: #000000;
            float: right;
            font-size: 12px;
            padding: 0
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .sorting_controls > .sort_by{
            line-height: 18px;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header > .sorting_controls > select{
            border: 1px solid #666666;
            font-size: 11px;
            height: 18px;
            min-width: 114px;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item{
            __padding-left: 19px;
            __padding-right: 8px;
            padding-bottom: 17px;
            padding-top: 17px;
            border-top:1px dotted #AAA;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .divider{
            height: 1px;
            border-bottom: 1px solid #e5e5e5;
            margin-left:8px;
            margin-right: 8px;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .icon{
            height: 32px;
            width: 32px;
            float: left;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .description{
            font-size: 12px;
            float: left;
            line-height: 14px;
            padding-left: 11px;
            width: 630px;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .description > .header {
            font-size: 14px;
            margin-bottom: 5px;
            cursor: pointer;
        }

        div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .description > .header:hover{
            text-decoration:underline;
        }



/*------------------------------- */
div.widget_store_details_popup > .top{
    width: 734px;
    background: url("../../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-x scroll 0 0 transparent;
    overflow: hidden;
}

    div.widget_store_details_popup > .top > .left_border{
        width:3px;
        height:3px;
        float: left;
    }

    div.widget_store_details_popup > .top > .middle_tile{
        width:728px;
        height:3px;
        float: left;
    }

    div.widget_store_details_popup > .top > .right_border{
        width:3px;
        height:3px;
        float: left;
    }

    div.widget_store_details_popup > .middle {
        width: 734px;

    }

        div.widget_store_details_popup > .middle > .content_left_border {
            background: url("../../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-y scroll 0 0 transparent;
            float: left;
            padding-left: 3px;
            width: 731px;
        }

            div.widget_store_details_popup > .middle > .content_left_border > .content_right_border {
                background: url("../../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-y scroll 0 0 transparent;
                background-position:right;
                float: right;
                padding-right: 3px;
                width: 728px;
            }

                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content {
                    background-color: #ffffff;
                }

                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header{
                    background-color: #F5F6F7;
                    border-bottom: 1px solid #EDEFF0;
                    height: 38px;
                    line-height: 36px;
                    padding-left: 10px;
                    padding-right: 10px;
                }

                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > span{
                    color: #666666;
                        font-size: 16px;
                }

                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close{
                    cursor: pointer;
                    height: 13px;
                    position: absolute;
                    right: 14px;
                    top: 1px;
                    width: 13px;
                }

                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body{
                    font-size: 12px;
                    color: #666666;
                    padding: 20px 10px;
                    line-height: 16px;
                }

                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body .header{
                    font-size: 13px;
                    font-weight: bold;
                    padding-bottom: 7px;
                    border-bottom: 1px solid #edeff0;
                }

                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_store_address{
                    width: 276px;
                    float: left;
                }

                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_hours{
                    width: 194px;
                    float: left;
                }

                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability{
                    width: 238px;
                    float: left;
                }

                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability > .backordered{
                    width: 10px;
                    height: 10px;
                    float: left;
                    margin-top: 3px;
                    margin-right: 8px;
                    background: url("../../images/colors/color1/widget_store_locator_popup/backordered_icon.png");
                }

                /* DevStart: for availability status image div in store details popup */
                div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability > .status_img_div{
                    margin-right: 8px;
                }
                /* DevEnd */

div.widget_store_details_popup > .bottom{
    width: 734px;
    background: url("../../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-x scroll 0 0 transparent;
    overflow: hidden;
}

    div.widget_store_details_popup > .bottom > .left_border{
        width:3px;
        height:3px;
        float: left;
    }

    div.widget_store_details_popup > .bottom > .middle_tile{
        width:728px;
        height:3px;
        float: left;
    }

    div.widget_store_details_popup > .bottom > .right_border{
        width:3px;
        height:3px;
        float: left;
    }
/*---------------------------------*/


    div.widget_site_popup > .top > .left_border{
        width:3px;
        height:3px;
        float: left;
    }

    div.widget_site_popup > .top > .middle_tile{
        width:457px;
        height:3px;
        float: left;
    }

    div.widget_site_popup > .top > .right_border{
        width:3px;
        height:3px;
        float: left;
    }

div.widget_site_popup > .middle {
    width: 463px;

}


div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content {
    background-color: #ffffff;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header{
    background-color: #f5f6f7;
    border-bottom: 1px solid #edeff0;
    padding: 7px 20px 9px 10px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header span{
    font-size: 16px;
    color: #666666;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .close{
    width: 13px;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 12px;
    background-image: url('../../images/colors/color1/close_sprite.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .close:hover{
    background-position: 0 -13px;
}


div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close_acce  {
    position: absolute;
    right: 14px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close1_acce > .closeImg {
    right: 14px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors {
    padding: 16px 0;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .option_name{
    font-size: 12px;
    color: #666666;
    width: 120px;
        float: left;
        text-align: right;
        padding-right: 5px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .left_selector{
    width: 350px;
    position: relative;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_select{
    width: 150px;
    background-color: #e5e5e5;
    height: 22px;
    font-size: 12px;
    color: #4d4d4d;
    padding-left: 10px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_select #selected_option{
    cursor: pointer;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_options{
    width: 148px;
    height: 65px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    top: 22px;
    left: 80px;
    padding-left: 10px;
    overflow:scroll;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selector {
    padding: 8px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body{
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 14px;
    font-size: 12px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content  .body .textinlinewithicon{
    line-height: 23px;
    margin-left: 4px;
    float: left;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content form input{
    margin-top: 4px;
    margin-bottom: 4px;
    width: 300px;
    border: 1px solid #A2A2A2;
    color: #404040;

}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body .header{
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 14px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors select{
    font-size: 12px;
    height: 20px;
    color: #666666;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .currency{
    width: 92px; /*96*/
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product{
    margin-left: 7px;
    margin-top: 7px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product .product_image{
    float: left;
    margin-right: 15px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product .product_name{
    float: left;
    font-size: 14px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer{
    height: 38px;
    border-top: 1px solid #edeff0;
    __line-height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container{
    margin-top: 12px;
    margin-bottom:7px;
    float: right;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container .button_primary,
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container .button_secondary{
    display:block;
    float: left;
    margin-left: 10px;
}



    div.widget_site_popup > .bottom > .left_border{
        width:3px;
        height:3px;
        float: left;
    }

    div.widget_site_popup > .bottom > .middle_tile{
        width:457px;
        height:3px;
        float: left;
    }

    div.widget_site_popup > .bottom > .right_border{
        width:3px;
        height:3px;
        float: left;
    }

/*---------------------------------*/

div.item_spacer_50px{
    height: 50px;
}

div.item_spacer_20px{
    height: 20px;
}

div.item_spacer_10px{
    height: 10px;
}

div.item_spacer_8px{
    height: 8px;
}

div.item_spacer_7px{
    height: 7px;
}

div.item_spacer_5px{
    __height: 5px;
}

div.item_spacer_3px{
    height: 3px;
}

div.item_spacer_2px{
    height: 2px;
}

/*---------------------------------*/

.dropdown_primary {
    height: 24px;
    display: inline-block;
    text-decoration:none;
}

.dropdown_primary > .button{
    float: left;
    text-decoration:none;
    cursor: pointer;
}

    .dropdown_primary > .button > .left_border {
        width: 2px;
        height: 24px;
        float: left;
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_left_border.png') top left no-repeat;
    }

    .dropdown_primary > .button > .right_border,
    .dropdown_primary > .drop .right_border {
        width: 2px;
        height: 24px;
        float: left;
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_right_border.png') top left no-repeat;
    }

    .dropdown_primary > .button > .content {
        height: 20px;
        padding: 2px 7px;
        float: left;
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg.png') top left repeat-x;
        line-height: 20px;
        color: #49310f;
        text-align: center;
        font-size: 11px;
        overflow:hidden;
        cursor: pointer;
    }

    .dropdown_primary > .drop{
        float: left;
        cursor: pointer;
    }

    .dropdown_primary > .drop > .dropdown_arrow{
        height: 24px;
        float: left;
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg.png') top left repeat-x;
        width: 16px;
        text-align: center;
        line-height: 20px;
    }


    .dropdown_primary > .button:focus > .left_border{
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png') top left no-repeat;
    }

    .dropdown_primary > .button:focus > .content{
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
    }

    .dropdown_primary > .button:focus > .right_border{
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
    }

    .dropdown_primary > .button:hover > .left_border{
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png') top left no-repeat;
    }

    .dropdown_primary > .button:hover > .content{
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
    }

    .dropdown_primary > .button:hover > .right_border{
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
    }

    .dropdown_primary > .drop:focus > .dropdown_arrow{
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
    }

    .dropdown_primary > .drop:focus > .right_border{
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
    }

    .dropdown_primary > .drop:hover > .dropdown_arrow{
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
    }

    .dropdown_primary > .drop:hover > .right_border{
        background: url('../../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
    }

/*---------------------------------*/

.dropdown_list{
    position: absolute;
    /*original:: top:85px;*/
    /* DevStart: dropdown list kept relative to the dropdown button, so that it can be used in multiple places */
    top: 23px;
    z-index: 5;
    /* DevEnd */
    min-width: 190px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}



.dj_ie7 .dropdown_list{
    position: relative;
    z-index: 10;
    top: 0px;
}

div.dropdown_list > ul div.divider{
    border-bottom: 0px;
    height: 1px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #b9b9b9;
    margin-top: 7px;
}

.created_list{
    background: url('../../images/colors/color1/widget_quick_info_popup/plus_icon.png') no-repeat scroll 10px 50% transparent;
    color: #515151;
    cursor: pointer;
    display:block;
    font-size: 11px;
    line-height: 11px;
    overflow:hidden;
    padding-left: 24px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.created_list_wrapper{
    width: 200px;
    overflow: auto;
    overflow-x: hidden;
    max-height: 100px;
}

.created_list_wrapper > li:hover,
.created_list_wrapper > li.focused {
    background-color: #d9e9f7;
}

.wish_order_list > li:hover,
.wish_order_list > li.focused {
    background-color: #d9e9f7;
}
/* DevEnd */
/* DevStart: padding left was added and focus_create class removed for shopping list drop down changes */
.wish_order_list > .message{
    display:block;
    font-style:italic;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}
/* DevEnd: padding left was added and focus_create class removed for shopping list drop down changes */

.wish_order_list > .message:hover{
    background-color: #ffffff;
    cursor:auto;
}


/*---------------------------------*/

.widget_subscription_item > .top,
.widget_subscription_item > .bottom{
    background: url("../../images/colors/color1/widget_border.png") repeat-x scroll 0 0 transparent;
    overflow: hidden;
    width: 463px;
}

.widget_subscription_item > .top > .left_border,
.widget_subscription_item > .bottom > .left_border{
    float: left;
    height: 3px;
    width: 3px;
}

.widget_subscription_item > .top > .middle,
.widget_subscription_item > .bottom > .middle{
    height: 3px;
    width: 457px;
    float: left;
}

.widget_subscription_item > .top > .right_border,
.widget_subscription_item > .bottom > .right_border{
    float: left;
    height: 3px;
    width: 3px;
}

.widget_subscription_item > .middle{
    width: 463px;
}

.widget_subscription_item > .middle > .content_left_border{
    background: url("../../images/colors/color1/widget_border.png") repeat-y scroll 0 0 transparent;
    float: left;
    padding-left: 3px;
    width: 460px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border{
    background: url("../../images/colors/color1/widget_border.png") repeat-y scroll right center transparent;
    float: right;
    padding-right: 3px;
    width: 457px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content{
    background-color: #ffffff;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header{
    background-color: #F5F6F7;
    border-bottom: 1px solid #EDEFF0;
    height: 38px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 22px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > span{
    color: #777777;
    font-size: 16px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > .close{
    cursor: pointer;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 0px;
    width: 13px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > .close:hover{
    background-position: 0 -13px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .input_section{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 1em;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .input_section > span{
    font-size: 12px;
    color: #444444;
}

/*---------------------------------*/

.widget_create_shopping_list > .top,
.widget_create_shopping_list > .bottom{
    background: url("../../images/colors/color1/widget_create_shopping_list/widget_border.png") repeat-x scroll 0 0 transparent;
    overflow: hidden;
    width: 463px;
}

.widget_create_shopping_list > .top > .left_border,
.widget_create_shopping_list > .bottom > .left_border{
    float: left;
    height: 3px;
    width: 3px;
}

.widget_create_shopping_list > .top > .middle,
.widget_create_shopping_list > .bottom > .middle{
    height: 3px;
    width: 457px;
    float: left;
}

.widget_create_shopping_list > .top > .right_border,
.widget_create_shopping_list > .bottom > .right_border{
    float: left;
    height: 3px;
    width: 3px;
}

.widget_create_shopping_list > .middle{
    width: 463px;
}

.widget_create_shopping_list > .middle > .content_left_border{
    background: url("../../images/colors/color1/widget_create_shopping_list/widget_border.png") repeat-y scroll 0 0 transparent;
    float: left;
    padding-left: 3px;
    width: 460px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border{
    background: url("../../images/colors/color1/widget_create_shopping_list/widget_border.png") repeat-y scroll right center transparent;
    float: right;
    padding-right: 3px;
    width: 457px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content{
    background-color: #ffffff;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .header{
    background-color: #F5F6F7;
    border-bottom: 1px solid #EDEFF0;
    height: 38px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

/*Dev start*/
.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .plain_header{
    height: 38px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .header > span,
.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .plain_header > span{
    color: #777777;
    font-size: 16px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .header > .close{
    background-image: url("../../images/colors/color1/widget_create_shopping_list/close_sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 12px;
    width: 13px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .header > .close:focus{
    background-position: 0 -13px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .header > .close:hover{
    background-position: 0 -13px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .input_section{
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .input_section .textinlinewithicon{
    float: left;
    line-height: 23px;
    margin-left: 4px;
}
/*Dev end*/

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .input_section > span{
    font-size: 12px;
    color: #444444;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .input_section > form > input{
    width: 302px;
    margin-top: 4px; /*Dev*/
    margin-bottom: 4px; /*Dev*/
    border: 1px solid #aab2bc;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer{
    border-top: 1px solid #EDEFF0;
    height: 38px;
    line-height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container{
    margin-top: 7px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_primary,
.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_secondary{
    display: block;
    float: right;
    margin-left: 10px;
}

.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_primary > .button_text,
.widget_create_shopping_list > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_secondary> .button_text{
    width: 70px;
    padding-left: 0px;
    padding-right: 0px;
}

/*---------------------------------*/

.input_primary {
    height: 22px; /*24*/
}

    .input_primary > .left_border {
        width: 3px;
        height: 22px;
        float: left;
        background: url('../../images/colors/color1/widget_quick_info_popup/search_left_border.png') top left no-repeat;
    }

    .input_primary > .right_border {
        width: 3px;
        height: 22px;
        float: left;
        background: url('../../images/colors/color1/widget_quick_info_popup/search_right_border.png') top right no-repeat;
    }

    .input_primary > .content {
        background: url("../../images/colors/color1/widget_quick_info_popup/search_tile_bg.png") repeat-x scroll 0 0 transparent;
        float: left;
        height: 22px;
        padding: 1px;
        position: relative;
        margin-bottom: -2px;
    }

    .input_primary > .content > input.search_input{
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #A6A6A6;
        font-size: 11px;
        line-height: 11px;
        height: 20px;
        width: 94px;
    }


/*---------------------------------*/
div.widget_quick_info_popup > .top {
    background: url("../../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-x scroll 0 0 transparent;
    overflow: hidden;
    width: 734px;
}

    div.widget_quick_info_popup > .top > .left_border{
        width:3px;
        height:3px;
        float: left;
    }

    div.widget_quick_info_popup > .top > .middle_tile{
        width:728px;
        height:3px;
        float: left;
    }

    div.widget_quick_info_popup > .top > .right_border{
        width:3px;
        height:3px;
        float: left;
    }

div.widget_quick_info_popup > .middle {
    width: 734px;

}



div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content {
    background-color: #ffffff;
    padding:20px;

}

    div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column{
        width: 330px;
        margin-right: 15px;
        float: left;
    }

        div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views{
            margin-top: 13px;
        }

            div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li.selected{
                border: 3px solid #FAC549;
            }

            div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li{
                border: 3px solid #E5E5E5;
                float: left;
                height: 70px;
                list-style: none outside none;
                margin-right: 8px;
            }

            div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li:hover{
                border: 3px solid #FAC549;
            }

    div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column{
        /*width: 374px;*/
        width: 335px;
        float: left;
        line-height: 12px;
    }

        div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.main_header{
            color: #818181;
            display: block;
            font-size: 20px; /*22*/
            line-height: 20px; /*28*/
            margin-top: -3px;
            max-width: 320px;
        }

        div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .not_available{
            font-size: 11px;
            line-height: 16px;
            color: #777777;
            font-style:italic;
        }

        /* DevStart: style for price as configured text*/
        div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.configured {
            font-size: 14px;
            color: #CCC;
            line-height: 24px;
            float: left;
        }
        /* DevEnd: style for price as configured text*/

        div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.old_price{
            color: #777777;
            float: left;
            font-size: 16px;
            line-height: 24px;
            text-decoration: line-through;
            font-weight:bold;
            margin-right: 4px; /* Dev: provides space after list price and before offer price */
        }

        div.widget_quick_info_popup span.price{
            color:#D74F00;
            display: block;
            font-size: 14px;
        }

        div.widget_quick_info_popup .sku{
            margin-bottom:10px;
            font-size:12px;
            color: #aaa;

        }


            div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > .single_star{
                background: url("../../images/colors/color1/star_rating.png") no-repeat scroll 0 0 transparent;
                display: block;
                float: left;
                height: 16px;
                margin-top: 3px;
                padding-right: 3px;
                width: 16px;
            }

            div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > .single_star:hover{
                background-position: 0 -16px;
            }

            div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > span.reviews a{
                color: #006ECC;
                float: left;
                font-size: 12px;
                padding-left: 8px;
                text-decoration: none;
                line-height: 25px;
            }

            div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > span.reviews a:hover{
                text-decoration: underline;
            }

        div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .divider{
            height: 1px;
            background-color: #e5e5e5;
            margin-top: 11px;
            margin-bottom: 11px;
        }

        /* DevStart: changed class hierarchy to add refresh area div */
        div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column p{
            line-height: 14px;
        }
        /* DevEnd: changed class hierarchy to add refresh area div */

        div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > a:hover{
            text-decoration:underline;
        }

        .widget_quick_info_popup ul {padding:10px;}
            .widget_quick_info_popup .color_swatch_list {float:left; padding:0 0 5px 0; clear:both}
            .widget_quick_info_popup .color_swatch_list ul {padding:0;}

        .widget_quick_info_popup .attribute-info,.widget_quick_info_popup .quantity_label {float:left; min-width:32px; font-weight:bold;}
            .widget_quick_info_popup .quantity_label {line-height:24px;}
            .widget_quick_info_popup .attribute-info span {font-weight:normal;}

        div.widget_quick_info_popup .right_column > li,
        div.widget_quick_info_popup .right_column > ul > li{
            line-height:13px;
            margin-left:20px;
        }

                .widget_quick_info_popup .color_swatch_list .color_swatch,
                .widget_quick_info_popup .color_swatch_selected,
                .widget_quick_info_popup .color_swatch_disabled {
                    border: 2px solid #fff;
                    width: 30px;
                    height:30px;
                }

                .widget_quick_info_popup .color_swatch_selected,
                .widget_quick_info_popup .color_swatch:hover {
                    border: 2px solid #000;
                }

                .widget_quick_info_popup .color_swatch_list select {
                    border: 1px solid #4C4C4C;
                    font-family: arial;
                    font-size: 12px;
                    height: 23px;
                    margin-bottom: 5px;
                    padding: 2px;
                    width: 164px;
                    margin-top:3px;
                }

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul > li{
                    display: block;
                    float: left;
                    margin-bottom: 6px;
                    margin-right: 6px;
                    margin-top: 6px;
                }

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list{
                    margin-top:6px;
                }

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list a{
                    text-decoration: none;
                }

                /* DevStart: a div was added to position the dropdown as parent to .dropdown_primary, hence .dropdown_primary not immediate child of .purchase_section */
                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section .dropdown_primary > .button > .content{
                    min-width: 127px;
                }
                /* DevEnd */

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .full_details{
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a{
                    color: #006ECC;
                    font-size: 11px;
                    text-decoration: none;
                }

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a:hover{
                    text-decoration:underline;
                }

                /* Dev Start: Add To Cart text was not visible properly in other languages, in quick info.. Made similar changes as done by MDS to fix this issue in product page */
                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_add_to_cart > .button_text{
                    min-width: 120px;

                }
                /* Dev End*/

                .widget_quick_info_popup .addtoWishListShopCart {margin:0 0 0 10px;}

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .button_secondary .button_text{
                    min-width: 120px;
                }

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group{
                cursor:pointer;
                }

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close{
                    background-position: 0 -13px;
                }

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close_text{
                    text-decoration:underline;
                }

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column  .close_group .close{
                    width: 13px;
                    height: 13px;
                    background-image: url('../../images/colors/color1/widget_quick_info_popup/close_sprite.png');
                    background-position: 0 0;
                    background-repeat: no-repeat;
                    position: absolute;
                    right: 10px;
                    top: 10px;
                    cursor: pointer;
                }

                div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group .close_text{
                    position: absolute;
                    right: 30px;
                    top: 10px;
                    font-size: 13px;
                    color: #404040;
                    text-decoration:none;
                    line-height: 15px;/*Dev for avoiding truncation in other languages*/
                }


div.widget_quick_info_popup > .bottom {
    background: url("../../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-x scroll 0 0 transparent;
    overflow: hidden;
    width: 734px;
}

    div.widget_quick_info_popup > .bottom > .left_border{
        width:3px;
        height:3px;
        float: left;
    }

    div.widget_quick_info_popup > .bottom > .middle_tile{
        width:728px;
        height:3px;
        float: left;
    }

    div.widget_quick_info_popup > .bottom > .right_border{
        width:3px;
        height:3px;
        float: left;
    }

/*---------------------------------*/

.widget_full_espot_container{
    width: 935px;
    overflow:hidden;
}

/*---------------------------------*/

.widget_home_espots_left{
    width: 677px;
    overflow:hidden;
    float: left;
}

    .widget_home_espots_left img{
        display:block;
    }

    /* DevStart: Strict hierarchy removed as a div needs be introduced for preview support */
    .widget_home_espots_left  .left_espot {
        float: left;
    }

    .widget_home_espots_left .espot_spacer{
        padding-bottom:11px;
    }

    .widget_home_espots_left  .right_espot {
        float: left;
        margin-left:9px;
    }
    /* DevEnd */

/*---------------------------------*/
.widget_home_espots_right{
    float: right;
    __width: 212px;
}

    .widget_home_espots_right img{
        display:block;
    }
/*---------------------------------*/

.widget_tall_double_espot_container {
    width: 935px;
    overflow: hidden;
}

    /* DevStart: Strict Hierarchy removed as a div needs be introduced for preview support */
    .widget_tall_double_espot_container .left_espot {
        float: left;
    }

    .widget_tall_double_espot_container .right_espot {
        float: right;
    }



    /* DevEnd */

/* -----------------------------------------------------------------------------*/
/* SCROLLING ESPOT WIDGET START
/* -----------------------------------------------------------------------------*/

/* DevStart: Styling added for classes generated by the dojo widget */
.thumbOuter{
    /*height: 279px;*/
    /*height: 235px;*//*Dev*/
    margin-left: -53px;
}

.navPrev {
    float:left;
    cursor: pointer;
    width: 16px;
    height: 32px;
    background: url("../../images/colors/color1/crouselArrowLeft.png") no-repeat center center;
    padding: 0px 0px 0px 0px;
    margin-left: 27px;
    margin-right: 10px;
    margin-top:78px;
}

/*.navPrev:hover {
    background-position: 0 -84px;
}*/

.navNext {
    float:right;
    cursor: pointer;
    width: 16px;
    height: 32px;
    background: url("../../images/colors/color1/crouselArrowRight.png") no-repeat center center;
    padding: 0px 0px 0px 0px;
    margin-left: 10px;
    margin-top:78px;
    position:relative;
    right:31px;

}
/* .navNext:hover {
    background-position: 0 -84px;
} */
.thumbScroller {
    border: 0px;
    float:left;
    overflow:hidden;
    position: relative;
    height: 100%;
    padding: 0px 0px 0px 2px;
}
.thumbsNode{
    border: 0px;
    height: 100%;
    float:left;
    position: relative; /*Dev*/
}
.imgContainer {
    float:left;
    width: 220px;
    height: 100%;
}

/* DevStart: to overwrite scrollable widget height */
.itemImgContainer {
    float:left;
    width: 169px;
    height: 100%;
}
/* DevEnd: to overwrite scrollable widget height */
/* DevEnd: Styling added for classes generated by the dojo widget */

/*Dev: Hierarchy has been modified to accomodate dojo widgets*/

div.widget_carousel{
    /*height: 288px;*//*Dev*/
    __background-image:url('../../images/colors/color1/widget_carousel/widget_bg.png');
    __background-repeat:repeat;
    __border: 1px solid #e5e5e5;
    background:#fff;
    position: relative;
    padding: 0 41px 38px 41px;
}

div.no_bg{
    background-image:none;
}

div .carousel_searchlanding{
    height: 248px;
}

div.widget_carousel > .header{
    font-family: 'news_cycleregular', sans-serif;
    line-height: 34px;
    font-size: 20px;
    color: #000;
    margin-left: 6px;
    __padding-right: 21px;
    border-top:6px solid #105361;
    width:186px;
    margin-bottom:55px;


}

div.widget_carousel .product > .product_option {
    display: inline;
    zoom: 1;
}

/* DIVIDER CREATED THIS WAY TO UTILIZE FULL WIDTH OF CONTAINER ALONGSIDE 'COLUMN' PERCENTAGE WIDTHS */
div.widget_carousel .divider{
    width: 1px;
    height: 279px;
    /*background-color: #e5e5e5;*/
    border-right:1px solid #e5e5e5;
    float: right; /*dev*/
}

div.widget_carousel .left_arrow,
div.widget_carousel > .right_arrow{
    /*height: 42px;
    width: 21px;
    margin-top: 78px;*/
    height: 42px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    width: 21px;
}


div.widget_carousel .left_arrow{
    background-image:url('../../images/colors/color1/widget_carousel/left_arrow_sprite.png');
    background-repeat: no-repeat;
    margin-right: 10px;
    left: 10px;
}

div.widget_carousel .right_arrow{
    float: right;
    display:block;
    background-image:url('../../images/colors/color1/widget_carousel/right_arrow_sprite.png');
    background-repeat: no-repeat;
    background-position: 0 -42px;
    margin-left: 10px;
    right: 10px;
}

div.widget_carousel > .active{
    cursor:pointer;
}

div.widget_carousel .right_arrow:hover{
    background-position: 0 -84px;
}


div.widget_carousel div.right_border{
    border-right: 1px solid #e5e5e5;
}


div.widget_carousel div.product {
    width: 160px;
    float: left;
    margin-left:25px;
    margin-right: 25px;
    text-align: center;
    position: relative;
}

div.widget_carousel div.product > .product_image{
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    cursor: pointer;
}

div.widget_carousel div.product > .product_image > .compare_target{
    position: absolute;
    top: -2px;
    right: 0px;
    visibility: hidden;
}

div.widget_carousel div.product > .product_image:hover > .compare_target{
    visibility: visible;
}

div.widget_carousel div.product > .product_image > .quick_info_toggle{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 160px;
    height: 22px;
    text-align: center;
    line-height: 24px;
    background: url('../../images/colors/color1/widget_product_listing/bg_80percent_transparent_grey.png');
    visibility: hidden;
    padding: 0;
    margin: 0;
    padding-bottom: 4px;
}

div.widget_carousel div.product > .product_image > .quick_info_toggle a{
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
}

div.widget_carousel div.product > .product_image > .quick_info_toggle a:hover{
    text-decoration: underline;
    color: #ffffff;
    font-size: 12px;
}

div.widget_carousel div.product > .product_image:hover > .quick_info_toggle{
    visibility: visible;
}

div.widget_carousel > div.product > .product_image > .addbug{
    background-image: url("../../images/colors/color1/addbug.png");
    height: 62px;
    position: absolute;
    right: 0;
    top: 0;
    width: 62px;
}

div.widget_carousel > div.product > .description{
    background: url("../../images/colors/color1/widget_searchlanding_carousel/item_transparent_bg.png") repeat scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 30px;
    padding: 0 15px;
    position: absolute;
    width: 130px;
}

/*DevStart: to give underline effect*/
div.widget_carousel > div.product > .description:hover{
    text-decoration: underline;
}
/*DevEnd: to give underline effect*/

div.widget_carousel > div.product > .product_option{
    display:none;
}

div.widget_carousel > .divider{
    display:none;
}

div.widget_carousel div.product > .product_info > .product_name {
    margin-top: 21px;
    color: #4990a8;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    padding: 0 0px;
}

/*Product Name are links in live build. IE7 does not pick up color changes, therefore have to make a specific call out*/
div.widget_carousel div.product > .product_info > .product_name a{
    color: #4990a8;
    text-decoration:none;
}

/*Dev*/
div.widget_carousel div.product > .product_info > .product_name a:hover{
    text-decoration: underline;
}

div.widget_carousel div.product > .product_info > .product_price{
    margin-top:1px;
    __font-weight: bold;
    color: #000;
    font-size: 12px;
    margin-bottom: 10px;
    text-align:left;
}

div.widget_carousel div.product > .product_info > .product_price > .old_price{
    color: #777777;
    font-weight: normal;
    text-decoration: line-through;
    margin-right: 4px; /* Dev: provides space after list price and before offer price */
    display:block;

}

/*-----------------------------------------------------------------------------*/

div.widget_home_hero_image img{
    display:block;
}

/*------------------------------------------------------------------------------*/

div.widget_left_nav div.bottom_border{
    border-bottom: 1px solid #f1f1f1;
}

div.widget_left_nav div.bottom_border_5px{
    border-bottom: 5px solid #e5e5e5;
}

div.widget_left_nav{
    __width: 240px;
    /*Dev: min height for left navigation bar*/
    min-height: 300px;
}

div.widget_left_nav_Catalog{
    padding:10px 10px 0 10px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.filters{
    background:#eaeaea;
}

    /*div.widget_left_nav > div.top > div.left_border{
        height:5px;
        width: 5px;
        float: left;
        background-color: #e5e5e5;
    }

    div.widget_left_nav > div.top > div.middle{
        width: 202px;
        height: 5px;
        float: left;
        background-color: #e5e5e5;
    }

    div.widget_left_nav > div.top > div.right_border{
        height:5px;
        width: 5px;
        float: left;
        background-color: #e5e5e5;
    }*/

div.widget_left_nav > div.content_left_border{
    __border-left: 5px solid #e5e5e5;
}

    div.widget_left_nav > div.content_left_border > div.content_right_border{
        __border-right: 5px solid #e5e5e5;
    }


            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header{
                height: 34px;
                padding-left: 8px;
                padding-right: 12px;
            }
                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a > div.header > span.expand_icon_open{
                    __background-image: url("../images/colors/color1/down_arrow_sprite.png");
                    __background-repeat:no-repeat;
                    __width: 17px;
                    __height: 17px;
                    __margin-top: 7px;
                    __background-position: 0 -17px;
                    __float: left;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a > div.header > span.expand_icon_close{
                    background-image: url("../../images/colors/color1/right_arrow_sprite.png");
                    background-repeat:no-repeat;
                    width: 17px;
                    height: 17px;
                    margin-top: 7px;
                    background-position: 0 -17px;
                    float: left;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a:hover > div.header > span.expand_icon_open,
                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a:hover > div.header > span.expand_icon_close{
                    background-position: 0 0;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header span.header_title{
                    font-size: 11px;
                    line-height: 34px;
                    font-family: 'news_cycleregular', sans-serif;
                    font-size:14px;
                    color:#000;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > span.filter_by_title{
                    font-size: 14px;
                    line-height: 34px;
                    color: #000;
                    font-family: 'news_cycleregular', sans-serif;
                    font-weight:bold;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall{
                    font-size:12px;
                    line-height:34px;
                    float: right;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a{
                    text-decoration: none;
                    color: #777777;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a:hover > div > span{
                    text-decoration: underline;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a > div.clear_all_text > div.filter_sprite{
                    float: left;
                    display: block;
                    position: relative;
                    overflow: hidden;
                    margin-top:5px;
                    margin-right: 5px;
                    width: 13px;
                    height: 13px;
                    margin-top:10px;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a > div.clear_all_text > div.filter_sprite > img{
                    position: absolute;
                    width: 13px;
                    height: 26px;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a:hover > div.clear_all_text > div.filter_sprite > img{
                    top:-13px;
                    left:0;
                }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list {
                min-height: 0px !important;
                padding-top: 0px !important;
                padding-bottom: 0px !important;
                clear:both;
            }


            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list > ul > li{
                clear:both;
                margin-bottom:4px;
            }
                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list > ul > li:first-child {
                    __padding-top: 8px !important;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list > ul > li:last-child {
                    padding-bottom: 8px !important;
                }


        div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list{
            background-color: #fbfbfb;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 8px;
            padding-bottom: 8px;
            /*Dev: min height for left navigation bar*/
            min-height: 25px;
            max-height: 250px;
            overflow: auto;
            clear:both;
        }

        div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.MyAccountNav{
            background:none;
            padding-left:15px;
        }

        div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list{
            background-color: #eaeaea;
            clear:both;
        }

        div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filterContentBox{
            background-color: #fff;
            padding-top:0;
            padding-bottom:20px;
            border-bottom:1px dotted #aaaaaa;
        }

        div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div#search_facet_category{
            background-color: #fff;
            padding-top:0;
            padding-bottom:20px;
            border-bottom:1px dotted #aaaaaa;
            margin-bottom:20px;
        }


            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > a{
                text-decoration: none;
                color: #777777;
                font-size: 11px;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li{
                list-style-type:none;
                font-size:12px;
                text-decoration: none;
                color: #000;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.MyAccountNav ul li{
                margin-bottom:10px;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label {
                cursor: pointer;
            }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label .swatch{
                    float: left;
                    width: 80px;
                    height: 27px;
                }

                    div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label .swatch img{
                        vertical-align: middle;
                        border: 3px #E5E5E5 solid;
                        height: 18px;
                        width: 18px;
                    }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input {
                height: 1px;
                width: 1px;
                position: absolute;
                overflow: hidden;
                left: -30px;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label:hover {
                text-decoration: underline;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:checked + label {
                font-weight: bold;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:focus + label .outline {
                 border: 1px dotted #000000;
            }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input:checked + label .swatch img{
                    border: 3px solid #fac549;
                }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input:enabled + label .swatch img:hover {
                border: 3px solid #fac549;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:disabled + label {
                color: #777777;
                cursor: default;
                text-decoration: none;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.range_input{
                font-size: inherit;
                width: 35px;
                border: 1px solid #777777;
                color: #777777;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button{
                font-size: inherit;
                width: 40px;
                text-align: left;
                border: none;
                background: none;
                color: #CA4200;
                margin-left:10px;
                cursor:pointer;
            }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button:hover {
                    text-decoration: underline;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button:disabled {
                    display: none;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button_disabled {
                    display: none;
                }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a{
                text-decoration: none;
                color: #000;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.MyAccountNav > ul > li > a{
                color:#4990A8;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a .addedFilter{
                font-weight:bold;
            }

            div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover{
                color:#4990a8;
            }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover > div > span{
                    text-decoration: underline;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite{
                    float: left;
                    __display: block;
                    __position: relative;
                    __overflow: hidden;
                    __margin-top: 5px;
                    margin-right: 5px;
                    __width: 13px;
                    __height: 13px;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite > img{
                    __position: absolute;
                    __width: 13px;
                    __height: 26px;
                    float:left;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover > div.filter_option > div.filter_sprite > img{
                    top:-13px;
                    left:0;
                }

                div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option span img{
                    vertical-align: middle;
                    border: 2px #E5E5E5 solid;
                    height: 18px;
                    width: 18px;
                }

    /*div.widget_left_nav > div.bottom > div.left_border{
        height:5px;
        width: 5px;
        float: left;
        background-color: #e5e5e5;
    }

    div.widget_left_nav > div.bottom > div.middle{
        width: 202px;
        height: 5px;
        float: left;
        background-color: #e5e5e5;
    }

    div.widget_left_nav > div.bottom > div.right_border{
        height:5px;
        width: 5px;
        float: left;
        background-color: #e5e5e5;
    }
*/

/* -----------------------------------------------------------------------------*/
/* UNORGANIZED: Tall Double ESpot Container
/* -----------------------------------------------------------------------------*/

div.widget_tall_double_espot {
    margin-top:5px;
    width: 708px;
    /*DevStart: Moved height and overflow property to a different class */
}



/* DevStart: Added to support category espots in leaf category page */
    div.widget_tall_double_espot div.widget_height{
        height: 193px;
        overflow: hidden;
    }
/* DevEnd */

    /* DevStart: Strict Hierarchy removed as a div needs be introduced for preview support */
    div.widget_tall_double_espot div.left_espot {
        float: left;
    }

    div.widget_tall_double_espot div.right_espot {
        float: right;
    }


    div.widget_tall_double_espot div.left_espot img,
    div.widget_tall_double_espot div.right_espot img{
        width:351px;
    }
    /* DevEnd */

/* -----------------------------------------------------------------------------*/
/* UNORGANIZED: Hero Image Container
/* -----------------------------------------------------------------------------*/
div.widget_hero_image_container{

}

div.widget_hero_image_container img{
    display: block;
    width:709px;
}

/* -----------------------------------------------------------------------------*/
/* UNORGANIZED: Title Container
/* -----------------------------------------------------------------------------*/
div.widget_title_container{
    float: left;
    padding: 10px 0 0;
    width: 100%;
    background:#fff;
}

div.widget_title_container > span{
    font-size:24px;
    line-height: 28px;
    color: #000;
    padding-left: 9px;
    font-family: 'news_cycleregular', sans-serif;
}

div.widget_title_container .black{
    color: #000 !important;
    font-family: 'news_cycleregular', sans-serif;
}

div.widget_title_container #searchTotalCount{
    color: #000;
    font-family: 'news_cycleregular', sans-serif;
}



/* -----------------------------------------------------------------------------*/
/* UNORGANIZED: Search Results
/* -----------------------------------------------------------------------------*/

div.widget_search_results{
    padding-left: 9px; /*16*/
    line-height: 14px;
    font-size: 13px;
}

    div.widget_search_results .results_description{
        font-size: 12px;
        margin-top: -5px;
    }

    div.widget_search_results .black{
        color: #4d4d4d !important;
    }

    div.widget_search_results .result{
        color: #0042fe;
        cursor:pointer;
        text-decoration:none;
    }

    div.widget_search_results .result:hover{
        text-decoration:underline;
    }

    div.widget_search_results ul{
        padding-left: 16px;
        line-height: 20px;
    }



/* -----------------------------------------------------------------------------*/
/* UNORGANIZED: Search Dropdown
/* -----------------------------------------------------------------------------*/

div.widget_search_dropdown_position{
    position: absolute;
    float: right;
    __right: 157px;
    left: 194px;
    top: -49px;
    z-index:100;
    border:1px solid #aaaaaa;
    padding:1px 1px 4px 1px;
    background:#fff;
}

div.widget_search_dropdown{
    z-index:30;
    position: relative;
}

/*div.widget_search_dropdown > div.top > div.left_border{
    background-image: url('../../images/colors/color1/widget_search_dropdown/border_topleft.png');
    height: 11px;
    width: 11px;
    float: left;
}

div.widget_search_dropdown > div.top > div.middle{
    background-image: url('../../images/colors/color1/widget_search_dropdown/border_top.png');
    background-repeat:repeat-x;
    width: 297px;
    height: 11px;
    float: left;
}

div.widget_search_dropdown > div.top > div.right_border{
    background-image: url('../../images/colors/color1/widget_search_dropdown/border_topright.png');
    height: 11px;
    width: 11px;
    float: left;
}

div.widget_search_dropdown > div.content_left_border{
    width: 298px;
    background-image: url('../../images/colors/color1/widget_search_dropdown/border_left.png');
    background-repeat:repeat-y;
    padding-left: 11px;
}*/

div.widget_search_dropdown > div.content_left_border > div.content_right_border{
    width: 305px;

}

div.widget_search_dropdown > div.content_left_border > div.content_right_border > div.content{
    background-color: #ffffff;
}

div.widget_search_dropdown > div.content_left_border > div.content_right_border > div.content  div.heading {

    padding-left: 14px;
    padding-right: 9px;
    background-color: #eaeaea;
    color: #000;
    height: 28px;
    __border-bottom: 1px solid #edeff0;
    padding-top:3px;
}

div.widget_search_dropdown > div.content_left_border > div.content_right_border > div.content  div.allResults{
    background: #4990a8 url('../../images/colors/color1/viewlAllIcon.png') 283px center no-repeat;
    color: #fff;
}


div.heading > span{
    font-family: 'news_cycleregular', sans-serif;
    font-size:14px;
    __text-transform:uppercase;
}

div.heading > span.selectedAttribute {
    text-transform:none;
}

div.list_section{
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom:6px;
}

div.list_section > ul > li{
    list-style-type:none;
}

div.list_section > ul > li > a > span.highlight{
    __font-weight:bold;
    color:#4990a8;
}

div.list_section > ul > li:hover {
    background-color: #d9e9f7;
}

div.list_section > ul > li > a{
    display:block;
    height: 24px;
    __border-bottom: 1px solid #f2f2f2;
    font-size: 12px;
    padding-left: 13px;
    padding-right: 8px;
    color: #4D4D4D;
    overflow:hidden;
    cursor:pointer;
    text-decoration:none;
    padding-top:7px;
}



div.widget_search_dropdown > div.content_left_border > div.content_right_border > div.content > div.heading > a {
    font-family: 'news_cycleregular', sans-serif;
    font-size:14px;
    text-decoration: none;
    color: #fff;
}

div.widget_search_dropdown > div.content_left_border > div.content_right_border > div.content > div.heading > a > div{
    __line-height: 30px;
}
/*
div.widget_search_dropdown > div.bottom > div.left_border{
    background-image: url('../../images/colors/color1/widget_search_dropdown/border_bottomleft.png');
    height: 11px;
    width: 11px;
    float: left;
}

div.widget_search_dropdown > div.bottom > div.middle{
    background-image: url('../../images/colors/color1/widget_search_dropdown/border_bottom.png');
    background-repeat:repeat-x;
    width: 297px;
    height: 11px;
    float: left;
}

div.widget_search_dropdown > div.bottom > div.right_border{
    background-image: url('../../images/colors/color1/widget_search_dropdown/border_bottomright.png');
    height: 11px;
    width: 11px;
    float: left;
}*/

/* -----------------------------------------------------------------------------*/
/* 1.COMMON GENERAL CLASSES
/* -----------------------------------------------------------------------------*/
img.print_logo {
    display:none;
}


.left {
    float: left;
}

.right {
    float: right;
}

.clear_float {
    clear: both;
}

.bold {
    font-weight: bold;
}

/* -----------------------------------------------------------------------------*/
/* 2.PAGE TEMPLATE CLASSES
/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 2.1. Page Template
/* -----------------------------------------------------------------------------*/

div#page {
    width: 100%;
    height: 100%;
    position: relative;
}

/* -----------------------------------------------------------------------------*/
/* 2.2. Main Header Wrapper
/* -----------------------------------------------------------------------------*/

/*Main header_wrapper positioning and styles*/

div.header_wrapper_position {
    width: 100%;
    __background-color: #b4bcbc;
    position: relative;
    z-index:200;
}

div.header_wrapper {
    width: 100%;
    min-width: 987px;
    background: url('../../images/colors/color1/main-background-top.png') repeat-x;
}

    /* Shadows */
    div.header_wrapper > div.header_left_shadow {
        width: 977px;
        padding-left: 10px;
        __background: url('../../images/colors/color1/page_leftborder_shadow.png') top left repeat-y;
        margin-left: auto;
        margin-right: auto;
    }

    div.header_wrapper > div.header_left_shadow > div.header_right_shadow {
        width: 967px;
        padding-right: 10px;
        __background: url('../../images/colors/color1/page_rightborder_shadow.png') top right repeat-y;
    }

    div.header_wrapper > div.header_left_shadow > div.header_right_shadow > div.header {
        width: 967px;
        __background-color: #ffffff;
        position: relative;
    }

    div.header_wrapper > div.header_top,
    div.header_wrapper > div.header_bottom {
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        display: none; /*No borders required in header for Madisons Template */
    }

/* -----------------------------------------------------------------------------*/
/* 2.3. Main Content Wrapper
/* -----------------------------------------------------------------------------*/

div.content_wrapper_position {
    width: 100%;

}

div.content_wrapper {
    width: 100%;
    min-width: 987px;
    __background: #c0c8c8 url('../../images/colors/color1/page_content_bottom_bg_tile.png') bottom left repeat-x	;
    background: url('../../images/colors/color1/main-background-middle.png') repeat-x;
}

    /* Shadows */
    div.content_wrapper > div.content_left_shadow {
        width: 977px;
        padding-left: 10px;
        __background: url('../../images/colors/color1/page_leftborder_shadow.png') top left repeat-y;
        margin-left: auto;
        margin-right: auto;
    }

    div.content_wrapper > div.content_left_shadow > div.content_right_shadow {
        width: 967px;
        __padding-right: 10px;
        __background: url('../../images/colors/color1/page_rightborder_shadow.png') top right repeat-y;
    }

    div.content_wrapper > div.content_left_shadow > div.content_right_shadow > div.main_content {
        width: 967px;
        __background-color: #ffffff;
        min-height: 100px;
        __padding: 8px 0;
    }

    div.content_wrapper > div.content_top {
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        display: none; /*No top borders required in content for Madisons Template */
    }

    /* For Footer bottom (theme oriented can be hidden if not needed) */
    /*div.content_wrapper > div.content_bottom {
        width: 987px;
        height: 16px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

        div.content_wrapper > div.content_bottom > div.left_border {
            width: 10px;
            height: 10px;
            float: left;
            __background: url('../../images/colors/color1/page_content_leftborder_shadow.png') no-repeat;
        }

        div.content_wrapper > div.content_bottom > div.middle {
            width: 967px;
            height: 10px;
            float: left;
            __background: url('../../images/colors/color1/page_content_middle_shadow.png') repeat-x;
        }

        div.content_wrapper > div.content_bottom > div.right_border {
            width: 10px;
            height: 10px;
            __background: url('../../images/colors/color1/page_content_rightborder_shadow.png') no-repeat;
        }*/

/* -----------------------------------------------------------------------------*/
/* 2.4. Main Footer Wrapper
/* -----------------------------------------------------------------------------*/

div.footer_wrapper_position {
    width: 100%;
    margin-top:20px;
}

div.footer_wrapper {
    width: 100%;
    min-width: 987px;
    padding-bottom: 150px;
    __background-image: url('../../images/colors/color1/page_bg_tile.png');
}

    /* Shadows */
    div.footer_wrapper > div.footer_left_shadow {
        width: 977px;
        padding-left: 10px;
        background-color: none;
        margin-left: auto;
        margin-right: auto;
    }

    div.footer_wrapper > div.footer_left_shadow > div.footer_right_shadow {
        width: 967px;
        padding-right: 10px;
        background-color: none;
    }

    div.footer_wrapper > div.footer_left_shadow > div.footer_right_shadow > div.footer_content {
        width: 967px;
        background: url('../../images/colors/color1/footer-bg.png');
    }

    div.footer_wrapper > div.footer_top {
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        display: none; /*No borders required in footer for Madisons Template */
    }

    div.footer_wrapper > div.footer_bottom {
        width: 952px;
        margin-left: auto;
        margin-right: auto;
        background:#fff;
        font-size:12px;
        color:#777777;
        padding:8px 0 42px 15px;
    }

    div.footer_wrapper > div.footer_bottom ul {
        list-style:none;
        float:left;
    }


    div.footer_wrapper > div.footer_bottom ul li {
        float:left;
        margin-right:26px;
    }

/* -----------------------------------------------------------------------------*/
/* 3.CONTAINER CLASSES
/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 3.1. General Containers
/* -----------------------------------------------------------------------------*/

/*For containers which are direct children of 'main_content'*/
.container_margin {
    margin: 15px 0;
}

.container_margin_5px{
    margin: 5px 0;
}

.container_margin_30px{
    margin: 30px 0;
}

.container_margin_8px{
    margin: 8px 0;
}

/*Space out widgets which are children of containers. eg: widget in sidebar */
.nested_widget_spacer {
    height: 9px;
}

/* -----------------------------------------------------------------------------*/
/* 3.1.1 Full Width Container
/* -----------------------------------------------------------------------------*/

.container_full_width {
    width: 935px;
    padding:0px 16px;
}

/* -----------------------------------------------------------------------------*/
/* 3.1.2 Content area with right sidebar
/* -----------------------------------------------------------------------------*/
.espot-cart-right{
    position:relative;
    left: 818px;
    top: -103px;
    width:136px;
}


.container_content_rightsidebar {
    width: 967px;
    overflow: hidden;
    padding-top:0px;

}

    .container_content_rightsidebar > .left_column {
        width: 789px; /*685*/
        __margin-right: 13px;
        float: left;
        padding: 10px 16px 0 16px;
        background:#fff;
    }

    .container_content_rightsidebar > .left_column_5px{
        width: 718px; /*685*/
        margin-right: 5px;
    }

    .container_content_rightsidebar > .right_column {
        width: 136px; /*237*/
        float: right;
        padding: 0;
        margin-top:95px;
    }

/* -----------------------------------------------------------------------------*/
/* 3.1.3 Content area with left sidebar
/* -----------------------------------------------------------------------------*/
.container_content_leftsidebar {
    width: 977px;
    __padding:0px 16px;
    overflow: hidden;
}

    .container_content_leftsidebar > .left_column {
        width: 216px;
        margin-right: 10px;
        /*height: 300px;*/
        float: left;
        padding: 0;
        margin-top:10px;
        background:#fff;
    }

    .container_content_leftsidebar > .right_column {
        width: 741px;
        float: left;
        background:#fff;
        margin-top:10px;
    }

    .container_content_leftsidebar > .right_columnCatelogPage{
        width: 709px;
        float: left;
        background:#fff;
        margin-top:10px;
        padding: 10px 16px 16px 16px;
    }

    .container_content_leftsidebar > .noBgSearch {
        background:none;
    }

    .container_content_leftsidebar .right_columnSearchPage{
        width: 709px;
        float: left;
        background:#fff;
        padding: 10px 16px 16px 16px;
    }





/* -----------------------------------------------------------------------------*/
/* 3.1.3 Double ESpot Container
/* -----------------------------------------------------------------------------*/

.widget_double_espot_container {
    width: 935px;
    height: 37px;
    overflow: hidden;
    padding: 12px 16px 5px 16px;
    background:#fff;
}

    /* DevStart: Strict Hierarchy removed as a div needs be introduced for preview support */
    .widget_double_espot_container .left_espot {
        float: left;
    }

    .widget_double_espot_container .right_espot {
        float: right;
    }

.widget_home_hero_image_position{
    padding-top:5px;
    padding-bottom:10px;
    background:#fff;
}

.herostrip{
    position:relative;
    top:-5px;
}

    /*DevEnd */

/* -----------------------------------------------------------------------------*/
/* 3.1.4 Header Row ESpot Container
/* -----------------------------------------------------------------------------*/

.header_espot_container {
    padding-top: 0px; /*Dev*/
    padding-left:16px;
}

/* -----------------------------------------------------------------------------*/
/* 3.1.5 Full ESpot Container
/* -----------------------------------------------------------------------------*/

.full_espot > .large_espot_text{
    position:relative;
    top: -90px;
    background-color: white;
    width: 410px;
    margin-left: 10px;
    color: #666666;
    font-size: 12px;
    line-height: 14px;
}

/* DevStart: IE7 specific fix for link colour */
.genericESpot > .widget_height > a {
    color: #4d4d4d;
}
/* DevEnd: IE7 specific fix for link colour */

/* -----------------------------------------------------------------------------*/
/* 3.4. Product Details Containers
    Contains a left column and a right column
    Image Viewer on left
    Product Info on right
/* -----------------------------------------------------------------------------*/

.container_product_details_image_information {
    width: 935px;
    padding:0px 16px 50px 16px;
    background:#fff;
    float:left;
    margin-bottom:20px;
}

    .dj_ie7 .container_product_details_image_information {
        position: relative;
        z-index: 5;
    }

    .container_product_details_image_information > .left_column {
        width: 457px;
        __margin-right: 20px;
        float: left;
    }

    .container_product_details_image_information > .right_column {
        width: 478px;
        float: left;
    }

#attachmentPaginationContainer .paging_controls .active {
    background-color: #EF5305;
    background-position: left top;
    color: #FFFFFF !important;
    cursor: pointer;
}
#attachmentPaginationContainer .paging_controls > .pages > ul > li {
    color: #CA4200;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 2px;
    min-width: 14px;
    padding: 0 2px;
    text-align: center;
}
#attachmentPaginationContainer .title{
    float:left;
}
#attachmentPaginationContainer .paging_controls{
    float:right;
}
#attachmentPaginationContainer .paging_controls .pages{
    float:left;
}
#attachmentPaginationContainer .paging_controls .right_arrow{
    float:left;
    margin: 2px 0 0;
}
#attachmentPaginationContainer .paging_controls .left_arrow{
    float:left;
    margin: 2px 0 0;
}
#attachmentPaginationContainer .header{
    clear:both;
}


/* -----------------------------------------------------------------------------*/
/* 3.5. Product Details Container for bundle and package
    Contains a left column and a right column
    Image Viewer on left
    Product Info on right
/* -----------------------------------------------------------------------------*/

.container_product_details_bundle_package {
    background: #fff;
    float: left;
    margin-bottom: 20px;
    padding: 0 16px 50px;
    width: 935px;
}

    .container_product_details_bundle_package > .left_column {
        width: 340px;
        margin-right: 20px;
        float: left;
    }

    .container_product_details_bundle_package > .right_column {
        width: 575px;
        float: left;
    }

.bottomContainerBundle{
    background:#fff;
}




/*------------------- bundle right section -----------------------*/
.bundleRightSection .container_content_rightsidebar > .right_column{
    float: left;
     margin-top: 0;
     padding: 0;
     width: 146px;
}


.bundleRightSection div.widget_sidebar_container{
    width:auto;
}

.bundleRightSection div.widget_sidebar_container > .left_border > .right_border > .content{
    float: left;
    width:auto;
    padding:0;
}

.bundleRightSection div.widget_sidebar_container > .left_border > .right_border > .content > div.item {
    padding: 0;
}

.bundleRightSection .button_primary{
        margin-right:16px;
}


.bundleRightSection .button_primary .button_text{
    background:none;
    padding-right:0;
}

.bundleRightSection .dropdown_list{
    left:-85px;
}

.bottomContainerBundle > .right_column{
    float: left;
    margin-top: 20px;
    padding: 0;
    width: 136px;
}

.bottomContainerBundle > .left_column{
    width:711px;
}


/* -----------------------------------------------------------------------------*/
/* 4.WIDGET CLASSES
/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 4.1 Masthead
/* -----------------------------------------------------------------------------*/
#masthead {
    width: 100%;
}

    #masthead > .top {
        width: 100%;
        height: 16px;
        __background: url('../../images/colors/color1/masthead_top_bg.png') repeat-x;
    }

    #masthead > .content {
        width: 100%;
        height: 134px;
        position: relative;
    }

    #masthead > .navigation {
        padding: 0 16px;
        position: relative;
        background: url('../../images/colors/color1/mainvav-bg.png') repeat-x;
        height:67px;
        border:1px solid #fff;
        __font-family: 'news_cycleregular', sans-serif;
    }

/* -----------------------------------------------------------------------------*/
/* 4.1.1 Logo Widget
/* -----------------------------------------------------------------------------*/

div.widget_masthead_logo_position {
    position: absolute;
    left: 16px;
    top: 42px;
}

div#widget_masthead_logo {
    width: 255px;
    height: 98px;
}

div#widget_masthead_logo .logo {
    width: 100%;
    height: 100%;
    background: url('../../images/colors/color1/widget_masthead_logo/logo.png') no-repeat;
    cursor: pointer;
}

/* -----------------------------------------------------------------------------*/
/* 4.1.2 Departments Widget
/* -----------------------------------------------------------------------------*/

/* Dev : Updated css for department widget and department widget home to allow for keyboard accessibility.*/


div.widget_departments_position {
    position: absolute;
    __left: 15px;
    __bottom: 6px;
}






/* -----------------------------------------------------------------------------*/
/* 4.1.2.1 Departments Widget Home
/* -----------------------------------------------------------------------------*/

div.widget_departments_home_position {
    position: absolute;
    left: 15px;
    bottom: 0px;
}

div#widget_departments_home {
    height: 38px;
    cursor: pointer;
    z-index: 5;
    position: relative;
}

    div#widget_departments_home > div.left_border {
        width: 5px;
        height: 38px;
        background: url('../../images/colors/color1/widget_departments/departments_home_bg_sprite.png') left top no-repeat;
        float: left;
    }

    div#widget_departments_home > div.content {
        width: 186px;
        height: 17px;
        padding: 8px 9px 13px 9px;
        background: url('../../images/colors/color1/widget_departments/departments_home_bg_sprite.png') left bottom repeat-x;
        float: left;
        position: relative;
    }


        div#widget_departments_home > div.content > span.label {
            font-size: 15px;
            color: #332902;
        }

        div#widget_departments_home > div.content > div.arrow {
            display:none;
        }

    div#widget_departments_home > div.right_border {
        width: 5px;
        height: 38px;
        background: url('../../images/colors/color1/widget_departments/departments_home_bg_sprite.png') left center no-repeat;
        float: left;
    }


    /*Drop Down*/

    div#widget_departments_home > .drop_down {
        display: block;
        position:absolute;
        left: 0px;
        top: 38px;
        cursor: default;
    }

        div#widget_departments_home > .drop_down > .top {
            width:214px;
            overflow: hidden;
            display:none;
        }

            div#widget_departments_home > .drop_down > .top > .left_border {
                width: 2px;
                height: 4px;
                float: left;
                background: url('../../images/colors/color1/widget_departments/dropdown_top_sprite.png') left top no-repeat;
            }

            div#widget_departments_home > .drop_down > .top > .middle_tile {
                width: 210px;
                height: 4px;
                float: left;
                background: url('../../images/colors/color1/widget_departments/dropdown_top_sprite.png') left center repeat-x;
            }

            div#widget_departments_home > .drop_down > .top > .right_border {
                width: 2px;
                height: 4px;
                float: left;
                background: url('../../images/colors/color1/widget_departments/dropdown_top_sprite.png') left bottom;
            }

        div#widget_departments_home > .drop_down > .middle {
            width:214px;
        }

            div#widget_departments_home > .drop_down > .middle > .left_border {
                width: 213px;
                padding-left: 1px;
                background-color: #a2a4a4;
            }

                div#widget_departments_home > .drop_down > .middle > .left_border > .right_border {
                    width: 212px;
                    padding-right: 1px;
                    background-color: #a2a4a4;
                }

                    div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments {
                        width: 212px;
                        padding-top: 5px;
                        background-color: #ffffff;
                    }

                        div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department {
                            height: 29px;
                            cursor: pointer;
                        }

                        div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover {
                            background-color: #d9e9f7;
                        }

                            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper {
                                position: relative;
                            }

                            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name {
                                line-height: 29px;
                                font-size: 13px;
                                float: left;
                                padding: 0 30px 0 13px;
                                max-width: 220px;
                                color: #565656;
                            }

                            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name a{
                                text-decoration: none;
                                color: #565656;
                            }

                            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .arrow {
                                position: absolute;
                                top: 50%;
                                right: 10px;
                                margin-top: -5px;
                                height: 10px;
                                width: 10px;
                                float: right;
                                background: url('../../images/colors/color1/widget_departments/arrow_sprite.png') left top no-repeat;
                            }

                            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper {
                                font-weight: bold;
                            }

                                div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper > .name a {
                                    text-decoration: none
                                }

                                div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper > .arrow {
                                    background-position: left bottom;
                                }

                            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .sub_categories {
                                width: 392px;
                                height: 204px;
                                background-color: #ffffff;
                                position: absolute;
                                top: -5px;
                                left: 213px;
                                display: none;
                                cursor: default;
                            }

                                div#widget_departments_home > .drop_down .departments > .department > .sub_categories .top {
                                    width: 392px;
                                    height: 5px;
                                    overflow: hidden;
                                }

                                    div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .top > .left_border {
                                        width: 1px;
                                        height: 5px;
                                        background: url('../../images/colors/color1/widget_departments/home_sub_categories_top_sprite.png') left top no-repeat;
                                        float: left;
                                    }

                                    div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .top > .middle_tile {
                                        width: 390px;
                                        height: 5px;
                                        background: url('../../images/colors/color1/widget_departments/home_sub_categories_top_sprite.png') left center repeat-x;
                                        float: left;
                                    }

                                    div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .top > .right_border {
                                        width: 1px;
                                        height: 5px;
                                        background: url('../../images/colors/color1/widget_departments/home_sub_categories_top_sprite.png') left bottom no-repeat;
                                        float: left;
                                    }

                                div#widget_departments_home > .drop_down .departments > .department > .sub_categories .middle {
                                    width: 392px;
                                    height: 198px;
                                    overflow: hidden;
                                }

                                    div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .left_border {
                                        width: 1px;
                                        height: 198px;
                                        background-color: #a2a4a4;
                                        float: left;
                                    }

                                    div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile {
                                        width: 390px;
                                        height: 198px;
                                        float: left;
                                        overflow: hidden;
                                    }

                                        div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category {
                                            width: 127px;
                                            height: 198px;
                                            float: left;
                                            font-size: 11px;
                                            line-height: 26px;
                                            margin-left: 1px;
                                        }

                                            div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .name {
                                                padding-left: 18px;
                                                width: 109px;
                                                font-weight: bold;
                                                margin-top: 8px;
                                            }

                                            div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item {
                                                padding-left: 18px;
                                                width: 109px;
                                            }

                                            div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item:hover {
                                                background-color: #d9e9f7;
                                            }

                                                div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a {
                                                    text-decoration: none;
                                                    color: #565656;
                                                }

                                                div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a:hover {
                                                    text-decoration: underline;
                                                }

                                    div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .right_border {
                                        width: 1px;
                                        height: 198px;
                                        background-color: #a2a4a4;
                                        float: left;
                                    }

                                div#widget_departments_home > .drop_down .departments > .department > .sub_categories .bottom {
                                    width: 392px;
                                    height: 1px;
                                    overflow: hidden;
                                }

                                    div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .bottom > .left_border {
                                        width: 1px;
                                        height: 1px;
                                        background-color: #a2a4a4;
                                        float: left;
                                    }

                                    div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .bottom > .middle_tile {
                                        width: 390px;
                                        height: 1px;
                                        background-color: #a2a4a4;
                                        float: left;
                                    }

                                    div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .bottom > .right_border {
                                        width: 1px;
                                        height: 1px;
                                        background-color: #a2a4a4;
                                        float: left;
                                    }

                            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .sub_categories{
                                display: block;
                            }

                            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all {
                                width: 182px;
                                padding-left: 30px;
                                background-color: #f5f6f7;
                                height: 42px;
                                line-height: 42px;
                                font-size: 13px;
                                position: relative;
                                border-top: 1px solid #e0e0e0;
                                margin-top: 5px;
                            }

                                div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a {
                                    text-decoration: none;
                                    color: #565656;
                                }

                                div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a:hover {
                                    font-weight: bold;
                                }

                                div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all > .arrow {
                                    width: 10px;
                                    height: 10px;
                                    position: absolute;
                                    left: 13px;
                                    top: 50%;
                                    margin-top: -5px;
                                    background: url('../../images/colors/color1/widget_departments/arrow_sprite.png') left top no-repeat;
                                }

        div#widget_departments_home > .drop_down > .bottom {
            width:214px;
            overflow: hidden;
            background-color: #a2a4a4;
        }

            div#widget_departments_home > .drop_down > .bottom > .left_border {
                width: 1px;
                height: 1px;
                float: left;
            }

            div#widget_departments_home > .drop_down > .bottom > .middle_tile {
                width: 212px;
                height: 1px;
                float: left;
            }

            div#widget_departments_home > .drop_down > .bottom > .right_border {
                width: 1px;
                height: 1px;
                float: left;
            }

            /* DevStart : dephighlight is a dynamically added css class to highlight the menu item during keyboard navigation
               It mimics the mouse functionality.
            */

            div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .first{
                margin-top: 8px;
            }

            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight{
                    background-color: #d9e9f7;
            }

            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight > .name_wrapper > .name > a{
                font-weight: bold;
            }

            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight > .name_wrapper > .arrow{
                background-position: left bottom;
            }

            div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .dephighlight{
                background-color: #d9e9f7;
            }

            div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .dephighlight > a{
                text-decoration: underline;
            }

            div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight > a{
                font-weight: bold;
            }

            /* DevEnd */

/* -----------------------------------------------------------------------------*/
/* 4.1.3 Search Widget
/* -----------------------------------------------------------------------------*/

div.widget_search_position {
    float:left;
    position: absolute;
    left: 187px;
    top: -91px;
    background:#e2e2e3;
    padding:7px;
    border-radius: 4px;
    height:35px;
}

div.widget_search_departments_dropdown_position{
    position: absolute;
    top: 42px;
    left: 315px;
    display: none;
}


/* search input box */
div.widget_search_position  #SimpleSearchForm_SearchTerm{
    float:left;
    width:287px;
    height:34px;
    border-radius:3px;
    border: 1px solid #acacac;
    padding:0 10px 0 10px;
    margin:0;
    line-height:28px;
    border-right:0;
    background:#fff;
    color:#4d4d4d;
    font-size:14px;
    }


/* search departments dropdown */
div.widget_search_position   .all_departments{
    font-size: 14px;
    float:left;
    border-radius:3px;
    height:24px;
    line-height:15px;
    border: 1px solid #acacac;
    background:#eff1f2 url('../../images/colors/color1/searchDepArrow.png') no-repeat 90px 15px;
    padding-right: 10px;
    padding-left: 10px;
    cursor: pointer;
    width: 85px;
    padding-top:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




/* search button */
div.widget_search_position   .search_submit{
    font-family: 'news_cycleregular', sans-serif;
    font-size:18px;
    line-height:10px;
    vertical-align:top;
    float:left;
    background:#d03d00  url('../../images/colors/color1/searchIcon.png') no-repeat 10px 5px;
    color:#fff;
    border:1px solid #983607;
    border-radius:4px;
    width:111px;
    text-shadow: 0px 1px 0px #000;
    __filter: Shadow(Color=#cccccc, Direction=120, Strength=4);
    margin-left:2px;
    cursor: pointer;
    padding:1px 0 5px 22px;
    vertical-align:top;
    height:36px;
    display:block;
}

div.widget_search_position   .search_submit:hover{
    background:#a72500  url('../../images/colors/color1/searchIcon.png') no-repeat 10px 5px;
}



/* Departments drop down */

div.widget_search_departments_dropdown ul{
    background-color: white;
    cursor: pointer;
    position:relative;
}
div.widget_search_departments_dropdown ul li{
    list-style-type: none;
    margin-left: 1px;
    margin-right: 1px;
}

div.widget_search_departments_dropdown ul li a{
    border-bottom: 1px solid #F2F2F2;
    color: #4D4D4D;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
    padding-left: 11px;
    padding-right: 11px;
    background-color: white;
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

div.widget_search_departments_dropdown ul li a:hover{
    background-color: #D9E9F7;
}






/* -----------------------------------------------------------------------------*/
/* 4.1.4 MiniShoppingCart Widget
/* -----------------------------------------------------------------------------*/

/* Positioning in the masthead for the minishopcart */
div.widget_minishopcart_position {
    position: absolute;
    top: 38px;
    right: 38px;
    z-index: 10;
}

/* Minishopcart Style */
div#widget_minishopcart {
    width: 170px;
    height: 64px;
    cursor:pointer;
}
    div#widget_minishopcart > div.content {
        min-width: 170px;
        height: 64px;
        __background: url('../../images/colors/color1/widget_minishopcart/minishopcart_tile_bg.png') repeat-x;
        float: left;
        position: relative;
    }

        div#widget_minishopcart > div.content > div.info {
            position: absolute;
            top: 17px;
            left: 56px;
            color: #4d4d4d;
        }

            div#widget_minishopcart > div.content > div.info > .subtotal {
                line-height: 16px;
                font-size: 17px;
                __font-style: italic;
                font-family: 'news_cycleregular',sans-serif;
            }

            div#widget_minishopcart > div.content > div.info > .cart {
                line-height: 23px;
                font-size: 13px;
                __font-style: italic;

            }

        div#widget_minishopcart > div.content > div.cart_icon {
            position: absolute;
            top: 10px;
            left: 7px;
            width: 41px;
            height: 37px;
            background: url('../../images/colors/color1/cart-basket.png') no-repeat left 6px;
        }

        div#widget_minishopcart > div.content > div.arrow {
            width: 7px;
            height: 7px;
            __background: url('../../images/colors/color1/widget_minishopcart/minishopcart_arrow.png') no-repeat;
            position: absolute;
            right: -2px;
            bottom: 4px;
        }

    /*div#widget_minishopcart > div.left_border {
        width: 5px;
        height: 64px;
        __background: url('../../images/colors/color1/widget_minishopcart/minishopcart_left_border.png') no-repeat;
        float: left;
    }

    div#widget_minishopcart > div.right_border {
        width: 5px;
        height: 64px;
        __background: url('../../images/colors/color1/widget_minishopcart/minishopcart_right_border.png') no-repeat;
        float: left;
    }*/

/* -----------------------------------------------------------------------------*/
/* 4.1.5 MiniShoppingCart Widget Popup
/* -----------------------------------------------------------------------------*/

.widget_minishopcart_popup_position {
    position: absolute;
    top: 86px;
    right: 19px;
    z-index: 50;
}

#widget_minishopcart_popup,
#widget_minishopcart_popup_1 {
    width: 344px;
    __cursor:pointer;
}


#MiniShopCartProductsList,
#MiniShopCartProductAdded{
    position: absolute;
    left: -8px;
    top: 10px;
    z-index:951;
}

#MiniShopCartProductAdded {
    position:fixed;
    top:25%;
    left:50%;
    margin-left:-172px; /* hard-coded fix for centering modal */
}

.dijitDialogPaneContent{
    height:auto !important;
    z-index:950;
    overflow:visible !important;
    background:#fff;
}

.widget_store_details_popup{
    border:2px solid #e5e5e5;
}

.close-button {
    position:absolute;
    top:-5px;
    right:20px;
    width:34px;
    height:34px;
    border:1px solid #666;
    border-radius:3px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #acacac 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#acacac));
    background: -webkit-linear-gradient(top, #ffffff 0%,#acacac 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#acacac 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#acacac 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#acacac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#acacac',GradientType=0 );
}

.close-button .close {
    display:block;
    padding:9px 0 0 11px;
    font-size:18px;
}

.widget_quick_info_popup {
    border:1px solid #000;
    background-color: #ffffff;
    -moz-box-shadow: 0px 3px 8px #000;
    -webkit-box-shadow: 0px 3px 8px #000;
    box-shadow: 0px 3px 8px #000;
    position:relative;
    z-index:20;
}

    #widget_minishopcart_popup  .top,
    #widget_minishopcart_popup_1  .top {
        width: 344px;
        overflow: hidden;
    }

        #widget_minishopcart_popup  .top  .left_border,
        #widget_minishopcart_popup_1  .top  .left_border {
            /*width: 1px;
            height: 5px;
            background: url('../../images/colors/color1/widget_minishopcart/drop_down_border_top_sprite.png') left top no-repeat;*/
            __width: 3px;
            __height: 3px;
            __background-color: #a3a3a3;
            __float: left;
        }

        #widget_minishopcart_popup  .top  .middle_tile,
        #widget_minishopcart_popup_1  .top  .middle_tile {
            __width: 354px;
            __height: 3px;
            __background-color: #a3a3a3;
            __float: left;
        }

        #widget_minishopcart_popup  .top  .right_border,
        #widget_minishopcart_popup_1  .top  .right_border {
            __width: 3px;
            __height: 3px;
            __background-color: #a3a3a3;
            __float: left;
        }

    #widget_minishopcart_popup  .middle,
    #widget_minishopcart_popup_1  .middle {
        width: 344px;
    }

        #widget_minishopcart_popup  .middle  .left_border,
        #widget_minishopcart_popup_1  .middle  .left_border {
            __float: left;
            __width: 357px;
            __padding-left: 3px;
            __background-color: #a3a3a3;
        }

            #widget_minishopcart_popup  .middle  .left_border  .right_border,
            #widget_minishopcart_popup_1  .middle  .left_border  .right_border {
                float: left;
                __width: 354px;
                __padding-right: 3px;
                __background-color: #a3a3a3;
                    __width: 344px;
                    background-color: #ffffff;
                    border:1px solid #000;
                    position:relative;
                    z-index:22;
                    __padding-bottom:0px;
            }

                #widget_minishopcart_popup  .middle  .left_border  .right_border  .content,
                #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content {
                    float: left;
                    width: 344px;
                    background-color: #ffffff;
                    min-height: 20px;
                    -moz-box-shadow: 0px 3px 8px rgb(0, 0, 0);
                    -webkit-box-shadow: 0px 3px 8px rgb(0, 0,0);
                    box-shadow: 0px 3px 8px rgb(0, 0, 0);
                      position:relative;
                      z-index:20;
                      __padding:10px 15px 15px
                }

                .widget_search_departments_dropdown {
                    -moz-box-shadow: 0px 3px 8px rgb(0, 0, 0);
                    -webkit-box-shadow: 0px 3px 8px rgb(0, 0,0);
                    box-shadow: 0px 3px 8px rgb(0, 0, 0);
                    background:#fff;
                    border:1px solid #000;
                }

                #MiniShopCartProductAdded #widget_minishopcart_popup  .middle  .left_border  .right_border  .content,
                #MiniShopCartProductAdded #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content {
                    padding:20px;
                }


                #widget_minishopcart_popup  .middle  .left_border  .right_border  .content .whitewrap{
                    background:red;
                    position:absolute;
                    height:100px;
                    width:200px;
                    z-index:9999;
                }

                    /* #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .close_control,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .close_control {
                        position: absolute;
                        top: 12px;
                        right: 9px;
                        font-size: 12px;
                        line-height: 12px;
                        height: 30px;
                        padding-top:2px;
                        padding-right:2px;
                        cursor: pointer;
                    }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .close_control  .icon,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .close_control  .icon {
                            height: 13px;
                            width: 13px;
                            background-image:url('../../images/colors/color1/close_circle_sprite.png');
                            float: right;
                            margin-left: 4px;
                        }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .close_control  .close,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .close_control  .close {
                            float: right;
                            text-decoration: none;
                        }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .close_control:hover  .icon,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .close_control:hover  .icon {
                            background-position: 0 -13px;
                        }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .close_control:hover  .close,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .close_control:hover  .close {
                            text-decoration:underline;
                        } */

                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .notification,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .notification {
                        width: 90%;
                        margin:0 auto;
                        height: 35px;
                        padding: 0 10px;
                        line-height: 35px;
                        background-color: #f5f6f7;
                        border-bottom: 1px solid #edeff0;
                        border-top: 4px solid #f8ad05;
                        color: #666666;
                        font-size: 12px;
                    }

                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .notify,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .notify {
                        margin-bottom:20px;
                        font-family: 'news_cycleregular',Arial,sans-serif;
                        font-size:24px;
                        line-height:22px;

                    }

                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .top_spacing,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .top_spacing {
                        height: 39px;
                        line-height: 45px;
                    }


                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product {
                        __min-height: 82px;
                        border-bottom: 1px dotted #000;
                        __position: relative;
                        __padding: 5px 11px 5px 92px;
                        clear:both;
                        float:left;
                        width:313px;
                        padding:10px 15px 9px 15px;
                    }

                    #MiniShopCartProductAdded #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product {
                        width:100%;
                        min-height:170px;
                        padding:5px 0;
                    }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_image,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_image {
                            __width: 92px;
                            __height: 92px;
                            __position: absolute;
                            __top: 0px;
                            __left: 0px;
                            __overflow: hidden; /*Dev*/
                            float:left;
                        }

                        #MiniShopCartProductAdded #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_image {
                            position:relative;
                            float:left;
                            width:160px;
                        }

                            #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_image img,
                            #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_image img {
                                __margin: 11px;
                                float:left;
                            }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_name,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_name {
                            font-size: 16px;
                            color: #666666;
                            float:left;
                            width:178px;
                            margin-left:15px;
                            padding-top:15px;
                        }

                        #MiniShopCartProductAdded #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_name,
                         #MiniShopCartProductAdded #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_name {
                            width:auto;
                            max-width:168px;
                            padding-top:0;
                        }


                        /* DevStart - productname color was displayed as blue in IE7. */
                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_name a,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_name a {
                             color: #4990A8;
                            float: left;
                            font-size: 12px;
                            line-height: 15px;
                            __margin-left: 15px;
                            __margin-top: 10px;
                            __width: 178px;
                            word-wrap: break-word;
                        }

                        #MiniShopCartProductAdded #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_name a,
                        #MiniShopCartProductAdded #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_name a {
                            font-size:13px;
                        }

                        /*DevEnd*/

                        /* DevStart: text underline effect on mouse over for product name in minishopcart */
                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  a,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  a {
                            text-decoration: none;
                        }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  a:hover,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  a:hover {
                            text-decoration: underline;
                        }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_image a {
                            display:block;
                        }
                        /* DevEnd */

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_quantity,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_quantity {
                            font-size: 12px;
                            color: #000;
                            __margin-right: 14px;
                            clear:both;
                            display:block;
                        }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_price,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_price {
                            font-size:12px;
                            __color: #CA4200;
                            __line-height: 26px;
                            __font-weight: bold;
                            float: right;
                            line-height:15px;
                            padding-top:12px;

                        }

                        #MiniShopCartProductAdded #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_price,
                        #MiniShopCartProductAdded #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_price {
                            color:#000;
                            float:none;
                        }


                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_color,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_color {
                            font-size:12px;
                            line-height: 16px;
                            color: #000;
                        }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .products  .product  .product_size,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .products  .product  .product_size {
                            font-size:12px;
                            line-height: 16px;
                            color: #777777;
                        }

                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .subtotal,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .subtotal {
                        __border-bottom: 1px solid #EDEFF0;
                        __padding: 0px 0px;
                        __position: relative;
                        clear:both;
                    }

                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content .grandTotal{
                        float:right;
                        font-size:13px;
                        font-weight:bold;
                        color:#000;
                        padding:12px 15px 0 0;
                        width:96%;
                        text-align:right;
                    }



                    /* #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .subtotal  .product_price,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .subtotal  .product_price {
                        color: #CA4200;
                        line-height: 22px;
                        font-weight: bold;
                        float: right;
                    } */


                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content .grandTotal .product_price{
                        float:right;

                    }

                    .view_more,.adjustment_price {
                        clear:both;
                        border-bottom: 1px dotted #000;
                        padding: 5px 11px;
                    }

                    .adjustment_price {
                        background:#eff0f2;
                    }

                    .adjustment_price a,.adjustment_price span {
                        font-size:12px;
                        font-weight:bold;
                        color:#000;
                    }

                    .adjustment_price .product_price {
                        float:right;
                    }

                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .view_more  .view_more_items,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .view_more  .view_more_items {
                        color: #006ECC;
                        font-size: 12px;
                        cursor: pointer;
                    }

                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .view_more  .view_more_items:hover,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .view_more  .view_more_items:hover {
                        text-decoration: underline;
                    }


                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .go_to_cart,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .go_to_cart {
                        __height: 35px;
                        __padding: 6px 11px;
                        __overflow: hidden;
                        __clear:both;
                        float:right;
                    }

                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .continue_shopping,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .continue_shopping {
                        float:left;
                    }




                    #MiniShopCartProductAdded #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .go_to_cart,
                    #MiniShopCartProductAdded #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .go_to_cart {
                        padding-top:10px;
                    }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .go_to_cart  .button_primary,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .go_to_cart  .button_primary {
                            float: right;
                            margin-top: 7px;
                        }


                    /* Added Product */
                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .added  .product,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .added  .product {
                        min-height: 112px;
                        border-bottom: 1px solid #edeff0;
                        position: relative;
                        padding: 5px 11px 5px 126px;
                    }

                        #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .added  .product  .product_image,
                        #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .added  .product  .product_image {
                            width: 126px;
                            height: 126px;
                            position: absolute;
                            top: 0px;
                            left: 0px;
                        }

                            #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .added  .product  .product_image img,
                            #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .added  .product  .product_image img {
                                margin: 8px;
                            }


                            #MiniShopCartProductAdded #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .added  .product  .product_image img,
                            #MiniShopCartProductAdded #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .added  .product  .product_image img {
                                margin: 0px;
                                width:160px;
                            }

                    #widget_minishopcart_popup  .middle  .left_border  .right_border  .content  .empty,
                    #widget_minishopcart_popup_1  .middle  .left_border  .right_border  .content  .empty {
                        font-size: 13px;
                        padding:15px 7px;
                        border-bottom: 1px solid #EDEFF0;
                    }



    #widget_minishopcart_popup  .bottom,
    #widget_minishopcart_popup_1  .bottom {
        __width: 360px;
        overflow: hidden;
    }

        #widget_minishopcart_popup  .bottom  .left_border,
        #widget_minishopcart_popup_1  .bottom  .left_border {
            __float: left;
            __width: 3px;
            __height: 3px;
            __background-color: #a3a3a3;
        }

        #widget_minishopcart_popup  .bottom  .middle_tile,
        #widget_minishopcart_popup_1  .bottom  .middle_tile {
            __float: left;
            __width: 354px;
            __height: 3px;
            __background-color: #a3a3a3;
        }

        #widget_minishopcart_popup  .bottom  .right_border,
        #widget_minishopcart_popup_1  .bottom  .right_border {
            __float: left;
            __width: 3px;
            __height: 3px;
            __background-color: #a3a3a3;
        }


/* mini shopping cart popup header */

div#miniShopCartPopupHeader{
    width: 216px;
    height: 75px;
    __float: right;
    position: absolute;
    background: #FFFFFF;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-radius: 4px 4px 0 0;
    top:1px;
    __box-shadow: 0 1px 0px 0px white, 0 -0px 0px 0px white, 5px 0 5px -4px rgba(31, 73, 125, 0.8), -5px 0 5px -4px rgba(31, 73, 125, 0.8);
    left: 127px;
    top: -76px;
    z-index:99999;
      box-shadow: 3px 0 8px -4px rgb(127, 123, 123) , -3px 0 8px -4px rgb(127, 123, 123);
    -moz-box-shadow: 3px 0 8px -4px rgb(127, 123, 123), -3px 0 8px -4px rgb(127, 123, 123);
    -webkit-box-shadow: 3px 0 8px -4px rgb(127, 123, 123), -3px 0 8px -4px rgb(127, 123, 123);

}

div#miniShopCartPopupHeader .miniwrapper{
    position:relative;
    background:#fff;
    width:215px;
    height:79px;
    top:2px;
}

div#miniShopCartPopupHeader  div.info {
    position: absolute;
    top: 15px;
    left: 64px;
    color: #4d4d4d;
}

    div#miniShopCartPopupHeader  div.info  .subtotal {
        line-height: 16px;
        font-size: 17px;
        __font-style: italic;
        font-family: 'news_cycleregular',sans-serif;
    }

    div#miniShopCartPopupHeader div.info  .cart {
        line-height: 23px;
        font-size: 13px;
        __font-style: italic;

    }

div#miniShopCartPopupHeader  div.cart_icon {
    position: absolute;
    top: 8px;
    left: 16px;
    width: 41px;
    height: 37px;
    background: url('../../images/colors/color1/cart-basket.png') no-repeat left 6px;
}

/* -----------------------------------------------------------------------------*/
/* 4.1.6 Masthead Links Widget
/* -----------------------------------------------------------------------------*/

.wid100{
    width:100%;
}


.widget_masthead_links_position{
    float:left;
    width:100%;
    font-size:12px;
}

.widget_masthead_links_position .masthead_links{
    float:right
}

.widget_masthead_links_position .masthead_social{
    float:left;
    margin-left:16px;
}

.widget_masthead_links_position .masthead_social .masthead_links_container span,
.widget_masthead_links_position .masthead_links .masthead_links_container span{
    float:left;
    margin-right:29px;
    color:#555;
}

.widget_masthead_links_position .masthead_social .masthead_links_container span a,
.widget_masthead_links_position .masthead_links .masthead_links_container span a{
    color:#555;
}

.widget_masthead_links_position .masthead_social .masthead_links_container span a:hover,
.widget_masthead_links_position .masthead_links .masthead_links_container span a:hover{
    color:#4990a8;
}

.widget_masthead_links_position .masthead_links .masthead_links_container span.storeLocator{
    margin-right:16px;
    background: url('../../images/colors/color1/storeLocatorIcon.png') no-repeat right top;
    padding-right:22px;
    height:27px;
}



/*
div.widget_masthead_links_position {
    position: absolute;
    right: 0;
    top: 0px;
}

div#widget_masthead_links {
    position: relative;
    width: 900px;
    height: 38px;
}

div#widget_masthead_links div.masthead_links {
    __position: absolute;
    right: 0px;
    top: 0px;
}

    div#widget_masthead_links div.masthead_links span.masthead_links_container {
        float: right;
        font-size: 12px;
        color: #d9dedf;
        line-height: 14px;
    }

    div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item {
        display: inline;
        color: #4D4D4D;
    }

    div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item a{
        text-decoration: none;
        color: #4d4d4d;
    }

    div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item a:hover{
        text-decoration: underline;
    }

    div#widget_masthead_links div.masthead_links span.masthead_links_container span.special {
        text-decoration: none;
        color: #4D4D4D;
    }

    div#widget_masthead_links div.masthead_links span.masthead_links_container span.special a, div#widget_masthead_links div.masthead_links span.masthead_links_container span.special a:visited {
        text-decoration: none;
        color: #000000;
    }


div#widget_masthead_links div.masthead_social {
    position: absolute;
    left: -500px;
    top: 0;
}

    div#widget_masthead_links div.masthead_social span.masthead_links_container {
        float: right;
        font-size: 12px;
        color: #d9dedf;
        line-height: 14px;
        list-style-type: none;
    }

    div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item {
        display: inline;
        color: #4d4d4d;
    }

        div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item a{
            color: #4d4d4d;
            text-decoration: none;
    }

    div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item a:hover{
        text-decoration: underline;
    }

        div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.icon {
            width: 16px;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            margin-top:-2px;
        }

        div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.face_icon {
            background: url('../../images/colors/color1/widget_masthead_social/social_face_icon.png') no-repeat;
            height: 16px;
        }

        div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.face_icon:hover {
            background-position: 0 -16px;
        }

        div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.plus_icon {
            background: url('../../images/colors/color1/widget_masthead_social/social_plus_icon.png') no-repeat;
        }

        div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.yelp_icon {
            background: url('../../images/colors/color1/widget_masthead_social/social_yelp_icon.png') no-repeat;
        }

    div#widget_masthead_links div.masthead_social span.masthead_links_container span.special {
        text-decoration: none;
        color: #4D4D4D;
    }

    div#widget_masthead_links div.masthead_social span.masthead_links_container span.special a, div#widget_masthead_links div.masthead_social span.masthead_links_container span.special a:visited {
        text-decoration: none;
        color: #000000;
    }
*/

/* -----------------------------------------------------------------------------*/
/* 4.2. Footer
/* -----------------------------------------------------------------------------*/

div#footer {
    width: 943px;
    __padding-top: 28px;
    __margin: 0px auto 30px auto;
    overflow: hidden;
    padding:28px 9px 24px 15px;
    cursor:default;
    font-size:12px;
}

    div#footer > div.right_border {
        __border-right: 1px solid #8a9191; /*Border applied to first three columns in markup*/
    }

    div#footer > div.footer_element_container {
        __padding: 0px 0 30px 15px;
        min-height: 100px;
        float: left;
    }
        /*Dev start*/
        div#footer > div.footer_element_container h2 {
            color: #333333;
            font-size: 12px;
            font-weight: normal;
        }
        /*Dev end*/

        div#footer > div.footer_element_container ul {
            list-style-type:none;
            margin-top: 5px;
            color: #4990a8;
        }

            div#footer > div.footer_element_container ul li{

                font-size: 12px;
                line-height: 16px;
                margin-bottom: 6px;
            }

                div#footer > div.footer_element_container ul li a {
                    color: #4990a8;
                    text-decoration: none;
                }

                div#footer > div.footer_element_container ul li a:hover{
                    text-decoration:underline;
                }


    div#footer > div.small {
        width: 165px;
    }

    div#footer > div.large {
        /*width: 206px;*/
        width: 237px;
    }

    div#footer > div#WC_Footer_UI_Links_3 {
        width: 232px;
    }




    /*--- footer share icons --*/
    div#footer > div.footer_element_container ul.footerIcons {
            list-style-type:none;
            margin-top: 5px;
            color: #4990a8;
        }

            div#footer > div.footer_element_container ul.footerIcons li{
                font-size: 12px;
                line-height: 0;
                margin-bottom: 0;
                float:left;
                margin-right:13px;
            }
            div#footer > div.footer_element_container ul#paymentIcons li{
                margin-right:4px;
            }

            div#footer > div.footer_element_container ul#paymentIcons li.lastIcon{
                margin-right:0;
            }

        div#footer > div.footer_element_container .nortonIcon{
            float:left;
            margin-top:25px;
        }



/* -----------------------------------------------------------------------------*/
/* 4.2.3 Footer Email Notifications Widget
   Inherits some styles from the footer list for formatting
/* -----------------------------------------------------------------------------*/

div.widget_footer_emailnotifications_position {

}

div#widget_footer_emailnotifications div.input_wrapper {
    width: 175px;
    height: 23px;
    overflow: hidden;
    display: inline;
}

    div#widget_footer_emailnotifications div.input_wrapper > div.left_border {
        width: 5px;
        height: 23px;
        background: url('../../images/colors/color1/widget_footer_emailnotifications/input_left_border.png') no-repeat;
        float: left;
    }

    div#widget_footer_emailnotifications div.input_wrapper > div.right_border {
        width: 5px;
        height: 23px;
        background: url('../../images/colors/color1/widget_footer_emailnotifications/input_right_border.png') no-repeat;
        float: left;
    }

    div#widget_footer_emailnotifications div.input_wrapper > div.middle {
        height: 23px;
        background: url('../../images/colors/color1/widget_footer_emailnotifications/input_tile_bg.png') repeat-x;
        float: left;
    }

        div#widget_footer_emailnotifications div.input_wrapper > div.middle input.email_input {
            width: 165px;
            height: 23px;
            background: none;
            border: 0;
        }


div#widget_footer_emailnotifications input.submit_button {
    width: 22px;
    height: 22px;
    background: url('../../images/colors/color1/widget_footer_emailnotifications/submit.png') no-repeat;
    border: 0;
    margin-left: 7px;
    cursor: pointer;
}

/* -----------------------------------------------------------------------------*/
/* 4.3. Product Details Widgets
/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 4.3.1 Product image Viewer Widget
/* -----------------------------------------------------------------------------*/

div#widget_product_image_viewer {
    width: 424px;
}

    div#widget_product_image_viewer h1{
        font-size: 13px;
        margin-bottom: 5px;
    }

    /* div#widget_product_image_viewer > div.top{
        width: 457px;
    }

    div#widget_product_image_viewer > div.top > div.left_border {
        background-color:#e5e5e5;
        width:5px;
        height:5px;
        float: left;
    }

    div#widget_product_image_viewer > div.top > div.middle {
        width: 447px;
        background-color:#e5e5e5;
        height:5px;
        float: left;
    }

    div#widget_product_image_viewer > div.top > div.right_border {
        background-color:#e5e5e5;
        width:5px;
        height:5px;
        float: right;
    }

    div#widget_product_image_viewer > div.left_border {
        width:452px;
        padding-left: 5px;
        background-color:#e5e5e5;
        float: left;
    }

        div#widget_product_image_viewer > div.left_border > .right_border{
            width: 447px;
            padding-right: 5px;
            background-color: #e5e5e5;
        } */

            div#widget_product_image_viewer > div.left_border > .right_border > .content{
                background-color: #FFFFFF;
            }

            div#widget_product_image_viewer > div.left_border > .right_border > .content > .image_container{
                height: 447px;
                __border-bottom: 1px solid #e5e5e5;
                position: relative;
            }

                /* DevStart: To fit the product main image into the container */
                div#widget_product_image_viewer > div.left_border > .right_border > .content > .image_container > .product_main_image {
                    width: 447px;
                }
                /* DevEnd */

            div#widget_product_image_viewer > div.left_border > .right_border > .content > .image_container > .hover_text{
                position: absolute;
                bottom: 0px;
            }

            div#widget_product_image_viewer > div.left_border > .right_border > .content > .image_container > .hover_text > h2{
                font-size: 12px;
                color:#777777;
                padding-left: 24px;
                line-height:30px;
            }



        div#widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views {
            background-color: #f5f5f5;
            height: 115px;
            width: 399px;
            padding-left: 24px;
            padding-right: 24px;
            padding-top: 5px;
        }

            div#widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views > ul li{
                list-style: none;
                float: left;
                __border: 3px solid #e5e5e5;
                margin-right: 8px;
                height: 70px;
                width: 70px;
            }

            div#widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views > ul li:hover{
                border: 3px solid #fac549;
            }

            div#widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views > ul li.selected {
                border: 3px solid #fac549;
            }


    /* div#widget_product_image_viewer > div.bottom{
        width: 457px;
    }

    div#widget_product_image_viewer > div.bottom > div.left_border {
        background-color:#e5e5e5;
        width:5px;
        height:5px;
        float: left;
    }

    div#widget_product_image_viewer > div.bottom > div.middle{
        min-width: 447px;
        background-color:#e5e5e5;
        height:5px;
        float: left;
    }

    div#widget_product_image_viewer > div.bottom > div.right_border{
        background-color:#e5e5e5;
        width:5px;
        height:5px;
        float: right;
    } */

    /* Bundle and product pages - image viewer has been modified */
    .container_product_details_bundle_package div#widget_product_image_viewer {
        width: 340px;
    }

        .container_product_details_bundle_package div#widget_product_image_viewer > div.top{
            width: 340px;
        }

        .container_product_details_bundle_package div#widget_product_image_viewer > div.top > div.left_border {
            width:5px;
        }

        .container_product_details_bundle_package div#widget_product_image_viewer > div.top > div.middle {
            width: 330px;
        }

        .container_product_details_bundle_package div#widget_product_image_viewer > div.top > div.right_border {
            width:5px;
        }

        .container_product_details_bundle_package div#widget_product_image_viewer > div.left_border {
            width:335px;
        }

            .container_product_details_bundle_package div#widget_product_image_viewer > div.left_border > .right_border{
                width: 330px;
            }

                .container_product_details_bundle_package div#widget_product_image_viewer > div.left_border > .right_border > .content > .image_container{
                    height: 330px;
                }
                    /* DevStart: To fit the bundle/package main image into the container */
                    .container_product_details_bundle_package div#widget_product_image_viewer > div.left_border > .right_border > .content > .image_container > .product_main_image{
                        width: 330px;
                        height:330px;
                    }
                    /* DevEnd */
        .container_product_details_bundle_package div#widget_product_image_viewer > div.bottom{
            width: 340px;
        }

        .container_product_details_bundle_package div#widget_product_image_viewer > div.bottom > div.left_border {
            width:5px;
        }

        .container_product_details_bundle_package div#widget_product_image_viewer > div.bottom > div.middle{
            min-width: 330px;
        }

        .container_product_details_bundle_package div#widget_product_image_viewer > div.bottom > div.right_border{
            width:5px;
        }



    .container_content_rightsidebar > .left_columnProductDetails{
        width:675px;
        background:none;
        padding:0;
    }

    .container_content_rightsidebar > .right_columnProductDetails{
        width:282px;
        margin-top:0;
    }

    .container_content_rightsidebar > .right_columnProductDetails div.widget_sidebar_container > .left_border > .right_border > .content{
        float: left;
        background-color: #ffffff;
        padding: 0 16px 40px 16px;
        width: 250px;
    }

    .container_content_rightsidebar > .right_columnProductDetails div.widget_sidebar_container > .left_border > .right_border > .content > div.item >  div.right_column{
            width: 142px;
            float: right;
            line-height: 12px;
        }

/* -----------------------------------------------------------------------------*/
/* 4.3.2 Product Information Widget
/* -----------------------------------------------------------------------------*/


div#widget_product_info_viewer h2{
    font-size: 13px;
    color:#000000;
    padding-left: 24px;
    line-height:30px;
}

.quantity_input {
    max-width:30px;
    margin-left:5px;
    text-align:center;
}

.compare_button {
    height: 18px;
    width: 114px;
    background-color: #ffffff;
    border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-left: none;
    padding: 1px;
    -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
    color: #006ecc;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 10px;
    line-height: 18px;
}

.wishlist_dropdown {
    height: 22px;
    width: 126px;
    background-color: #ffffff;
    border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-left: none;
    padding: 1px;
    -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
    color: #006ecc;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 12px;
    padding-left: 10px;
    line-height: 18px;
    margin-bottom: 6px;
}

div#WishlistDisplay_Widget {
    display: inline-block;
}

.my_account_wishlist .product_listing_container .grid_mode > .row {
    background-image: none;
}

/* OVERALL WIDTH FOR CONTAINER */
div#widget_product_info_viewer {
    __width: 458px;
}
    div#widget_product_info_viewer > div.top{
        line-height: 10px;
    }

    /* STYLES FOR TOP SECTION */

    /* DevStart: changed class hierarchy to add refresh area div */
    div#widget_product_info_viewer > div.top div.madisons_exclusive{
        background: #ef5305;
        color: #ffffff;
        font-size: 10px;
        font-weight: bold;
        padding-left: 4px;
        padding-right: 4px;
        line-height: 13px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
        /* DevStart: mouse over underline effect for offer text */
        div#widget_product_info_viewer > div.top div.madisons_exclusive > a {
            text-decoration: none;
        }

        div#widget_product_info_viewer > div.top div.madisons_exclusive > a:focus,
        div#widget_product_info_viewer > div.top div.madisons_exclusive > a:hover {
            text-decoration: underline;
        }
        /* DevEnd */
    /* DevEnd: changed class hierarchy to add refresh area div */

    div#widget_product_info_viewer > div.top > .print_section{
        float: right;
        line-height: 16px;
        font-size: 11px;
        text-decoration: none;
        cursor: pointer;
        margin-top:20px;
    }

    div#widget_product_info_viewer > div.top > .print_section > span{
    float: right;
    }

    div#widget_product_info_viewer > div.top > .print_section > .print_icon{
        float: right;
        margin-right: 10px;
        background: url('../../images/colors/color1/widget_product_info/print_icon_sprite.png') no-repeat;
        height: 16px;
        width: 16px;
    }

    div#widget_product_info_viewer > div.top > .print_section:hover span{
        text-decoration: underline;
    }

    div#widget_product_info_viewer > div.top > .print_section:hover > .print_icon{
        background-position: 0px -16px;
    }

    div#widget_product_info_viewer > div.top > span.main_header{
        font-size: 22px;
        color: #777777;
        line-height: 24px;
        display:block;
    }

    div#widget_product_info_viewer > div.top > .not_available{
        font-size: 13px;
        color: #777777;
        line-height: 16px;
        font-style:italic;
    }

    /* DevStart: removed id #price_display since there can be multiple price in the same page */
    div#widget_product_info_viewer > div.top > div > span.configured{
        font-size:16px;
        color: #4d4d4e;
        line-height: 18px;
        margin-top:-2px;
        float: left;
    }

    div#widget_product_info_viewer > div.top > div > span.old_price{
        font-size:12px;
        color: #555;
        text-decoration: line-through;
    }

    div#widget_product_info_viewer > div.top > div > span.price{
        font-size:14px;
        color: #D74F00;
        line-height:18px;
    }
    /* DevEnd */

    div#widget_product_info_viewer > div.top > span.sku {
        /*font-size:12px;
        line-height: 22px;*/
        font-size:12px;
        line-height: 12px;
        color: #aaa;
        margin-top:20px;
        float:left;
    }

    div#widget_product_info_viewer > div.top .promotion{
        font-size: 12px;
        color: #006ECC;
        text-decoration; none;
    }

    div#widget_product_info_viewer > div.top .promotion:hover{
        text-decoration: underline;
    }

    div#widget_product_info_viewer > div.top {
        __border-bottom: 1px solid #e5e5e5;
        padding-bottom: 4px;
        padding-left:10px;
    }

        div#widget_product_info_viewer > div.top .single_star,
        .product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .single_star {
            display: block;
            float: left;
            height: 16px;
            width: 16px;
            padding-right: 3px;
            margin-top: 3px;
            background: url("../../images/colors/color1/star_rating.png") no-repeat 0 0;
        }

        div#widget_product_info_viewer > div.top .single_star:hover,
        .product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .single_star:hover {
            background-position: 0px -16px;
        }

        div#widget_product_info_viewer > div.top > div.star_ratings {
            padding-top: 1px;
            padding-bottom: 7px;
        }

            div#widget_product_info_viewer > div.top > div.star_ratings > span.reviews a,
            .product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .reviews a{
                color: #006ecc;
                font-size:12px;
                float: left;
                padding-left: 8px;
                text-decoration: none;
                line-height: 22px;
            }

            div#widget_product_info_viewer > div.top > div.star_ratings > span.reviews a:hover,
            .product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .reviews a:hover{
                text-decoration: underline;
            }

            div#widget_product_info_viewer > div.top div.star_ratings div.stars,
            .product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings div.stars {
                float: left;
            }

        div#widget_product_info_viewer > .top .social{
            padding-top: 4px;
        }


    div#widget_product_info_viewer > .product_text{
        border-bottom: 1px dotted #aaa;
        padding-top: 11px;
        padding-bottom: 20px;
        line-height: 15px;
        padding-left:10px;
    }

        div#widget_product_info_viewer > .product_text .recurring{
            margin-top: 5px;
        }

        div#widget_product_info_viewer > .product_text .recurring:hover .recurring_text{
            text-decoration:underline;
            cursor:pointer;
        }

        div#widget_product_info_viewer > .product_text .recurring .recurring_icon{
        height: 13px;
        width: 13px;
        background: url("../../images/colors/color1/widget_product_info/recurring_icon.png");
        background-repeat: none;
        float: left;
        }

        div#widget_product_info_viewer > .product_text .recurring .recurring_text{
            float: left;
            margin-left: 3px;
            font-size: 12px;
            color: #4990a8;
            text-decoration:none;
        }


        div#widget_product_info_viewer > .product_text > .subscription > .icon{
            height: 13px;
            width: 9px;
            background: url('../../images/colors/color1/widget_product_info/subscription_icon.png');
            float: left;
        }

        div#widget_product_info_viewer > .product_text > .subscription > a{
            font-size: 12px;
            text-decoration: none;
            color: #0030df;
            margin-left: 5px;
        }

        div#widget_product_info_viewer > .product_text p {
            color:#000;
            font-size:12px;
            line-height: inherit;
            font-family:Arial, Helvetica, sans-serif;
        }

        div#widget_product_info_viewer > .product_text ul {
            padding-left: 14px;
            list-style-type:disc;

        }

        div#widget_product_info_viewer > .product_text ul li{
            color:#4d4d4d;
            font-size:12px;
            font-family: Arial, Helvetica, sans-serif;
            line-height: inherit;
        }

        /*div#widget_product_info_viewer > .product_text ul li:before {
            content: '- ';
        }*/


    div#widget_product_info_viewer > .product_options {
        /* padding-top: 16px; */
        __border-bottom: 1px solid #E5E5E5; /*Dev*/
        padding-left:10px;
        font-size:12px;
    }

        div#widget_product_info_viewer #addToShoppingListBtn{
            margin-top:5px;
        }

        div#widget_product_info_viewer > .product_options a{
            text-decoration:none;
            color:#4990A8;
        }

        div#widget_product_info_viewer > .product_options a:hover{
            text-decoration:underline;

        }

        div#widget_product_info_viewer > .product_options .color_and_size{
            padding-top: 11px;
            padding-bottom: 11px;
            width: 246px; /*276*/
            /*height: 201px;*/
            __border-right: 1px solid #e5e5e5;
        }

        div#widget_product_info_viewer > .product_options .no_border{
            border-right:none;
        }

            div#widget_product_info_viewer > .product_options .color_and_size .button_secondary .button_text{
                min-width: 120px;
            }

            div#widget_product_info_viewer > .product_options .color_and_size .options_dropdown select{
                height: 23px; /* Dev: to override legacy css style */
                width: 164px;
                border:1px solid #4c4c4c;
                font-size:12px;
                padding:2px;
                font-family:arial;
                margin-bottom:5px;
            }

            div#widget_product_info_viewer > .product_options .color_and_size .check_size_chart{

                color: #006ECC;
                float: left;
                font-size: 12px;
                text-decoration: none;
            }

            div#widget_product_info_viewer > .product_options .color_and_size .heading,
            div#widget_product_info_viewer > .product_options .color_and_size .header{
                font-size:13px;
                color:#000;
                font-weight:bold;
            }

            div#widget_product_info_viewer > .product_options .color_and_size .unbold{
                font-weight:normal;
            }



            div#widget_product_info_viewer > .product_options .color_and_size .vertical_divider{
                height: 11px;
                width: 1px;
                background: #e5e5e5;
                margin-left: 13px;
                margin-right: 13px;
                margin-top: 7px;
            }

        div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list ul li,
        div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list ul li {
            display: block;
            float: left;
            margin-right: 6px;
            margin-bottom: 6px;
            cursor: pointer;
        }

        /* DevStart: to remove the bottom margin from the last swatch */
        div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list ul li.last_swatch {
            margin-bottom: 0px;
        }
        /* DevEnd: to remove the bottom margin from the last swatch */

        /* Dev Start: Added for swatch, changed hierarchy */
        div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_label,
        div.product_listing_container .list_mode .product > .product_info > .color_swatch_label{
            padding-right:10px;
        }

        div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list .color_swatch,
        div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list .color_swatch_disabled,
        div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch,
        div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch_disabled {
            border: 2px solid #FFF;
            width:30px;
            height:30px;
        }

        div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul .color_swatch_disabled,
        div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list .color_swatch_disabled,
        div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch_disabled {
            opacity:0.3;
            filter:alpha(opacity=30);
            cursor: default; /* Dev: cursor pointer to default for disabled swatches */
        }

        div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list .color_swatch:hover,
        div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch:hover {
            border: 2px solid #000;
            width:30px;
        }

        div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list .color_swatch_selected
         {
            border: 2px solid #000;
            width:30px;
            height:30px;
        }
        /* Dev End: Added for swatch, changed hierarchy */

        .size_list ul li{
            display: block;
            float: left;
            margin-right: 10px;
        }

        .size_list ul li a .size{
            height: 24px;
            min-width: 24px;
            background-repeat:none;
            background-position: 0 0;
        }

        .size_list ul li a .disabled{
            background-position: 0 -48px !important;
            cursor:default;
        }

        .size_list ul li a .selected{
            background-position: 0 -24px !important;
        }

        .size_list ul li a .size_xs{ background-image: url('../../images/colors/color1/sizes/size_xs.png'); }

        .size_list ul li a .size_s{ background-image: url('../../images/colors/color1/sizes/size_s.png'); }

        .size_list ul li a .size_m{ background-image: url('../../images/colors/color1/sizes/size_m.png'); }

        .size_list ul li a .size_l{ background-image: url('../../images/colors/color1/sizes/size_l.png'); }

        .size_list ul li a .size_xl{ background-image: url('../../images/colors/color1/sizes/size_xl.png'); }

        .size_list ul li a .size_xxl{ background-image: url('../../images/colors/color1/sizes/size_xxl.png'); width: 30px; }

        .size_list ul li a .size_xxxl{ background-image: url('../../images/colors/color1/sizes/size_xxxl.png'); width: 36px; }

        .size_list ul li a .size_xs:hover,
        .size_list ul li a .size_s:hover,
        .size_list ul li a .size_m:hover,
        .size_list ul li a .size_l:hover,
        .size_list ul li a .size_xl:hover,
        .size_list ul li a .size_xxl:hover,
        .size_list ul li a .size_xxxl:hover{
            background-position: 0 -24px;
        }

        .size_list .header{
            font-size: 12px;

        }

            /* DevStart: Quantity Discount to be added to Package and Bundle pages */
            div#widget_product_info_viewer > .product_options > .color_and_size > .quantity_discount,
            div#widget_package_summary .quantity_discount,
            div.widget_bundle_package_list .quantity_discount{
                font-size: 14px;
                color: #777777;
                line-height: 16px;
            }

            div#widget_package_summary .quantity_discount{
                margin-bottom: 12px;
            }

            div#widget_product_info_viewer > .product_options > .color_and_size > .quantity_discount > p > span.price,
            div#widget_package_summary .quantity_discount > p > span.price,
            div.widget_bundle_package_list .quantity_discount > p > span.price{
                color: #CA4200;
            }
            /* DevEnd: Quantity Discount to be added to Package and Bundle pages */

            div#widget_product_info_viewer > .product_options > .color_and_size > .quantity_section{
                margin-top: 16px;
                margin-bottom:10px;
            }

            div#widget_product_info_viewer > .product_options > .color_and_size > .clear_margin{
                margin-top:0px !important;
            }

            div#widget_product_info_viewer > .product_options > .color_and_size > .quantity_section > .header{
                font-size:13px;
                color:#000;
                font-weight:bold;
            }

            div#widget_product_info_viewer > .product_options > .color_and_size > .button_add_to_cart > .button_text{
                min-width: 120px;
            }

            div#widget_product_info_viewer > .product_options > .color_and_size > .button_add_to_cart > .button_text{
                min-width: 120px;
            }

            /* DevStart: a div was added to position the dropdown as parent to .dropdown_primary, hence .dropdown_primary not immediate child of .color_and_size */

            div#widget_product_info_viewer > .product_options > .color_and_size .button_primary{
                margin-right:16px;
            }


            div#widget_product_info_viewer > .product_options > .color_and_size .button_primary .button_text,
            div#widget_coordinate > .middle > .content > .coordinate_body .right_column .info .button .button_primary .button_text{
                background:none;
                padding-right:0;
            }

            div#widget_product_info_viewer > .product_options > .color_and_size	.dropdown_list{
                background-color: #FFFFFF;
                border: 1px solid #CCCCCC;
                min-width: 204px;
                position: absolute;
                top: 28px;
                z-index: 5;
            }


        div#widget_product_info_viewer > .product_options .divider{
            height: 1px;
            background-color:#E5E5E5;
        }

        div#widget_product_info_viewer > .product_options .available{
            padding-top: 11px;
            padding-bottom: 11px;
            padding-left: 16px;
            width:190px;
        }

        /* DevStart: for inventory status check - select attribute text */
        div#widget_product_info_viewer > .product_options .available > .text,
        .widget_bundle_package_list .product_listing_container > .bundle_mode .product .available > .text {
            font-size: 12px;
            color:#a8a8a8;
        }
        /* DevEnd: for inventory status check - select attribute text */

            /* DevStart: inventory status component is being reused in package/bundle pages, hence changed product_availability to available */
            #widget_package_summary > .left_border > .right_border > .content > .item > .available {
                float: none;
                padding-bottom: 30px;
            }

            div#widget_product_info_viewer > .product_options .available .header,
            .product_listing_container .list_mode .product > .available .header,
            #widget_package_summary > .left_border > .right_border > .content > .item > .available .header {
                font-size:13px;
                line-height: 17px;
                color:#000;
                font-weight:bold;
            }

            div#widget_product_info_viewer > .product_options .available .sublist,
            .product_listing_container .list_mode .product > .available .sublist,
            #widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist {
                line-height: 12px;

            }

            div#widget_product_info_viewer > .product_options .available .sublist .text,
            .product_listing_container .list_mode .product > .available .sublist .text,
            #widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist .text {
                font-size: 12px;
                color:#68931d;
            }

            /* DevStart: store_name class is applied to anchor tag for accessibility */
            div#widget_product_info_viewer > .product_options .available .sublist a.store_name,
            .product_listing_container .list_mode .product > .available .sublist a.store_name,
            #widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist a.store_name {
                font-size: 12px;
                color: #4990A8;
                __padding-left: 16px;
                text-decoration: none;
                margin-top:10px;
                float:left;
            }

            div#widget_product_info_viewer > .product_options .available .sublist a:focus.store_name,
            div#widget_product_info_viewer > .product_options .available .sublist a:hover.store_name,
            .product_listing_container .list_mode .product > .available .sublist a:hover.store_name,
            #widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist a:hover.store_name {
                text-decoration: underline;
            }
            /* DevEnd: store_name class is applied to anchor tag for accessibility */

            div#widget_product_info_viewer > .product_options .available ul,
            .product_listing_container .list_mode .product > .product_info > .available ul,
            #widget_package_summary > .left_border > .right_border > .content > .item > .available ul {
                list-style-image:url("../../images/colors/color1/widget_product_info/checkmark_icon.png");
            }

            div#widget_product_info_viewer > .product_options .available .instore_sublist,
            .product_listing_container .list_mode .product > .available .instore_sublist,
            #widget_package_summary > .left_border > .right_border > .content > .item > .available .instore_sublist {
                margin-left: 40px;
                font-size:12px;
                line-height: 17px;

            }

            /* DevStart: store_name class is applied to anchor tag for accessibility */
            div#widget_product_info_viewer > .product_options .available a.check_stores,
            .product_listing_container .list_mode .product > .available a.check_stores,
            #widget_package_summary > .left_border > .right_border > .content > .item > .available a.check_stores {
                color: #4990a8;
                float: left;
                font-size: 12px;
                __margin-left: 15px;
                text-decoration: none;
                cursor:pointer;
                margin-top:2px;
            }

            div#widget_product_info_viewer > .product_options .available a:focus.check_stores,
            div#widget_product_info_viewer > .product_options .available a:hover.check_stores,
            .product_listing_container .list_mode .product > .available a:hover.check_stores,
            #widget_package_summary > .left_border > .right_border > .content > .item > .available a:hover.check_stores {
                text-decoration: underline;
            }
            /* DevEnd: store_name class is applied to anchor tag for accessibility */
            /* DevEnd: inventory status component is being reused in package/bundle pages */

        div#widget_product_info_viewer > .product_options .left_column{

            padding-top: 16px;
            float: left;
            /*border-top: 1px solid #e5e5e5;
            width: 176px;*/
            padding-right: 12px;

        }

            div#widget_product_info_viewer > .product_options .left_column .quantity_section{
                margin-bottom: 6px;
            }

            div#widget_product_info_viewer > .product_options .left_column .quantity_section .header{
                font-size: 18px;
                line-height: 36px;
                padding-right: 10px;
            }

        div#widget_product_info_viewer > .product_options .right_column{
            /*border-top: 1px solid #e5e5e5;
            width: 250px;*/
            padding-top: 16px;
        }


        div#widget_product_info_viewer > div.social_commerce{
            padding-top: 11px;
            padding-bottom: 6px;
            border-top: 1px solid #E5E5E5;
        }


        div#widget_product_info_viewer > div.social_commerce .social{
            padding-right: 14px;
        }

        div#widget_product_info_viewer > div.social_commerce .social .social_icon{
            margin-right: 5px;
            height: 25px;
        }

        div#widget_product_info_viewer > div.social_commerce .social .divider{
            width: 1px;
            height: 24px;
            background: #e5e5e5;
            margin-right: 12px;
            margin-left: 7px;
        }

        div#widget_product_info_viewer > div.social_commerce .send_and_print{
            height: 24px;
            line-height: 1px;
            border-left: 1px solid #e5e5e5;
            padding-left: 14px;
        }

    /* Modifications for bundle and product pages */
    .container_product_details_bundle_package div#widget_product_info_viewer {
        width: 575px;
    }

    .container_product_details_bundle_package div#widget_product_info_viewer > .product_text{
        border-bottom: none;
    }

        .container_product_details_bundle_package div#widget_product_info_viewer > .product_text ul{
            margin-top: 10px;
            margin-left: 10px;
        }




/* -----------------------------------------------------------------------------*/
/* 4.3.3 Sidebar Container Widget (Recently Viewed, Recommendations)
/* -----------------------------------------------------------------------------*/

div.widget_sidebar_container{
    width: 136px; /*237*/
}

    div.widget_sidebar_container h1{
        font-weight: normal;
        font-size: 13px;
    }

    /*div.widget_sidebar_container div.divider{
        height: 2px;
        width: 111px;
        border-bottom: solid 1px #e5e5e5;
    }*/

    div.widget_sidebar_container > div.top {
        overflow: hidden;
    }

        /* div.widget_sidebar_container > div.top > div.left_border{
            background-color:#e5e5e5;
            width:3px;
            height:3px;
            float: left;
        }

        div.widget_sidebar_container > div.top > div.middle{
            min-width: 130px;
            background-color:#e5e5e5;
            height:3px;
            float: left;
        }

        div.widget_sidebar_container > div.top > div.right_border{
            background-color:#e5e5e5;
            width:3px;
            height:3px;
            float: right;
        }

    div.widget_sidebar_container > .left_border{
        width: 133px;
        float: left;
        padding-left: 3px;
        background-color: #e5e5e5;
    }

    div.widget_sidebar_container > .left_border > .right_border{
        width: 130px;
        float: right;
        padding-right: 3px;
        background-color: #e5e5e5;
    } */

    div.widget_sidebar_container > .left_border > .right_border > .content{
        float: left;
        background-color: #ffffff;
        padding: 0 9px 0 9px;
        width: 112px;

    }

/* 	div.widget_sidebar_container > .left_border > .right_border > .content .button_add_to_cart .button_text{
        max-width: 142px;
    }

    div.widget_sidebar_container > .left_border > .right_border > .content .dropdown_primary .content{
        max-width: 146px;
    } */


        div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content{
            line-height: 16px;
            __border-bottom: 1px solid #e5e5e5;
            position: relative;
            padding-bottom: 4px;
            min-height:30px;
            border-top:7px solid #105361;
            padding-top:8px;

        }

        div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content h2{
            font-size:18px;
            font-family: 'news_cycleregular', sans-serif;
        }


            div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content > .right{
                float: right;
                line-height: 22px;
            }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content > .right span{
                font-size:11px;
                color: #777777;
            }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content .right .left_arrow_disabled{
                height: 12px;
                margin-right: 12px;
                margin-top: 6px;
                margin-bottom: -1px;
                width: 7px;
            }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content .right .left_arrow_enabled{
                height: 12px;
                margin-right: 12px;
                margin-top: 6px;
                margin-bottom: -1px;
                width: 7px;
            }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content .right .right_arrow_enabled{
                height: 12px;
                margin-left: 12px;
                margin-top: 6px;
                margin-bottom: -1px;
                width: 7px;
            }


            div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content .right .right_arrow_disabled{
                height: 12px;
                margin-left: 12px;
                margin-top: 6px;
                margin-bottom: -1px;
                width: 7px;
            }

        div.widget_sidebar_container > .left_border > .right_border > .content > div.item {
            /*width: 213px;*/
            padding: 12px 10px 10px 16px;
        }

        div.widget_sidebar_container > .left_border > .right_border > .content > div.item .button_secondary .button_text{
            width: 120px;
        }

        div.widget_sidebar_container > .left_border > .right_border > .content > div.item >  div.left_column{
            width: 70px;
            float: left;
            position: relative;
            height: 70px;
            cursor:pointer;
        }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.item >  div.left_column > .quick_info_toggle{
                background: url('../../images/colors/color1/widget_product_listing/bg_80percent_transparent_grey.png');
                bottom: 0px;
                height: 22px;
                left: 0;
                line-height: 22px;
                margin: 0;
                padding: 0 0 4px;
                position: absolute;
                text-align: center;
                visibility: hidden;
                width: 70px;
            }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.item >  div.left_column:hover > .quick_info_toggle{
                visibility:visible;
            }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.item >  div.left_column > .quick_info_toggle a{
                color: #ffffff;
                font-size: 10px;
                text-decoration: none;
            }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.item >  div.left_column > .quick_info_toggle a:hover{
                text-decoration: underline;
            }

        div.widget_sidebar_container > .left_border > .right_border > .content > div.item >  div.right_column{
            __width: 95px;
            float: right;
            line-height: 12px;
            margin-top:5px;
        }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column > div.item_name {
                font-size: 12px;
                cursor:pointer;
                text-decoration:none;
                display: inline;
            }

            /* DevStart - productname color was displayed as blue in IE7. */
            div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column > div.item_name a {
                color: #4990a8;
            }
            /* DevEnd */

            div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column > div.item_name:hover{
                text-decoration:underline;
            }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column > div.item_price {
                margin-top: 5px;
                font-size: 12px;
                color: #000;
            }

                /* DevStart: striking out the list price in sidebar container espots and changing the color to match the other displayed prices */
                div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column > div.item_price > .old_price {
                    color: #777777;
                    font-weight: normal;
                    text-decoration: line-through;
                    margin-right: 4px; /* Dev: provides space after list price and before offer price */
                }

                div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column > div.item_price > .price {
                    color: #000;
                }
                /* DevEnd */

            div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column .view_details{
                margin-top: 10px;
                font-size:12px;
                color: #006ecc;
                text-decoration: none;
            }

            div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column .view_details:hover{
                text-decoration: underline;
            }


    /* div.widget_sidebar_container > div.bottom {
        overflow: hidden;
    }

        div.widget_sidebar_container > div.bottom > div.left_border{
            background-color:#e5e5e5;
            width:3px;
            height:3px;
            float: left;
        }

        div.widget_sidebar_container > div.bottom > div.middle{
            min-width: 206px;
            background-color:#e5e5e5;
            height:3px;
            float: left;
        }

        div.widget_sidebar_container > div.bottom > div.right_border{
            background-color:#e5e5e5;
            width:3px;
            height:3px;
            float: right;
        } */

/* -----------------------------------------------------------------------------*/
/* 4.4. Tab Container Widget
/* -----------------------------------------------------------------------------*/

div.widget_tab_container {
    __width: 710px;
}

    div.widget_tab_container > div.header ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

    div.widget_tab_container > div.header li {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none repeat scroll 0 0 #EAEAEA;
        border-color: #FFFFFF;
        border-image: none;
        border-style: solid;
        border-width: 2px 2px 0;
        float: left;
        font-size: 14px;
        margin: 0 6px 0 0;
    }

    div.widget_tab_container > div.header li:hover {
        background: #e5e5e5;
    }

    div.widget_tab_container > div.header a {
        display: block;
        padding: 0 1em;
        font-size: 13px;
        height: 29px;
        line-height: 2em;
        text-decoration:none;
        color: #4990a8;
    }

    div.widget_tab_container > div.header li.first_tab {
        margin-left: 30px;
    }

    div.widget_tab_container > div.header li.selected {
        background-color: #ffffff;
        background: none repeat scroll 0 0 white;
        __border-bottom: 1px solid white;
        margin-bottom: -1px;

    }

    div.widget_tab_container > div.header li.selected a{
        color: #666666;
    }

    div.widget_tab_container > div.content {
        __border-top: 1px solid #e5e5e5;
        clear: both;
        min-height: 406px;
        font-size: 12px;
        line-height: 15px;
        padding-top: 20px;
        padding-left: 17px;
        color:#000;
        background:#fff;
    }

    /* DevStart: altering the class hierarchy */
        div.widget_tab_container > div.content .header{
            font-size: 14px;
            border-bottom: 1px solid #E5E5E5;
            padding-bottom: 4px;
            color: #666666;
        }

    div.widget_tab_container > .padding_sides{
        padding-right: 15px;
        padding-left: 15px;
    }

    div.widget_tab_container > div.content ul{
        padding-top: 2px;
        padding-left: 25px;
    }

    /* DevStart: css for list view under Other Custmers Also Purchased */
    div.widget_tab_container > div.content div.color_swatch_list > ul {
        padding-top: 0px;
        padding-left: 0px;
    }
    /* DevEnd: css for list view under Other Custmers Also Purchased */

    div.widget_tab_container > div.content .attachment{
        margin-top: 5px;
    }

    div.widget_tab_container > div.content .attachment > .icon{
        width: 22px;
        height: 22px;
        float: left;
        margin-right: 12px;
    }

    div.widget_tab_container > div.content .attachment > .description{
        float: left;
    }

    div.widget_tab_container > div.content .attachment > .description a{
        color: #006ECC;
        text-decoration: none;
    }

    div.widget_tab_container > div.content .attachment > .description a:hover{
        text-decoration: underline;
    }

    div.widget_tab_container > div.content .attachment > .description span.size{
        font-size: 11px;
    }

    #tab1_content p{
        padding-bottom: 10px;
    }
    /* DevEnd */

    /* DevStart: altering the class hierarchy */
    div.widget_tab_container > div.content .details_table > .color_first{
        background-color: #f8f8f8;
        height: 26px;
        line-height: 26px;
        padding-left: 11px;
    }

    div.widget_tab_container > div.content .details_table > .color_second{
        background-color: #FFFFFF;
        height: 26px;
        line-height: 26px;
        padding-left: 11px;
    }

    div.widget_tab_container > div.content .details_table > .header{
        font-size: 12px;
        font-weight: bold;
        border-bottom: 1px solid #aaaaaa;
    }

    div.widget_tab_container > div.content .details_table .item_name{
        float: left;
        width:235px;
    }

    div.widget_tab_container > div.content .details_table .item_description{
        float: left;
        width: 405px;
    }

    div.widget_tab_container > div.content .details_table > .dotted_divider{
        background-image:url('../../images/colors/color1/dotted_line_bg2.png');
        background-repeat:repeat-x;
        line-height:0.1em;
        height: 1px;
    }
    /* DevEnd: altering the class hierarchy */

    /* DevStart: css for list view under Other Custmers Also Purchased */
    div.widget_tab_container > div.content .product_listing_container .list_mode .product {
        width: 470px;
        border-bottom: 1px solid #e5e5e5;
        border-top: 0px;
    }
    /* DevEnd: css for list view under Other Custmers Also Purchased */

    div.widget_tab_container .dijitTabContent {
        display: none;
    }

    div.widget_tab_container .dijitHidden {
        display: none;
    }

/* -----------------------------------------------------------------------------*/
/* 4.5. Breadcrumb Widget
/* -----------------------------------------------------------------------------*/

div#widget_breadcrumb {
    height: 14px;
    line-height: 12px;
    background:#fff;
    padding:5px 0 10px 16px;
}

    div#widget_breadcrumb > ul {
        list-style-type: none;
    }

        div#widget_breadcrumb > ul li {
            display: inline;
            color: #000;
            font-size: 11px;
            margin:0;
        }

        div#widget_breadcrumb > ul li a{
            text-decoration: none;
            color: #406a78;
            font-size: 11px;
        }

        div#widget_breadcrumb > ul li:hover a{
            text-decoration: underline;
        }

        div#widget_breadcrumb > ul li.current {
            color:#000;
        }

        div#widget_breadcrumb > ul span.divider,
        div#widget_breadcrumb > ul li.divider {
            margin: 0 6px;
            color: #dedede;
            font-size: 12px;
        }


/* -----------------------------------------------------------------------------*/
/* 4.6. Full Width Widget
/* -----------------------------------------------------------------------------*/

.widget_fullwidth_container{
    width: 935px;
    padding-bottom: 25px;
}

.widget_fullwidth_container h1{
    font-size: 14px;
    font-weight: normal;
}

.widget_fullwidth_container .spacer_18px{
    height: 18px;
    min-height: 18px;>>
}

/*--------------- Stylings for right nav section ---------------*/
div.widget_fullwidth_container > div.content > div.middle > div.header_content > .right span{
    font-size:11px;
    color: #777777;
}

div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .left_arrow_disabled{
    margin-top: 6px;
    margin-right: 9px;
    height: 12px;
    width: 3px;
    width: 13px;
    background-position:center;
    background-repeat: no-repeat;
    background-image:url('../../images/colors/color1/sidebar_containers/left_arrow_disabled.png');
}

/* DevStart: added classes for left arrow enabled and right arrow disabled */
div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .left_arrow_enabled{
    margin-top: 6px;
    margin-right: 9px;
    height: 12px;
    width: 13px;
    background-position:center;
    background-repeat: no-repeat;
    background-image:url('../../images/colors/color1/sidebar_containers/left_arrow_enabled.png');
}

div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .right_arrow_disabled{
    margin-top: 6px;
    margin-left: 9px;
    height: 12px;
    width: 13px;
    background-position:center;
    background-repeat: no-repeat;
    background-image:url('../../images/colors/color1/sidebar_containers/right_arrow_disabled.png');
}
/* DevEnd */

div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .right_arrow_enabled{
    margin-top: 6px;
    margin-left: 9px;
    height: 12px;
    width: 13px;
    background-position:center;
    background-repeat: no-repeat;
    background-image:url('../../images/colors/color1/sidebar_containers/right_arrow_disabled.png');
}

div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .right_arrow_enabled:hover{
    background-image:url('../../images/colors/color1/sidebar_containers/right_arrow_enabled.png');
}

/*--------------- Stylings for individual columns ---------------*/
.widget_fullwidth_container .content .middle .column{
    /*width: 181px;*/
    width: 225px;
    float: left;
    border-right: 1px solid #e5e5e5;
    text-align:center;
}

.widget_fullwidth_container .content .middle .column_last{
    /*width: 180px;*/
    width: 225px;
    float: left;
    text-align:center;
}

/*--------------- Stylings for column content ---------------*/
.widget_fullwidth_container > .content > .middle > .column  span.item_name{
    padding-top: 8px;
    font-size:11px;
    line-height: 20px;
    display:block;
}

.widget_fullwidth_container > .content > .middle > .column  span.item_price{
    font-size:15px;
    font-weight:bold;
    color: #CA4200;
}

.widget_fullwidth_container > .content > .middle > .column  span.item_old_price{
    color: #d9d9d9;
    text-decoration: line-through;
    margin-right: 4px; /* Dev: provides space after list price and before offer price */
}

.widget_fullwidth_container > .content > .middle > .column  span.item_special_price{
    color: #CA4200;
}


/*--------------- Stylings for LAST column content (no right border) ---------------*/
.widget_fullwidth_container > .content > .middle > .column_last  span.item_name{
    padding-top: 8px;
    font-size:11px;
    line-height: 20px;
    display:block;
}

.widget_fullwidth_container > .content > .middle > .column_last  span.item_price{
    font-size:15px;
    font-weight:bold;
    color: #CA4200;

}

.widget_fullwidth_container > .content > .middle > .column_last  span.item_old_price{
    color: #d9d9d9;
    text-decoration: line-through;
    margin-right: 4px; /* Dev: provides space after list price and before offer price */
}

.widget_fullwidth_container > .content > .middle > .column_last  span.item_special_price{
    color: #CA4200;
}


/*--------------- Stylings for top border ---------------*/
.widget_fullwidth_container .top .left_border{
    background:url();
    background-color:#e5e5e5;
    width:1px;
    height:1px;
    float: left;
}

.widget_fullwidth_container .top .middle{
    min-width: 933px;
    background-color:#e5e5e5;
    height:1px;
    float: left;
}

.widget_fullwidth_container .top .right_border{
    background:url();
    background-color:#e5e5e5;
    width:1px;
    height:1px;
    float: left;
}

/*--------------- Stylings for content section ---------------*/
.widget_fullwidth_container .content .left_border{
    width:1px;
    height:247px;
    background-color:#ffffff;
    float: left;
}

.widget_fullwidth_container .content .middle{
    float: left;
    padding-left:25px;
    padding-top:6px;
    padding-bottom:6px;
    width: 908px;
}

.widget_fullwidth_container .content .right_border{
    width:1px;
    height:247px;
    background-color:#ffffff;
    float: right;
}

.widget_fullwidth_container .content .middle .header_content{
    height: 24px;
    width: 908px;
    /* border-bottom: 1px solid #e5e5e5; */
}

/*--------------- Stylings for bottom border ---------------*/
.widget_fullwidth_container .bottom .left_border{
    margin-top: 8px;
    background:url();
    background-color:#e5e5e5;
    width:1px;
    height:1px;
    float: left;
}

.widget_fullwidth_container .bottom .middle{
    margin-top: 8px;
    min-width: 933px;
    background-color:#e5e5e5;
    height:1px;
    float: left;
}

.widget_fullwidth_container .bottom .right_border{
    margin-top: 8px;
    background:url();
    background-color:#e5e5e5;
    width:1px;
    height:1px;
    float: left;
}

/* -----------------------------------------------------------------------------*/
/* 4.7. Coordinate Widget
/* -----------------------------------------------------------------------------*/

div.widget_coordinate_position {
    /*position: relative;
    top: -12px;*/
    position: inherit;
    top: inherit;
    left: inherit;
}

div#widget_coordinate {
    min-height: 10px;
    overflow: hidden;
    background-color: #ffffff;
    clear:both;
    margin-bottom:20px;
}

    div#widget_coordinate > .top {
        display: none;
        overflow: hidden;
    }

        div#widget_coordinate > .top > .left_border {
            width: 0px;
            height: 0px;
            float: left;
        }

        div#widget_coordinate > .top > .middle_border {
            width: 0px;
            height: 0px;
            float: left;
        }

        div#widget_coordinate > .top > .right_border {
            width: 0px;
            height: 0px;
            float: left;
        }

    div#widget_coordinate > .middle {
        width: 675px;
    }

        div#widget_coordinate > .middle > .left_border {
            width: 0px;
            float: left;
        }

        div#widget_coordinate > .middle > .content {
            width: 647px;
            padding: 0px 8px 40px 20px;
            float: left;
            position: relative;
        }

            div#widget_coordinate > .middle > .content > .up_arrow {
                position: absolute;
                top: 13px;
                left: 239px;
                width: 20px;
                height: 10px;
                cursor: pointer;
                visibility: hidden; /* Dev: hide the up arrow, if no more items to be shown */
            }

            div#widget_coordinate > .middle > .content > .up_active {
                visibility: visible; /* Dev: show the up arrow, if there are items to be shown */
            }

            div#widget_coordinate > .middle > .content > .down_arrow {
                width: 20px;
                height: 10px;
                position: absolute;
                /*bottom: 20px;*/
                top: 160px;
                left: 239px;
                cursor: pointer;
                visibility: hidden; /* Dev: hide the down arrow, if no more items to be shown */
            }

            div#widget_coordinate > .middle > .content > .down_active {
                visibility: visible; /* Dev: show the down arrow, if there are items to be shown */
            }

            div#widget_coordinate > .middle > .content > .coordinate_title {
                line-height: 40px;
            }

            div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product {
                width: 105px;
                height: 105px;
                padding: 4px;
                background-color: #e5e5e5;
                float: left;
                position:relative;
            }
                div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product > .quick_info_toggle{
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 113px;
                    height: 22px;
                    text-align: center;
                    line-height: 22px;
                    background: url('../../images/colors/color1/widget_product_listing/bg_80percent_transparent_grey.png');
                    visibility: hidden;
                    padding: 0;
                }

                div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product:hover > .quick_info_toggle{
                    visibility: visible;
                }

                div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product > .quick_info_toggle a{
                    text-decoration: none;
                    color: #ffffff;
                    font-size: 12px;
                }

                div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product > .quick_info_toggle a:hover{
                    text-decoration: underline;
                    color: #ffffff;
                    font-size: 12px;
                }

                div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product img {
                    width: 105px;
                    height: 105px;
                }
            div#widget_coordinate > .middle > .content > .coordinate_body > .left_column{
                float: left;
                width: 273px;
            }

            div#widget_coordinate > .middle > .content > .coordinate_body > .right_column{
                float: left;
                margin-left: 16px;
                width: 358px;
            }

            div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .cross_image {
                width: 47px;
                height: 114px;
                float: left;
                position: relative;
            }

                div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .cross_image .cross {
                    width: 17px;
                    height: 17px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin: -8px 0 0 -8px;
                }

            div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info {
                margin-left: 16px;
                float: left;
            }

                div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info > .combined_total {
                    font-size: 12px;
                    margin-top: 2px;
                }

                    div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info > .combined_total > .list_value {
                        color: #777777;
                        font-size: 14px;
                        font-weight: bold;
                        text-decoration: line-through;
                        margin-right: 4px; /* Dev: provides space after list price and before offer price */
                    }

                    div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info > .combined_total > .value {
                        font-size: 14px;
                        color: #CA4200;
                    }

                div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info > .button {
                    margin-top: 10px;
                }

        div#widget_coordinate > .middle > .right_border {
            width: 0px;
            float: left;
        }


    div#widget_coordinate > .bottom {
        display: none;
    }

        div#widget_coordinate > .bottom > .left_border {
            width: 0px;
            height: 0px;
            float: left;
        }

        div#widget_coordinate > .bottom > .middle_border {
            width: 0px;
            height: 0px;
            float: left;
        }

        div#widget_coordinate > .bottom > .right_border {
            width: 0px;
            height: 0px;
            float: left;
        }

/* -----------------------------------------------------------------------------*/
/* 0.BUTTON CLASSES
/* -----------------------------------------------------------------------------*/

.actions {margin:15px 0 0 0;}

/* -----------------------------------------------------------------------------*/
/* 5.1. Primary Button
/* -----------------------------------------------------------------------------*/

.button_primary {
    cursor: pointer;
    float:left;
    color:#fff;
    background:url('../../images/colors/color1/buttonBg.png') repeat-x;
    border:1px solid #993300;
    border-radius:4px;
    font-size:18px;
    line-height:18px;
    padding:7px 10px 8px;
    text-decoration:none;
}

.button_primary:hover{
    background:url('../../images/colors/color1/buttonBg_hover.png') repeat-x;
    text-decoration:none !important;
}

.button_primary .button_text{
    background:url('../../images/colors/color1/arrowButton.png') no-repeat right;
    font-family: 'news_cycleregular', sans-serif;
    text-shadow: 0px 1px 0px #000;
    padding-right:22px;
    color:#fff;
}

.button_text.no-arrow {background:none; padding:0;}

#GotoCartButton1{
    margin-right:15px;
    margin-bottom:15px;
}

/*  .right_border {
        border:0 !important;


} */

#widget_minishopcart_popup  .middle  .left_border   .button_primary  .right_border,
#widget_minishopcart_popup_1  .middle  .left_border  .button_primary  .right_border {
    float: right;
    __width: 100px;
    __padding-right: 3px;
    __background-color: #a3a3a3;
        background-color: none;
        border:0;
        position:static;
        padding-bottom:0px;
}



/* -----------------------------------------------------------------------------*/
/* Primary Button No Arrow
/* -----------------------------------------------------------------------------*/


.primary_button_noArrow {
    cursor: pointer;
    float:left;
    color:#fff;
    background:url('../../images/colors/color1/buttonBg.png') repeat-x;
    border:1px solid #993300;
    border-radius:4px;
    font-size:18px;
    line-height:18px;
    padding:5px 10px 8px;
    text-decoration:none;
}

.primary_button_noArrow:hover{
    background:url('../../images/colors/color1/buttonBg_hover.png') repeat-x;
    text-decoration:none !important;
}

.primary_button_noArrow .button_text{
    font-family: 'news_cycleregular', sans-serif;
    color:#fff;
    text-shadow:0 1px 0 #000000;
}

/* -----------------------------------------------------------------------------*/
/* 5.1. Secondary Button
/* -----------------------------------------------------------------------------*/

.button_secondary {
    cursor: pointer;
    float:left;
    text-decoration:none;
    background:url('../../images/colors/color1/calelogButtonBg.png') repeat-x;
    border:1px solid #dfdfdf;
    border-radius:2px;
    font-size:14px;
    padding:0 13px 2px 13px;
    line-height:20px;
    box-shadow: 0 3px 2px -2px gray;
}


.button_secondary > .button_text {
    font-family: 'news_cycleregular', sans-serif;
    color:#000;
}

.button_secondary:hover{
    background:#cbc9c9;
}



/*.button_secondary > .left_border {
    width: 2px;
    height: 24px;
    float: left;
    background: url('../../images/colors/color1/buttons/secondary_button_left_sprite.png') no-repeat;
    background-position: 0 0;
}

.button_secondary > .right_border {
    width: 2px;
    height: 24px;
    float: left;
    background: url('../../images/colors/color1/buttons/secondary_button_right_sprite.png') no-repeat;
    background-position: 0 0;
}*/



/*.button_secondary:focus > .left_border {
    background-position: 0 -24px;
}

.button_secondary:focus > .right_border {
    background-position: 0 -24px;
}

.button_secondary:focus > .button_text {
    background-position: 0 -24px;

}

.button_secondary:hover > .left_border {
    background-position: 0 -24px;
}

.button_secondary:hover > .right_border {
    background-position: 0 -24px;
}

.button_secondary:hover > .button_text {
    background-position: 0 -24px;

}*/

/*Disabled Button for compare button, add "disabled" class to secondary_button's or primary_button's parent div */

.disabled .button_secondary,
.disabled .button_primary {
    cursor: default;
}

.disabled .button_secondary > div,
.disabled .button_secondary:hover > div,
.disabled .button_secondary:focus > div,
.disabled .button_primary > div,
.disabled .button_primary:hover > div,
.disabled .button_primary:focus > div {
    background-position: 0 -48px;
}

.disabled .button_secondary > .button_text,
.disabled .button_primary > .button_text {
    color: #fff;
}


/* -----------------------------------------------------------------------------*/
/* Secondary Button Big
/* -----------------------------------------------------------------------------*/

.secondary_buttom_big{

    background: url("../../images/colors/color1/greyBigBg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #676767;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 18px;
    line-height: 18px;
    padding:5px 15px 8px;
    text-decoration: none;
    box-shadow:none;
}

.secondary_buttom_big:hover{
    background:#d6d6d6;
}
.secondary_buttom_big > .button_text{
   color: #000;
   font-family: 'news_cycleregular', sans-serif;
}

/* -----------------------------------------------------------------------------*/
/* 4.10. Product Grid/List
/* -----------------------------------------------------------------------------*/
.widget_product_listing_position {

}

.widget_product_listing {
    background-color: #ffffff;
}

    /* .widget_product_listing > .top {
        width: 718px;
        height: 1px;
        overflow: none;
    }

        .widget_product_listing > .top > .left_border {
            width: 1px;
            height: 1px;
            float: left;
            background-color: #e5e5e5;
        }

        .widget_product_listing > .top > .middle_tile {
            width: 716px;
            height: 1px;
            float: left;
            background-color: #e5e5e5;
        }

        .widget_product_listing > .top > .right_border {
            width: 1px;
            height: 1px;
            float: left;
            background-color: #e5e5e5;
        }

    .widget_product_listing > .middle {
        overflow: none;
        width: 718px;
    }

        .widget_product_listing > .middle > .left_border {
            width: 717px;
            padding-left: 1px;
            background-color: #e5e5e5;
        }

        .widget_product_listing > .middle > .left_border > .right_border {
            width: 716px;
            padding-right: 1px;
            background-color: #e5e5e5;
        }

        .widget_product_listing > .middle > .left_border > .right_border > .content {
            width: 716px;
            padding: 0;
            min-height: 300px;
            background-color: #fff;
        }

        .widget_product_listing > .middle > .left_border > .right_border > .texture_background{
            background-image: url('../../images/colors/color1/widget_texture_bg.png');
            background-repeat:repeat;
        }*/

            .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar {
                width: 100%;
                height: 82px;
                position: relative;
            }

            .widget_product_listing > .middle > .left_border > .right_border > .content > .simple_bar{
                height: 20px !important;
                margin-top:20px;
            }

            /*.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar.simple_bar > .paging_controls {
                top: 15px;
            }
            .widget_product_listing > .middle > .left_border > .right_border > .content .divider{
                width: 1px;
                background-color: #e5e5e5;
            }*/


                .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .title {
                    font-size: 12px;
                    color: #000;
                    margin-right:12px;
                }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .title > .num_products {
                        font-size: 12px;
                    }

                .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .compare_controls > .compare_button_primary {
                    cursor: pointer;
                    float:left;
                    text-decoration:none;
                    background:url('../../images/colors/color1/calelogButtonBg.png') repeat-x;
                    border:1px solid #dfdfdf;
                    border-radius:2px;
                    font-size:14px;
                    padding:0px 13px 2px 6px;
                    line-height:20px;
                    box-shadow: 0 3px 2px -2px gray;
                    margin-top:21px;


                }

                .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .compare_controls > .compare_button_primary .button_text{
                    background:url('../../images/colors/color1/compareIcon.png') no-repeat left;
                    font-family: 'news_cycleregular', sans-serif;
                    padding-left:22px;
                    color:#000;
                }

                .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .compare_controls > .compare_button_primary:hover{
                    background:#cbc9c9;
                }




                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .compare_controls > .button_secondary .button_text{
                        padding-left: 6px;
                        padding-right: 6px;
                    }


                .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls{
                    float:right;

                }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .paging{
                        font-size: 11px;

                    }
                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .num_showing{
                        float:left;
                        color: #4d4d4d;
                        margin-right:6px;
                    }
                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .left_arrow_disabled{
                        height: 12px;
                        margin-right: 12px;
                        margin-top: 2px;
                        width: 7px;
                    }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .left_arrow_enabled{
                        height: 12px;
                        margin-right: 12px;
                        margin-top: 2px;
                        width: 7px;
                    }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .right_arrow_disabled{
                        height: 12px;
                        margin-left: 12px;
                        margin-top: 2px;
                        width: 7px;
                    }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .right_arrow_enabled{
                        height: 12px;
                        margin-left: 12px;
                        margin-top: 2px;
                        width: 7px;
                    }

                .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls{
                    position: absolute;
                    top: 8px;
                    right: 9px;
                    color: #777777;
                    font-size: 11px;
                    line-height: 15px;
                    height: 16px;
                    overflow: hidden;
                    cursor:pointer;
                }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls > .text{
                        text-decoration: none;
                        line-height: 15px;
                        float: right;
                        color: #777777;
                        margin-left: 4px; /* Dev: add spacing between share and subscribe */
                    }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls > .icon{
                        float: right;
                        margin-left: 4px;
                    }

                    /*Dev : Hover should only appear on text */
                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls > .text:hover{
                        text-decoration: underline;
                    }


                .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls {
                    color: #777777;
                    font-size: 12px;
                    height: 17px;
                    line-height: 17px;
                    overflow: visible;
                    float:right;
                }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .divider {
                        width: 1px;
                        height: 17px;
                        __background-color: #bfbfbf;
                        margin: 0 12px;
                        float: left;
                    }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .grid_icon {
                        width: 17px;
                        height: 17px;
                        margin: 4px 12px 0 0;
                        float: left;
                    }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .list_icon {
                        width: 17px;
                        height: 17px;
                        margin: 4px 3px 0 0;
                        float: left;
                    }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .left_arrow {
                        margin: 4px 9px 0 0;
                        float: left;
                    }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .right_arrow {
                        margin: 3px 0 0 12px;
                        float: left;

                    }

                    .widget_product_listing  .pages {

                        line-height: 17px;
                        float: left;
                    }

                        .widget_product_listing  .pages > ul {
                            list-style-type: none;
                            overflow: hidden;
                        }

                        .widget_product_listing  .pages > ul > li {
                            display: block;
                            float: left;
                            height:20px;
                            width:22px;
                            min-width: 14px;
                            cursor: pointer;
                            text-align: center;
                            color: #4990A8;
                            margin: 0 2px;
                            border:1px solid #ddd;
                            padding-top:2px;
                            font-size:13px;
                        }

                        .widget_product_listing  .pages > ul > li:hover{
                            color:#fff;
                            background-color:#999;
                        }
                        .widget_product_listing  .pages > ul > li.truncated:hover{
                            background-color:#fff;
                            color: #4990A8;
                        }

                        /* DevStart - productname color was displayed as blue in IE7. */
                        .widget_product_listing .pages > ul > li a {
                            color: #4990A8;
                        }

                        .widget_product_listing  .pages > ul > li:hover a {
                            color:#fff;
                        }
                        /*DevEnd*/

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .view_all {
                        margin-left: 12px;
                        line-height: 17px;
                        display:inline-block;
                        margin-top:3px;

                    }

                        .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .view_all > a {
                            color: #4990a8;
                            text-decoration: none;
                            font-size:13px;
                        }
                        .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .view_all > a:hover {
                            color: #4990a8;
                            text-decoration: underline;
                        }

                .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .sorting_controls {
                    color: #000;
                    font-size: 12px;
                    padding: 0;
                    clear:both;
                    float:right;
                    margin-top:22px;
                }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .sorting_controls > .sort_by {
                        line-height: 18px;
                    }

                    .widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .sorting_controls > select {
                        height: 18px;
                        font-size: 11px;
                        border: 1px solid #666666;
                        min-width: 114px;
                        color: #4d4d4d;
                    }

                    /* The following two lines need to be defined after grid_icon, list_icon, left_arrow and right_arrow as they set the positioning */
                    .widget_product_listing  .pages .active {
                        background-position: left top;
                        cursor: pointer;
                        background-color: #999;
                        color: #ffffff !important;

                    }

                     .widget_product_listing  .pages .inactive {
                        background-position: left bottom;
                        color: #ffffff !important;
                        background-color: #999;
                    }

                    .widget_product_listing  .pages .hoverover{
                        background-position: left bottom;
                        cursor: pointer;
                    }

                    .widget_product_listing  .pages .hoverover:hover{
                        background-position: left top;
                        background-color: #999;
                        color: #ffffff !important;
                    }




    /* .widget_product_listing > .bottom {
        width: 718px;
        height: 1px;
        overflow: hidden;
    }

        .widget_product_listing > .bottom > .left_border {
            width: 1px;
            height: 1px;
            float: left;
            background-color: #e5e5e5;
        }

        .widget_product_listing > .bottom > .middle_tile {
            width: 716px;
            height: 1px;
            float: left;
            background-color: #e5e5e5;
        }

        .widget_product_listing > .bottom > .right_border {
            width: 1px;
            height: 1px;
            float: left;
            background-color: #e5e5e5;
        } */


/*For the product list widget */
.product_listing_container {

}

        .product_listing_container .grid_mode .row_border {
        border-top: 1px dotted #aaaaaa;
    }

    /*.product_listing_container .grid_mode > .row {
        background-image: url("../../images/colors/color1/grid4_bg.png");
    }*/

    .product_listing_container .grid_mode > .no_grid_bg{
        background-image:none !important;
    }

    .product_listing_container .grid_mode > .row_3col {
        background-image: url("../../images/colors/color1/grid3_bg.png");
    }

    .product_listing_container .grid_mode > .row_2col {
        background-image: url("../../images/colors/color1/grid2_bg.png");
    }

    .product_listing_container .grid_mode > .row,
    .product_listing_container .grid_mode > .row_3col,
    .product_listing_container .grid_mode > .row_2col {
        overflow: hidden;
    }

        .product_listing_container .grid_mode > .row > .divider,
        .product_listing_container .grid_mode > .row_3col > .divider,
        .product_listing_container .grid_mode > .row_2col > .divider {
            width: 1px;
            height: 265px;
            float: left;
            background-color: #e5e5e5;
        }

        /*Product Rows four columns use .row (default) */
        .product_listing_container .grid_mode > .row > .product,
        .product_listing_container .grid_mode > .row_3col > .product,
        .product_listing_container .grid_mode > .row_2col > .product {
            float: left;
            width: 177px;
            padding-top: 9px;
            text-align: center;
        }

        /*Product Rows of three columns */
        .product_listing_container .grid_mode > .row_3col > .product {
            width: 237px;
        }

        /*Product Rows of two columns */
        .product_listing_container .grid_mode > .row_2col > .product {
            width: 357px;
        }

        .product_listing_container .grid_mode > .first_row > .product {

        }

        .product_listing_container .grid_mode > .first_row > .divider {
            height: 257px;
        }

        .product_listing_container .grid_mode .product > .product_image {
            position: relative;
            width: 160px;
            height: 160px;
            padding-top: 22px;
            margin: 0 auto;
            cursor: pointer;
        }

            /*Dev start*/
            .product_listing_container .grid_mode .product > .product_image > .compare_target,
            .product_listing_container .list_mode .product > .product_image > .compare_target {
                /*position: absolute;
                top: -2px;
                right: 0px;*/
                visibility: hidden;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 160px;
                height: 22px;
                background-color: #e8e8e8;
                text-align: center;
                padding: 0;
                margin: 0;
                font-size: 12px;
                color: #666666;
                cursor:default;
            }
            /*Dev end*/

            .product_listing_container .grid_mode .product > .product_image > .compare_target a,
            .product_listing_container .list_mode .product > .product_image > .compare_target a{
                color: #666666;
                text-decoration:none;
            }

            .product_listing_container .grid_mode .product > .product_image > .compare_target input,
            .product_listing_container .list_mode .product > .product_image > .compare_target input{
                position: relative;
                top: 2px;
            }

            .product_listing_container .grid_mode .product > .product_image:hover > .compare_target,
            .product_listing_container .list_mode .product > .product_image:hover > .compare_target {
                visibility: visible;
            }

            .product_listing_container .grid_mode .product > .product_image > .addbug,
            .product_listing_container .list_mode .product > .product_image > .addbug {
                position: absolute;
                top: 22px;
                right: 0px;
                height: 62px;
                width: 62px;
                background-image:url('../../images/colors/color1/addbug.png');
            }

            .product_listing_container .grid_mode .product > .product_image > .quick_info_toggle,
            .product_listing_container .list_mode .product > .product_image > .quick_info_toggle {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 160px;
                height: 22px;
                text-align: center;
                line-height: 22px;
                background: url('../../images/colors/color1/widget_product_listing/bg_80percent_transparent_grey.png');
                visibility: hidden;
                padding: 0;
                margin: 0;
                padding-bottom: 4px;
            }

                .product_listing_container .grid_mode .product > .product_image > .quick_info_toggle a,
                .product_listing_container .list_mode .product > .product_image > .quick_info_toggle a	{
                    text-decoration: none;
                    color: #ffffff;
                    font-size: 12px;
                }

                .product_listing_container .grid_mode .product > .product_image > .quick_info_toggle a:hover,
                .product_listing_container .list_mode .product > .product_image > .quick_info_toggle a:hover	{
                    text-decoration: underline;
                }

            .product_listing_container .grid_mode .product > .product_image:hover > .quick_info_toggle,
            .product_listing_container .list_mode .product > .product_image:hover > .quick_info_toggle	{
                visibility: visible;
            }


        .product_listing_container .grid_mode .product > .product_info{
            padding: 0 9px;
        }



        .product_listing_container .grid_mode .product > .product_info > .product_name {
            margin-top: 14px;
            color: #4990a8;
            text-align: left;
            font-size: 12px;
            line-height: 14px;
        }

        /* DevStart - productname color was displayed as blue in IE7. */
        .product_listing_container .grid_mode .product > .product_info > .product_name a{
            color: #4990a8;
            text-decoration:none;
        }

        .product_listing_container .grid_mode .product > .product_info > .product_name a:hover{
            text-decoration:underline;
        }
        /*Dev End*/

        .product_listing_container .grid_mode .product > .product_info > .product_group_name {
            margin-top: 14px;
            color: #4990a8;
            text-align: center;
            font-size: 12px;
            line-height: 14px;
            text-decoration: none;
        }

        .product_listing_container .grid_mode .product > .product_info > .product_group_name:hover {
            text-decoration: underline;
        }

        .product_listing_container .grid_mode .product > .product_info > .product_price {
            color:#000;
            font-size: 12px;
            margin-bottom: 10px;
            text-align:left;
        }

            .product_listing_container .grid_mode .product > .product_info > .product_price .old_price {
                color: #777777;
                text-decoration: line-through;
                font-weight: normal;
                margin-right: 4px; /* Dev: provides space after list price and before offer price */
            }

            .product_listing_container .grid_mode .product > .product_info > .not_available{
                color: #777777;
                font-style: italic;
                line-height: 14px;
                font-size: 12px;
                margin-top: 2px;
            }

        .product_listing_container .grid_mode .product > .product_info > .product_option {
            display: inline;
            zoom: 1;
        }

        .product_listing_container .grid_mode .product > .product_info > .product_rating,
        .product_listing_container .grid_mode .product > .product_info > .product_description,
        .product_listing_container .grid_mode .product > .product_info > .product_color_swatches,
        .product_listing_container .grid_mode .product > .product_info > .product_sizes,
        .product_listing_container .grid_mode .product > .product_info > .product_quantity_addtolist {
            display:none;
        }


        .product_listing_container .grid_mode .subscribe_share_controls{
            color: #777777;
            cursor: pointer;
            font-size: 11px;
            height: 16px;
            line-height: 15px;
            overflow: hidden;
            margin-top: 5px;
            margin-right: 8px;
            margin-bottom: 5px;
            float: right;
        }

        .product_listing_container .grid_mode .subscribe_share_controls > .icon{
            float: right;
            margin-left: 4px;
        }

        .product_listing_container .grid_mode .subscribe_share_controls > .text{
            color: #777777;
            float: right;
            line-height: 15px;
            text-decoration: none;
        }

        .product_listing_container .grid_mode .subscribe_share_controls:hover > .text{
            text-decoration: underline;
        }

        /* DevStart: added for ribbonad */
        .product_listing_container .grid_mode .product > .product_image .ribbonad_hot,
        .product_listing_container .list_mode .product > .product_image  .ribbonad_hot,
        div.widget_carousel div.product > .product_image .ribbonad_hot {
            margin-top:-165px;
            margin-left:98px;
        }
        /* DevEnd */

/* DevStart: css for list view under Other Custmers Also Purchased */
.product_listing_container .list_mode .product {
    width: 513px;
    padding: 12px 12px 12px 191px;
    __min-height: 232px;
    position: relative;
    border-top: 1px solid #e5e5e5;
    float:left;
}

.product_listing_container .list_mode .product .divider{
    display: none;
}

    .product_listing_container .list_mode .product > .product_image {
        position: absolute;
        width: 160px;
        height: 160px;
        padding-top: 22px;
        left: 14px;
        top: -8px;
        cursor: pointer;
        margin-top: 23px;
    }

    .product_listing_container .list_mode .product .product_info .header{
        font-size: 13px;
        line-height: 18px;
        border-bottom: 0px;
        padding-bottom: 0px;
        font-weight:bold;
    }

    .product_listing_container .list_mode .product .product_info form select{
        width: 112px;
    }
/* DevEnd: css for list view under Other Custmers Also Purchased */

    .product_listing_container .list_mode .product > .product_info > .product_name {
        margin-top: 20px;
        color: #666666;
        font-size: 17px;
    }

    .product_listing_container .list_mode .product > .product_info > .product_name a{
        color: #666666;
        text-decoration:none;
    }

    .product_listing_container .list_mode .product > .product_info > .product_name a:hover{
        text-decoration:underline;
    }

    .product_listing_container .list_mode .product > .product_info > .product_price {
        color: #CA4200;
        font-size: 14px;
    }

        .product_listing_container .list_mode .product > .product_info > .product_price .old_price {
            color: #777777;
            text-decoration: line-through;
            margin-right: 4px; /* Dev: provides space after list price and before offer price */
        }

    .product_listing_container .list_mode .product > .product_info > .not_available{
        color: #4D4D4D;
        font-style: italic;
        line-height: 14px;
        font-size: 13px;
        margin-top: 2px;
    }

    .product_listing_container .list_mode .product > .product_info > .product_description {
        font-size: 12px;
        line-height: 14px;
        margin-top: 12px;
        padding-right: 15px;
    }

        .product_listing_container .list_mode .product > .product_info > .product_description a{
            color: #006ECC;
            margin-top: 4px;
            display: inline-block;
            text-decoration:none;
            float: left; /* Dev: To avoid wide outline when focussed, also added a clear_float div in the page */
        }

        .product_listing_container .list_mode .product > .product_info > .product_description a:hover{
            text-decoration:underline;
        }

    .product_listing_container .list_mode .product > .product_info > .product_color_swatches {

        overflow: hidden;
    }

    .product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list {
        float: left;
    }

    .product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_name {
        font-size: 13px;
        float: left;
        line-height: 32px;
    }

    .product_listing_container .list_mode .product > .product_info > .product_sizes {
        margin-top: 2px;
    }
        .product_listing_container .list_mode .product > .product_info > .product_sizes .available_size_list ul {
            overflow: hidden;
        }

    .product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist {
        margin-top: 15px;
        line-height: 22px;
    }

        .product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_quantity .quantity_section .header,
        #widget_package_summary > .left_border > .right_border > .content > .item > .product_quantity_addtolist > .product_quantity .quantity_section .header {
            font-size: 13px;
            position: relative;
            bottom: 2px;
            font-weight:bold;
        }

        .product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_quantity input {
            height: 20px;
            width: 44px;
            margin: 0 0 0 7px;
        }

        .product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_addtolist select{
            margin-left: 24px;
            height: 22px;
        }

    .product_listing_container .list_mode .product > .product_info > .product_option {
        margin-top: 7px;
    }

    .product_listing_container .list_mode .product > .product_info > .product_attachment{
        border-top: 1px solid #E5E5E5;
        margin-top: 9px;
        padding-top: 12px;
        font-size: 12px;
        line-height: 16px;
    }

    .product_listing_container .list_mode .product > .product_info > .product_attachment > .icon{
        float: left;
        height: 30px;
        width: 30px;
    }

    .product_listing_container .list_mode .product > .product_info > .product_attachment > .details{
        float: left;
    }

    .product_listing_container .list_mode .product > .product_info > .product_attachment > .details p{
        color: #666666;
        font-size: 12px;
        line-height: 14px;
        margin-left: 10px;
        text-align:left;
    }

    .product_listing_container .list_mode .product > .product_info > .product_attachment > .details a{
        color: #006ECC;
        text-decoration: none;
    }

    .product_listing_container .list_mode .product > .product_info > .product_attachment > .details a:hover{
        text-decoration: underline;
    }

/* -----------------------------------------------------------------------------*/
/* 4.11. SearchLanding Carousel
/* -----------------------------------------------------------------------------*/

div.widget_searchlanding_carousel {
    margin: 8px 0;
    width: 935px;
    position: relative;
}

    div.widget_searchlanding_carousel > .top,
    div.widget_searchlanding_carousel > .bottom,
    div.widget_searchlanding_carousel > .middle {
        overflow: hidden;
    }

    div.widget_searchlanding_carousel > .top >  .left_border,
    div.widget_searchlanding_carousel > .top >  .right_border,
    div.widget_searchlanding_carousel > .bottom >  .left_border,
    div.widget_searchlanding_carousel > .bottom >  .right_border {
        width: 1px;
        height: 1px;
        background-color: #e6e6e6;
        float: left;
    }

    div.widget_searchlanding_carousel > .top >  .middle,
    div.widget_searchlanding_carousel > .bottom >  .middle {
        width: 933px;
        height: 1px;
        background-color: #e6e6e6;
        float: left;
    }

    div.widget_searchlanding_carousel > .middle > .left_border {
        width: 934px;
        padding-left: 1px;
        background-color: #e6e6e6;
    }

        div.widget_searchlanding_carousel > .middle > .left_border > .right_border {
            width: 933px;
            padding-right: 1px;
            background-color: #e6e6e6;
        }

            div.widget_searchlanding_carousel > .middle > .left_border > .right_border > .content {
                width: 933px;
                background-color: #ffffff;
            }

                div.widget_searchlanding_carousel .content .title {
                    width: 895px;
                    padding: 5px 19px;
                    position: relative;
                    font-size: 14px;
                }

                div.widget_searchlanding_carousel .content .style_mode > .carousel,
                div.widget_searchlanding_carousel .content .brand_mode > .carousel {
                    width: 851px;
                    padding: 0 41px;
                    position: relative;
                    overflow: hidden;
                }

                /* DevStart: to overwrite the height and the class hierarchy */
                div.widget_searchlanding_carousel .content .style_mode > .carousel {
                    height: 222px;
                }

                div.widget_searchlanding_carousel .content .brand_mode > .carousel {
                    height: 191px;
                }

                div.widget_searchlanding_carousel .content .style_mode > .carousel .item {
                    margin-bottom: 42px;
                    margin-top: 20px;
                }

                div.widget_searchlanding_carousel .content .brand_mode > .carousel .item {
                    margin-bottom: 21px;
                    margin-top: 10px;
                }

                div.widget_searchlanding_carousel .content .carousel .item {
                    width: 160px;
                    height: 160px;
                    background-color: #cccccc;
                    padding: 0;
                    float: left;
                    margin: 0 5px;
                    position: relative;
                }

                div.widget_searchlanding_carousel .content .style_mode > .carousel .item > .description {
                    width: 130px;
                    height: 30px;
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    background: url('../../images/colors/color1/widget_searchlanding_carousel/item_transparent_bg.png');
                    padding: 0 15px;

                    line-height: 30px;
                    color: #fff;
                    font-size: 12px;
                }

                /*DevStart: To give underline effect*/
                div.widget_searchlanding_carousel .content .style_mode > .carousel .item > .description:hover {
                    text-decoration: underline;
                }
                /*DevEnd: To give underline effect*/

                div.widget_searchlanding_carousel .content .brand_mode > .carousel .item > .description {
                    display: none;
                }
                /* DevEnd: to overwrite the height and the class hierarchy */




    div.widget_searchlanding_carousel .carousel .left_arrow,
    div.widget_searchlanding_carousel .carousel .right_arrow {
        height: 42px;
        width: 21px;
        position: absolute;
        top: 50%;
        margin-top: -21px;
    }

    div.widget_searchlanding_carousel .carousel .left_arrow {
        left: 10px;
    }

    div.widget_searchlanding_carousel .carousel .right_arrow {
        right: 10px;
    }

    div.widget_searchlanding_carousel .carousel > .left_arrow {
        background-image:url('../../images/colors/color1/widget_carousel/left_arrow_sprite.png');
        background-repeat: no-repeat;
        cursor: pointer;
    }

    div.widget_searchlanding_carousel .carousel > .right_arrow {
        background-image:url('../../images/colors/color1/widget_carousel/right_arrow_sprite.png');
        background-repeat: no-repeat;
        background-position: 0 -42px;
        cursor: pointer
    }

    div.widget_searchlanding_carousel .carousel > .right_arrow:hover{
        background-position: 0 -84px;
    }


    div.widget_searchlanding_carousel > div.right_border{
        border-right: 1px solid #e5e5e5;
    }


/* -----------------------------------------------------------------------------*/
/* 4.12. Search Results Tab Widget
/* -----------------------------------------------------------------------------*/

div.widget_search_tab_wrapper{
    padding-left:4px;
}

div.widget_search_tab_wrapper .tab_header .tab_container {
    height: 37px;
    line-height: 35px;
    padding: 0 7px;
    font-size: 15px;
    float: left;
    margin-left:6px;
}

    div.widget_search_tab_wrapper .tab_header .active_tab {
        border-left: 2px solid #FFF;
        border-right: 2px solid #FFF;
        border-top: 2px solid #FFF;
        background:#eaeaea;
        color:#4990a8;
        font-family: 'news_cycleregular', sans-serif;
        font-size:17px;
    }

    div.widget_search_tab_wrapper .tab_header #productTotalCount{
        font-family: 'news_cycleregular', sans-serif;
    }


    div.widget_search_tab_wrapper .tab_header .inactive_tab {
        border-top: 2px solid #FFF;
        border-left: 2px solid #FFF;
        border-right: 2px solid #FFF;
        cursor: pointer;
        background: #FFF;
        font-family: 'news_cycleregular', sans-serif;
        color:#000;
        font-size:17px;
    }

    div.widget_search_tab_wrapper .tab_header .focused_tab {
        __border: 1px dotted;
    }

    div.widget_search_tab_wrapper .tab_header .inactive_tab:hover {
        __background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#FBFBFB));
        __box-shadow:inset 0 1px 1px #d9e8eb;
    }

    /*Container with one tab */
    div.widget_search_tab_wrapper .tab_header_single .tab_container {
        width: 100%;
    }

    div.widget_search_tab_wrapper .tab_header_single .tab_spacer {
        width: 0%;
    }

    /*Container with two tabs */
    div.widget_search_tab_wrapper .tab_header_double .tab_container{
        width: 46.0%;
    }

    div.widget_search_tab_wrapper .tab_header_double .tab_spacer {
        __width: 1%;
    }

    /*Container with three tabs */
    div.widget_search_tab_wrapper .tab_header_triple .tab_container {
        __width: 29.5%;
    }

    div.widget_search_tab_wrapper .tab_header_triple .tab_spacer {
        __width: 1.25%;
    }

    div.widget_search_tab_wrapper .tab_header .tab_spacer {
        height: 37px;
        float: left;
    }

    div.widget_search_tab_wrapper .tab_header .tab_end {
        __border-bottom: 1px solid #E5E5E5;
        height: 37px;
    }


/* Avoid rendering the top container margin and border in order to seamlessly connect to the tab container */
.tabbed_content .container_margin_5px {
    margin: 0;
}

    .tabbed_content .top .middle_tile,
    .tabbed_content .top .middle {
        background: none !important;
    }

#contentsSearchBasedNavigationWidget {
    display: none;
}


/* -----------------------------------------------------------------------------*/
/* 4.13. Activity Feed Widget
/* -----------------------------------------------------------------------------*/
.widget_activity_feed{
    width: 212px;
    float: right;
}

.widget_activity_feed > .top > .left_border,
.widget_activity_feed > .bottom > .left_border{
    background-color: #E5E5E5;
    float: left;
    height: 5px;
    width: 5px;
}

.widget_activity_feed > .top > .middle,
.widget_activity_feed > .bottom > .middle{
    background-color: #E5E5E5;
    float: left;
    height: 5px;
    width: 202px;
}

.widget_activity_feed > .top > .right_border,
.widget_activity_feed > .bottom > .right_border{
    background-color: #E5E5E5;
    float: right;
    height: 5px;
    width: 5px;
}

.widget_activity_feed > .content_left_border{
    width: 207px;
    background-color: #e5e5e5;
    padding-left: 5px;
}

.widget_activity_feed > .content_left_border > .content_right_border{
    width: 202px;
    background-color: #e5e5e5;
    padding-right: 5px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content{
    width: 202px;
    background-color: #FFFFFF;
    height: 387px;
    position: relative;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like{
    height: 30px;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like > .logo{
    width: 34px;
    height: 34px;
    margin-left: 12px;
    margin-right: 12px;
    float: left;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like > .facebook_like{
    height: 34px;
    float: left;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .header{
    height: 34px;
    border-bottom: 1px solid #f1f1f1;
    line-height: 34px;
    text-transform: uppercase;
    color: #666666;
    font-size: 11px;
    padding-left: 12px;
    padding-right: 12px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item{
    margin-left: 12px;
    margin-right: 12px;
    padding-top: 0px;
    padding-bottom: 11px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .avatar{
    height: 35px;
    width: 35px;
    float: left;
    margin-right: 6px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed{
    float: left;
    width: 137px;
    font-size:11px;
    line-height: 13px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed a{
    color: #3b5998;
    text-decoration: none;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed a:hover{
    text-decoration:underline;
    cursor: pointer;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed .time{
    font-size: 9px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin{
    border-top: 1px solid #cccccc;
    height: 14px;
    margin-left: 12px;
    margin-right: 12px;
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin > .icon{
    height: 14px;
    width: 14px;
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin > .text{
    float: left;
    font-size: 11px;
}



/* -----------------------------------------------------------------------------*/
/* 5.2. Product Info Add To Cart Button
/* -----------------------------------------------------------------------------*/

/* DevStart: Add to cart button was changed to anchor tag for keyboard navigation and accessibility */
.button_add_to_cart {
    height: 29px;
    overflow:hidden;
    cursor: pointer;
    display: block;
    text-decoration: none;
    min-width: 164px;
    float: left;
    clear: both;
}
/* DevEnd */

    .button_add_to_cart > .left_border {
        width: 2px;
        height: 29px;
        float: left;
        background: url('../../images/colors/color1/buttons/add_to_cart_sprite.png') top left no-repeat;
    }

    .button_add_to_cart > .right_border {
        width: 2px;
        height: 29px;
        float: left;
        background: url('../../images/colors/color1/buttons/add_to_cart_sprite.png') top right no-repeat;
    }

    .button_add_to_cart > .button_text {
        min-width: 120px;
        height: 25px;
        padding: 2px 20px;
        float: left;
        background: url('../../images/colors/color1/buttons/add_to_cart_sprite.png') bottom repeat-x;
        line-height: 28px;
        color: #333333;
        text-align: center;
        font-size: 11px;
        font-family:arial;
        font-size:14px;
    }


    .button_add_to_cart:hover > .left_border {
        background: url('../../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top left no-repeat;
    }

    .button_add_to_cart:hover > .right_border {
        background: url('../../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top right no-repeat;
    }

    .button_add_to_cart:hover > .button_text {
        background: url('../../images/colors/color1/buttons/add_to_cart_hover_sprite.png') bottom repeat-x;
        color: #4d4d4d;
    }

.nodisplay {
    display:none;
}
.spanacce {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -1px;
}
.autoSuggestSelected {
    background-color: #d9e9f7;
}

.button_add_to_cart_disabled{
    height: 25px;
    padding: 2px 45px;
    border: 2px solid #e5e5e5;
    color: #777777;
    float: left;
    font-size: 12px;
    line-height: 25px;
    cursor:default;

}

/* -----------------------------------------------------------------------------*/
/* 6.MISC
/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 6.1. Package/Bundle Page extras
/* -----------------------------------------------------------------------------*/

.container_full_width_bundle {
    background:#fff;
    float:left;
    width:100%;
}

.container_full_width_bundle h3{
    color: #000000;
    font-size: 19px;
    font-family: 'news_cycleregular',sans-serif;
    padding:16px;
 }


.container_head_perfect_match h3{
    color: #000000;
    font-size: 19px;
    font-family: 'news_cycleregular',sans-serif;
    padding-bottom:16px;
 }

.widget_bundle_package_list .widget_product_listing {
    width: 711px;
}

    .widget_bundle_package_list .widget_product_listing > .top {
        width: 711px;
        height: 0px;
        display: none;
    }

        .widget_bundle_package_list .widget_product_listing > .top > .left_border {
            width: 0px;
        }

        .widget_bundle_package_list .widget_product_listing > .top > .middle_tile {
            width: 711px;
        }

        .widget_bundle_package_list .widget_product_listing > .top > .right_border {
            width: 0px;
        }

    .widget_bundle_package_list .widget_product_listing > .middle {
        width: 711px;
    }

        .widget_bundle_package_list .widget_product_listing > .middle > .left_border {
            width: 711px;
            padding-left: 0px;
        }

        .widget_bundle_package_list .widget_product_listing > .middle > .left_border > .right_border {
            width: 711px;
            padding-right: 0px;
        }

        .widget_bundle_package_list .widget_product_listing > .middle > .left_border > .right_border > .content {
            width: 711px;
            padding: 0;
            min-height: 300px;
            background-color: #fff;
        }



    .widget_bundle_package_list .widget_product_listing > .bottom {
        display: none;
    }

    .widget_bundle_package_list .product_listing_container > .list_mode .product {
        width: 508px;
        padding: 12px 12px 12px 191px;
        min-height: 160px;
        position: relative;
        border-top: 0 !important;
        margin-bottom: 20px;
        color: #777777;
    }

    .widget_bundle_package_list .product_listing_container .list_mode .product > .product_image {
         margin-top: 0px;
         cursor: pointer;
          left: 14px;
          padding-top: 0;
          position: absolute;
          top: 8px;
          width: 160px;
    }

    .widget_bundle_package_list .product_listing_container .list_mode .product  .product_name {
        margin-top:0;
        font-size:19px;
        color:#000;
    }

    .widget_bundle_package_list .product_listing_container .list_mode .product .product_info .header{
        font-weight:bold;
        color:#000;
    }

    .widget_bundle_package_list .product_listing_container .list_mode .product  .product_name > a{
        color:#000;
        font-family:'news_cycleregular',sans-serif;

    }
    .widget_bundle_package_list .product_listing_container .bundle_mode .listing_border_bottom {
        __background: url('../../images/colors/color1/bundle_product_bg.png') repeat-y;
        border-bottom:1px dotted #000;
    }

    .widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info {
        width: 300px;
    }

    .widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info .product_description {
        margin-bottom:15px;
    }

    .widget_bundle_package_list .product_listing_container > .list_mode .product .product_info .product_sizes .heading {
        font-size: 13px;
        font-weight:bold;
        color:#000;
    }

    .widget_bundle_package_list .product_listing_container > .list_mode .product .product_info .product_sizes select{
        border: 1px solid #4C4C4C;
        font-family: arial;
        font-size: 12px;
        height: 23px;
        margin-bottom: 5px;
        padding: 2px;
        width: 164px;
    }

    /* DevStart: inventory availability component is reused, hence using a common class .available instead of .product_availability */
    .widget_bundle_package_list .product_listing_container > .bundle_mode .product .available {
        width: 190px; /* Dev: to accommodate select attribute text */
        padding-left: 12px;
    }
    /* DevEnd */

    #widget_bundle_summary > .left_border > .right_border > .content > .header_content > .price,
    #widget_package_summary > .left_border > .right_border > .content > .header_content > .price {
        color: #CA4200;
        font-weight: bold;
        font-size: 12px;
        float:none;
    }

    /* DevStart: A div was added to position the dropdown as parent to .dropdown_primary, hence .dropdown_primary not immediate child of .item */
    #widget_bundle_summary > .left_border > .right_border > .content > .item .dropdown_primary > .button > .content,
    #widget_package_summary > .left_border > .right_border > .content > .item .dropdown_primary > .button > .content {
        min-width: 85px;
    }
    /* DevEnd */

/* -----------------------------------------------------------------------------*/
/* 6.2. Product Compare
/* -----------------------------------------------------------------------------*/

.widget_product_compare_position {
    /*Nil*/
}

.widget_product_compare {
    color: #404040;
}

.widget_product_compare .button_primary{
    padding:2px 0px 0px 0px;
    font-size:14px;
    width:109px;
    text-align:center;
    border-radius:4px;
    height:21px;
    font-weight:bold;
    box-shadow:0 3px 2px -2px gray;
}

.widget_product_compare .button_primary:hover{
    background:url('../../images/colors/color1/buttonBg_hover.png') repeat-x;
}

.widget_product_compare .button_primary .button_text{
    background:none;
    padding-right:0px;
    color:#fff;
}








    .widget_product_compare a {
        color: #4990A8;
        text-decoration:none;

    }

    .widget_product_compare a:hover{
        text-decoration:underline;
    }

    .widget_product_compare .row a {
        color: #404040;
    }

    .widget_product_compare .compare_heading {
        font-size: 24px;
        color: #000;
        margin-top:22px;
        font-family: 'news_cycleregular', sans-serif;
    }

    .widget_product_compare .compare_back {
        font-size: 14px;
        margin-bottom: 5px;
        text-align:right;
        display:block;
    }

    .widget_product_compare > .top,
    .widget_product_compare > .bottom {
        overflow: hidden;
    }

    /*.widget_product_compare > .top > .left_border,
    .widget_product_compare > .bottom > .left_border,
    .widget_product_compare > .top > .right_border,
    .widget_product_compare > .bottom > .right_border {
        width: 1px;
        height: 1px;
        background-color: #e5e5e5;
        float: left;
    }

    .widget_product_compare > .top > .middle,
    .widget_product_compare > .bottom > .middle {
        width: 933px;
        height: 1px;
        background-color: #e5e5e5;
        float: left;
    }

    .widget_product_compare > .middle > .left_border {
        width: 934px;
        padding-left: 1px;
        background-color: #e5e5e5;
    }

        .widget_product_compare > .middle > .left_border > .right_border {
            width: 933px;
            padding-right: 1px;
            background-color: #e5e5e5;
        }*/

        .widget_product_compare > .middle > .left_border > .right_border > .content {
            width: 967px;
            background-color: #ffffff;
            min-height: 100px;
        }

            .widget_product_compare > .middle > .left_border > .right_border > .content > .heading {
                padding: 0 8px;
                line-height: 32px;
                font-size: 14px;
                color: #000;
                border-bottom: 1px solid #e5e5e5;
            }

            /* DevStart: to display compare zone empty message */
            .widget_product_compare > .middle > .left_border > .right_border > .content > .message {
                padding: 0 8px;
                line-height: 32px;
                font-size: 14px;
                color: #000;
            }
            /* DevEnd: to display compare zone empty message */

            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row_border {
                border-bottom: 1px solid #e5e5e5;
            }
            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row {
                overflow: hidden;
                font-size: 12px;
                min-height: 30px;
            }

            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .height_spacing_top{
                padding-top: 10px;
            }

            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .height_spacing_bottom{
                padding-bottom: 10px;
            }

            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .reduce_margins{
                margin-top: -8px;
            }

            .widget_product_compare > .middle > .left_border > .right_border > .content .zebra {
                background-color: rgb(245, 245, 245);
            }

            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
                float: left;
                color: #000;
                font-weight: bold;
                padding: 7px 8px 6px 8px;
                line-height: 16px;
            }

                .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row a:hover {
                    text-decoration: underline;
                }

                .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row .remove {
                    width: 7px;
                    height: 7px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-bottom: 3px;
                    margin-right: 3px;
                }

                .dj_ie7 .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row .remove {
                    margin-bottom: -1px;
                }

            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item {
                float: left;
                padding: 7px 8px 6px 8px;
                line-height: 16px;
            }

            /* DevStart: to dynamically select the class based on the number of products to compare */
            /* For four comparisons */
            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .heading,
            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item {
                width: 170px;
            }


            /* For three comparisons */
            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .heading,
            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item {
                width: 217px;
            }

            /* For two comparisons */
            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .heading,
            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item {
                width: 295px;
            }

            /* For one comparisons */
            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .heading,
            .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item {
                width: 449px;
            }
                .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .price{
                    color: #CA4200;
                    font-weight: bold;
                }

                .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .old_price {
                    color: #777777;
                    font-weight: normal;
                    text-decoration: line-through;
                    margin-right: 4px; /* Dev: provides space after list price and before offer price */
                }
            /* DevEnd: to dynamically select the class based on the number of products to compare */


/* -----------------------------------------------------------------------------*/
/* 6.3. Static Pages content
/* -----------------------------------------------------------------------------*/

.static_page img{
    display:block;
}

.static_page .header{
    font-size: 24px;
    color: #666666;
    line-height: 26px;
    margin-left: 10px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.static_page .sku{
    font-size: 10px;
    color: #666666;
    margin-left: 10px;
    margin-bottom: 12px;
    line-height: 10px;
    margin-top:-12px;
}

.static_page .divider{
    height: 1px;
    background-color: #e5e5e5;
}

.static_page .header_description{
    font-size: 12px;
    line-height: 14px;
    margin-left: 10px;
    margin-bottom: 15px;
}


.static_page > .content_body{
    margin-top: 25px;
    margin-bottom: 25px;
}

    .static_page > .content_body > .text{
        font-size: 12px;
        line-height: 14px;
    }

    .static_page > .content_body > .left_margin{
        margin-left: 20px;
    }

        .static_page > .content_body > .text .header{
            font-size: 16px;
            line-height: 18px;
            margin-bottom: 4px;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
        }

        .static_page > .content_body > .text ul{
            margin-top: 15px;
            margin-bottom: 15px;
            margin-left: 25px;
        }

    .static_page > .content_body > .image{
        width: 160px;
    }

.static_page > .recipe_container{
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-top: 2px solid #f8ad05;
}

    .static_page > .recipe_container > .header{
        font-size: 17px;
        padding-bottom: 4px;
        padding-top: 4px;
        margin-left: 10px;
        margin-right: 10px;
        line-height: 19px;
        border-bottom: 1px solid #e5e5e5;
    }

    .static_page > .recipe_container > .column{
        width: 45%;
        margin-left: 10px;
        float: left;
    }

    .static_page > .recipe_container .subheader{
        font-weight:bold;
        font-size: 12px;
    }

    .static_page > .recipe_container ul{
        margin-left: 25px;
    }

        .static_page > .recipe_container ul li{
            font-size: 12px;
            line-height: 16px;
        }

    .static_page > .recipe_container p{
        font-size: 12px;
        margin-left: 10px;
        margin-right: 10px;
        line-height: 14px;
        margin-bottom: 12px;
    }

.static_page > .three_column_content{
    width: 718px;
}

    .static_page > .three_column_content > .column{
        width: 239px;
        float: left;
        height: 729px;
    }

    .static_page > .three_column_content > .border{
        border-left: 1px solid #e5e5e5;
        width: 238px;
    }

        .static_page > .three_column_content > .column .column_header{
            font-size: 17px;
        }

        .static_page > .three_column_content > .column .indent{
            margin-left: 29px;
            margin-right: 10px;
        }

            .static_page > .three_column_content > .column .indent p{
                font-size: 12px;
                line-height: 14px;
                padding-bottom: 10px;
            }

        .static_page > .three_column_content > .column > .image_holder_top{
            height: 473px;
        }

        .static_page > .three_column_content > .column > .image_holder_bottom{
            height: 553px;
        }

        .static_page > .three_column_content > .column > .text_holder_top{
            height: 226px;
        }

        .static_page > .three_column_content > .column > .text_holder_bottom{
            height: 252px;
        }

        .static_page > .three_column_content > .column > .text_holder{
            margin-left: 10px;
            margin-right: 10px;
            overflow:hidden;
        }

    .static_page .three_column_content .imagelink{
        position: absolute;
        background-color: #ef5305;
        line-height: 16px;
        padding-left:12px;
        padding-right: 12px;
        padding-top: 6px;
        padding-bottom: 8px;
        color: #FFFFFF;
        text-align: center;
        cursor:pointer;
    }

.static_page .productlink{
    position: absolute;
    line-height: 12px;
    font-size: 12px;
    padding:0px;
    margin:0px;
    line-height: 14px;
    color: #624131;
}

    .static_page .productlink > .header{
        color: #CA4200;
        font-size: 14px;
        padding:0px;
        margin:0px;
        line-height: 14px;
    }

    .static_page .productlink:hover > .header{
        text-decoration:underline;
    }

            .static_page > .three_column_content > .column > .text_holder .number{
                margin-right: 10px;
            }

        .static_page > .three_column_content > .column > .quote{
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
            margin-left: 12px;
            margin-right: 12px;
            font-family:Georgia;
            font-style:italic;
            color: #666666;
            font-size: 24px;
            line-height: 26px;
            padding-top: 8px;
            padding-bottom: 8px;
        }

            .static_page > .three_column_content > .column > .text_holder > .header{
                line-height: 60px;
                font-size: 24px;
                font-family:Arial;
                color: #666666;
                margin-left: 0px;
            }

            .static_page > .three_column_content > .column > .text_holder > p{
                font-size: 14px;
                color: #4d4d4d;
                line-height: 15px;
                margin-bottom: 20px;
            }

            .static_page > .three_column_content > .column > .text_holder > .no_margin{
                margin-bottom: none;
            }

.static_page > .style_guide{
    margin-top: 4px;
}

    .static_page > .style_guide > .left_image{
        width: 314px;
        float: left;
    }

    .static_page > .style_guide > .right_content{
        width: 384px;
        padding-left: 10px;
        float: left;
        padding-right: 10px;
    }

        .static_page > .style_guide > .right_content p,
        .static_page > .style_guide > .right_content > ul li{
            font-size: 12px;
            color: #666666;
            line-height: 14px;
            margin-left: 10px;
        }

        .static_page > .style_guide > .right_content > ul li{
            margin-left: 25px;
        }

        .static_page > .style_guide > .right_content > .attachment{
            margin-left: 10px;
        }

            .static_page > .style_guide > .right_content > .attachment > .icon{
                height: 30px;
                width: 30px;
                float: left;
            }

            .static_page > .style_guide > .right_content > .attachment > .details{
                float: left;
            }

                .static_page > .style_guide > .right_content > .attachment > .details a{
                    color: #006ECC;
                    text-decoration:none;
                }

            .static_page > .style_guide > .right_content > .attachment > .details a:hover{
                cursor: pointer;
                text-decoration:underline;
            }


/* -----------------------------------------------------------------------------*/
/* 6.4. Progress Bar
/* -----------------------------------------------------------------------------*/

/* For the element containing the actual progress bar */
#progress_bar {
    position: absolute;
    z-index: 9999;
    display: none;
}
/* For the dialog containing the progress bar element */
#progress_bar_dialog {
    position: absolute;
    z-index: 9999;
    /* DevStart: outline was coming for progress bar.
     * display:none; moved to inline css otherwise dialog.show() won't display the progress bar
     */
    outline: 0;
    /* DevEnd */
}
/* Progress bar dialog background */
.dijitDialogUnderlay {
    display: none;
}

#loading_popup {
    width:59px;

}
#loading_popup .top_left{
    background-image: url('../../images/colors/color1/popup_topleft.png');
    background-repeat:no-repeat;
    background-position:top;
    height:7px;
    width:8px;
    float:left;
}
#loading_popup .top_right{
    background-image: url('../../images/colors/color1/popup_topright.png');
    background-repeat:no-repeat;
    background-position:top right;
    height:7px;
    width:51px;
    float:left;
}
#loading_popup .header {
    background-image: url('../../images/colors/color1/popup_center_tile_mini.png');
    background-repeat:repeat-y;
    text-align: right;
    clear:left;
}
#loading_popup .close {
    padding: 5px 15px 2px 0px;
    color: #666666;
}
#loading_popup .close .icon{
    padding-top:2px;
    padding-left:4px;
    float:right;
}
#loading_popup .bodycontent {
    background-color: transparent;
    background-image: url('../../images/colors/color1/popup_center_tile_mini.png');
    background-repeat:repeat-y;
    background-position: right;
    padding:0 5px 0 5px;
    margin:0;
}
#loading_popup .bodycontent h2 {
    font-size: 14px;
    font-weight: bold;
}
#loading_popup .bodycontent p {
    margin: 3px 0 10px 2px;
}
#loading_popup .bodycontent div.form_2column {
    padding: 0;
}
#loading_popup .bodycontent_short {
    padding:12px 17px 12px 15px;
    margin:0px 1px 0px 1px;
}
#loading_popup .footer {
    text-align:right;
    height:20px;
    width:59px;
}
#loading_popup .footer .bot_left{
    background-image: url('../../images/colors/color1/popup_botleft.png');
    background-repeat:no-repeat;
    background-position: bottom;
    height:11px;
    width:8px;
    float:left;
}
#loading_popup .footer .bot_right{
    background-image: url('../../images/colors/color1/popup_botright.png');
    background-repeat:no-repeat;
    background-position: bottom right;
    height:11px;
    width:51px;
    float:left;
}

/* -----------------------------------------------------------------------------*/
/* 6.5. Punchout Payment
/* -----------------------------------------------------------------------------*/

div.punchout_pay_button_div {
    margin-top: 10px;
}

/* ---------- my account welcome user message ------------------*/
.headerUserLoginName{
    color: #4990A8;
    font-size: 12px;
    left: 306px;
    position: absolute;
    text-align: right;
    top: 16px;
    width: 285px;
}





/*-------------------------------------------------------------------------
My Account - Order Details
-------------------------------------------------------------------------*/

.my_account ul{
    list-style:none;
    clear:both;
    padding:0;
    margin:0;
}

.my_account .order_details_heading{
    float:left;
    width:98%;
    border:1px solid #e0e3e4;
    padding:5px;
    color:#666666;
}

.my_account .order_details_content{
    float:left;
    width:98%;
    padding:16px 5px;
    border-bottom:1px dotted #aaaaaa;
}

.my_account ul li{
    float:left;
}


.my_account ul li#SingleShipment_tableCell_requestedShippingDate{
    display:none;
}

.my_account ul li.wid40{
    width:36%;
}

.my_account ul li.wid20{
    width:20%;
}

.my_account ul li.wid10{
    width:10%;
}

.my_account ul li.right{
    text-align:right;
}

.my_account ul li.center{
    text-align:center;
}


.my_account .order_details_content .productImg{
    float:left;
    margin-right:15px;
}

.my_account .order_details_content .itemspecs{
    float:left;
    width:58%;
}

.my_account .order_details_content .itemspecs p{
    margin:0 0 3px 0;
    padding:0;

}

.my_account .order_details_content .itemspecs .newArrival{
    background:#d74f00;
    color:#fff;
    padding:2px;
    margin-bottom:3px;
    display:block;
    width:66px;
}

.my_account .order_details_content .tickIcon{
    background:url('../../images/colors/color1/checkout/tick-icon.png') no-repeat left center;
    padding-left:11%;
    color:#60a400;
    display:block;
}

.my_account .order_details_content .offer{
    color:#d74f00;
    float:left;
    width:100%;
    clear:both;
    margin-top:5px;
}

.my_account .order_details_content .removeIcon,
.my_account .order_details_content .wishList{
    display: block;
    margin-left: 41px;
    text-align: left;
    position:relative;
}

.my_account .order_details_content .removeIcon{
    background: url("../../images/colors/color1/checkout/cross-icon.png") no-repeat scroll left center transparent;
    padding-left: 11%;
    margin-top: 18px;
    margin-bottom:3px;
}

.my_account .order_details_content .wishList{
    position:absolute;
}



#promotions1 .promotion_used {
    clear: both;
    float: right;
    padding-right:0;
    text-align: left;
    margin-top:10px;
    margin-bottom:10px;
}
.accessibility {
    display: none;
}