<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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");

@import url("legacy1_1.css");

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

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

@import url("base.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 &gt; .content_box{
		border: 1px solid #e5e5e5;
	}

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

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

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

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

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

		}

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

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

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

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

		.configurator_page_content &gt; .content_box &gt; .item &gt; .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 &gt; .page_header{
	font-size: 22px;
	color: #777777;
	line-height: 46px;
}

/* DevStart: Bottom padding is reduced */
.static_page_content &gt; .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 &gt; .white{
	background-color: #ffffff;
}

/* DevStart: Strict Hierarchy removed to accomodate a div */
.static_page_content &gt; .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 &gt; .content_box .header{
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	padding-left: 9px;
	padding-right: 9px;
}

.static_page_content &gt; .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 &gt; .content_box .info_section &gt; .indent{
	padding-left: 20px;
}

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

.static_page_content &gt; .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 &gt; .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 &gt; 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;
}

/* #bankType input {
	height: 22px !important;
}
#bankType select {
	height: 40px !important;
	width: 100% !important;
} */
#paymentOptions button.active::after {
	position: inherit !important;
}

#credit-info #eCheck input,#eCheck select {
	height: 35px;
    width: 39%;
}


/* 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: #777777;
	padding-left: 50%;
	margin-left: -321px;
}

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


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

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

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

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

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

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


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

	div.email_container &gt; .email_main &gt; .middle &gt; .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 &gt; .email_main &gt; .middle &gt; .content_left_border &gt; .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 &gt; .email_main &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content{
				width: 628px;
				background-color: #FFFFFF;

			}

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

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

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

			div.email_container &gt; .email_main &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .espot_container{

			}

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

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


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

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

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

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

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

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

			}

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


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

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

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

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

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

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

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

			div.email_container &gt; .email_main &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .newsletter_info &gt; .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 &gt; .email_main &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .newsletter_info &gt; .table_headers .first_header{
				float: left;
				width: 290px;
			}

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

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

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

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

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

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

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


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

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


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

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


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

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

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

		div.email_container &gt; .email_main &gt; .bottom &gt; .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: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 9999;
	min-width: 270px;
	max-width: 550px;
	width:100%;
	display:none; /* Dev -- Hide the error message area by default */
}

.store_message &gt; .content{
	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;
	filter:progid:DXImageTransform.Microsoft.Glow(color='#888888',Strength ='5');
}

.store_message &gt; .content &gt; .close{
	position: absolute;
	top: 10px;
	right: 15px;
}

.store_message &gt; .content &gt; .close &gt; .close_text{
	font-size: 11px;
	color: #777777;
	height: 13px;
	float:left;
}

.store_message &gt; .content &gt; .close &gt; .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;
}

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

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

.store_message &gt; .content &gt; .message .message_icon {
  	float: left;
    height: 18px;
    position: relative;
    width: 18px;
}
.store_message &gt; .content &gt; .message .message_icon .error_icon {
	position:absolute;
	top: -3px;
	left: 1px;
}
.store_message &gt; .content &gt; .message .message_icon &gt; #success_icon.error_icon {
	left: -3px;
}
.store_message &gt; .content &gt; .message .message_text{
	font-size: 12px;
	color: #4D4D4D;
	line-height: 16px;
	margin-left: 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 &gt; .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 &gt; .content{
		background-color: #FFFFFF;
		padding-bottom: 50px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}


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

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

/*------------------------------- */
div.widget_articles_videos &gt; .top{
	width: 718px;
}

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

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

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

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

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

		div.widget_articles_videos &gt; .middle &gt; .left_content_border &gt; .right_content_border{
			padding-right: 1px;
			width: 716px;
		}

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

		}

		div.widget_articles_videos &gt; .middle &gt; .left_content_border &gt; .right_content_border &gt; .content &gt; .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 &gt; .middle &gt; .left_content_border &gt; .right_content_border &gt; .content &gt; .header &gt; span.small{
			font-size: 12px;
			float: left;
			margin-left: 4px;
		}

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

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

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

		div.widget_articles_videos &gt; .middle &gt; .left_content_border &gt; .right_content_border &gt; .content &gt; .header &gt; .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 &gt; .middle &gt; .left_content_border &gt; .right_content_border &gt; .content &gt; .header &gt; .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 &gt; .middle &gt; .left_content_border &gt; .right_content_border &gt; .content &gt; .header &gt; .paging_controls  .active{
			background-color: #EF5305;
			background-position: left top;
			color: #FFFFFF !important;
			cursor: pointer;
		}

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

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

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

		div.widget_articles_videos &gt; .middle &gt; .left_content_border &gt; .right_content_border &gt; .content &gt; .header &gt; .paging_controls &gt; .pages &gt; ul &gt; 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 &gt; .middle &gt; .left_content_border &gt; .right_content_border &gt; .content &gt; .header &gt; .paging_controls &gt; .view_all{
			float: left;
			line-height: 17px;
			margin-left: 6px;
		}

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

		div.widget_articles_videos &gt; .middle &gt; .left_content_border &gt; .right_content_border &gt; .content &gt; .header &gt; .sorting_controls{
			color: #666666;
			font-size: 11px;
			height: 18px;
			margin: 0;
			padding: 0;
			position: absolute;
			right: 15px;
			top: 40px;
		}

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

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

		div.widget_articles_videos &gt; .middle &gt; .left_content_border &gt; .right_content_border &gt; .content &gt; .item{
			padding-left: 19px;
			padding-right: 8px;
			padding-bottom: 17px;
			padding-top: 17px;
		}

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

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

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

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

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



/*------------------------------- */
div[id^="InventoryStatus_Store_Details_"] &gt; .dijitDialogPaneContent {
    height: auto !important;
}

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

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

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

		div.widget_store_details_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .header &gt; span{
			color: #666666;
			font-size: 16px;
		}
		
		div.widget_store_details_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .header &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content .close:hover{
			background-position: 0 -13px;
		}

		div.widget_store_details_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .body{
			font-size: 12px;
			color: #666666;
			line-height: 16px;
		}

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

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

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

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

		div.widget_store_details_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .body &gt; .container_availability &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .body &gt; .container_availability &gt; .status_img_div{
			margin-right: 8px;
		}
		/* DevEnd */
/*---------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

div.widget_site_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content .close:hover{
	background-position: 0 -13px;
}

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

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

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

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

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

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

div.widget_site_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content .selector {
	padding: 8px;
}

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

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

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

}

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

div.widget_site_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content .selectors select{
	font-size: 12px;
	color: #666666;
	float:left;
}

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

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

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

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

div.widget_site_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content .footer{
	height: auto;
	border-top: 1px solid #edeff0;
	line-height: 36px;
	padding-left: 10px;
	padding-right: 10px;
}

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

div.widget_site_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content .footer .button_container .button_primary,
div.widget_site_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .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 &gt; .button{
	float: left;
	text-decoration:none;
	cursor: pointer;
}

	.dropdown_primary &gt; .button &gt; .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 &gt; .button &gt; .right_border, .dropdown_primary &gt; .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 &gt; .button &gt; .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 &gt; .drop{
		float: left;
		cursor: pointer;
	}

	.dropdown_primary &gt; .drop &gt; .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 &gt; .drop &gt; .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 &gt; .button:focus &gt; .left_border{
		background: url('../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png') top left no-repeat;
	}

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

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

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

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

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

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

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

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

	.dropdown_primary &gt; .drop:hover &gt; .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 &gt; 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 &gt; .focused {
	background-color: #d9e9f7;
}
/* DevEnd */
/* DevStart: padding left was added and focus_create class removed for shopping list drop down changes */
.wish_order_list &gt; .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 &gt; .message:hover{
	background-color: #ffffff;
	cursor:auto;
}


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

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

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

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

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

.widget_subscription_item &gt; .middle{
	width: 463px;
}

.widget_subscription_item &gt; .middle &gt; .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 &gt; .middle &gt; .content_left_border &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content{
	background-color: #ffffff;
}

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

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

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

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

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

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

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

.widget_create_shopping_list &gt; .top,
.widget_create_shopping_list &gt; .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 &gt; .top &gt; .left_border,
.widget_create_shopping_list &gt; .bottom &gt; .left_border{
	float: left;
	height: 3px;
	width: 3px;
}

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

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

.widget_create_shopping_list &gt; .middle{
	width: 463px;
}

.widget_create_shopping_list &gt; .middle &gt; .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 &gt; .middle &gt; .content_left_border &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content{
	background-color: #ffffff;
}

.widget_create_shopping_list &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .plain_header{
	height: 38px;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

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

.widget_create_shopping_list &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .header &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .header &gt; .close:focus{
	background-position: 0 -13px;
}

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

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

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

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

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

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

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

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

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

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

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

	.input_primary &gt; .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 &gt; .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 &gt; .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 &gt; .content &gt; 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 {
	padding-top: 200px;
}

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

div.widget_quick_info_popup {
	position:relative;
}

div.widget_quick_info_popup &gt; .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 &gt; .top &gt; .left_border{
		width:3px;
		height:3px;
		float: left;
	}

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

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

div.widget_quick_info_popup &gt; .middle &gt; .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 &gt; .middle &gt; .content_left_border &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content {
	background-color: #ffffff;
	margin: 23px;

}

	div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .left_column{
		width: 330px;
		margin-right: 15px;
		margin-bottom: 15px;
		float: left;
	}
	
	div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .left_column &gt; .image_container {
		border-bottom: 1px dotted #777777;
		width: 95%;
	}

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

	div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .left_column &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .left_column &gt; .other_views ul{
		display: table;
		padding-left: 0px;
	}

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

	div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .left_column &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .left_column &gt; .other_views ul li:hover{
		border: 3px solid #FAC549;
	}

	div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .left_column &gt; .other_views ul li &gt; a &gt; img{
		height: 100%;
	}

	div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .left_column &gt; .other_views &gt; 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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column{
		/*width: 374px;*/
		width: 335px;
		float: left;
		line-height: 12px;
	}

		div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; 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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .not_available{
			font-size: 11px;
			line-height: 16px;
			color: #777777;
			font-style:italic;
		}

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

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

		div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; span.price{
			color: #CA4200;
			display: block;
			font-size: 16px;
			line-height: 24px;
			font-weight:bold;
		}

		div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; span.sku{
			color: #777777;
			font-size: 10px;
			line-height: 12px;

		}

		div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .star_ratings{

		}

			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .star_ratings &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .star_ratings &gt; .single_star:hover{
				background-position: 0 -16px;
			}

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

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

		div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column p{
			font-size: 12px;
			line-height: 14px;
			color: #777777;
		}
		/* DevEnd: changed class hierarchy to add refresh area div */

		div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; 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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; a:hover{
			text-decoration:underline;
		}

		/* DevStart: for li elements that lists various product attributes */
		div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; li,
		div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; ul &gt; li{
			font-size: 11px;
			line-height: 13px;
			color: #777777;
			margin-left: 14px;
		}
		/* DevEnd */
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .color_and_size &gt; .heading{
				font-size: 14px;
				line-height: 14px;
			}
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .color_and_size &gt; .color_swatch_list &gt; ul &gt; li{
				display: block;
				float: left;
				margin-bottom: 6px;
				margin-right: 6px;
				margin-top: 6px;
			}
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .color_and_size &gt; .available_size_list{
				margin-top:6px;
			}
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .color_and_size &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .purchase_section .dropdown_primary &gt; .button &gt; .content{
				min-width: 127px;
			}
			/* DevEnd */
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .purchase_section &gt; 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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .purchase_section &gt; .button_primary &gt; .wide_button{
				width: 110px;
			}
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .purchase_section &gt; .full_details{
				padding-top: 10px;
				padding-bottom: 10px;
			}
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .purchase_section &gt; span.full_details a{
				color: #006ECC;
				font-size: 11px;
				text-decoration: none;
			}
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .purchase_section &gt; 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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column &gt; .purchase_section &gt; .button_add_to_cart &gt; .button_text{
				min-width: 120px;
			}
			/* Dev End*/
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column .button_secondary .button_text{
				min-width: 120px;
			}
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column .close_group{
				cursor:pointer;
				position:absolute;
				right:0px;
				top:-4px;
			}
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column .close_group:hover .close{
				background-position: 0 -13px;
			}
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .right_column .close_group:hover .close_text{
				text-decoration:underline;
			}
			div.widget_quick_info_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .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 &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .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 &gt; .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 &gt; .bottom &gt; .left_border{
		width:3px;
		height:3px;
		float: left;
	}

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

	div.widget_quick_info_popup &gt; .bottom &gt; .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 &gt; .header{
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	color: #666666;
	margin-left: -21px;
	padding-right: 21px;


}

div.widget_carousel .product &gt; .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 &gt; .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 &gt; .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 &gt; .product_image{
	position: relative;
	width: 160px;
	height: 160px;
	/*margin: 0 auto;*/
	cursor: pointer;
}

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

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

div.widget_carousel div.product &gt; .product_image &gt; .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 &gt; .product_image &gt; .quick_info_toggle a{
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	display:block;
}

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

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

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

div.widget_carousel &gt; div.product &gt; .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 &gt; div.product &gt; .description:hover{
	text-decoration: underline;
}
/*DevEnd: to give underline effect*/

div.widget_carousel &gt; div.product &gt; .product_option{
	display:none;
}

div.widget_carousel &gt; .divider{
	display:none;
}

div.widget_carousel div.product &gt; .product_info &gt; .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 &gt; .product_info &gt; .product_name a{
	color: #666666;
	text-decoration:none;
}

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

div.widget_carousel div.product &gt; .product_info &gt; .product_price{
	margin-top: 2px;
	font-weight: bold;
	color: #CA4200;
	font-size: 15px;
	margin-bottom: 10px;
}

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

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

div.widget_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 &gt; div.content_left_border{
	border: 5px solid #e5e5e5;
}
			div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.header{
				height: 34px;
				background-color: #ffffff;
				padding-left: 10px;
				padding-right: 10px;
			}
				div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section a &gt; div.header &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section a &gt; div.header &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section a:hover &gt; div.header &gt; span.expand_icon_open,
				div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section a:hover &gt; div.header &gt; span.expand_icon_close{
					background-position: 0 0;
				}

				div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.header span.header_title{
					font-size: 11px;
					line-height: 34px;
					font-weight: bold;
					color: #777777;
					float:left;
				}

				div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.header &gt; span.filter_by_title{
					font-size: 14px;
					font-weight: bold;
					line-height: 34px;
					color: #777777;
					float:left;
				}

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

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

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

				div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.header &gt; div.clearall &gt; a &gt; div.clear_all_text &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.header &gt; div.clearall &gt; a &gt; div.clear_all_text &gt; div.filter_sprite &gt; img{
					position: absolute;
					width: 13px;
					height: 26px;
				}

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

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

				div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.filter_list &gt; ul &gt; li:first-child {
					padding-top: 8px !important;
				}

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


		div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list &gt; ul {
				padding: 0;
			}

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

			div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list ul li,
			div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list div.showMore {
				padding: 10px;
				list-style-type:none;
				font-size:12px;
				text-decoration: none;
				color: #777777;
			}

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

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

			div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list ul li label,
			div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list div.showMore label {
				cursor: pointer;
			}

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

					div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list ul li.singleFacet input,
			div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list ul li label:hover,
			div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list div.showMore label:hover {
				text-decoration: underline;
			}

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

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

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

			div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; 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: #777777;
			}

			div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list &gt; ul &gt; li &gt; a{
				text-decoration: none;
				color: #777777;
			}

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

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

				div.widget_left_nav &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list &gt; ul &gt; li &gt; a &gt; div.filter_option &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; div.content div.content_section div.section_list &gt; ul &gt; li &gt; a &gt; div.filter_option &gt; div.filter_sprite &gt; img{
					position: absolute;
					width: 13px;
					height: 26px;
				}

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

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

.facetSelect &gt; li.more ~ li,
.facetSelect.active &gt; li.more {
	display: none;
}
.facetSelect.active &gt; 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 &gt; 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 &gt; div.top &gt; 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 &gt; div.top &gt; 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 &gt; div.top &gt; 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 &gt; 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 &gt; div.content_left_border &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; div.content{
	background-color: #ffffff;
}

div.widget_search_dropdown &gt; div.content_left_border &gt; div.content_right_border &gt; 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 &gt; span{
	font-size:13px;
	text-transform:uppercase;
}

div.heading &gt; 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 &gt; div.content_left_border &gt; div.content_right_border &gt; div.content &gt; div.heading &gt; a {
	font-size:12px;
	text-decoration: none;
	color: #006ecc;
}

div.widget_search_dropdown &gt; div.content_left_border &gt; div.content_right_border &gt; div.content &gt; div.heading &gt; a &gt; div{
	line-height: 30px;
}

div.widget_search_dropdown &gt; div.bottom &gt; 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 &gt; div.bottom &gt; 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 &gt; div.bottom &gt; 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 &gt; 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 &gt; div.header_left_shadow &gt; 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 &gt; div.header_left_shadow &gt; div.header_right_shadow &gt; div.header {
		width: 967px;
		background-color: #ffffff;
		position: relative;
	}

	div.header_wrapper &gt; div.header_top, div.header_wrapper &gt; 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 &gt; div.content_left_shadow {
		padding-left: 10px;
		margin-left: auto;
		margin-right: auto;
	}

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

	div.content_wrapper &gt; div.content_left_shadow &gt; div.content_right_shadow &gt; div.main_content {
		max-width: 967px;
		margin: 0 auto;
		background-color: #ffffff;
		min-height: 100px;
		padding: 8px 0;
	}

	div.content_wrapper &gt; 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 &gt; div.content_bottom {
		max-width: 987px;
		height: 10px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}

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

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

		div.content_wrapper &gt; div.content_bottom &gt; 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 &gt; div.footer_left_shadow {
		width: 977px;
		padding-left: 10px;
		background-color: none;
		margin-left: auto;
		margin-right: auto;
	}

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

	div.footer_wrapper &gt; div.footer_left_shadow &gt; div.footer_right_shadow &gt; div.footer_content {
		width: 967px;
		background-color: none;
	}

	div.footer_wrapper &gt; div.footer_top,  div.footer_wrapper &gt; 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 &gt; .left_column {
		width: 69%; /*685*/
		margin-right: 1%;
		float: left;
		padding: 0;
	}
	
	.container_content_rightsidebar.shop_cart &gt; .left_column {
		width: 79%;
	}

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

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

	.container_content_rightsidebar.shop_cart &gt; .right_column {
		width: 20%;
	}
	
	.container_content_rightsidebar .right_column .product &gt; .product_image img {
		width: 70%;
		max-width: 200px;
	}

/* -----------------------------------------------------------------------------*/
/* 3.1.3 Content area with left sidebar
/* -----------------------------------------------------------------------------*/
.container_content_leftsidebar {
	overflow: hidden;
}

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

	.container_content_leftsidebar &gt; .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 &lt;div&gt;&lt;img/&gt;&lt;/div&gt; */
}

	/* 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 &gt; .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 &gt; .widget_height &gt; 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 &gt; .left_column {
		width: 50%;
		float: left;
	}

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

#attachmentPaginationContainer .paging_controls .active {
	background-position: left top;
	cursor: pointer;
}
#attachmentPaginationContainer .paging_controls &gt; .pages &gt; ul &gt; 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 &gt; .left_column {
		width: 340px;
		margin-right: 20px;
		float: left;
	}

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

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

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

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

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

	#masthead &gt; .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 &lt;div&gt;&lt;img/&gt;&lt;/div&gt; */
}

/* -----------------------------------------------------------------------------*/
/* 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 &gt; 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 &gt; div.left_border,  div#widget_departments:focus &gt; 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 &gt; 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 &gt; div.content, div#widget_departments:focus &gt; 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 &gt; div.content &gt; span.label {
			font-size: 15px;
			color: #4d4d4d;
		}

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

		div#widget_departments &gt; div.content &gt; 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 &gt; 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 &gt; div.right_border, div#widget_departments:focus &gt; 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 &gt; .drop_down, div#widget_departments:focus &gt; .drop_down {
		position:absolute;
		left: 0px;
		top: 30px;
		cursor: default;
		display:block;
	}

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

		}

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

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

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

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

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

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

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

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

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

							div#widget_departments:hover &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .department &gt; .name_wrapper &gt; .arrow,
							div#widget_departments:focus &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .department &gt; .name_wrapper &gt; .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 &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .department:hover &gt; .name_wrapper,
							div#widget_departments:focus &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .department:focus &gt; .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 &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .dephighlight{
									background-color: #d9e9f7;
							}
							div#widget_departments:focus &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .dephighlight &gt; .name_wrapper &gt; .name &gt; a{
								font-weight: bold;
							}

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

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

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

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


								div#widget_departments:hover &gt; .drop_down .departments &gt; .department &gt; .sub_categories .top,
								div#widget_departments:focus &gt; .drop_down .departments &gt; .department &gt; .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 &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .top &gt; .left_border,
									div#widget_departments:focus &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .top &gt; .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 &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .top &gt; .middle_tile,
									div#widget_departments:focus &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .top &gt; .middle_tile{
										display: none;
									}

									div#widget_departments:hover &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .top &gt; .right_border,
									div#widget_departments:focus &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .top &gt; .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 &gt; .drop_down .departments &gt; .department &gt; .sub_categories .middle,
								div#widget_departments:focus &gt; .drop_down .departments &gt; .department &gt; .sub_categories .middle{
									width: 100%;
									float: left;
									min-height: 197px;
								}

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

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

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

											div#widget_departments:hover &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .middle &gt; .middle_tile &gt; .sub_category &gt; .name,
											div#widget_departments:focus &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .middle &gt; .middle_tile &gt; .sub_category &gt; .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 &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .middle &gt; .middle_tile &gt; .sub_category &gt; .first{
												margin-top: 8px;
											}
											div#widget_departments:hover &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .middle &gt; .middle_tile &gt; .sub_category &gt; .item:hover,
											div#widget_departments:focus &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .middle &gt; .middle_tile &gt; .sub_category &gt; .item:focus{
												background-color: #d9e9f7;
											}

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

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

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

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

												div#widget_departments:focus &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .middle &gt; .middle_tile &gt; .sub_category &gt; .dephighlight &gt; a{
													text-decoration: underline;
												}
									div#widget_departments:hover &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .middle &gt; .right_border,
									div#widget_departments:focus &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .middle &gt; .right_border{
										/*width: 1px;
										min-height: 197px;
										background-color: #b7bebe;
										float: right;*/
									}

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

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

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

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



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

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

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

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

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

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

			div#widget_departments:hover &gt; .drop_down &gt; .bottom &gt; .right_border, div#widget_departments:focus &gt; .drop_down &gt; .bottom &gt; .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 &gt; 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 &gt; 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 &gt; div.content &gt; span.label {
			font-size: 15px;
			color: #332902;
		}

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

	div#widget_departments_home &gt; 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 &gt; .drop_down {
		display: block;
		position:absolute;
		left: 0px;
		top: 38px;
		cursor: default;
	}

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

			div#widget_departments_home &gt; .drop_down &gt; .top &gt; .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 &gt; .drop_down &gt; .top &gt; .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 &gt; .drop_down &gt; .top &gt; .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 &gt; .drop_down &gt; .middle {
			width:214px;
		}

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

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

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

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

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

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

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

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

							div#widget_departments_home &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .department &gt; .name_wrapper &gt; .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 &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .department:hover &gt; .name_wrapper {
								font-weight: bold;
							}

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

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

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

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

									div#widget_departments_home &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .top &gt; .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 &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .top &gt; .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 &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .top &gt; .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 &gt; .drop_down .departments &gt; .department &gt; .sub_categories .middle {
									width: 392px;
									height: 198px;
									overflow: hidden;
								}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

							div#widget_departments_home &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .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 &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .view_all a {
									text-decoration: none;
									color: #565656;
								}

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

								div#widget_departments_home &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .view_all &gt; .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 &gt; .drop_down &gt; .bottom {
			width:214px;
			overflow: hidden;
			background-color: #a2a4a4;
		}

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

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

			div#widget_departments_home &gt; .drop_down &gt; .bottom &gt; .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 &gt; .drop_down .departments &gt; .department &gt; .sub_categories &gt; .middle &gt; .middle_tile &gt; .sub_category &gt; .first{
				margin-top: 8px;
			}

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

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

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

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

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

			div#widget_departments_home &gt; .drop_down &gt; .middle &gt; .left_border &gt; .right_border &gt; .departments &gt; .dephighlight &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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: #777777;
		}

		/* Dev: Begin. Search input text color is different for onFocus and onBlur */
		div#widget_search &gt; div.content input.search_input:focus{
			color:#4D4D4D;
		}

		div#widget_search &gt; div.content input.search_input:blur{
			color:#C6C6C6;
		}
		/* Dev: End. Search input text color is different for onFocus and onBlur */

		div#widget_search &gt; 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 &gt; div.content input.search_submit:hover {
			background: url('../images/colors/color1/widget_search/search_submit_hover.png') no-repeat;
		}

	div#widget_search &gt; 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 &gt; div.top &gt; 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 &gt; div.top &gt; 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 &gt; div.top &gt; 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 &gt; 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 &gt; div.content_left_border &gt; 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 &gt; div.bottom &gt; 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 &gt; div.bottom &gt; 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 &gt; div.bottom &gt; 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 &gt; 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 &gt; div.content &gt; 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 &gt; div.content &gt; div.info {
			position: absolute;
			top: 17px;
			left: 45px;
			color: #4d4d4d;
			min-width: 163px;
		}

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

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

		div#widget_minishopcart &gt; div.content &gt; 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 &gt; div.content &gt; 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 &gt; 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 &gt; 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 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product {
		min-height: 94px;
		border-bottom: 1px solid #edeff0;
		position: relative;
		padding: 5px 11px 5px 92px;
	}
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_image, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_image {
			width: 82px;
			height: 94px;
			position: absolute;
			top: 0px;
			left: 0px;
			padding: 5px 10px 5px 0;
			overflow: hidden; /*Dev*/
		}
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_name, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_name {
			font-size: 16px;
			color: #666666;
		}

		/* DevStart - productname color was displayed as blue in IE7. */
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_name a, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_name a {
			color: #666666;
		}
		/*DevEnd*/

		/* DevStart: text underline effect on mouse over for product name in minishopcart */
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product  a, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product  a {
			text-decoration: none;
		}
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product  a:hover, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product  a:hover {
			text-decoration: underline;
		}
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_image a, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_image a {
			display:block;
		}
		/* DevEnd */

		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_quantity, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_quantity {
			font-size: 13px;
			color: #666666;
			margin-right: 14px;
		}
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_part_number, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_part_number {
			font-size:13px;
			color: #4d4d4d;
		}
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_price, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_price {
			font-size:13px;
			color: #4d4d4d;
			line-height: 26px;
			float: right;
		}
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_color, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_color {
			font-size:12px;
			line-height: 16px;
			color: #808080;
		}
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_size, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .products &gt; .product &gt; .product_size {
			font-size:12px;
			line-height: 16px;
			color: #808080;
		}
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .subtotal, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .subtotal {
		border-bottom: 1px solid #EDEFF0;
		padding: 8px 11px;
		position: relative;
	}
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .subtotal &gt; .product_price, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .subtotal &gt; .product_price {
		color: #ca4200;
		line-height: 22px;
		font-weight: bold;
		float: right;
	}
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .adjustment_price &gt; .product_price, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .adjustment_price &gt; .product_price {
		color: #4d4d4d;
	}
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .view_more, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .view_more {
		border-bottom: 1px solid #EDEFF0;
		padding: 5px 11px;
		position: relative;
	}
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .view_more &gt; .view_more_items, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .view_more &gt; .view_more_items {
		color: #006ECC;
		font-size: 12px;
		cursor: pointer;
	}
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .view_more &gt; .view_more_items:hover, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .view_more &gt; .view_more_items:hover {
		text-decoration: underline;
	}
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .go_to_cart, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .go_to_cart {
		height: 35px;
		padding: 6px 11px;
		overflow: hidden;
	}
		div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .go_to_cart &gt; .button_primary, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .go_to_cart &gt; .button_primary {
			float: right;
			margin-top: 5px;
		}

	/* Added Product */
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .added &gt; .product, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .added &gt; .product {
		min-height: 112px;
		border-bottom: 1px solid #edeff0;
		position: relative;
		padding: 5px 11px 5px 126px;
	}
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .added &gt; .product:last-child, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .added &gt; .product:last-child {
		border-bottom: none;
	}
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .added &gt; .product &gt; .product_image, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .added &gt; .product &gt; .product_image {
			width: 110px;
			height: 114px;
			position: absolute;
			top: 0px;
			left: 0px;
		}
	div#widget_minishopcart_popup &gt; #cartDropdown &gt; .content &gt; .empty, div#widget_minishopcart_popup_1 &gt; #cartDropdown &gt; .content &gt; .empty {
		font-size: 13px;
		padding:15px 7px;
		border-bottom: 1px solid #EDEFF0;
	}
	div#widget_minishopcart_popup &gt; .bottom, div#widget_minishopcart_popup_1 &gt; .bottom {
		width: 360px;
		overflow: hidden;
	}
		div#widget_minishopcart_popup &gt; .bottom &gt; .left_border, div#widget_minishopcart_popup_1 &gt; .bottom &gt; .left_border {
			float: left;
			width: 3px;
			height: 3px;
			background-color: #a3a3a3;
		}
		div#widget_minishopcart_popup &gt; .bottom &gt; .middle_tile, div#widget_minishopcart_popup_1 &gt; .bottom &gt; .middle_tile {
			float: left;
			width: 354px;
			height: 3px;
			background-color: #a3a3a3;
		}
		div#widget_minishopcart_popup &gt; .bottom &gt; .right_border, div#widget_minishopcart_popup_1 &gt; .bottom &gt; .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 &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; div.left_border &gt; .right_border &gt; .content{
				padding-right: 10px;
				background-color: #FFFFFF;
			}

				/* DevStart: To fit the product main image into the container */
				div.widget_product_image_viewer &gt; div.left_border &gt; .right_border &gt; .content &gt; .image_container &gt; .product_main_image {
					width: 100%;
				}
				/* DevEnd */

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

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



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

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

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

			div.widget_product_image_viewer &gt; div.left_border &gt; .right_border &gt; .content &gt; div.other_views &gt; 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 &gt; div.top{
			width: 340px;
		}

		.container_product_details_bundle_package div.widget_product_image_viewer &gt; div.top &gt; div.left_border {
			width:5px;
		}

		.container_product_details_bundle_package div.widget_product_image_viewer &gt; div.top &gt; div.middle {
			width: 330px;
		}

		.container_product_details_bundle_package div.widget_product_image_viewer &gt; div.top &gt; div.right_border {
			width:5px;
		}

		.container_product_details_bundle_package div.widget_product_image_viewer &gt; div.left_border {
			width:335px;
		}

			.container_product_details_bundle_package div.widget_product_image_viewer &gt; div.left_border &gt; .right_border{
				width: 330px;
			}

				.container_product_details_bundle_package div.widget_product_image_viewer &gt; div.left_border &gt; .right_border &gt; .content &gt; .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 &gt; div.left_border &gt; .right_border &gt; .content &gt; .image_container &gt; .product_main_image{
						width: 330px;
					}
					/* DevEnd */
		.container_product_details_bundle_package div.widget_product_image_viewer &gt; div.bottom{
			width: 340px;
		}

		.container_product_details_bundle_package div.widget_product_image_viewer &gt; div.bottom &gt; div.left_border {
			width:5px;
		}

		.container_product_details_bundle_package div.widget_product_image_viewer &gt; div.bottom &gt; div.middle{
			min-width: 330px;
		}

		.container_product_details_bundle_package div.widget_product_image_viewer &gt; div.bottom &gt; 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 &gt; .row {
	background-image: none;
}


		/* DevStart: to remove the bottom margin from the last swatch */
		div.product_listing_container .list_mode .product &gt; .product_info &gt; .product_color_swatches &gt; .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 &gt; .product_text{
		border-bottom: none;
	}

		.container_product_details_bundle_package .widget_product_info_viewer &gt; .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 &gt; div.top {
		display: none;
	}

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

		div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content &gt; div.header_content{
			line-height: 16px;
			border-bottom: 1px solid #e5e5e5;
			position: relative;
			padding-bottom: 4px;
			min-height:30px;
		}

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content &gt; div.header_content &gt; .right{
				float: right;
				line-height: 22px;
			}

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content &gt; div.header_content &gt; .right span{
				font-size:11px;
				color: #777777;
			}

	div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content &gt; div.header_content &gt; div.rssFeedVertical {
		float: right;
		margin: 5px 0px 0px 30px;
	}
			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content &gt; div.header_content .right .left_arrow_disabled{
				height: 12px;
				margin-right: 12px;
				margin-top: 14px;
				margin-bottom: -1px;
				width: 7px;
			}

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content &gt; div.header_content .right .left_arrow_enabled{
				height: 12px;
				margin-right: 12px;
				margin-top: 14px;
				margin-bottom: -1px;
				width: 7px;
			}

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content &gt; div.header_content .right .right_arrow_enabled{
				height: 12px;
				margin-left: 12px;
				margin-top: 14px;
				margin-bottom: -1px;
				width: 7px;
			}


			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content &gt; div.header_content .right .right_arrow_disabled{
				height: 12px;
				margin-left: 12px;
				margin-top: 14px;
				margin-bottom: -1px;
				width: 7px;
			}

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

		div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content  div.item .button_secondary .button_text{
			width: 120px;
		}

		div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt;  div.left_column{
			width: 70px;
			float: left;
			position: relative;
			height: 70px;
			cursor:pointer;
		}

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt;  div.left_column &gt; .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 &gt; .left_border &gt; .right_border &gt; .content   div.item &gt;  div.left_column:hover &gt; .quick_info_toggle{
				visibility:visible;
			}

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt;  div.left_column &gt; .quick_info_toggle a{
				color: #ffffff;
				font-size: 10px;
				text-decoration: none;
				display:block;
			}

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt;  div.left_column &gt; .quick_info_toggle a:hover{
				text-decoration: underline;
			}

		div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt;  div.right_column{
			width: 110px;
			float: right;
			line-height: 12px;
		}

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt; div.right_column &gt; 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 &gt; .left_border &gt; .right_border &gt; .content   div.item &gt; div.right_column &gt; div.item_name a {
				color: #666666;
			}
			/* DevEnd */

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt; div.right_column &gt; div.item_name:hover{
				text-decoration:underline;
			}

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt; div.right_column &gt; 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 &gt; .left_border &gt; .right_border &gt; .content   div.item &gt; div.right_column &gt; div.item_price &gt; .old_price {
					color: #777777;
					font-weight: normal;
					text-decoration: line-through;
					margin-right: 4px; /* Dev: provides space after list price and before offer price */
				}

				div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt; div.right_column &gt; div.item_price &gt; .price {
					color: #CA4200;
				}
				/* DevEnd */

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt; div.right_column .view_details{
				margin-top: 10px;
				font-size:12px;
				color: #006ecc;
				text-decoration: none;
			}

			div.widget_sidebar_container &gt; .left_border &gt; .right_border &gt; .content   div.item &gt; div.right_column .view_details:hover{
				text-decoration: underline;
			}


	div.widget_sidebar_container &gt; div.bottom {
		display: none;
	}

		div.widget_sidebar_container &gt; div.bottom &gt; div.left_border{
			background-color:#e5e5e5;
			width:3px;
			height:3px;
			float: left;
		}

		div.widget_sidebar_container &gt; div.bottom &gt; div.middle{
			min-width: 206px;
			background-color:#e5e5e5;
			height:3px;
			float: left;
		}

		div.widget_sidebar_container &gt; div.bottom &gt; div.right_border{
			background-color:#e5e5e5;
			width:3px;
			height:3px;
			float: right;
		}

/* -----------------------------------------------------------------------------*/
/* 4.4. Tab Container Widget
/* -----------------------------------------------------------------------------*/

	div.widget_tab_container &gt; div.header ul {
		list-style: none outside none;
		margin: 0;
		padding: 0;
	}

	div.widget_tab_container &gt; 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 &gt; div.header li:hover {
		background: #e5e5e5;
	}

	div.widget_tab_container &gt; 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 &gt; div.header li.first_tab {
		margin-left: 0.8em;
	}

	div.widget_tab_container &gt; 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 &gt; div.header li.selected a{
		color: #666666;
	}

	div.widget_tab_container &gt; 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 &gt; div.content .header{
			font-size: 14px;
			border-bottom: 1px solid #E5E5E5;
			padding-bottom: 4px;
			color: #666666;
		}

	div.widget_tab_container &gt; .padding_sides{
		padding-right: 15px;
		padding-left: 15px;
	}

	div.widget_tab_container &gt; div.content ul{
		padding-top: 2px;
		padding-left: 25px;
	}

	/* DevStart: css for list view under Other Custmers Also Purchased */
	div.widget_tab_container &gt; div.content div.color_swatch_list &gt; ul {
		padding-top: 0px;
		padding-left: 0px;
	}
	/* DevEnd: css for list view under Other Custmers Also Purchased */

	div.widget_tab_container &gt; div.content .attachment{
		margin-top: 5px;
	}

	div.widget_tab_container &gt; div.content .attachment &gt; .icon{
		width: 22px;
		height: 22px;
		float: left;
		margin-right: 12px;
	}

	div.widget_tab_container &gt; div.content .attachment &gt; .description{
		float: left;
	}

	div.widget_tab_container &gt; div.content .attachment &gt; .description a{
		color: #006ECC;
		text-decoration: none;
	}

	div.widget_tab_container &gt; div.content .attachment &gt; .description a:hover{
		text-decoration: underline;
	}

	div.widget_tab_container &gt; div.content .attachment &gt; .description span.size{
		font-size: 11px;
	}

	#tab1_content p{
		padding-bottom: 10px;
	}
	/* DevEnd */

	/* DevStart: altering the class hierarchy */
	div.widget_tab_container &gt; div.content .details_table &gt; .color_first{
		background-color: #f8f8f8;
		height: 26px;
		line-height: 26px;
		padding-left: 11px;
	}

	div.widget_tab_container &gt; div.content .details_table &gt; .color_second{
		background-color: #FFFFFF;
		height: 26px;
		line-height: 26px;
		padding-left: 11px;
	}

	div.widget_tab_container &gt; div.content .details_table &gt; .header{
		font-size: 12px;
		font-weight: bold;
		border-bottom: 1px solid #aaaaaa;
	}

	div.widget_tab_container &gt; div.content .details_table .item_name{
		float: left;
		width:235px;
	}

	div.widget_tab_container &gt; div.content .details_table .item_description{
		float: left;
		width: 405px;
	}

	div.widget_tab_container &gt; div.content .details_table &gt; .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 &gt; 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
/* -----------------------------------------------------------------------------*/

nav#widget_breadcrumb {
	height: 14px;
	line-height: 12px;
}

	nav#widget_breadcrumb &gt; ul {
		list-style-type: none;
	}

		nav#widget_breadcrumb &gt; ul li {
			display: inline;
			color: #CA4200;
			font-size: 12px;
			margin:0;
		}

		nav#widget_breadcrumb &gt; ul li a{
			text-decoration: none;
			color: #CA4200;
		}

		nav#widget_breadcrumb &gt; ul li:hover a{
			text-decoration: underline;
		}

		nav#widget_breadcrumb &gt; ul li.current {
			color:#777777;
		}

		nav#widget_breadcrumb &gt; ul span.divider, nav#widget_breadcrumb &gt; ul li.divider {
			margin: 0 6px;
			color: #dedede;
			font-size: 12px;
		}


/* -----------------------------------------------------------------------------*/
/* 4.6. Full Width Widget
/* -----------------------------------------------------------------------------*/

.widget_fullwidth_container{
	width: 935px;
	padding-bottom: 25px;
}

.widget_fullwidth_container h1{
	font-size: 14px;
	font-weight: normal;
}

.widget_fullwidth_container .spacer_18px{
	height: 18px;
	min-height: 18px;&gt;&gt;
}

/*--------------- Stylings for right nav section ---------------*/
div.widget_fullwidth_container &gt; div.content &gt; div.middle &gt; div.header_content &gt; .right span{
	font-size:11px;
	color: #777777;
}

div.widget_fullwidth_container &gt; div.content &gt; div.middle &gt; 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 &gt; div.content &gt; div.middle &gt; 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 &gt; div.content &gt; div.middle &gt; 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 &gt; div.content &gt; div.middle &gt; 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 &gt; div.content &gt; div.middle &gt; 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 &gt; .content &gt; .middle &gt; .column  span.item_name{
	padding-top: 8px;
	font-size:11px;
	line-height: 20px;
	display:block;
}

.widget_fullwidth_container &gt; .content &gt; .middle &gt; .column  span.item_price{
	font-size:15px;
	font-weight:bold;
	color: #CA4200;
}

.widget_fullwidth_container &gt; .content &gt; .middle &gt; .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 &gt; .content &gt; .middle &gt; .column  span.item_special_price{
	color: #CA4200;
}


/*--------------- Stylings for LAST column content (no right border) ---------------*/
.widget_fullwidth_container &gt; .content &gt; .middle &gt; .column_last  span.item_name{
	padding-top: 8px;
	font-size:11px;
	line-height: 20px;
	display:block;
}

.widget_fullwidth_container &gt; .content &gt; .middle &gt; .column_last  span.item_price{
	font-size:15px;
	font-weight:bold;
	color: #CA4200;

}

.widget_fullwidth_container &gt; .content &gt; .middle &gt; .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 &gt; .content &gt; .middle &gt; .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 &gt; .top {
		display: none;
		overflow: hidden;
	}

		div#widget_coordinate &gt; .top &gt; .left_border {
			width: 0px;
			height: 0px;
			float: left;
		}

		div#widget_coordinate &gt; .top &gt; .middle_border {
			width: 0px;
			height: 0px;
			float: left;
		}

		div#widget_coordinate &gt; .top &gt; .right_border {
			width: 0px;
			height: 0px;
			float: left;
		}

	div#widget_coordinate &gt; .middle {
		width: 685px;
	}

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

		div#widget_coordinate &gt; .middle &gt; .content {
			width: 647px;
			padding: 0px 8px 40px 30px;
			float: left;
			position: relative;
		}

			div#widget_coordinate &gt; .middle &gt; .content &gt; .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 &gt; .middle &gt; .content &gt; .up_active {
				visibility: visible; /* Dev: show the up arrow, if there are items to be shown */
			}

			div#widget_coordinate &gt; .middle &gt; .content &gt; .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 &gt; .middle &gt; .content &gt; .down_active {
				visibility: visible; /* Dev: show the down arrow, if there are items to be shown */
			}

			div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .left_column &gt; .product {
				width: 105px;
				height: 105px;
				padding: 4px;
				background-color: #e5e5e5;
				float: left;
				position:relative;
			}
				div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .left_column &gt; .product &gt; .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 &gt; .middle &gt; .content &gt; .coordinate_body &gt; .left_column &gt; .product:hover &gt; .quick_info_toggle{
					visibility: visible;
				}

				div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .left_column &gt; .product &gt; .quick_info_toggle a{
					text-decoration: none;
					color: #ffffff;
					font-size: 12px;
					display:block;
				}

				div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .left_column &gt; .product &gt; .quick_info_toggle a:hover{
					text-decoration: underline;
					color: #ffffff;
					font-size: 12px;
				}

				div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .left_column &gt; .product img {
					width: 105px;
					height: 105px;
				}
			div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .left_column{
				float: left;
				width: 273px;
			}

			div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .right_column{
				float: left;
				margin-left: 16px;
				width: 358px;
			}

			div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .left_column &gt; .cross_image {
				width: 47px;
				height: 114px;
				float: left;
				position: relative;
			}

				div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .left_column &gt; .cross_image .cross {
					width: 17px;
					height: 17px;
					position: absolute;
					top: 50%;
					left: 50%;
					margin: -8px 0 0 -8px;
				}

			div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .right_column &gt; .info {
				margin-left: 16px;
				float: left;
			}

				div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .right_column &gt; .info &gt; .combined_total {
					font-size: 12px;
					margin-top: 2px;
				}

					div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .right_column &gt; .info &gt; .combined_total &gt; .list_value {
						color: #777777;
						font-size: 14px;
						font-weight: bold;
						text-decoration: line-through;
						margin-right: 4px; /* Dev: provides space after list price and before offer price */
					}

					div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .right_column &gt; .info &gt; .combined_total &gt; .value {
						font-size: 14px;
						color: #CA4200;
					}

				div#widget_coordinate &gt; .middle &gt; .content &gt; .coordinate_body &gt; .right_column &gt; .info &gt; .button {
					margin-top: 10px;
				}

		div#widget_coordinate &gt; .middle &gt; .right_border {
			width: 0px;
			float: left;
		}


	div#widget_coordinate &gt; .bottom {
		display: none;
	}

		div#widget_coordinate &gt; .bottom &gt; .left_border {
			width: 0px;
			height: 0px;
			float: left;
		}

		div#widget_coordinate &gt; .bottom &gt; .middle_border {
			width: 0px;
			height: 0px;
			float: left;
		}

		div#widget_coordinate &gt; .bottom &gt; .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(#fbbb0b), to(#ffb123));
	background-image: linear-gradient(#fbbb0b, #ffb123);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbbb0b', endColorStr='#ffb123')";
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	border-spacing: 0;
	vertical-align: middle;
}
.button_primary:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fed60c), to(#f8af06));
	background-image: linear-gradient(#fed60c, #f8af06);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fed60c', endColorStr='#f8af06')";
}
.button_primary &gt; .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 &gt; .left_border, .button_primary &gt; .right_border {
	display: none;
}
.button_primary &gt; .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(#f7f9f9), to(#e5e8e9));
	background-image: linear-gradient(#f7f9f9, #e5e8e9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#e5e8e9')";
	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 &gt; .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 &gt; .left_border, .button_secondary &gt; .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 &gt; .button_text,
	.disabled .button_primary &gt; .button_text {
		color: #777777;
	}

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

}

.intelligentOffer_preview_padding {
	padding-top: 30px;
}

.widget_product_listing {
	background-color: #ffffff;
}

	.widget_product_listing &gt; .top {
		width: 718px;
		height: 1px;
		overflow: none;
	}

		.widget_product_listing &gt; .top &gt; .left_border {
			width: 1px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}

		.widget_product_listing &gt; .top &gt; .middle_tile {
			width: 716px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}

		.widget_product_listing &gt; .top &gt; .right_border {
			width: 1px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}

	.widget_product_listing &gt; .middle {
		overflow: none;
		width: 718px;
	}

		.widget_product_listing &gt; .middle &gt; .left_border {
			width: 717px;
			padding-left: 1px;
			background-color: #e5e5e5;
		}

		.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border {
			width: 716px;
			padding-right: 1px;
			background-color: #e5e5e5;
		}

		.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content {
			width: 716px;
			padding: 0;
			min-height: 300px;
			background-color: #fff;
		}

		.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .texture_background{
			background-image: url('../images/colors/color1/widget_texture_bg.png');
			background-repeat:repeat;
		}

			.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar {
				width: 100%;
				position: relative;
				min-height: 90px !important;
			}

			.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .simple_bar{
				min-height: 40px !important;
			}
			.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar.simple_bar &gt; .paging_controls {
				top: 10px;
			}
			.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar.simple_bar &gt; .paging_controls.top30px {
				top: 30px;
			}
			.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar.simple_bar &gt; .paging_controls.bottom0px {
				bottom: -5px;
				top: auto;
			}
			.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content .divider{
				/*height: 1px;
				background-color: #e5e5e5;*/
				width: 1px;
				background-color: #e5e5e5;
			}

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

				.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .titleItems &gt; .title {
					padding-left: 9px;
					padding-top: 7px;
				}
					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .title &gt; .num_products {
						font-size: 12px;
					}

				.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .compare_controls {
					position: absolute;
					top: 32px;
					left: 9px;
					overflow: hidden;
				}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .compare_controls &gt; .button_secondary .button_text{
						padding-left: 6px;
						padding-right: 6px;
					}


				.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls{
					position: absolute;
					top: 8px;
					right: 9px;

				}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls &gt; .paging{
						font-size: 11px;

					}
					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls &gt; .num_showing{
						float:left;
						color: #4d4d4d;
						margin-right:6px;
					}
					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls .left_arrow_disabled{
						height: 12px;
						margin-right: 12px;
						margin-top: 2px;
						width: 7px;
					}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls .left_arrow_enabled{
						height: 12px;
						margin-right: 12px;
						margin-top: 2px;
						width: 7px;
					}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls .right_arrow_disabled{
						height: 12px;
						margin-left: 12px;
						margin-top: 2px;
						width: 7px;
					}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls .right_arrow_enabled{
						height: 12px;
						margin-left: 12px;
						margin-top: 2px;
						width: 7px;
					}

				.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .subscribe_share_controls{
					position: absolute;
					top: 8px;
					right: 9px;
					color: #777777;
					font-size: 11px;
					line-height: 15px;
					height: 18px;
					overflow: hidden;
					cursor:pointer;
				}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .subscribe_share_controls &gt; .text{
						text-decoration: none;
						line-height: 15px;
						float: right;
						color: #777777;
						margin-left: 4px; /* Dev: add spacing between share and subscribe */
					}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .subscribe_share_controls &gt; .icon{
						float: right;
						margin-left: 4px;
					}

					/*Dev : Hover should only appear on text */
					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .subscribe_share_controls &gt; .text:hover{
						text-decoration: underline;
					}


				.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls {
					position: absolute;
					top: 35px;
					right: 9px;
					color: #777777;
					font-size: 12px;
					height: 17px;
					line-height: 17px;
					overflow: visible;
				}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls .divider {
						width: 1px;
						height: 17px;
						background-color: #bfbfbf;
						margin: 0 12px;
						float: left;
					}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls .grid_icon {
						width: 17px;
						height: 17px;
						margin: 0 12px 0 0;
						float: left;
					}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls .list_icon {
						width: 17px;
						height: 17px;
						margin: 0 3px 0 0;
						float: left;
					}

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

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

					}

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls &gt; .pages {

						line-height: 17px;
						float: left;
					}

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

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

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

						/* DevStart - productname color was displayed as blue in IE7. */
						.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls &gt; .pages &gt; ul.desktop &gt; li a {
							color: #4d4d4d;
						}

						.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls &gt; .pages &gt; ul.desktop &gt; li:hover a {
							color:#fff;
						}
						/*DevEnd*/

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

						.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls &gt; .view_all &gt; a {
							color: #4d4d4d;
							text-decoration: none;
						}
						.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls &gt; .view_all &gt; a:hover {
							color: #CA4200;
							text-decoration: underline;
						}

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

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .sorting_controls &gt; .sort_by {
						line-height: 18px;
					}

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

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

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

					.widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .header_bar &gt; .paging_controls .desktop .hoverover:hover{
						background-position: left top;
						background-color: #CA4200;
						color: #ffffff !important;
					}




	.widget_product_listing &gt; .bottom {
		width: 718px;
		height: 1px;
		overflow: hidden;
	}

		.widget_product_listing &gt; .bottom &gt; .left_border {
			width: 1px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}

		.widget_product_listing &gt; .bottom &gt; .middle_tile {
			width: 716px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}

		.widget_product_listing &gt; .bottom &gt; .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: 0 0 0 190px;
	position: relative;
}
*/
.product_listing_container .list_mode .product .divider{
	display: none;
}

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


@media (max-width: 420px) {
	.product_listing_container .list_mode .product {
		padding-left: 150px;
	}
	.product_listing_container .list_mode .product &gt; .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 &gt; .product_info &gt; .product_name {
		color: #666666;
		font-size: 17px;
	}

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

	.product_listing_container .list_mode .product &gt; .product_info &gt; .attr {
		font-size: 14px;
	}
	
	.product_listing_container .list_mode .product &gt; .product_info &gt; .def_attr {
		display: block;
	}

	.product_listing_container .list_mode .product &gt; .product_info &gt; .product_price {
		color: #CA4200;
		font-size: 14px;
	}

		.product_listing_container .list_mode .product &gt; .product_info &gt; .product_price .old_price {
			color: #777777;
			text-decoration: line-through;
			margin-right: 4px; /* Dev: provides space after list price and before offer price */
		}

	.product_listing_container .list_mode .product &gt; .product_info &gt; .not_available{
		color: #4D4D4D;
		font-style: italic;
		line-height: 14px;
		font-size: 13px;
		margin-top: 2px;
	}

	.product_listing_container .list_mode .product &gt; .product_info &gt; .product_description {
		font-size: 13px;
		line-height: 16px;
		margin-top: 12px;
		padding-right: 15px;
	}

		.product_listing_container .list_mode .product &gt; .product_info &gt; .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 &gt; .product_info &gt; .product_description a:hover{
			text-decoration:underline;
		}

	.product_listing_container .list_mode .product &gt; .product_info &gt; .product_color_swatches {
		clear:left;
		overflow: hidden;
	}

	.product_listing_container .list_mode .product &gt; .product_info &gt; .product_color_swatches &gt; .color_swatch_list {
		float: left;
	}

	.product_listing_container .list_mode .product &gt; .product_info &gt; .product_color_swatches &gt; .color_name {
		font-size: 13px;
		float: left;
		line-height: 32px;
	}

	.product_listing_container .list_mode .product &gt; .product_info &gt; .product_sizes {
		margin-top: 2px;
	}
		.product_listing_container .list_mode .product &gt; .product_info &gt; .product_sizes .available_size_list ul {
			overflow: hidden;
		}

	.product_listing_container .list_mode .product &gt; .product_info &gt; .product_quantity_addtolist {
		line-height: 22px;
	}

		.product_listing_container .list_mode .product &gt; .product_info &gt; .product_quantity_addtolist &gt; .product_quantity .quantity_section .header,
		#widget_package_summary &gt; .left_border &gt; .right_border &gt; .content &gt; .item &gt; .product_quantity_addtolist &gt; .product_quantity .quantity_section .header {
			font-size: 13px;
			position: relative;
			bottom: 2px;
		}

		.product_listing_container .list_mode .product &gt; .product_info &gt; .product_quantity_addtolist &gt; .product_addtolist select{
			margin-left: 24px;
			height: 22px;
		}

	.product_listing_container .list_mode .product &gt; .product_info &gt; .product_option {
		margin-top: 7px;
	}

	.product_listing_container .list_mode .product &gt; .product_info &gt; .searchAssocAssets {
		padding: 20px 0 20px 0;
		font-size: 12px;
		line-height: 16px;
	}

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

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

	.product_listing_container .list_mode .product &gt; .product_info &gt; .searchAssocAssets &gt; .product_attachment &gt; .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 &gt; .top,
	div.widget_searchlanding_carousel &gt; .bottom,
	div.widget_searchlanding_carousel &gt; .middle {
		overflow: hidden;
	}

	div.widget_searchlanding_carousel &gt; .top &gt;  .left_border,
	div.widget_searchlanding_carousel &gt; .top &gt;  .right_border,
	div.widget_searchlanding_carousel &gt; .bottom &gt;  .left_border,
	div.widget_searchlanding_carousel &gt; .bottom &gt;  .right_border {
		width: 1px;
		height: 1px;
		background-color: #e6e6e6;
		float: left;
	}

	div.widget_searchlanding_carousel &gt; .top &gt;  .middle,
	div.widget_searchlanding_carousel &gt; .bottom &gt;  .middle {
		width: 933px;
		height: 1px;
		background-color: #e6e6e6;
		float: left;
	}

	div.widget_searchlanding_carousel &gt; .middle &gt; .left_border {
		width: 934px;
		padding-left: 1px;
		background-color: #e6e6e6;
	}

		div.widget_searchlanding_carousel &gt; .middle &gt; .left_border &gt; .right_border {
			width: 933px;
			padding-right: 1px;
			background-color: #e6e6e6;
		}

			div.widget_searchlanding_carousel &gt; .middle &gt; .left_border &gt; .right_border &gt; .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 &gt; .carousel,
				div.widget_searchlanding_carousel .content .brand_mode &gt; .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 &gt; .carousel {
					height: 222px;
				}

				div.widget_searchlanding_carousel .content .brand_mode &gt; .carousel {
					height: 191px;
				}

				div.widget_searchlanding_carousel .content .style_mode &gt; .carousel .item {
					margin-bottom: 42px;
					margin-top: 20px;
				}

				div.widget_searchlanding_carousel .content .brand_mode &gt; .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 &gt; .carousel .item &gt; .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 &gt; .carousel .item &gt; .description:hover {
					text-decoration: underline;
				}
				/*DevEnd: To give underline effect*/

				div.widget_searchlanding_carousel .content .brand_mode &gt; .carousel .item &gt; .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 &gt; .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 &gt; .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 &gt; .right_arrow:hover{
		background-position: 0 -84px;
	}


	div.widget_searchlanding_carousel &gt; 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 &gt; .top &gt; .left_border,
.widget_activity_feed &gt; .bottom &gt; .left_border{
	background-color: #E5E5E5;
	float: left;
	height: 5px;
	width: 5px;
}

.widget_activity_feed &gt; .top &gt; .middle,
.widget_activity_feed &gt; .bottom &gt; .middle{
	background-color: #E5E5E5;
	float: left;
	height: 5px;
	width: 202px;
}

.widget_activity_feed &gt; .top &gt; .right_border,
.widget_activity_feed &gt; .bottom &gt; .right_border{
	background-color: #E5E5E5;
	float: right;
	height: 5px;
	width: 5px;
}

.widget_activity_feed &gt; .content_left_border{
	width: 207px;
	background-color: #e5e5e5;
	padding-left: 5px;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border{
	width: 202px;
	background-color: #e5e5e5;
	padding-right: 5px;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content{
	width: 202px;
	background-color: #FFFFFF;
	height: 387px;
	position: relative;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .logo_like{
	height: 30px;
	border-bottom: 1px solid #f1f1f1;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 12px;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .logo_like &gt; .logo{
	width: 34px;
	height: 34px;
	margin-left: 12px;
	margin-right: 12px;
	float: left;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .logo_like &gt; .facebook_like{
	height: 34px;
	float: left;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .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 &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .feed_item{
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 0px;
	padding-bottom: 11px;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .feed_item &gt; .avatar{
	height: 35px;
	width: 35px;
	float: left;
	margin-right: 6px;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .feed_item &gt; .feed{
	float: left;
	width: 137px;
	font-size:11px;
	line-height: 13px;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .feed_item &gt; .feed a{
	color: #3b5998;
	text-decoration: none;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .feed_item &gt; .feed a:hover{
	text-decoration:underline;
	cursor: pointer;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .feed_item &gt; .feed .time{
	font-size: 9px;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .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 &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .social_plugin &gt; .icon{
	height: 14px;
	width: 14px;
	float: left;
	margin-right: 4px;
	margin-top: 2px;
}

.widget_activity_feed &gt; .content_left_border &gt; .content_right_border &gt; .content &gt; .social_plugin &gt; .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 &gt; .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 &gt; .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 &gt; .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 &gt; .left_border {
		background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top left no-repeat;
	}

	.button_add_to_cart:hover &gt; .right_border {
		background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top right no-repeat;
	}

	.button_add_to_cart:hover &gt; .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: #777777;
	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 &gt; .top {
		width: 711px;
		height: 0px;
		display: none;
	}

		.widget_bundle_package_list .widget_product_listing &gt; .top &gt; .left_border {
			width: 0px;
		}

		.widget_bundle_package_list .widget_product_listing &gt; .top &gt; .middle_tile {
			width: 711px;
		}

		.widget_bundle_package_list .widget_product_listing &gt; .top &gt; .right_border {
			width: 0px;
		}

	.widget_bundle_package_list .widget_product_listing &gt; .middle {
		width: 711px;
	}

		.widget_bundle_package_list .widget_product_listing &gt; .middle &gt; .left_border {
			width: 711px;
			padding-left: 0px;
		}

		.widget_bundle_package_list .widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border {
			width: 711px;
			padding-right: 0px;
		}

		.widget_bundle_package_list .widget_product_listing &gt; .middle &gt; .left_border &gt; .right_border &gt; .content {
			width: 711px;
			padding: 0;
			min-height: 300px;
			background-color: #fff;
		}



	.widget_bundle_package_list .widget_product_listing &gt; .bottom {
		display: none;
	}

	.widget_bundle_package_list .product_listing_container &gt; .list_mode .product {
		width: 508px;
		padding: 12px 12px 12px 191px;
		min-height: 160px;
		position: relative;
		border-top: 1px solid #e5e5e5;
		margin-bottom: 20px;
		color: #777777;
	}

	.widget_bundle_package_list .product_listing_container .list_mode .product &gt; .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 &gt; .bundle_mode .product .product_info {
		width: 300px;
	}

	.widget_bundle_package_list .product_listing_container &gt; .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 &gt; .bundle_mode .product .available {
		width: 190px; /* Dev: to accommodate select attribute text */
		padding-left: 12px;
	}
	/* DevEnd */

	#widget_bundle_summary &gt; .left_border &gt; .right_border &gt; .content &gt; .header_content &gt; .price,
	#widget_package_summary &gt; .left_border &gt; .right_border &gt; .content &gt; .header_content &gt; .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 &gt; .left_border &gt; .right_border &gt; .content &gt; .item .dropdown_primary &gt; .button &gt; .content,
	#widget_package_summary &gt; .left_border &gt; .right_border &gt; .content &gt; .item .dropdown_primary &gt; .button &gt; .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: #777777;
	}

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

	.widget_product_compare &gt; .top, .widget_product_compare &gt; .bottom {
		overflow: hidden;
	}

	.widget_product_compare &gt; .top &gt; .left_border, .widget_product_compare &gt; .bottom &gt; .left_border,
	.widget_product_compare &gt; .top &gt; .right_border, .widget_product_compare &gt; .bottom &gt; .right_border {
		width: 1px;
		height: 1px;
		background-color: #e5e5e5;
		float: left;
	}

	.widget_product_compare &gt; .top &gt; .middle, .widget_product_compare &gt; .bottom &gt; .middle {
		width: 100%;
		height: 1px;
		background-color: #e5e5e5;
		float: left;
	}

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

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

		.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content {
			background-color: #ffffff;
			min-height: 100px;
		}

			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .heading {
				padding: 0 8px;
				line-height: 32px;
				font-size: 14px;
				color: #777777;
				border-bottom: 1px solid #e5e5e5;
			}

			/* DevStart: to display compare zone empty message */
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .message {
				padding: 0 8px;
				line-height: 32px;
				font-size: 14px;
				color: #777777;
			}

			/* DevEnd: to display compare zone empty message */
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row_border {
				border-bottom: 1px solid #e5e5e5;
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row {
				overflow: hidden;
				font-size: 12px;
				min-height: 30px;
			}

			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .height_spacing_top{
				padding-top: 10px;
			}

			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .height_spacing_bottom{
				padding-bottom: 10px;
			}

			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .reduce_margins{
				margin-top: -8px;
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content .zebra {
				background-color: rgb(245, 245, 245);
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row &gt; .heading {
				float: left;
				color: #777777;
				font-weight: bold;
				padding: 6px 1%;
				line-height: 16px;
			}

				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row a:hover {
					text-decoration: underline;
				}

				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .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 &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row .remove {
					margin-bottom: -1px;
				}

			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row &gt; .item {
				float: left;
				padding: 6px 1%;
				line-height: 16px;
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row:first-child &gt; .item &gt; a &gt; img {
				max-width: 100%;
			}

			/* DevStart: to dynamically select the class based on the number of products to compare */
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row &gt; .heading {
				width: 18%;
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_4 .row &gt; .item {
				width: 18%;
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_3 .row &gt; .item {
				width: 24%;
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_2 .row &gt; .item {
				width: 37%;
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_1 .row &gt; .item {
				width: 78%;
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row &gt; .item &gt; .price{
				color: #CA4200;
				font-weight: bold;
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row &gt; .item &gt; .old_price {
				color: #777777;
				font-weight: normal;
				text-decoration: line-through;
				margin-right: 4px; /* Dev: provides space after list price and before offer price */
			}
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row &gt; .item &gt; .heading_mobile,
			.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main:nth-child(3) {
				display: none;
			}

			@media (max-width: 760px) {
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main {
					overflow: hidden;
				}
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main:nth-child(3) {
					display: inherit;
				}
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_4,
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_3 {
					width: 200%;
				}
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_2,
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_1 {
					width: 100%;
				}
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_4 .row &gt; .item {
					width: 23% !important;
				}
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_3 .row &gt; .item {
					width: 23% !important;
				}
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_2 .row &gt; .item {
					width: 48% !important;
				}
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .compare_1 .row &gt; .item {
					width: 98% !important;
				}
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row &gt; .heading {
					display: none;
				}
				.widget_product_compare &gt; .middle &gt; .left_border &gt; .right_border &gt; .content &gt; .compare_main .row &gt; .item &gt; .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 &gt; .content_body{
	margin-top: 25px;
	margin-bottom: 25px;
}

	.static_page &gt; .content_body &gt; .text{
		font-size: 12px;
		line-height: 14px;
	}

	.static_page &gt; .content_body &gt; .left_margin{
		margin-left: 20px;
	}

		.static_page &gt; .content_body &gt; .text .header{
			font-size: 16px;
			line-height: 18px;
			margin-bottom: 4px;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
		}

		.static_page &gt; .content_body &gt; .text ul{
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: 25px;
		}

	.static_page &gt; .content_body &gt; .image{
		width: 160px;
	}

.static_page &gt; .recipe_container{
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-top: 2px solid #f8ad05;
}

	.static_page &gt; .recipe_container &gt; .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 &gt; .recipe_container &gt; .column{
		width: 45%;
		margin-left: 10px;
		float: left;
	}

	.static_page &gt; .recipe_container .subheader{
		font-weight:bold;
		font-size: 12px;
	}

	.static_page &gt; .recipe_container ul{
		margin-left: 25px;
	}

		.static_page &gt; .recipe_container ul li{
			font-size: 12px;
			line-height: 16px;
		}

	.static_page &gt; .recipe_container p{
		font-size: 12px;
		margin-left: 10px;
		margin-right: 10px;
		line-height: 14px;
		margin-bottom: 12px;
	}

	.static_page &gt; .three_column_content &gt; .column{
		width: 33%;
		float: left;
	}

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

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

		.static_page &gt; .three_column_content &gt; .column .indent{
			margin-left: 29px;
			margin-right: 10px;
		}

			.static_page &gt; .three_column_content &gt; .column .indent p{
				font-size: 12px;
				line-height: 14px;
				padding-bottom: 10px;
			}

		.static_page &gt; .three_column_content &gt; .column &gt; .text_holder{
			margin-left: 10px;
			margin-right: 10px;
			overflow:hidden;
		}

	.static_page &gt; .three_column_content &gt; .column &gt; .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 &gt; .header{
		color: #CA4200;
		font-size: 14px;
		padding:0px;
		margin:0px;
		line-height: 14px;
	}

	.static_page .productlink:hover &gt; .header{
		text-decoration:underline;
	}

			.static_page &gt; .three_column_content &gt; .column &gt; .text_holder .number{
				margin-right: 10px;
				float:left
			}

		.static_page &gt; .three_column_content &gt; .column &gt; .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 &gt; .three_column_content &gt; .column &gt; .text_holder &gt; .header{
				font-size: 24px;
				font-family:Arial;
				color: #666666;
				margin-left: 0px;
			}

			.static_page &gt; .three_column_content &gt; .column &gt; .text_holder &gt; p{
				font-size: 14px;
				color: #4d4d4d;
				line-height: 15px;
				margin-bottom: 20px;
			}

			.static_page &gt; .three_column_content &gt; .column &gt; .text_holder &gt; .no_margin{
				margin-bottom: none;
			}

.static_page &gt; .style_guide{
	max-width: 719px;
	margin: 0 auto;
}

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

	.static_page &gt; .style_guide &gt; .right_content{
		float: left;
		width: 50%;
	}
	
	@media (max-width: 920px) {
		.static_page &gt; .style_guide &gt; .left_image{
			width: 100%;
		}
		.static_page &gt; .style_guide &gt; .right_content{
			width: 100%;
		}
	}
	
	.static_page &gt; .style_guide &gt; .right_content &gt; ul {
		padding: 0;
	}

		.static_page &gt; .style_guide &gt; .right_content p,
		.static_page &gt; .style_guide &gt; .right_content &gt; ul li{
			font-size: 12px;
			color: #666666;
			line-height: 14px;
			margin: 0 10px;
		}

		.static_page &gt; .style_guide &gt; .right_content &gt; ul li{
			margin-left: 25px;
		}

		.static_page &gt; .style_guide &gt; .right_content &gt; .attachment{
			margin-left: 10px;
		}

			.static_page &gt; .style_guide &gt; .right_content &gt; .attachment &gt; .icon{
				float: left;
			}

			.static_page &gt; .style_guide &gt; .right_content &gt; .attachment &gt; .details{
				float: left;
			}

				.static_page &gt; .style_guide &gt; .right_content &gt; .attachment &gt; .details a{
					color: #006ECC;
					text-decoration:none;
				}

			.static_page &gt; .style_guide &gt; .right_content &gt; .attachment &gt; .details a:hover{
				cursor: pointer;
				text-decoration:underline;
			}

.static_page &gt; .video_container {
	position: relative;
	max-width: 718px;
	margin: 0 auto;
}
.static_page &gt; .video_container:before {
	content: "";
	display: block;
	position: relative;
	padding-bottom: 57.4%;
}
.static_page &gt; .video_container object {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

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

.map-override {
  font-size: 24px !important;
  line-height: 1.3 !important;
}

/* -----------------------------------------------------------------------------*/
/* 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 {
    padding: 0 9px 9px;
    width: 100%;
}

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

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

#OrderItemsExpandArea {
	border-top: 1px solid #e0e0e0;
    display: inline-block;
    padding: 10px 10px 5px;
    width: 100%;
}

/* Responsive My Account */

/* removes set px min-width from entire page */
.nonRWDPage {
    min-width: auto !important;
}

@media (max-width: 760px) {
	/* makes personal information,
	address book,
	form full width on mobile */
	#container_MyAccountDisplayB2B .column {
	    width: 100% !important;
	}
	#container_MyAccountDisplayB2B .inputField {
	    width: 100% !important;
	}
	/* address book full width */
	#container_MyAccountDisplayB2B .headingtext {
	    width: 100% !important;
	}
	/* mobile friendly button */
	#container_MyAccountDisplayB2B .button_primary &gt; .button_text {
		display: block;
		width: 100% !important;
    	box-sizing: border-box;
		padding: 10px 1% 0px 1% !important;
	}
	#container_MyAccountDisplayB2B .button_primary {
		width: 100% !important;
    	box-sizing: border-box;
	}
	#container_MyAccountDisplayB2B .button_footer_line {
		width: 100% !important;
    	box-sizing: border-box;
		padding: 10px 1% 0px 1% !important;
		text-align: center !important;
	}
	/* personal information - birthday dropdowns */
	#container_MyAccountDisplayB2B #WC_PersonalInfoExtension_birth_year,
	#container_MyAccountDisplayB2B #WC_PersonalInfoExtension_birth_month,
	#container_MyAccountDisplayB2B #WC_PersonalInfoExtension_birth_date {
		width: 96% !important;
	}
	/* address book - header with dropdown and buttons */
	#container_MyAccountDisplayB2B .addrbook_header {
	    width: 100% !important;
	}
	#container_MyAccountDisplayB2B .addrbook_header1 {
		padding: 8px 0px 0px 0px !important;
	    margin-bottom: -10px !important;
	}
	#container_MyAccountDisplayB2B .addrbook_header2 {
	    padding: 0px 0px 8px 0px !important;
	}
	/* address book - add new address form buttons */
	#container_MyAccountDisplayB2B #addnew_content_footer .button_footer_line {
	    width: 100% !important;
	}
	#container_MyAccountDisplayB2B #addnew_content_footer .button_footer_line .left {
	    width: 96% !important;
	}
	#container_MyAccountDisplayB2B #addnew_content_footer .button_secondary.button_left_padding {
		display: none !important;
	}
	/* quick checkout profile month/year */
	#container_MyAccountDisplayB2B .my_account_payment_visible #pay_expire_month {
		width: 96% !important;
	}
	/* personal wish list - remove button and list layout */
	#container_MyAccountDisplayB2B #four-grid-wishlist div[id^="_remove_div_1"], #container_MyAccountDisplayB2B #four-grid-wishlist div[id*="_remove_div_1"] {
		text-align: center !important;
	}
	#container_MyAccountDisplayB2B #four-grid-wishlist .deleteLink.hover_underline {
		padding: 10px !important;
		display: block !important;
	}
	#container_MyAccountDisplayB2B #horizontal_grid .button_primary &gt; .button_text {
		display: block;
		width: 100% !important;
		padding: 10px 0% 0px 0% !important;
	}
	#container_MyAccountDisplayB2B #horizontal_grid .button_primary {
		width: 100% !important;
	}
	#container_MyAccountDisplayB2B #horizontal_grid .button_footer_line {
		width: 100% !important;
		padding: 10px 0% 0px 0% !important;
		text-align: center !important;
	}
	/* order history table */
	/* order history table - table cell width */
	#container_MyAccountDisplayB2B .order_status_table .order_number_column_1 {
    	width: 21% !important;
	}
	#container_MyAccountDisplayB2B .order_status_table .order_date_column_1 {
	    width: 22% !important;
	}
	#container_MyAccountDisplayB2B .order_status_table .status_column_1 {
	    width: 30% !important;
	}
	#container_MyAccountDisplayB2B .order_status_table .total_price_column_1 {
	    width: 25% !important;
	}
	#container_MyAccountDisplayB2B .order_status_table .option_1 {
		width: 100% !important;
	}
	/* order history table - re-order button */
	#container_MyAccountDisplayB2B td.option_1 {
		float: left !important;
		width: 100% !important;
	}
	#container_MyAccountDisplayB2B .order_status_table .option_button {
    	float: left !important;
	}
	#container_MyAccountDisplayB2B .option_button {
		width: 100% !important;
	}
	/* recurring order */
	.order_status_table.scheduled_orders .options_column {
	    width: 100% !important;
	}
	#actions_popup_widget_recurring_order .dijitDialogPaneContent {
		overflow: visible !important;
		width: 100% !important;
		right: 0px !important;
	}
	#actions_popup_widget_recurring_order,
	#actions_popup_div1_1,
	.actions_popup.hover_underline 
	#actions_popup_widget_recurring_order.dijitDialog {
		right: 0px !important;
		float: right !important;
	}
	#container_MyAccountDisplayB2B #box .order_number_column {
	    width: 20% !important;
	}
	#container_MyAccountDisplayB2B #box .order_scheduled_column {
	    width: 22% !important;
	}
	#container_MyAccountDisplayB2B #box .next_order_column {
	    width: 20% !important;
	}
	#container_MyAccountDisplayB2B #box .order_status_column {
	    width: 14% !important;
	}
	#container_MyAccountDisplayB2B #box .total_price_column {
	    width: 15% !important;
	}
	/* order details table */
	#container_MyAccountDisplayB2B #order_details,
	#container_MyAccountDisplayB2B #order_details tbody,
	#container_MyAccountDisplayB2B #OrderConfirmPagingDisplay {
		max-width: 100% !important;
	}
	#container_MyAccountDisplayB2B #order_details div[id^="WC_OrderItemDetailsSummaryf_div_1_"] {
		width: 60% !important;
	}
	#container_MyAccountDisplayB2B #order_details .requestedShippingDate {
		width: 10% !important;
	}
	#container_MyAccountDisplayB2B #order_details .avail {
	    width: 15% !important;
	}
	#container_MyAccountDisplayB2B #order_details .QTY {
	    width: 5% !important;
	}
	#container_MyAccountDisplayB2B #order_details .each {
	    width: 15% !important;
	}
	#container_MyAccountDisplayB2B #order_details .total {
	    width: 15% !important;
	}
}
@media (max-width: 515px) {
	/* personal wish list - horizontal view - add to card button */
	#container_MyAccountDisplayB2B #horizontal_grid .button_primary &gt; .button_text {
		display: block;
		width: 100% !important;
		padding: 10px 0% 13px 0% !important;
	}
	#container_MyAccountDisplayB2B #horizontal_grid .button_primary {
		width: 100% !important;
	}
	#container_MyAccountDisplayB2B #horizontal_grid .button_footer_line {
		width: 100% !important;
		padding: 10px 0% 13px 0% !important;
		text-align: center !important;
	}
}
@media (max-width: 465px) {
	/* personal wish list - horizontal view - add to card button */
	#container_MyAccountDisplayB2B #horizontal_grid .button_primary &gt; .button_text {
		display: block;
		width: 100% !important;
		padding: 10px 0% 5px 0% !important;
	}
	#container_MyAccountDisplayB2B #horizontal_grid .button_primary {
		width: 100% !important;
	}
	#container_MyAccountDisplayB2B #horizontal_grid .button_footer_line {
		width: 100% !important;
		padding: 10px 0% 5px 0% !important;
		text-align: center !important;
	}
	/* personal wish list - remove text/button */
	#container_MyAccountDisplayB2B #horizontal_grid .deleteLink.hover_underline {
		padding: 5px 10px !important;
		display: block !important;
	}
	#container_MyAccountDisplayB2B #horizontal_grid .remove {
		display: none !important;
	}
}
@media (max-width: 425px) {
	/* order details table */
	#container_MyAccountDisplayB2B #order_details .requestedShippingDate {
		display: none;
	}
	#container_MyAccountDisplayB2B #order_details .avail {
	    display: none;
	}
	
	.payeeInfoLabel{
	margin-top:30px;
	float:right;
	}
	.button.primary.payeeSortButton{
	   min-width: 177px;
	   margin-top:10px;
	}
}

 .toggler{
    width: 60px;
    font-family: 'Open Sans Condensed';
    font-weight:700;
    font-size:1.8rem;
    color:#307991;
    margin-top:1.0rem;
    cursor: pointer;
    bottom: -25px; 
}
.toggler .arrow_button_icon {
    bottom: 7px;
    right: 0;
     border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #307991;
    transform: rotate(-90deg);
    transition: transform .25s ease;
}

.toggler .arrow_button_icon.rotate{
    transform: rotate(0deg);
    transition: transform .25s ease;
}

.toggledArea{
    display:none;
}

.longDescription p{
	padding: 5px 0% 10px 0% !important;
}

.container_content_sharedwishlist {
	max-width:70%;
	padding:0px 16px;
	overflow: hidden;
}

div.widget_site_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content {
    width: 700px;
    height: auto;
}

div.widget_site_popup &gt; .middle &gt; .content_left_border &gt; .content_right_border &gt; .content .body {
    height: auto;
}

#clickWrapAgreement {
    height: auto;
}

#clickWrapAgreementPopup .middle {
    overflow: auto;
    height: 100%;
}

div#clickWrapAgreementPopup .dijitDialogPaneContent {
    height: 93vh !important;
    position: relative;
    z-index: 15;
}

div#clickWrapAgreementPopup:before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: rgba(0,0,0,0.5);
}

#clickWrapAgreementPopup .dijitDialogPaneContent {
    overflow: unset !important;
}

#clickWrapAgreementPopup .widget_site_popup {
    height: 100%;
}

#clickWrapAgreementPopup .bottom {
    background: #fff;
    padding: 20px;
}

#clickWrapAgreementPopup .bottom:after {
	content: "";display: table;clear: both;
}

#clickWrapAgreementPopup .bottom .middle{
    float:right;
}

div#clickWrapAgreementPopup .dijitDialogPaneContent {
    height: calc(93vh - 350px) !important;
}

#clickWrapAgreementPopup .bottom .button_primary {
    margin-right: 15px;
}

div.widget_site_popup &gt; .top &gt; .middle{
	background-color: #f5f6f7;
	border-bottom: 1px solid #edeff0;
	padding: 7px 20px 9px 20px;
	color: red;
	font-family: 'Hind', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

.displayNone {
	display:none;
}

.handleSubmitButton {
	background-color: gray !important;
    cursor: not-allowed !important;
}

#s7_mixedmediaview img {
  max-width: 300px;
}


@media (max-width: 768px) {
	div#clickWrapAgreementPopup .dijitDialogPaneContent {
    	height: calc(93vh - 300px) !important;
	}

	#clickWrapAgreementPopup .bottom a {
	    width: 100%;
	    margin: 0 0 20px;
	    text-align: center;
	    display: block;
	    float: none;
	}

	#clickWrapAgreementPopup .bottom a span.button_text {
	    display: block;
	}
	
	div#clickWrapAgreementPopup {
	    position: fixed !important;
	    top: 20px !important;
	    bottom: 20px !important;
	}
	
	#clickWrapAgreementPopup .bottom .middle{
    	float: none;
	}
}

.title-item-text {
	font-size: 30px;
	font-weight: bold;
}

.product.row.lazyload.title-item {
	min-height: 60px;
}
  
.contact-us-form {
  background-color: #FFFFFF;
  padding: 20px;
}
 
.widgets-loader *{
	box-sizing: border-box;
}

.widgets-loader .widget-title, .widgets-loader .title-text, .widgets-loader .title-links {
	color: #00324e;
}

.widgets-loader .widget-title {
	font-weight: bold;
}

.widgets-loader h3 {
	font-weight: bold;
	color: #00324e;
}

.widgets-loader .title-text {
	font-size: 1.8rem;
	margin: 5px 0;
	font-weight: bold;
	width: 100%;
}

.widgets-loader .info-section {
	line-height: normal;
}

.widgets-loader #order-tracking-orderId {
	line-height: 3rem;
	min-width: 100%;
}
 	
.widgets-loader #backorder-status-widget {
	margin: 5%;
}
 	
.widgets-loader #mini-ordertracking-widget {
	margin: 5%;
}

.widgets-loader #sales-person-widget {
	margin: 5%;
}
 	
.widgets-loader [id^="myaccount-links-display"] {
	margin: 5%;
}
 	
.widgets-loader #mini-ordertracking-widget .widget-title {
	text-align: left;
}
 	
.widgets-loader .title-links {
	text-decoration: underline;
}
 	
#mini-ordertracking-widget .title-links {
	font-size: 0.9em;
}
 	
#backorder-status-widget .title-links {
	font-size: 1em;
}

#sales-person-widget .title-links {
	font-size: 1em;
}
 	
.text-right {
	text-align: right;
}
 	
.text-left {
	text-align: left;
}
 	
.text-center {
	text-align: center;
}
 	
.padding-vertical-5 {
	padding: 5px 0;
}
 	
.padding-vertical-10 {
	padding: 10px 0;
}
 	
.padding-vertical-20 {
	padding: 20px 0;
}
 	
.padding-vertical-40 {
	padding: 40px 0;
}
 	
.widgets-loader [id^="catalog-display-widget-"] {
	margin: 5%;
}
 	
.widgets-loader [id^="catalog-display-widget-"] span.title-text {
	font-size: 2.8rem;
}
 	
.widgets-loader .image-holder {
	border: 1px solid #eeeeee;
	height: 210px;
}

.image-holder img {
	height: 100%;
	width: 100%;
}

#mini-ordertracking-widget .button.primary {
	font-size: 1em;
	line-height: 1.2em;
	text-transform: none;
	-webkit-border-radius: 10px;
 		-moz-border-radius: 10px;
 		-ms-border-radius: 10px;
 		border-radius: 10px;
 		width: 100%;
 		margin-top: 5px;
}
 	
@media (max-width: 760px) {
 
	.widgets-loader .flex-grid {
		flex-direction: column;
	}
 		
	.widgets-loader .flex-tile {
		min-height: unset;
		max-height: unset;
		min-width: unset;
		max-width: unset;
	}
	
	.widgets-loader .title-links, #mini-ordertracking-widget .button.primary, .widgets-loader .info-section,  
	#backorder-status-widget .title-links, #sales-person-widget .title-links, #mini-ordertracking-widget .title-links,
	#recent-orders-widget .button.primary, #recent-orders-widget .title-links,
	#return-request-widget .button.primary, #return-request-widget .title-links,
	#frequently-ordered-widget .button.primary, #frequently-ordered-widget .title-links,
	#recently-ordered-widget .button.primary, #recently-ordered-widget .title-links,
	#random-content-widget .title-links {
		font-size: 1.8em;
	}
}
 	
@media (min-width: 761px) and (max-width: 1400px) {
	.my_account .salesPerson{
	  	display:grid;
	  	grid-template-columns: 1fr 1fr;
	  	grid-template-rows: 1fr;
	  	grid-template-areas: "image";
	  	align-items: center;
	  	justify-items: start;
	  }
	.my_account .salesPerson #profileImage{
	    grid-area: image;
	  }
	.my_account .salesPerson .info #WC_MyAccountCenterLinkDisplay_div_61{
	 	grid-area: info;
	  }
  	.widgets-loader .flex-tile {
		min-height: 450px;
		max-height: 450px;
		min-width: 360px;
		max-width: 360px;
	}
	
	.widgets-loader .flex-grid {
		flex-direction: row;
		justify-content: space-evenly;
	}
}
@media(max-width: 1024px){
.my_account .salesPerson{
	  	display:grid;
	  	grid-template-columns: 1fr;
	  	grid-template-rows: 1fr 1fr;
	  	grid-template-areas: "image"
	  						"info";
	  	align-items: center;
	  }
	.my_account .salesPerson #profileImage{
	    justify-self: center;
	    grid-area: image;
	    border-radius: 5px;
	  }
	.my_account .salesPerson .info #WC_MyAccountCenterLinkDisplay_div_61{
	 	justify-self: start;
	 	grid-area: info;
	  }
	#WC_MyAccountCenterLinkDisplay_div_61 .info_table .row .label{
		width: 80px;
		margin-right: 0;
		padding-right: 0;
	}
}
@media(min-width: 1025px){
.my_account .salesPerson{
	  	display:grid;
	  	grid-template-columns: 1fr 1fr;
	  	grid-template-rows: 1fr;
	  	grid-template-areas: "info image";
	  	align-items: center;
	  	justify-items: start;
	  }
	#profileImage{
	    justify-self: center;
	    grid-area: image;
	    border-radius: 5px;
	  }
	#WC_MyAccountCenterLinkDisplay_div_61{
	 	justify-self: start;
	 	grid-area: info;
	  }
	#WC_MyAccountCenterLinkDisplay_div_61 .info_table .row .label{
		width: 130px;
		margin-right: 0;
		padding-right: 0;
	}
}
#InvoicesDetailWidget #InvoicesDetail_Widget #controlsRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.widgets-loader #recent-orders-widget {
	margin: 5%;
}

.widgets-loader #recent-orders-widget .widget-title {
	text-align: left;
}

#recent-orders-widget .button.primary {
	font-size: 1em;
	line-height: 1.2em;
	text-transform: none;
	-webkit-border-radius: 10px;
 		-moz-border-radius: 10px;
 		-ms-border-radius: 10px;
 		border-radius: 10px;
 		width: 100%;
 		margin-top: 5px;
}

.widgets-loader #return-request-widget {
	margin: 5%;
}

.widgets-loader #return-request-widget .widget-title {
	text-align: left;
}

#return-request-widget .button.primary {
	font-size: 1em;
	line-height: 1.2em;
	text-transform: none;
	-webkit-border-radius: 10px;
 		-moz-border-radius: 10px;
 		-ms-border-radius: 10px;
 		border-radius: 10px;
 		width: 100%;
 		margin-top: 5px;
}

.widgets-loader #return-request-widget #orderNo {
	line-height: 3rem;
	min-width: 100%;
}

.widgets-loader #random-content-widget {
	margin: 5%;
}

.widgets-loader #random-content-widget .widget-title {
	text-align: left;
}

#WC_UserStatementRequest_statementRequestPageDiv{
	display: flex;
}
#WC_UserStatementRequest_statementRequestDivInstructions, #WC_UserStatementRequest_statementRequestForm{
	flex:1;
	paddingL 10px;
	border-color: #dedede;
}
#WC_UserStatementRequest_statementRequestTitle{
	font-weight: bold;
	font-size: 20px;
	margin: 15px;
	margin-bottom: 0px;
}
.statmentRequestFormContents{
	margin:20px;
}
#WC_UserStatementRequest_EmailText{
	font-size: 1.3rem;
}
#WC_UserStatementRequest_EmailInput{
	width: 85%;
	margin-top:0px;
}

#WC_UserStatementRequest_BillTo{
	font-size: 1.3rem;
}
#WC_UserStatementRequest_BillToInput{
	width: 85%;
	margin-top:0px;
}

#WC_UserStatementRequest_RequiredText{
	margin: 15px;
	margin-top:0px;
}
#WC_UserStatementRequest_submit{
	margin:20px;
}
#WC_UserStatementRequest_Submit_Button_Text{
	font-size:16px;
}
.form-style{		
	border-right: 2px solid #dedede;	
}
#WC_UserStatementRequest_statementRequestDivInstructions{
	padding: 20px;
}
#statmentRequestBox{
	padding-bottom: 40px; 
}

.collapsible-content.hide-content {
	max-height: 100px;
  	overflow: hidden;
  	transition: max-height 0.2s ease-out;
}

.widgets-loader #frequently-ordered-widget {
	margin: 5%;
}

.widgets-loader #frequently-ordered-widget .widget-title {
	text-align: left;
}

.widgets-loader #recently-ordered-widget {
	margin: 5%;
}

.widgets-loader #recently-ordered-widget .widget-title {
	text-align: left;
}

.widgets-loader .flex-grid {
	display: flex;
	display: -ms-flexbox;
	justify-content: left;
	flex-wrap: wrap;
}

.widgets-loader .flex-tile {
	flex: 1;
	margin: 15px;
	background-color: #ffffff;
	box-sizing: border-box;
	border: 1px solid #ffffff;
	display: flex;
	vertical-align: middle;
	min-height: 400px;
	max-height: 400px;
	min-width: 320px;
	max-width: 320px;
}

.widgets-loader .flex-parent-container {
	width: 100%;
  	display: flex;
  	flex-direction: column;
  	flex-wrap: nowrap;
  	justify-content: flex-start;
  	align-items: stretch;
}

.widgets-loader .contentRecommendationWidget, .widgets-loader .left_espot {
	display: flex;
  	flex-direction: column;
  	flex-wrap: nowrap;
  	justify-content: flex-start;
  	align-items: stretch;
}

.widgets-loader .left_espot .flex-parent-container {
	width: unset;
}

.widgets-loader .flex-bottom-link {
	position: relative;
  	width: 100%;
  	order: 0;
  	flex: 1 1 auto;
  	align-self: stretch;
  	align-content: flex-end;
}

.widgets-loader .add-to-cart {
	text-decoration: underline;
	color: #00324e;
}

/*CARD UTILITY CLASSES
:root{
	--wassNavyBlue: #00324E;
	--wassNavyBlueHover: #002235;
	--wassWhite: #FFFFFF;
  	--wassBlack: #222222;
  	--wassLightBlue: #307991;
  	--wassLightBlueHover: #2B6D83;
  	--wassGray: #EEEEEE;
  	--wassGold: #D2B159;
  	--wassRed: #E31C3D;
  	
  	--color-primary:#00324E;
  	--color-primary-light:#002235;
  	--color-secondary:#307991;
  	--color-secondary-light:#2B6D83;
  	--color-black:#222222;
  	--color-white:#FFFFFF;
  	--color-gray:#EEEEEE;
  	--color-red:#E31C3D;
}
*/
  /*FONT WEIGHT UTIL*/
  .font-normal{
  	font-weight:normal;
  }
  .font-bold{
  	font-weight:bold;
  }
  /*FLEX UTIL*/	
  .flex{
  	display:flex;
  }
  .flex-1{
  	flex:1;
  }
  .flex-2{
  	flex:2;
  }
  .flex-row{
  	flex-direction: row;
  }
  .flex-col{
  	flex-direction: column;
  }
  
  .white-space-nowrap{
  	white-space:nowrap;	
  }
  
  /*Justify Content*/
  .justify-start{
  	justify-content: flex-start;
  }
  
  .justify-between{
  	justify-content: space-between;
  }
  
  .justify-center{
  	justify-content: center;
  }
  
  /*BOX SIZING*/
  .box-border{
  	box-sizing: border-box;
  }
  /*ALIGN-ITEMS*/
  .items-start{	
  	align-items: flex-start;
  }
  .items-end{	
  	align-items: flex-end;
  }
  .items-center{	
  	align-items: center;
  }
  .items-baseline{
  	align-items: baseline;
  }
  .items-stretch{	
  	align-items: stretch;
  }
  /*Gap utility classes*/
  .gap-0-5r{
  	gap:0.5rem;
  }
  .gap-1r{
  	gap:0.5rem;
  }
  .gap-2r{
  	gap:2rem;
  }
  .gap-4r{
  	gap:4rem;
  }
  .gap-8r{
  	gap:8rem;
  }
  
  /*PADDING-UTIL - START*/
  /*PADDING-ALL - START*/
  .padding-1r{
  	padding:1rem;
  }
  
  .padding-2r{
  	padding:2rem;
  }
  
  .padding-4r{
  	padding:4rem;
  }
  /*PADDING-ALL - END*/
  /*PADDING-TOP - START*/
  .padding-t-1r{
  	padding-top:1rem;
  }
  
  .padding-t-2r{
  	padding-top:2rem;
  }
  
  .padding-t-4r{
  	padding-top:4rem;
  }
  /*PADDING-TOP - END*/
  
  /*PADDING-BOTTOM - START*/
  .padding-b-1r{
  	padding-bottom:1rem;
  }
  
  .padding-b-2r{
  	padding-bottom:2rem;
  }
  
  .padding-b-4r{
  	padding-bottom:4rem;
  }
  /*PADDING-BOTTOM - END*/
  
  /*PADDING-UTIL - END*/
  
  /*MARGIN-UTIL - START*/
  /*MARGIN-ALL - START*/
  .margin-u{
  	margin:unset;
  }
  .margin-0-5r{
  	margin:0.5rem;
  }
  .margin-1r{
  	margin:1rem;
  }
  
  .margin-2r{
  	margin:2rem;
  }
  
  .margin-4r{
  	margin:4rem;
  }
  /*MARGIN-ALL - START*/
  /*MARGIN-TOP - START*/
  .margin-t-1r{
  	margin-top:1rem;
  }
  
  .margin-t-2r{
  	margin-top:2rem;
  }
  
  .margin-t-2-4r{
  	margin-top:2.4rem;
  }
  
  .margin-t-4r{
  	margin-top:4rem;
  }
  /*MARGIN-TOP - END*/
  
  /*MARGIN-BOTTOM - START*/
  .margin-b-1r{
  	margin-bottom:1rem;
  }
  
  .margin-b-2r{
  	margin-bottom:2rem;
  }
  
  .margin-b-4r{
  	margin-bottom:4rem;
  }
  /*MARGIN-BOTTOM - END*/
  
  /*MARGIN-LEFT - START*/
  .margin-l-2r{
  	margin-left:2rem;
  }
  
  /*MARGIN-UTIL - END*/
  
  /*WIDTH-UTIL - START*/
  .max-w-10p{
  	max-width:10%;
  }
  
  .max-w-75p{
  	max-width:75%;
  }
  
  .max-w-100p{
  	max-width:100%;
  }
  .w-20p{
  	width:20%;
  }
  .w-100p{
  	width:100%;
  }
  /*WIDTH-UTIL - END*/
  
  /*HEIGHT-UTIL - START*/
  .h-20p{
  	height:20%;
  }
  .h-100p{
  	height:100%;
  }
  .h-4r{
  	height:4rem;
  }
  /*HEIGHT-UTIL - START*/
  /*TEXT-UTIL - START*/
  .text-tab-color{
  	color:var(--color-secondary);
  }
  
  .text-link-color{
  	color:var(--color-secondary);
  }
  
  .color-bg-form-primary{
  	background-color: var(--color-form-background);
  }
  /*TEXT-UTIL - END*/
  .card-container{
  	background: var(--color-white);
  	outline: 1px solid var(--color-gray);
  	/* padding-bottom:4rem; */
  }
  
  .card {
  	/*box-shadow: 0 0 0 1px var(--color-gray);*/
  	background: var(--color-white);
  	box-sizing: border-box;
  	/*margin:2rem;*/
  }
  .card-header{
  	font-size: 3rem;
  	font-family: "Open Sans", Arial;
  	font-weight:700;
  	padding-top:1rem;
  	padding-bottom:1rem;
  	padding-left:2rem;
  	padding-right:2rem;
  	/*border-bottom: 1px solid var(--color-gray);*/
  	box-shadow: 0 0 0 1px var(--color-gray);
  	margin:unset;
  }
  /*CARD BODY*/
  .card-body{
  	box-shadow: 0 0 0 1px var(--color-gray);
  	display: flex;
  	padding: 1rem 2rem;
  }
  .savePaymentContent{
  	flex:2;
  	max-width:75%;
  	align-items:center;
  }  
  
  .addPaymentContent{
  	/* margin-left: 2rem; */
  	max-width:75%; 
  	/* align-items:left; */
  }
  
  .card-body .privacyPolicyMessage a{
  	color: var(--color-secondary);
  	font-weight: 800;
  }
  
  /*CARD BUTTONS*/
  .card-buttons-container{
  	box-sizing: border-box;	
  }
  
  .card-buttons-container--saved-payments{
  	flex:1;
    margin-top: 2.4rem;
  }
  
  .card-buttons{
  	font-size: 1.2em;
    line-height: 1.5em;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
  	font-family: "Open Sans", Arial;
    font-style: normal;
    font-weight: bold;
  	color: var(--color-white);
  	margin-bottom: 1rem;
  	width:100%;
  	align-content: center;
  }

  .card-button-update{
  	background-color: var(--color-secondary);
  }
  .card-button-update:hover{
  	background-color: var(--color-secondary-light);
  	text-decoration: underline;
  }
  .card-button-delete{
  	box-shadow: 0 0 0 1px var(--color-red);
  	/* border: 1px solid var(--color-red); */
  	background-color: var(--color-white);
  	color: var(--color-red);
  }
  
  .card-button-save{
  	color: var(--color-white);
  	background-color: var(--color-primary);
  }
  
  .card-button-save:hover{
  	background-color: var(--color-primary-dark);
  }
  
  .card-button-delete:hover{
  	background-color: var(--color-red);
  	color: var(--color-white);
  	text-decoration: underline;
  }
  
  .card-button-default-payment{
  	font-size: 1.5rem;
  	font-weight: bold;
  	text-transform: capitalize;
  	align-self: center;
  	width:70%;
  	padding:0.25rem;
  }
  
  .card-button-set-default-payment{
  	box-shadow: 0 0 0 1px var(--color-secondary);
 	background-color: var(--color-secondary);
  	color: var(--color-white);
  }
  
  .card-button-set-default-payment:hover{
  	background-color: var(--color-secondary-dark);
  	color: var(--color-white);
  	text-decoration: underline;
  }
  
  .card-button-current-default-payment{
  	color: var(--color-green-confirmation);
  }
  
  .card-footer{
  
  }
  
  .tab-container{
  	background-color: var(--color-form-background);
  	display:flex;
  	flex:row;
  }
  
  .tab{
  	
  }
  
  .inputWrapper{
  	margin-bottom:1rem;
  }
  .input{
  	box-sizing: border-box;
  	width:100%;
  	border: 1px solid #bbb;
  	padding:0.5rem;
  }
  #quick_order .input{
  	border:none;
  	padding:0;
  }
  .input:disabled{
  	background-color: var(--color-gray);
  }
  .inputLabel{
  	margin:unset;
  	height: 2.4rem;
  }
  /* The 1rem wide vertical bar */
  .input-field-error{
	padding: 0.5rem;
	box-shadow: -1rem 0 0 1px var(--color-red),
	0 0 0 1px var(--color-red);
 	background-color: var(--color-gray);
  }
  .input-error-message{
 	color:var(--color-red);
  }
  .dropdown-toggle{
  	display: inline-flex; 
  	align-items: center;
  	gap:0.5rem;
  	justify-content:center;
  	width: 100%;
  	padding-top:0.5rem;
  	padding-bottom:0.5rem;
  	text-align:center;
  	font-size:1.5rem;
  	font-weight: 800;
    border-radius:5px;
    box-shadow: 0 0 0 1px var(--color-gray);
    cursor: pointer;
  }
  .dropdown-menu{
    position: absolute;
  	top: 100%;
  	width:100%;     
  	left: 0;
  	background: white;
  	z-index: 999;
  	border: 1px solid #ccc;
  	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  	margin-top: 0.25rem;
  	cursor: pointer;   
  }
  .drop-down-wrapper{
  	width:100%;
  }
  .drop-down-wrapper:focus, .drop-down-wrapper:hover{
  	bbox-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* soft shadow */
  transform: translateY(-2px);
  }
  .chevron{
    display:inline-block;
    color:var(--color-black);
    width: 2rem;
    height:2rem;
  }
  .saved-payment-dropdown{
  	display:none;
  }
  .saved-payment-tabs{
  	display:block;
  }
  
  .responsive-flex-dir{
  	flex-direction:row;
  }
  .form-table-grid{
  	display:grid;
  	grid-template-columns: max-content 1fr;
  	align-items: center;
  	gap:1rem;
  }
  .form-table-label{
  	white-space: nowrap;
  }
  .form-table-input{
  	width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
  }
  .table-row-responsive-flex{
  	flex-direction:row;
  }
  .table-row-label{
  	width: max-content;
  }
  @media(max-width: 1024px){
  	.form-table-grid{
  		grid-template-columns: 1fr;
  	}
  }
  @media(max-width: 1024px){
  	.table-row-responsive-flex{
  		flex-direction:column;
  	}
  	.card-responsive-flex-dir{
  		flex-direction:column;
    }
    .card-responsive-gap{
  		gap:2rem;
    }
    .card-button-default-payment{
	  	width:100%;
	  	padding:unset;
	  	line-height: 1.5em;
    }
    .savePaymentContent{
    	max-width:100%;
    }
    .addPaymentContent{
    	max-width:100%;
    	margin:unset;
    }
    .card-button-save{
    	max-width:100%;
    }
    .privacyPolicyMessage{
    	margin:unset;
    	margin-bottom: 1rem;
    } 
    .card-buttons-container--saved-payments{
    	margin:unset;
    	margin-bottom:1rem;
    }
    .saved-payment-dropdown{
    	display:block;
    	text-align:center;
	}
    .saved-payment-tabs{
	  	display:none;
	}
  }



</pre></body></html>