@charset "utf-8";

/*
 *-----------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (C) Copyright IBM Corp. 2011, 2015 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("ribbon.css");

/* Dev: CMC info popup */

@import url("CMC.css");

/** Configurator **/

@import url("Configurator.css");

/* UO Custom */

@import url("uo_base.css");
@import url("uo_style.css");
@import url("legacy1_2.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
	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
		6.5. Popup */

.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;
}

.genericError_message {
    color: #CA4200;
}


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


/* DevStart: Fixed height value is removed to avoid page overflow*/

.static_page_content {
    padding: 0 20px 20px 20px;
}


/* DevEnd*/

.static_page_content>.page_header {
    font-size: 22px;
    color: #5E5E5E;
    line-height: 46px;
}


/* 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>.content_box .header_top {
    height: 30px;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    border-bottom: 1px solid #f0f0f0;
    padding-left: 9px;
    padding-right: 9px;
    background-color: #f7f7f7;
}

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

@media (max-width: 420px) {
    .static_page_content .column_box .column {
        width: 100%;
    }
}

.static_page_content .column_box .column ul {
    list-style: none outside none;
    margin-right: 10px;
    padding: 0;
    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 .h3 {
    color: #4D4D4D;
    font-weight: normal;
    text-transform: none;
}

.static_page_content .column_box .column ul li a {
    display: block;
    padding: 8px;
    text-decoration: none;
}

.static_page_content .column_box .column ul li>div {
    padding: 8px;
}

.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 {
    max-width: 785px;
}


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

div.email_container {
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 9px;
    color: #5E5E5E;
    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: #5E5E5E;
    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;
    top: 122px;
    z-index: 9999;
    /* UO Removed by jsauer
	left: 0;
	right: 0;
	*/
    margin-left: auto;
    margin-right: auto;
    /* UO Removed by jsauer
	
	min-width: 270px;
	max-width: 550px;
	*/
    width: 100%;
    display: none;
    /* Dev -- Hide the error message area by default */
    /* UO below added by jsauer */
    background-color: #e61b23;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.store_message>.content {
    /* UO removed by jsauer
	margin-top: 3px;
	background-color: #FFFFFF;
	*/
    border-left: 0px solid #e5e5e5;
    border-right: 0px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;
    padding: 35px;
    /* box-shadow: 0 0 10px 2px #888888; UO removed by jsauer */
    filter: progid: DXImageTransform.Microsoft.Glow(color='#888888', Strength='5');
}

.store_message>.content>.close {
    position: absolute;
    /* top: 10px; UO removed...jsauer */
    right: 15px;
}

.store_message>.content>.close>.close_text {
    font-size: 16px;
    /* UO changed from 11px...jsauer */
    color: #ffffff;
    /* height: 13px; UO removed...jsauer */
    float: left;
    font-weight: bold;
}

.store_message>.content>.close>.close_icon {
    margin-left: 4px;
    margin-top: 4px;
    width: 8px;
    height: 8px;
    background-image: url('../images/colors/color1/close_circle_sprite2.png');
    background-repeat: no-repeat;
    float: left;
    display: none;
    /* UO added...jsauer */
}

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

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

.store_message>.content>.message .message_icon {
    float: left;
    height: 18px;
    position: relative;
    width: 18px;
    /* UO added by jsauer */
    display: none;
}

.store_message>.content>.message .message_icon .error_icon {
    position: absolute;
    top: -3px;
    left: 1px;
}

.store_message>.content>.message .message_icon>#success_icon.error_icon {
    left: -3px;
}

.store_message>.content>.message .message_text {
    /* UO removed by jsauer
	font-size: 12px;
	color: #4D4D4D;
	 */
    /* line-height: 16px; */
    margin: 0px 25px;
}


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

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>.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;
}

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

div.widget_articles_videos>.middle>.left_content_border>.right_content_border>.content>.header>.title {
    float: left;
}

div.widget_articles_videos>.middle>.left_content_border>.right_content_border>.content>.header>.paging_controls {
    color: #5E5E5E;
    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: #666666;
    font-size: 11px;
    height: 18px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 40px;
}

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;
}

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;
    float: left;
}

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


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

div[id^="InventoryStatus_Store_Details_"]>.dijitDialogPaneContent {
    height: auto !important;
}

div.widget_store_details_popup>.middle>.content_left_border>.content_right_border {
    border: 3px solid #a3a3a3;
    border-color: rgba(71, 71, 71, 0.5);
}

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;
    padding: 7px 20px 9px 20px;
}

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 {
    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_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.body {
    font-size: 12px;
    color: #666666;
    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: auto;
    float: left;
    padding: 20px 10px;
}

div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.body>.container_hours {
    width: auto;
    float: left;
    padding: 20px 10px;
}

div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.body>.container_availability {
    width: auto;
    float: left;
    padding: 20px 10px;
}

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 */


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

#widget_language_and_currency_popup>.dijitDialogPaneContent {
    height: auto !important;
    font-family: Arial, Helvetica, sans-serif;
}

div.widget_site_popup>.middle>.content_left_border>.content_right_border {
    border: 3px solid #a3a3a3;
    border-color: rgba(71, 71, 71, 0.5);
}

.dijitTooltipContainer div.widget_site_popup>.middle>.content_left_border>.content_right_border {
    border: none;
}

div.widget_site_popup>.middle>.content_left_border>.content_right_border>.content {
    width: 460px;
    max-width: 100%;
    background-color: #ffffff;
}

div.widget_site_popup>.middle>.content_left_border>.content_right_border>.content-override-maxwidth {
    width: 460px;
    max-width: 460px;
}

#inactivityWarningPopup_body {
    padding-top: 60px;
    padding-bottom: 60px;
}

#inactivityWarningPopup .widget_site_popup>.middle>.content_left_border>.content_right_border>.content>.body .message_icon {
    width: 19px;
}

#inactivityWarningPopup .widget_site_popup>.middle>.content_left_border>.content_right_border>.content>.body .message_text {
    color: #4D4D4D;
    font-size: 12px;
    line-height: 16px;
    margin-left: 10px;
}

#inactivityWarningPopup .widget_site_popup>.middle>.content_left_border>.content_right_border>.content>.footer>.button_container>.button_primary>.button_text {
    min-width: 50px;
}

#inactivityWarningPopup .widget_site_popup>.middle>.content_left_border>.content_right_border>.content>.close_acce {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 12px;
}

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 20px;
}

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;
    top: 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: 25%;
    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;
    color: #666666;
    float: left;
}

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: 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.item_spacer_50px {
    height: 50px;
}

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>.drop>.white_line {
    background: url('../images/colors/color1/widget_quick_info_popup/dropdown_white.png') top left repeat-x;
    height: 24px;
    width: 1px;
    float: left;
}

.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:hover,
.created_list_wrapper>.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: #5E5E5E;
    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: #5E5E5E;
    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;
}


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

#quickInfoPopup {
    margin-top: 100px;
}

@media screen and (max-width: 420px) {
    #quickInfoPopup {
        margin-top: -600px;
    }
}

#quickInfoPopup>div {
    height: 100% !important;
}

div.widget_quick_info_popup {
    position: relative;
    width: 712px;
}

@media screen and (max-width: 450px) {
    div.widget_quick_info_popup {
        width: auto;
    }
}

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>.content_left_border {
    background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-y scroll 0 0 transparent;
    float: left;
    padding-left: 3px;
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border {
    /* DevStart: changed from transparent to white background, since the popup was transparent */
    background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-y scroll 0 0 white;
    /* DevEnd */
    background-position: right;
    float: right;
    padding-right: 3px;
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content {
    background-color: #ffffff;
    margin: 23px;
}

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

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.image_container {
    border-bottom: 1px dotted #5E5E5E;
    width: 95%;
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.image_container>img {
    width: 100%;
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.other_views {
    margin-right: 15px;
    border-bottom: 1px dotted #eeeeee;
    margin-top: 1px;
    position: relative;
    z-index: 10;
    height: 100%;
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.other_views ul {
    display: table;
    padding-left: 0px;
}

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;
    list-style: none outside none;
    margin-right: 8px;
    width: 94px;
    height: 94px;
    text-align: center;
}

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>.left_column>.other_views ul li>a>img {
    height: 100%;
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.other_views>h1 {
    padding: 0 5px 0 5px;
    background: #eee;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    font-size: 12px;
    float: left;
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column {
    width: 330px;
    float: right;
    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: #5E5E5E;
    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: #5E5E5E;
    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>.middle>.content_left_border>.content_right_border>.content>.right_column>span.price {
    color: #CA4200;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>span.sku {
    color: #5E5E5E;
    font-size: 10px;
    line-height: 12px;
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.star_ratings {}

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 {
    font-size: 12px;
    line-height: 14px;
    color: #5E5E5E;
}


/* 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 {
    color: #006ECC;
    display: block;
    margin-top: 4px;
    font-size: 11px;
    float: left;
    line-height: 15px;
    /*Dev for avoiding truncation in other languages*/
}

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


/* DevStart: for li elements that lists various product attributes */

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>li,
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>ul>li {
    font-size: 11px;
    line-height: 13px;
    color: #5E5E5E;
    margin-left: 14px;
}


/* DevEnd */

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.color_and_size>.heading {
    font-size: 14px;
    line-height: 14px;
}

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>span.quantity_label {
    font-size: 14px;
    margin-top: 5px;
    line-height: 15px;
    /*Dev for avoiding truncation in other languages*/
    float: left;
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.purchase_section>.button_primary>.wide_button {
    width: 110px;
}

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*/

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;
    position: absolute;
    right: 0px;
    top: -4px;
}

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: relative;
    top: 10px;
    font-size: 13px;
    color: #404040;
    text-decoration: none;
    line-height: 15px;
    /*Dev for avoiding truncation in other languages*/
    width: 100px;
    margin-right: 30px;
    text-align: right;
}

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: 718px;
    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: 5px;
}

.widget_home_espots_left .right_espot {
    float: right;
}


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

.facetSelect li:first-child {}

.facetSelectContainer {
    background: #FFF;
    margin-right: 5%;
    padding: 10px 0;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
}

#search_facet_category.facetSelectContainer {
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

.facetSelect li {
    list-style: none;
    line-height: 16px;
    font-size: 12px;
    color: #565656;
    padding: 10px 0 10px 5%;
    border-bottom: 1px solid #e3e1e1;
}

.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: 210px;
    height: 100%;
}


/* DevStart: to overwrite scrollable widget height */

.itemImgContainer {
    float: left;
    width: 169px;
    height: 100%;
}

.imgContainerForContentRec {
    float: left;
    height: 100%;
    margin-right: 3px;
}

.imgContainerForContentRec_EndOfRow {
    float: left;
    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;
    position: relative;
    padding: 0 41px;
}

div.no_bg {
    background-image: none;
}

div .carousel_searchlanding {
    height: 248px;
}

div.widget_carousel>.header {
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    color: #666666;
    margin-left: -21px;
    padding-right: 21px;
}

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: 22px;
    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;
    display: block;
}

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: 14px;
    color: #666666;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    padding: 0 4px;
}


/*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: #666666;
    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: 2px;
    font-weight: bold;
    color: #CA4200;
    font-size: 15px;
    margin-bottom: 10px;
}

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


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

div.widget_home_hero_image img {
    display: block;
}


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

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

div.widget_left_nav_position {
    /*Dev: min height for left navigation bar*/
    min-height: 300px;
    margin-right: 10px;
}

div.widget_left_nav {
    margin-bottom: 10px;
}

div.widget_left_nav>div.content_left_border {
    border: 5px solid #e5e5e5;
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.header {
    height: 34px;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

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-weight: bold;
    color: #5E5E5E;
    float: left;
}

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;
    font-weight: bold;
    line-height: 34px;
    color: #5E5E5E;
    float: left;
}

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: #5E5E5E;
}

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;
}

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;
    /*Dev: min height for left navigation bar*/
    min-height: 25px;
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list>ul {
    padding: 0;
}

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: #5E5E5E;
    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,
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list div.showMore {
    padding: 10px;
    list-style-type: none;
    font-size: 12px;
    text-decoration: none;
    color: #5E5E5E;
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li div.facetCountContainer,
ul.facetSelect li div.facetCountContainer {
    display: inline;
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list div.showMore {
    text-align: right;
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li label,
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list div.showMore 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,
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list div.showMore input,
ul.facetSelect li input[type=checkbox] {
    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,
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list div.showMore 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,
ul.facetSelect li input:disabled+label {
    color: #CCCCCC;
    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:disabled+label,
ul.facetSelect li input:disabled+a {
    color: #CCCCCC;
    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,
ul.facetSelect li input.range_input {
    font-size: inherit;
    width: 35px;
    color: #5E5E5E;
}

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,
ul.facetSelect li input.go_button {
    font-size: inherit;
    width: 70px;
    text-align: left;
    border: none;
    background: none;
    color: #CA4200;
}

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,
ul.facetSelect 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,
ul.facetSelect 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,
ul.facetSelect 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: #5E5E5E;
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list>ul>li>a: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>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;
}

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;
}

.facetSelect>li.more~li,
.facetSelect.active>li.more {
    display: none;
}

.facetSelect.active>li.more~li {
    display: block;
}


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


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

div.widget_tall_double_espot {
    margin-top: 5px;
    width: 718px;
    /*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;
}


/* DevEnd */


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


/* UNORGANIZED: Hero Image Container
/* -----------------------------------------------------------------------------*/

div.widget_hero_image_container {}

div.widget_hero_image_container img {
    display: block;
}


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


/* UNORGANIZED: Title Container
/* -----------------------------------------------------------------------------*/

div.widget_title_container {
    width: 718px;
    margin-bottom: 15px;
    /*POSITIONING - PUT ELSEWHERE?*/
}

div.widget_title_container>h1 {
    font-size: 24px;
    line-height: 28px;
    color: #666666;
    padding-left: 9px;
}

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


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


/* 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;
    top: 29px;
    z-index: 100;
}

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: 297px;
    background-image: url('../images/colors/color1/widget_search_dropdown/border_right.png');
    background-repeat: repeat-y;
    padding-right: 11px;
    background-position: right;
}

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: 9px;
    padding-right: 9px;
    line-height: 30px;
    background-color: #f5f6f7;
    color: #4D4D4D;
    height: 30px;
    border-bottom: 1px solid #edeff0;
}

div.heading>span {
    font-size: 13px;
    text-transform: uppercase;
}

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

div.list_section {
    margin-left: 0px;
    margin-right: 0px;
}

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

ul div.list_section li a span.highlight {
    font-weight: bold;
}

ul div.list_section li a:hover,
ul div.list_section li a div:hover {
    text-decoration: underline;
}

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

ul div.list_section li a {
    display: block;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
}

ul div.list_section li a div.category_list {
    float: left;
}

div.widget_search_dropdown>div.content_left_border>div.content_right_border>div.content>div.heading>a {
    font-size: 12px;
    text-decoration: none;
    color: #006ecc;
}

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;
}


/* 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%;
    background: #ffffff;
}


/* Shadows */

div.content_wrapper>div.content_left_shadow {
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
}

div.content_wrapper>div.content_left_shadow>div.content_right_shadow {
    padding-right: 10px;
}

div.content_wrapper>div.content_left_shadow>div.content_right_shadow>div.main_content {
    max-width: 967px;
    margin: 0 auto;
    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 {
    max-width: 987px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

div.content_wrapper>div.content_bottom>div.left_border {
    width: 10px;
    height: 10px;
    float: left;
}

div.content_wrapper>div.content_bottom>div.middle {
    max-width: 967px;
    height: 10px;
    float: left;
}

div.content_wrapper>div.content_bottom>div.right_border {
    width: 10px;
    height: 10px;
}


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


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

div.footer_wrapper_position {
    width: 100%;
}

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-color: none;
}

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


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


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


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


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


/*For containers which are direct children of 'main_content'*/

.container_margin {
    margin: 15px auto;
}

.container_margin_5px {
    margin: 5px auto;
}

.container_margin_8px {
    margin: 8px auto;
}


/*Space out widgets which are children of containers. eg: widget in sidebar */

.nested_widget_spacer {
    height: 9px;
}


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


/* 3.1.2 Content area with right sidebar
/* -----------------------------------------------------------------------------*/

.container_content_rightsidebar {
    max-width: 967px;
    padding: 0px 16px;
    overflow: hidden;
}

.container_content_rightsidebar>.left_column {
    width: 69%;
    /*685*/
    margin-right: 1%;
    float: left;
    padding: 0;
}

.container_content_rightsidebar.shop_cart>.left_column {
    width: 79%;
}

.container_content_rightsidebar>.left_column_5px {
    width: 29%;
    /*685*/
    margin-right: 1%;
}

.container_content_rightsidebar>.right_column {
    width: 30%;
    /*237*/
    float: left;
    padding: 0;
}

.container_content_rightsidebar.shop_cart>.right_column {
    width: 20%;
}

.container_content_rightsidebar .right_column .product>.product_image img {
    width: 70%;
    max-width: 200px;
}


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


/* 3.1.3 Content area with left sidebar
/* -----------------------------------------------------------------------------*/

.container_content_leftsidebar {
    overflow: hidden;
}

.container_content_leftsidebar>.left_column {
    width: 28%;
    /*height: 300px;*/
    float: left;
    padding: 0;
}

.container_content_leftsidebar>.right_column {
    width: 72%;
    float: left;
    padding: 0;
}


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


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

.widget_double_espot_container {
    width: 935px;
    min-height: 37px;
    padding: 0 16px;
}

.widget_double_espot_container img {
    display: block;
    /* explicit setting will reduce 3px bug in HTML5, when DOM is <div><img/></div> */
}


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


/*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 {
    padding: 0px 16px;
}

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

.container_product_details_image_information>.left_column {
    width: 50%;
    float: left;
}

.container_product_details_image_information>.right_column {
    width: 50%;
    float: left;
}

#attachmentPaginationContainer .paging_controls .active {
    background-position: left top;
    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 {
    width: 935px;
    padding: 0px 16px;
}

.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;
}


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


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


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


/* 4.1 Masthead
/* -----------------------------------------------------------------------------*/

#masthead {
    width: 100%;
}

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

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

#masthead>.navigation {
    height: 32px;
    padding: 7px 16px 6px 16px;
    position: relative;
    background: url('../images/colors/color1/masthead_navigation_bg.png') repeat-x;
}


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


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

div.widget_masthead_logo_position {
    position: absolute;
    left: 0;
    top: 0;
}

div#widget_masthead_logo1 img {
    display: block;
    /* explicit setting will reduce 3px bug in HTML5, when DOM is <div><img/></div> */
}


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


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

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

div#widget_departments .drop_down {
    font-size: 12px;
    display: none;
}

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

div#widget_departments:hover>div.left_border,
div#widget_departments:focus>div.left_border {
    width: 5px;
    height: 32px;
    background: url('../images/colors/color1/widget_departments/departments_left_border_sprite.png') left bottom no-repeat;
    float: left;
}

div#widget_departments>div.content {
    min-width: 235px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    padding: 0px 9px;
    background: url('../images/colors/color1/widget_departments/departments_tile_bg_sprite.png') left top repeat-x;
    float: left;
    position: relative;
}

div#widget_departments:hover>div.content,
div#widget_departments:focus>div.content {
    width: 235px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    padding: 0px 9px;
    background: url('../images/colors/color1/widget_departments/departments_tile_bg_sprite.png') left bottom repeat-x;
    float: left;
    position: relative;
}

div#widget_departments>div.content>span.label {
    font-size: 15px;
    color: #4d4d4d;
}

div#widget_departments:hover>div.content>span.label {
    font-size: 15px;
    color: #4d4d4d;
}

div#widget_departments>div.content>div.arrow {
    width: 7px;
    height: 7px;
    background: url('../images/colors/color1/widget_departments/departments_arrow.png') no-repeat;
    position: absolute;
    right: 0px;
    bottom: 6px;
}

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

div#widget_departments:hover>div.right_border,
div#widget_departments:focus>div.right_border {
    width: 5px;
    height: 32px;
    background: url('../images/colors/color1/widget_departments/departments_right_border_sprite.png') left bottom no-repeat;
    float: left;
}

div#widget_departments:hover>.drop_down,
div#widget_departments:focus>.drop_down {
    position: absolute;
    left: 0px;
    top: 30px;
    cursor: default;
    display: block;
}

div#widget_departments:hover>.drop_down>.top,
div#widget_departments:focus>.drop_down>.top {
    width: 263px;
    overflow: hidden;
}

div#widget_departments:hover>.drop_down>.top>.left_border,
div#widget_departments:focus>.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:hover>.drop_down>.top>.middle_tile,
div#widget_departments:focus>.drop_down>.top>.middle_tile {
    width: 259px;
    height: 4px;
    float: left;
    background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left center repeat-x;
}

div#widget_departments:hover>.drop_down>.top>.right_border,
div#widget_departments:focus>.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:hover>.drop_down>.middle,
div#widget_departments:focus>.drop_down>.middle {
    width: 263px;
}

div#widget_departments:hover>.drop_down>.middle>.left_border,
div#widget_departments:focus>.drop_down>.middle>.left_border {
    width: 262px;
    padding-left: 1px;
    background-color: #b7bebe;
}

div#widget_departments:hover>.drop_down>.middle>.left_border>.right_border,
div#widget_departments:focus>.drop_down>.middle>.left_border>.right_border {
    width: 261px;
    padding-right: 1px;
    background-color: #b7bebe;
}

div#widget_departments:hover>.drop_down>.middle>.left_border>.right_border>.departments,
div#widget_departments:focus>.drop_down>.middle>.left_border>.right_border>.departments {
    width: 261px;
    background-color: #ffffff;
}

div#widget_departments:hover>.drop_down>.middle>.left_border>.right_border>.departments>.department,
div#widget_departments:focus>.drop_down>.middle>.left_border>.right_border>.departments>.department {
    /*Removed height value for departments dropdown multiple line fix*/
    cursor: pointer;
}

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

div#widget_departments:hover>.drop_down>.middle>.left_border>.right_border>.departments>.department>.name_wrapper,
div#widget_departments:focus>.drop_down>.middle>.left_border>.right_border>.departments>.department>.name_wrapper {
    overflow: hidden;
    position: relative;
}

div#widget_departments:hover>.drop_down>.middle>.left_border>.right_border>.departments>.department>.name_wrapper>.name,
div#widget_departments:focus>.drop_down>.middle>.left_border>.right_border>.departments>.department>.name_wrapper>.name {
    line-height: 17px;
    font-size: 13px;
    /*float: left;*/
    padding: 6px 30px 6px 13px;
    max-width: 220px;
    color: #565656;
}

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

div#widget_departments:hover>.drop_down>.middle>.left_border>.right_border>.departments>.department>.name_wrapper>.arrow,
div#widget_departments:focus>.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:hover>.drop_down>.middle>.left_border>.right_border>.departments>.department:hover>.name_wrapper,
div#widget_departments:focus>.drop_down>.middle>.left_border>.right_border>.departments>.department:focus>.name_wrapper {
    font-weight: bold;
}


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

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

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

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

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

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

div#widget_departments:hover>.drop_down>.middle>.left_border>.right_border>.departments>.department>.sub_categories,
div#widget_departments:focus>.drop_down>.middle>.left_border>.right_border>.departments>.department>.sub_categories {
    min-height: 203px;
    position: absolute;
    top: 0;
    left: 262px;
    display: none;
    cursor: default;
}

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories .top,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories .top {
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: url('../images/colors/color1/widget_departments/sub_categories_top_sprite.png') 0px -5px repeat-x;
}

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

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.top>.middle_tile,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.top>.middle_tile {
    display: none;
}

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

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories .middle,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories .middle {
    width: 100%;
    float: left;
    min-height: 197px;
}

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.middle>.left_border,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.middle>.left_border {
    /*width: 1px;
										min-height: 197px;
										background-color: #b7bebe;
										float: left;*/
}

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.middle>.middle_tile,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.middle>.middle_tile {
    min-height: 197px;
    border-left: 1px solid #b7bebe;
    border-right: 1px solid #b7bebe;
    float: left;
}

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.middle>.middle_tile>.sub_category,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.middle>.middle_tile>.sub_category {
    width: 223px;
    min-height: 197px;
    float: left;
    font-size: 11px;
    /*line-height: 26px;*/
    line-height: 29px;
    margin-left: 1px;
    overflow: hidden;
    margin-top: -8px;
}

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.middle>.middle_tile>.sub_category>.item,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.middle>.middle_tile>.sub_category>.item {
    padding-left: 18px;
    /*line-height: 14px;
												padding-top: 6px;
												padding-bottom: 6px;*/
    line-height: 29px;
    font-size: 12px;
}

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.middle>.middle_tile>.sub_category>.name,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.middle>.middle_tile>.sub_category>.name {
    padding-left: 18px;
    font-weight: bold;
    margin-top: 8px;
    padding-top: 0px;
    font-size: 12px;
    /*Font size change for Departments dropdown*/
    text-transform: uppercase;
}

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

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

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

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

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.middle>.middle_tile>.sub_category>.name a,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.middle>.middle_tile>.sub_category>.name a {
    color: #333333 !important;
}

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

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

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.middle>.right_border,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.middle>.right_border {
    /*width: 1px;
										min-height: 197px;
										background-color: #b7bebe;
										float: right;*/
}

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories .bottom,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories .bottom {
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #b7bebe;
}

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.bottom>.left_border,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.bottom>.left_border {
    width: 1px;
    height: 1px;
    background-color: #b7bebe;
    float: left;
}

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.bottom>.middle_tile,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.bottom>.middle_tile {
    display: none;
}

div#widget_departments:hover>.drop_down .departments>.department>.sub_categories>.bottom>.right_border,
div#widget_departments:focus>.drop_down .departments>.department>.sub_categories>.bottom>.right_border {
    width: 1px;
    height: 1px;
    background-color: #b7bebe;
    float: right;
}

div#widget_departments:hover>.drop_down>.middle>.left_border>.right_border>.departments>.view_all,
div#widget_departments:focus>.drop_down>.middle>.left_border>.right_border>.departments>.view_all {
    width: 231px;
    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:hover>.drop_down>.middle>.left_border>.right_border>.departments>.view_all a,
div#widget_departments:focus>.drop_down>.middle>.left_border>.right_border>.departments>.view_all a {
    text-decoration: none;
    color: #565656;
}

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

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

div#widget_departments:hover>.drop_down>.middle>.left_border>.right_border>.departments>.view_all>.arrow,
div#widget_departments:focus>.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:hover>.drop_down>.bottom,
div#widget_departments:focus>.drop_down>.bottom {
    width: 263px;
    overflow: hidden;
    background-color: #b7bebe;
}

div#widget_departments:hover>.drop_down>.bottom>.left_border,
div#widget_departments:focus>.drop_down>.bottom>.left_border {
    width: 1px;
    height: 1px;
    float: left;
}

div#widget_departments:hover>.drop_down>.bottom>.middle_tile,
div#widget_departments:focus>.drop_down>.bottom>.middle_tile {
    width: 261px;
    height: 1px;
    float: left;
}

div#widget_departments:hover>.drop_down>.bottom>.right_border,
div#widget_departments:focus>.drop_down>.bottom>.right_border {
    width: 1px;
    height: 1px;
    float: left;
}


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


/* 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 {
    position: absolute;
    right: 15px;
    bottom: 6px;
}

div#widget_search {
    height: 32px;
}

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

div#widget_search>div.content {
    min-width: 298px;
    height: 20px;
    padding: 5px 25px 7px 5px;
    background: url('../images/colors/color1/widget_search/search_tile_bg.png') repeat-x;
    float: left;
    position: relative;
}

div#widget_search>div.content .all_departments {
    background: url('../images/colors/color1/widget_search/search_drop_arrow.png') no-repeat;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background-position: bottom right;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    float: left;
    margin-left: 4px;
    cursor: pointer;
    vertical-align: center;
    text-align: center;
    width: 100px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}

div#widget_search>div.content input.search_input {
    width: 287px;
    border: none;
    height: 20px;
    font-size: 14px;
    background: none;
    float: left;
    clear: both;
    margin-top: 3px\9;
    /* For IE 9 and below */
}

.gray_color {
    color: #5E5E5E;
}


/* Dev: Begin. Search input text color is different for onFocus and onBlur */

div#widget_search>div.content input.search_input:focus {
    color: #4D4D4D;
}

div#widget_search>div.content input.search_input:blur {
    color: #C6C6C6;
}


/* Dev: End. Search input text color is different for onFocus and onBlur */

div#widget_search>div.content input.search_submit {
    width: 19px;
    height: 19px;
    border: 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    /*Needs to be negative 50% of the set height */
    cursor: pointer;
    text-indent: -9999px;
    /* Dev: for accessibility */
    text-transform: capitalize;
    /* Dev: for above text-indent to work in ie7 */
    background: url('../images/colors/color1/widget_search/search_submit.png') no-repeat;
}

div#widget_search>div.content input.search_submit:hover {
    background: url('../images/colors/color1/widget_search/search_submit_hover.png') no-repeat;
}

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

div.widget_search_departments_dropdown_position {
    position: absolute;
    top: 22px;
    left: 287px;
    display: none;
}

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

div.widget_search_departments_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_departments_dropdown>div.top>div.middle {
    background-image: url('../images/colors/color1/widget_search_dropdown/border_top.png');
    background-repeat: repeat-x;
    width: 148px;
    height: 11px;
    float: left;
}

div.widget_search_departments_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_departments_dropdown>div.content_left_border {
    width: 166px;
    background-image: url('../images/colors/color1/widget_search_dropdown/border_left.png');
    background-repeat: repeat-y;
    padding-left: 11px;
}

div.widget_search_departments_dropdown>div.content_left_border>div.content_right_border {
    width: 148px;
    background-image: url('../images/colors/color1/widget_search_dropdown/border_right.png');
    background-repeat: repeat-y;
    padding-right: 11px;
    background-position: right;
}

div.widget_search_departments_dropdown ul {
    background-color: white;
    cursor: pointer;
}

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.enabled {
    background-color: #D9E9F7;
}

div.widget_search_departments_dropdown ul li a.disabled {
    background-color: white;
}


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

div.widget_search_departments_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_departments_dropdown>div.bottom>div.middle {
    background-image: url('../images/colors/color1/widget_search_dropdown/border_bottom.png');
    background-repeat: repeat-x;
    width: 148px;
    height: 11px;
    float: left;
}

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


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


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


/* Positioning in the masthead for the minishopcart */

div.widget_minishopcart_position {
    position: absolute;
    top: 7px;
    right: 16px;
    z-index: 10;
}


/* Minishopcart Style */

div#widget_minishopcart {
    cursor: pointer;
}

div#widget_minishopcart>div.content {
    min-width: 218px;
    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.content_overlay {
    background: url('../images/trasparent.gif') repeat-x repeat-y;
    min-width: 218px;
    height: 64px;
    float: left;
    position: relative;
    z-index: 1;
}

div#widget_minishopcart>div.content>div.info {
    position: absolute;
    top: 17px;
    left: 45px;
    color: #4d4d4d;
    min-width: 163px;
}

div#widget_minishopcart>div.content>div.info>.subtotal {
    line-height: 16px;
    font-size: 13px;
    font-style: italic;
}

div#widget_minishopcart>div.content>div.info>.cart {
    line-height: 16px;
    font-size: 12px;
    font-style: italic;
}

div#widget_minishopcart>div.content>div.cart_icon {
    position: absolute;
    top: 12px;
    left: 7px;
    width: 28px;
    height: 28px;
    background: url('../images/colors/color1/widget_minishopcart/minishopcart_carticon.png') no-repeat;
}

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
/* -----------------------------------------------------------------------------*/

div#widget_minishopcart_popup,
div#widget_minishopcart_popup_1 {
    cursor: pointer;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product {
    min-height: 94px;
    border-bottom: 1px solid #edeff0;
    position: relative;
    padding: 5px 11px 5px 92px;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product>.product_image,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product>.product_image {
    width: 82px;
    height: 94px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 10px 5px 0;
    overflow: hidden;
    /*Dev*/
}

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product>.product_name,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product>.product_name {
    font-size: 16px;
    color: #666666;
}


/* DevStart - productname color was displayed as blue in IE7. */

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product>.product_name a,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product>.product_name a {
    color: #666666;
}


/*DevEnd*/


/* DevStart: text underline effect on mouse over for product name in minishopcart */

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product a,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product a {
    text-decoration: none;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product a:hover,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product a:hover {
    text-decoration: underline;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product>.product_image a,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product>.product_image a {
    display: block;
}


/* DevEnd */

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product>.product_quantity,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product>.product_quantity {
    font-size: 13px;
    color: #666666;
    margin-right: 14px;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product>.product_part_number,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product>.product_part_number {
    font-size: 13px;
    color: #4d4d4d;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product>.product_price,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product>.product_price {
    font-size: 13px;
    color: #4d4d4d;
    line-height: 26px;
    float: right;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product>.product_color,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product>.product_color {
    font-size: 12px;
    line-height: 16px;
    color: #808080;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product>.product_size,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product>.product_size {
    font-size: 12px;
    line-height: 16px;
    color: #808080;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.subtotal,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.subtotal {
    border-bottom: 1px solid #EDEFF0;
    padding: 8px 11px;
    position: relative;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.subtotal>.product_price,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.subtotal>.product_price {
    color: #005EC8;
    line-height: 22px;
    font-weight: bold;
    float: right;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.adjustment_price>.product_price,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.adjustment_price>.product_price {
    color: #4d4d4d;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.view_more,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.view_more {
    border-bottom: 1px solid #EDEFF0;
    padding: 5px 11px;
    position: relative;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.view_more>.view_more_items,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.view_more>.view_more_items {
    color: #006ECC;
    font-size: 12px;
    cursor: pointer;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.view_more>.view_more_items:hover,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.view_more>.view_more_items:hover {
    text-decoration: underline;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.go_to_cart,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.go_to_cart {
    height: 35px;
    padding: 6px 11px;
    overflow: hidden;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.go_to_cart>.button_primary,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.go_to_cart>.button_primary {
    float: right;
    margin-top: 5px;
}


/* Added Product */

div#widget_minishopcart_popup>#cartDropdown>.content>.added>.product,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.added>.product {
    min-height: 112px;
    border-bottom: 1px solid #edeff0;
    position: relative;
    padding: 5px 11px 5px 126px;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.added>.product:last-child,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.added>.product:last-child {
    border-bottom: none;
}

div#widget_minishopcart_popup>#cartDropdown>.content>.added>.product>.product_image,
div#widget_minishopcart_popup_1>#cartDropdown>.content>.added>.product>.product_image {
    width: 110px;
    height: 114px;
    position: absolute;
    top: 0px;
    left: 0px;
}

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

div#widget_minishopcart_popup>.bottom,
div#widget_minishopcart_popup_1>.bottom {
    width: 360px;
    overflow: hidden;
}

div#widget_minishopcart_popup>.bottom>.left_border,
div#widget_minishopcart_popup_1>.bottom>.left_border {
    float: left;
    width: 3px;
    height: 3px;
    background-color: #a3a3a3;
}

div#widget_minishopcart_popup>.bottom>.middle_tile,
div#widget_minishopcart_popup_1>.bottom>.middle_tile {
    float: left;
    width: 354px;
    height: 3px;
    background-color: #a3a3a3;
}

div#widget_minishopcart_popup>.bottom>.right_border,
div#widget_minishopcart_popup_1>.bottom>.right_border {
    float: left;
    width: 3px;
    height: 3px;
    background-color: #a3a3a3;
}


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


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

div.widget_masthead_links_position {
    position: absolute;
    right: 263px;
    top: 19px;
}

div#widget_masthead_links {
    position: relative;
    width: 450px;
    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;
    right: 0px;
    top: 20px;
}

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 - moved to styles.css
/* -----------------------------------------------------------------------------*/


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


/* 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 h1 {
    font-size: 13px;
    margin-bottom: 5px;
}

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


/* 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: 100%;
}


/* 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: #5E5E5E;
    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;
}


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


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


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


/* 4.3.2 Product Information Widget
/* -----------------------------------------------------------------------------*/

.quantity_input {
    height: 19px;
    width: 40px;
    background-color: #ffffff;
    font-style: normal;
    font-size: 14px;
    padding: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #4d4d4d;
    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;
}

.my_account_wishlist .product_listing_container .grid_mode>.row {
    background-image: none;
}


/* 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 */

.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;
}


/* Modifications for bundle and product pages */

.container_product_details_bundle_package .widget_product_info_viewer {
    width: 575px;
}

.container_product_details_bundle_package .widget_product_info_viewer>.product_text {
    border-bottom: none;
}

.container_product_details_bundle_package .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 h1 {
    font-weight: normal;
    font-size: 13px;
    float: left;
}

div.widget_sidebar_container div.divider {
    height: 2px;
    border-bottom: solid 1px #e5e5e5;
}

div.widget_sidebar_container>div.top {
    display: none;
}

div.widget_sidebar_container>.left_border>.right_border>.content {
    border: 3px solid #e5e5e5;
    background-color: #ffffff;
    padding: 6px 9px 0 9px;
}

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;
}

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: #5E5E5E;
}

div.widget_sidebar_container>.left_border>.right_border>.content>div.header_content>div.rssFeedVertical {
    float: right;
    margin: 5px 0px 0px 30px;
}

div.widget_sidebar_container>.left_border>.right_border>.content>div.header_content .right .left_arrow_disabled {
    height: 12px;
    margin-right: 12px;
    margin-top: 14px;
    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: 14px;
    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: 14px;
    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: 14px;
    margin-bottom: -1px;
    width: 7px;
}

div.widget_sidebar_container>.left_border>.right_border>.content div.item {
    /*width: 213px;*/
    padding: 12px 0 10px 0;
}

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/sidebar_containers/bg_80percent_transparent_grey.png") repeat scroll 0 0 transparent;
    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;
    display: block;
}

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: 110px;
    float: right;
    line-height: 12px;
}

div.widget_sidebar_container>.left_border>.right_border>.content div.item>div.right_column>div.item_name {
    font-size: 11px;
    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: #666666;
}


/* 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: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #CA4200;
}


/* 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: #5E5E5E;
    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: #CA4200;
}


/* 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 {
    display: none;
}

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>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-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e5e5e5;
    border-style: solid;
    border-width: 1px 1px 0;
    float: left;
    margin: 0 2px 0 0;
    font-size: 14px;
    background: #f8f8f8;
}

div.widget_tab_container>div.header li:hover {
    background: #e5e5e5;
}

div.widget_tab_container>div.header a {
    display: block;
    padding: 0 1em;
    font-size: 14px;
    height: 35px;
    line-height: 2.2em;
    text-decoration: none;
    color: #666666;
}

div.widget_tab_container>div.header li.first_tab {
    margin-left: 0.8em;
}

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: 300px;
    font-size: 12px;
    line-height: 15px;
    padding-top: 20px;
    padding-left: 17px;
    color: #4D4D4D;
}


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

div#widget_breadcrumb>ul {
    list-style-type: none;
}

div#widget_breadcrumb>ul li {
    display: inline;
    color: #2E2E2E !important;
    font-size: 18px !important;
    margin: 0;
}

div#widget_breadcrumb>ul li a {
    text-decoration: none;
    color: #2E2E2E !important;
}

div#widget_breadcrumb>ul li:hover a {
    text-decoration: underline;
}

div#widget_breadcrumb>ul li.current {
    color: #2E2E2E !important;
}

div#widget_breadcrumb>ul span.divider,
div#widget_breadcrumb>ul li.divider {
    margin: 0 6px;
    color: #2E2E2E !important;
    font-size: 18px !important;
}


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


/* 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: #5E5E5E;
}

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 {
    width: 685px;
    min-height: 10px;
    overflow: hidden;
    background-color: #ffffff;
}

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: 685px;
}

div#widget_coordinate>.middle>.left_border {
    width: 0px;
    float: left;
}

div#widget_coordinate>.middle>.content {
    width: 647px;
    padding: 0px 8px 40px 30px;
    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_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;
    display: block;
}

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: #5E5E5E;
    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
/* -----------------------------------------------------------------------------*/


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


/* 5.1. Primary Button
/* -----------------------------------------------------------------------------*/

.button_primary {
    display: inline-block;
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#005ec7), to(#0574f0));
    background-image: linear-gradient(#005ec7, #0574f0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#005ec7', endColorStr='#0574f0')";
    border: 1px solid #0574f0;
    border-radius: 4px;
    border-spacing: 0;
    vertical-align: middle;
}

.button_primary:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#005ec7), to(#0574f0));
    background-image: linear-gradient(#005ec7, #0574f0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#005ec7', endColorStr='#0574f0')";
}

.button_primary>.button_text {
    display: table-cell;
    height: 24px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid #fdd466;
    border-radius: 3px;
    font-size: 11px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
}

.button_primary>.left_border,
.button_primary>.right_border {
    display: none;
}

.button_primary>.button_primary {
    display: block;
    border: 0 none;
}


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


/* 5.1. Secondary Button
/* -----------------------------------------------------------------------------*/

.button_secondary {
    display: inline-block;
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FBBB0B), to(#EE9505));
    background-image: linear-gradient(#FBBB0B, #EE9505);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FBBB0B', endColorStr='#EE9505')";
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    border-spacing: 0;
    vertical-align: middle;
}

.button_secondary:hover {
    background-image: linear-gradient(#f7f9f9, #ced2d3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ced2d3));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#ced2d3')";
}

.button_secondary>.button_text {
    display: table-cell;
    height: 24px;
    padding: 0 20px;
    border: 1px solid #f1f3f3;
    border-radius: 3px;
    font-size: 11px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
}

.button_secondary>.left_border,
.button_secondary>.right_border {
    display: none;
}


/*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>.button_text,
.disabled .button_primary>.button_text {
    color: #5E5E5E;
}


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


/* 4.10. Product Grid/List
/* -----------------------------------------------------------------------------*/

.widget_product_listing_position {}

.intelligentOffer_preview_padding {
    padding-top: 30px;
}

.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%;
    position: relative;
    min-height: 90px !important;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.simple_bar {
    min-height: 40px !important;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar.simple_bar>.paging_controls {
    top: 10px;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar.simple_bar>.paging_controls.top30px {
    top: 30px;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar.simple_bar>.paging_controls.bottom0px {
    bottom: -5px;
    top: auto;
}

.widget_product_listing>.middle>.left_border>.right_border>.content .divider {
    /*height: 1px;
				background-color: #e5e5e5;*/
    width: 1px;
    background-color: #e5e5e5;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.title {
    padding-top: 7px;
    padding-left: 9px;
    font-size: 16px;
    color: #666666;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.titleItems>.title {
    padding-left: 9px;
    padding-top: 7px;
}

.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 {
    position: absolute;
    top: 32px;
    left: 9px;
    overflow: hidden;
}

.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 {
    position: absolute;
    top: 8px;
    right: 9px;
}

.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: #5E5E5E;
    font-size: 11px;
    line-height: 15px;
    height: 18px;
    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: #5E5E5E;
    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 {
    position: absolute;
    top: 35px;
    right: 9px;
    color: #5E5E5E;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    overflow: visible;
}

.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: 0 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: 0 3px 0 0;
    float: left;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls .left_arrow {
    margin: 2px 0 0;
    float: left;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls .right_arrow {
    margin: 2px 0 0;
    float: left;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls>.pages {
    line-height: 17px;
    float: left;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls>.pages>ul {
    list-style-type: none;
    overflow: hidden;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls>.pages>ul>li {
    display: block;
    float: left;
    padding: 0 2px;
    min-width: 14px;
    cursor: pointer;
    text-align: center;
    color: #4d4d4d;
    margin: 0 2px;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls>.pages>ul.desktop>li:hover {
    color: #fff;
    background-color: #CA4200;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls>.pages>ul>li.truncated:hover {
    background-color: #fff;
    color: #4d4d4d;
}


/* DevStart - productname color was displayed as blue in IE7. */

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls>.pages>ul.desktop>li a {
    color: #4d4d4d;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls>.pages>ul.desktop>li:hover a {
    color: #fff;
}


/*DevEnd*/

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls>.view_all {
    margin-left: 6px;
    line-height: 17px;
    float: left;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls>.view_all>a {
    color: #4d4d4d;
    text-decoration: none;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls>.view_all>a:hover {
    color: #CA4200;
    text-decoration: underline;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.sorting_controls {
    position: absolute;
    right: 9px;
    top: 32px;
    color: #4d4d4d;
    font-size: 11px;
    height: 18px;
    padding: 0;
    margin: 25px 0 20px;
}

.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>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls .active {
    background-position: left top;
    cursor: pointer;
    background-color: #CA4200;
    color: #ffffff !important;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls .inactive {
    background-position: left bottom;
    color: #ffffff !important;
    background-color: #bfbfbf;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls .hoverover {
    background-position: left bottom;
    cursor: pointer;
}

.widget_product_listing>.middle>.left_border>.right_border>.content>.header_bar>.paging_controls .desktop .hoverover:hover {
    background-position: left top;
    background-color: #CA4200;
    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 {}


/* DevStart: css for list view under Other Custmers Also Purchased */

.product_listing_container .list_mode .product {
    padding: 15px 15px 15px 190px;
    position: relative;
}

.product_listing_container .list_mode .product .divider {
    display: none;
}

.product_listing_container .list_mode .product>.product_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: auto;
    margin: 15px;
}

@media (max-width: 420px) {
    .product_listing_container .list_mode .product {
        padding-left: 150px;
    }
    .product_listing_container .list_mode .product>.product_image {
        width: 120px;
    }
}

.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 {
    color: #666666;
    font-size: 17px;
}

.product_listing_container .list_mode .product>.product_info>.product_name a:hover {
    text-decoration: underline;
}

.product_listing_container .list_mode .product>.product_info>.attr {
    font-size: 14px;
}

.product_listing_container .list_mode .product>.product_info>.def_attr {
    display: block;
}

.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: #5E5E5E;
    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: 13px;
    line-height: 16px;
    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 {
    clear: left;
    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 {
    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;
}

.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>.searchAssocAssets {
    padding: 20px 0 20px 0;
    font-size: 12px;
    line-height: 16px;
}

.product_listing_container .list_mode .product>.product_info>.searchAssocAssets>.product_attachment>.details {
    float: left;
}

.product_listing_container .list_mode .product>.product_info>.searchAssocAssets>.product_attachment>.details a {
    color: #006ECC;
    text-decoration: none;
}

.product_listing_container .list_mode .product>.product_info>.searchAssocAssets>.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 .tab_header .tab_container {
    height: 36px;
    line-height: 35px;
    padding: 0 7px;
    font-size: 15px;
    font-weight: bold;
    float: left;
}

div.widget_search_tab_wrapper .tab_header .active_tab {
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #FFFFFF;
}

div.widget_search_tab_wrapper .tab_header .inactive_tab {
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    cursor: pointer;
    background: #FBFBFB;
}

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 !important;
}

.button_add_to_cart_disabled {
    height: 25px;
    padding: 2px 45px;
    border: 2px solid #e5e5e5;
    color: #5E5E5E;
    float: left;
    font-size: 12px;
    line-height: 25px;
    cursor: default;
}


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


/* 6.MISC
/* -----------------------------------------------------------------------------*/


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


/* 6.1. Package/Bundle Page extras
/* -----------------------------------------------------------------------------*/

.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: 1px solid #e5e5e5;
    margin-bottom: 20px;
    color: #5E5E5E;
}

.widget_bundle_package_list .product_listing_container .list_mode .product>.product_image {
    margin-top: 0px;
}

.widget_bundle_package_list .product_listing_container .bundle_mode .product {
    background: url('../images/colors/color1/bundle_product_bg.png') repeat-y;
}

.widget_bundle_package_list .product_listing_container>.bundle_mode .product .product_info {
    width: 300px;
}

.widget_bundle_package_list .product_listing_container>.list_mode .product .product_info .product_sizes .heading {
    font-size: 13px;
}


/* 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: 127px;
}


/* DevEnd */


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


/* 6.2. Product Compare
/* -----------------------------------------------------------------------------*/

.widget_product_compare {
    color: #404040;
}

.widget_product_compare a {
    color: #006ECC;
    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: 20px;
    color: #5E5E5E;
}

.widget_product_compare .compare_back {
    font-size: 14px;
    margin-bottom: 5px;
}

.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: 100%;
    height: 1px;
    background-color: #e5e5e5;
    float: left;
}

.widget_product_compare>.middle>.left_border {
    padding-left: 1px;
    background-color: #e5e5e5;
}

.widget_product_compare>.middle>.left_border>.right_border {
    padding-right: 1px;
    background-color: #e5e5e5;
}

.widget_product_compare>.middle>.left_border>.right_border>.content {
    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: #5E5E5E;
    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: #5E5E5E;
}


/* 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: #5E5E5E;
    font-weight: bold;
    padding: 6px 1%;
    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: 6px 1%;
    line-height: 16px;
}

.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .row:first-child>.item>a>img {
    max-width: 100%;
}


/* DevStart: to dynamically select the class based on the number of products to compare */

.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .row>.heading {
    width: 18%;
}

.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_4 .row>.item {
    width: 18%;
}

.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_3 .row>.item {
    width: 24%;
}

.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_2 .row>.item {
    width: 37%;
}

.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_1 .row>.item {
    width: 78%;
}

.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: #5E5E5E;
    font-weight: normal;
    text-decoration: line-through;
    margin-right: 4px;
    /* Dev: provides space after list price and before offer price */
}

.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .row>.item>.heading_mobile,
.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main:nth-child(3) {
    display: none;
}

@media (max-width: 600px) {
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main {
        overflow: hidden;
    }
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main:nth-child(3) {
        display: inherit;
    }
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_4,
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_3 {
        width: 200%;
    }
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_2,
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_1 {
        width: 100%;
    }
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_4 .row>.item {
        width: 23% !important;
    }
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_3 .row>.item {
        width: 23% !important;
    }
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_2 .row>.item {
        width: 48% !important;
    }
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .compare_1 .row>.item {
        width: 98% !important;
    }
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .row>.heading {
        display: none;
    }
    .widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .row>.item>.heading_mobile {
        display: inherit;
        font-weight: bold;
    }
}


/* DevEnd: to dynamically select the class based on the number of products to compare */


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


/* 6.3. Static Pages content
/* -----------------------------------------------------------------------------*/

.static_page img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.static_page .header {
    font-size: 24px;
    color: #666666;
    line-height: 26px;
    margin: 12px 10px;
}

.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>.column {
    width: 33%;
    float: left;
}

.static_page>.three_column_content>.border {
    border-left: 1px solid #e5e5e5;
}

.static_page>.three_column_content>.column .column_header {
    font-size: 17px;
    float: left;
}

.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>.text_holder {
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
}

.static_page>.three_column_content>.column>.espot {
    max-width: 239px;
    margin: 0 auto !important;
}

.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;
    float: left
}

.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 {
    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 {
    max-width: 719px;
    margin: 0 auto;
}

.static_page>.style_guide>.left_image {
    float: left;
    width: 50%;
}

.static_page>.style_guide>.right_content {
    float: left;
    width: 50%;
}

@media (max-width: 920px) {
    .static_page>.style_guide>.left_image {
        width: 100%;
    }
    .static_page>.style_guide>.right_content {
        width: 100%;
    }
}

.static_page>.style_guide>.right_content>ul {
    padding: 0;
}

.static_page>.style_guide>.right_content p,
.static_page>.style_guide>.right_content>ul li {
    font-size: 12px;
    color: #666666;
    line-height: 14px;
    margin: 0 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 {
    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;
}

.static_page>.video_container {
    position: relative;
    max-width: 718px;
    margin: 0 auto;
}

.static_page>.video_container:before {
    content: "";
    display: block;
    position: relative;
    padding-bottom: 57.4%;
}

.static_page>.video_container object {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 920px) {
    .static_page>.three_column_content>.column {
        width: 100%;
    }
    .static_page>.three_column_content>.border {
        border: 0 none;
    }
}


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


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

.dijitDialogUnderlayWrapper {
    position: absolute;
}

#confirmationPopup_underlay {
    display: block;
    background-color: #fff;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

#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: right top;
    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: 2px 0 0 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: right bottom;
    height: 11px;
    width: 51px;
    float: left;
}


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


/* 6.5. Punchout Payment
/* -----------------------------------------------------------------------------*/

div.punchout_pay_button_div {
    margin-top: 10px;
}


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


/* 6.6. Popups
/* -----------------------------------------------------------------------------*/

div .error_icon {
    float: left;
}


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


/* 6.7. IE6 Unsupported Browser Page
/* -----------------------------------------------------------------------------*/

.ie6_Background {
    background-color: #FFFFFF;
    height: 100%;
    position: fixed;
    width: 100%;
}

.ie6_Position {
    position: relative;
    width: 100%;
}

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

.ie6_Header {
    color: #A1A1A1;
    font-family: verdana, arial;
    font-size: 20px;
    padding-bottom: 12px;
    padding-top: 38px;
    text-align: center;
}

.ie6_Message {
    color: #444444;
    font-family: verdana, arial;
    font-size: 13px;
    line-height: 16px;
    padding-bottom: 40px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
}

.ie6_Banner {
    background: url("../images/colors/color1/unsupported_browser_bg.png") repeat-x scroll 0 0 white;
    border-bottom: 1px solid #C6D0DC;
    height: 42px;
    padding-top: 5px;
}

.ie6_AuroraLogo {
    position: relative;
}

.orderExpandArea {
    border-top: 1px solid #e0e0e0;
    padding: 5px 0px;
}

.orderExpandArea a p {
    display: inline;
    vertical-align: top;
}

#orderExpandAreaBottom {
    border-bottom: 1px solid #e0e0e0;
}


/*LB - changed border-top color and removed most styling*/


/* DevStart*/

.static_page_content>.content_box,
.static_page_content>.info_table_1 {
    border-top: 2px solid #005ec7;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background-color: transparent;
    padding-bottom: 9px;
}


/* LB  - made bigger*/

.container_static_full_width,
.container_configurator_full_width {
    max-width: 1200px;
}


/* LB - added space to top of p*/

.static_page_content>.content_box p+p {
    margin-top: 10px;
}


/* DevEnd*/