@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 > .content_box{
		border: 1px solid #e5e5e5;
	}

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

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

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

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

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

		}

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

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

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

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

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

.genericError_message {
	color: #CA4200;
}

/*------------------------------- */
/* DevStart: Fixed height value is removed to avoid page overflow*/
.static_page_content{
	padding: 0 20px 20px 20px;
}
/* DevEnd*/
.static_page_content > .page_header{
	font-size: 22px;
	color: #777777;
	line-height: 46px;
}

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

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

/* DevStart: Strict Hierarchy removed to accomodate a div */
.static_page_content > .content_box  .header_top{
	height: 30px;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	border-bottom: 1px solid #f0f0f0;
	padding-left: 9px;
	padding-right: 9px;
	background-color: #f7f7f7;
}

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

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

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

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

.static_page_content > .content_box .header_solid{
	background-color: #F7F7F7;
	border-bottom: 1px solid #F0F0F0;
	color: #666666;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	padding-left: 9px;
	padding-right: 9px;
}
/* DevStart: Rename to info_table_1 to avoid merging of div.info_table in legacy1_1*/
.static_page_content > .content_box  .info_table_1{
	margin-top: 16px;
	padding-left: 9px;
	padding-right: 9px;
	font-size: 12px;
	font-weight:normal;
	line-height: 22px;
}
.static_page_content .info_table_1 {
	background-color: #FBFBFB;
	border-color: #F8AD05 #E5E5E5 #E5E5E5;
	border-style: solid;
	border-width: 2px 1px 1px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
}
.static_page_content .column_box .column {
	float: left;
	font-size: 12px;
	width: 33%;
}
@media (max-width: 420px) {
	.static_page_content .column_box .column {
		width: 100%;
	}
}
.static_page_content .column_box .column ul {
	list-style: none outside none;
	margin-right: 10px;
	padding: 0;
	text-decoration: none;
}
.static_page_content .column_box .column ul .h1 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	margin-top: 15px;
	text-transform: uppercase;
}
.static_page_content .column_box .column ul .h2 {
	color: #333333;
	font-weight: bold;
	margin-top: 15px;
	text-transform: uppercase;
}
.static_page_content .column_box .column ul .h3 {
	color: #4D4D4D;
	font-weight: normal;
	text-transform: none;
}
.static_page_content .column_box .column ul li a {
	display: block;
	padding: 8px;
	text-decoration: none;
}
.static_page_content .column_box .column ul li > div {
	padding: 8px;
}
.static_page_content .column_box .column ul li a:hover {
	text-decoration: underline;
}
.static_page_content .column_box .column ul .no_margin {
	margin-top: 0;
}

/* DevEnd */

/*------------------------------- */
.container_static_full_width, .container_configurator_full_width {
	max-width:785px;
}

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

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

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


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

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

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

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

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

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


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

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

	}

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

		}

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

			}

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

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

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

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

			}

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

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


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

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

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

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

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

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

			}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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


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

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

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

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

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

div.store_message{
	position: absolute;
	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 > .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 > .content > .close{
	position: absolute;
	top: 10px;
	right: 15px;
}

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

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

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

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

.store_message > .content > .message .message_icon {
  	float: left;
    height: 18px;
    position: relative;
    width: 18px;
}
.store_message > .content > .message .message_icon .error_icon {
	position:absolute;
	top: -3px;
	left: 1px;
}
.store_message > .content > .message .message_icon > #success_icon.error_icon {
	left: -3px;
}
.store_message > .content > .message .message_text{
	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 > .box_shadow{
	background-image:url('../images/colors/color1/sitemaintenance_shadow.png');
	height: 31px;
	width: 474px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 117px;
	margin-top: -8px;
}

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

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


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

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

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

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

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

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

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

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

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

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

		}

		div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .header{
			padding-left: 19px;
			padding-right: 19px;
			font-size: 16px;
			padding-top: 14px;
			position: relative;
			height: 60px;
			border-bottom: 1px solid #E5E5E5;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

		div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > span{
			color: #666666;
			font-size: 16px;
		}
		
		div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close{
			width: 13px;
			height: 13px;
			position: absolute;
			right: 14px;
			top: 12px;
			/*background-image: url('../images/colors/color1/close_sprite.png');*/
			background-position: 0 0;
			background-repeat: no-repeat;
			cursor: pointer;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

div.item_spacer_50px{
	height: 50px;
}

div.item_spacer_10px{
	height: 10px;
}

div.item_spacer_8px{
	height: 8px;
}

div.item_spacer_7px{
	height: 7px;
}

div.item_spacer_5px{
	height: 5px;
}

div.item_spacer_3px{
	height: 3px;
}

div.item_spacer_2px{
	height: 2px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.created_list{
	background: url('../images/colors/color1/widget_quick_info_popup/plus_icon.png') no-repeat scroll 10px 50% transparent;
	color: #515151;
	cursor: pointer;
	display:block;
	font-size: 11px;
	line-height: 11px;
	overflow:hidden;
	padding-left: 24px;
	padding-bottom: 8px;
	padding-top: 8px;
}
.created_list_wrapper{
	width: 200px;
	overflow: auto;
	overflow-x: hidden;
	max-height: 100px;
}
.created_list:hover, .created_list_wrapper > .focused {
	background-color: #d9e9f7;
}
/* DevEnd */
/* DevStart: padding left was added and focus_create class removed for shopping list drop down changes */
.wish_order_list > .message{
	display:block;
	font-style:italic;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
}
/* DevEnd: padding left was added and focus_create class removed for shopping list drop down changes */

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

#quickInfoPopup {
	padding-top: 200px;
}

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

div.widget_quick_info_popup {
	position:relative;
}

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		}

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

		}

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

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

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

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

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

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

		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > a{
			color: #006ECC;
			display: block;
			margin-top: 4px;
			font-size: 11px;
			float: left;
			line-height: 15px;/*Dev for avoiding truncation in other languages*/
		}

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

		/* DevStart: for li elements that lists various product attributes */
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > li,
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > ul > li{
			font-size: 11px;
			line-height: 13px;
			color: #777777;
			margin-left: 14px;
		}
		/* DevEnd */
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .heading{
				font-size: 14px;
				line-height: 14px;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul > li{
				display: block;
				float: left;
				margin-bottom: 6px;
				margin-right: 6px;
				margin-top: 6px;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list{
				margin-top:6px;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list a{
				text-decoration: none;
			}
			/* DevStart: a div was added to position the dropdown as parent to .dropdown_primary, hence .dropdown_primary not immediate child of .purchase_section */
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section .dropdown_primary > .button > .content{
				min-width: 127px;
			}
			/* DevEnd */
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.quantity_label{
				font-size:14px;
				margin-top: 5px;
				line-height: 15px;/*Dev for avoiding truncation in other languages*/
				float:left;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_primary > .wide_button{
				width: 110px;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .full_details{
				padding-top: 10px;
				padding-bottom: 10px;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a{
				color: #006ECC;
				font-size: 11px;
				text-decoration: none;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a:hover{
				text-decoration:underline;
			}
			/* Dev Start: Add To Cart text was not visible properly in other languages, in quick info.. Made similar changes as done by MDS to fix this issue in product page */
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_add_to_cart > .button_text{
				min-width: 120px;
			}
			/* Dev End*/
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .button_secondary .button_text{
				min-width: 120px;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group{
				cursor:pointer;
				position:absolute;
				right:0px;
				top:-4px;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close{
				background-position: 0 -13px;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close_text{
				text-decoration:underline;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column  .close_group .close{
				width: 13px;
				height: 13px;
				background-image: url('../images/colors/color1/widget_quick_info_popup/close_sprite.png');
				background-position: 0 0;
				background-repeat: no-repeat;
				position: absolute;
				right: 10px;
				top: 10px;
				cursor: pointer;
			}
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group .close_text{
				position: relative;
				top: 10px;
				font-size: 13px;
				color: #404040;
				text-decoration:none;
				line-height: 15px;/*Dev for avoiding truncation in other languages*/
				width: 100px;
				margin-right: 30px;
				text-align: right;
			}

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

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

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

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

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

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

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

.widget_home_espots_left{
	width: 718px;
	float: left;
}

	.widget_home_espots_left img{
		display:block;
	}

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

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

	.widget_home_espots_left  .right_espot {
		float: right;
	}
	/* DevEnd */

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

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

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

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

	.widget_tall_double_espot_container .right_espot {
		float: right;
	}
	/* DevEnd */

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

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

.facetSelect li:first-child {

		}

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

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

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

.thumbScroller {
	border: 0px;
	!float:left;
	overflow:hidden;
	position: relative;
	height: 100%;
	padding: 0px 0px 0px 2px;
}
.thumbsNode{
	border: 0px;
	height: 100%;
	float:left;
	position: relative; /*Dev*/
}
.imgContainer {
	float:left;
	width: 210px;
	height: 100%;
}

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

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

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

div.no_bg{
	background-image:none;
}

div .carousel_searchlanding{
	height: 248px;
}

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


}

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

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

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


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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

div.widget_carousel div.product > .product_info > .product_name {
	margin-top: 14px;
	color: #666666;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	padding: 0 4px;
}

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

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

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

div.widget_carousel div.product > .product_info > .product_price > .old_price{
	color: #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 > div.content_left_border{
	border: 5px solid #e5e5e5;
}
			div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header{
				height: 34px;
				background-color: #ffffff;
				padding-left: 10px;
				padding-right: 10px;
			}
				div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a > div.header > span.expand_icon_open{
					background-image: url("../images/colors/color1/down_arrow_sprite.png");
					background-repeat:no-repeat;
					width: 17px;
					height: 17px;
					margin-top: 7px;
					background-position: 0 -17px;
					float: left;
				}

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

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

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

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

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

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

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

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

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

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

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

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

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


		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list{
			background-color: #fbfbfb;
			/*Dev: min height for left navigation bar*/
			min-height: 25px;
		}

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

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

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

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

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

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

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

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

			div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input,
			div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore input,
			ul.facetSelect li input[type=checkbox] {
				height: 1px;
				width: 1px;
				position: absolute;
				overflow: hidden;
				left: -30px;
			}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

				div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite{
					float: left;
					display: block;
					position: relative;
					overflow: hidden;
					margin-top: 5px;
					margin-right: 5px;
					width: 13px;
					height: 13px;
				}

				div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite > img{
					position: absolute;
					width: 13px;
					height: 26px;
				}

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

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

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

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

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

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

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

	div.widget_tall_double_espot div.right_espot {
		float: right;
	}
	/* DevEnd */

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

}

div.widget_hero_image_container img{
	display: block;
}

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

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

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


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

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

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

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

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

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

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



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

div.widget_search_dropdown_position{
	position: absolute;
	float: right;
	right: 157px;
	top: 29px;
	z-index:100;
}

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

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

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

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

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

div.widget_search_dropdown > div.content_left_border > div.content_right_border{

	width: 297px;
	background-image: url('../images/colors/color1/widget_search_dropdown/border_right.png');
	background-repeat:repeat-y;
	padding-right: 11px;
	background-position:right;
}

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

div.widget_search_dropdown > div.content_left_border > div.content_right_border > div.content  div.heading {
	padding-left: 9px;
	padding-right: 9px;
	line-height: 30px;
	background-color: #f5f6f7;
	color: #4D4D4D;
	height: 30px;
	border-bottom: 1px solid #edeff0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.left {
	float: left;
}

.right {
	float: right;
}

.clear_float {
	clear: both;
}

.bold {
	font-weight: bold;
}

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

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

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

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

/*Main header_wrapper positioning and styles*/

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

div.header_wrapper {
	width: 100%;
	min-width: 987px;
}

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

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

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

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

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

div.content_wrapper_position {
	width: 100%;
}

div.content_wrapper {
	width: 100%;
	background: #ffffff;
}

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

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

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

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

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

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

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

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

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

div.footer_wrapper_position {
	width: 100%;
}

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

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

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

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

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

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

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

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

.container_margin_5px{
	margin: 5px auto;
}

.container_margin_8px{
	margin: 8px auto;
}

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

/* -----------------------------------------------------------------------------*/
/* 3.1.2 Content area with right sidebar
/* -----------------------------------------------------------------------------*/
.container_content_rightsidebar {
	max-width:967px;
	padding:0px 16px;
	overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

	.widget_double_espot_container .right_espot {
		float: right;
	}
	/*DevEnd */

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

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

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

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

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

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

.container_product_details_image_information {
	padding:0px 16px;
}

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

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

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

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


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

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

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

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

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

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

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

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

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

	}

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

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

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

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

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


div.widget_departments_position {
	position: absolute;
	left: 15px;
	bottom: 6px;
}

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

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

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

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

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

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

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

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

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

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

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



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

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

		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

		div#widget_departments:hover > .drop_down > .bottom, div#widget_departments:focus > .drop_down > .bottom {
			width:263px;
			overflow: hidden;
			background-color: #b7bebe;
		}

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

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

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



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

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

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

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

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


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

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

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


	/*Drop Down*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

			/* DevEnd */

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

div.widget_search_position {
	position: absolute;
	right: 15px;
	bottom: 6px;
}

div#widget_search {
	height: 32px;
}

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

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

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

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

		.gray_color {
			color: #777777;
		}

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

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

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

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

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

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

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

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

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

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

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

div.widget_search_departments_dropdown > div.content_left_border > div.content_right_border{

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -----------------------------------------------------------------------------*/
/* 4.1.5 MiniShoppingCart Widget Popup
/* -----------------------------------------------------------------------------*/
div#widget_minishopcart_popup, div#widget_minishopcart_popup_1 {
	cursor:pointer;
}
	div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product {
		min-height: 94px;
		border-bottom: 1px solid #edeff0;
		position: relative;
		padding: 5px 11px 5px 92px;
	}
		div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_image {
			width: 82px;
			height: 94px;
			position: absolute;
			top: 0px;
			left: 0px;
			padding: 5px 10px 5px 0;
			overflow: hidden; /*Dev*/
		}
		div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_name, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name {
			font-size: 16px;
			color: #666666;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


div#widget_masthead_links div.masthead_social {
	position: absolute;
	right: 0px;
	top: 20px;
}

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

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

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

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

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

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

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

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

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

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

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


/* -----------------------------------------------------------------------------*/
/* 4.2. Footer - moved to styles.css
/* -----------------------------------------------------------------------------*/

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

div.widget_footer_emailnotifications_position {

}

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

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

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

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

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


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

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

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

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


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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

				.container_product_details_bundle_package div.widget_product_image_viewer > div.left_border > .right_border > .content > .image_container{
					height: 330px;
				}
					/* DevStart: To fit the bundle/package main image into the container */
					.container_product_details_bundle_package div.widget_product_image_viewer > div.left_border > .right_border > .content > .image_container > .product_main_image{
						width: 330px;
					}
					/* DevEnd */
		.container_product_details_bundle_package div.widget_product_image_viewer > div.bottom{
			width: 340px;
		}

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

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

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


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



.quantity_input {
	height: 19px;
	width: 40px;
	background-color: #ffffff;
	font-style: normal;
	font-size:14px;
	padding: 1px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	color: #4d4d4d;
	text-align: center;
}

.compare_button {
	height: 18px;
	width: 114px;
	background-color: #ffffff;
	border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-left: none;
	padding: 1px;
	-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
	color: #006ecc;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	line-height: 18px;
}

.wishlist_dropdown {
	height: 22px;
	width: 126px;
	background-color: #ffffff;
	border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-left: none;
	padding: 1px;
	-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
	color: #006ecc;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	padding-left: 10px;
	line-height: 18px;
	margin-bottom: 6px;
}

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


		/* DevStart: to remove the bottom margin from the last swatch */
		div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list ul li.last_swatch {
			margin-bottom: 0px;
		}
		/* DevEnd: to remove the bottom margin from the last swatch */



		.size_list ul li{
			display: block;
			float: left;
			margin-right: 10px;
		}

		.size_list ul li a .size{
			height: 24px;
			min-width: 24px;
			background-repeat:none;
			background-position: 0 0;
		}

		.size_list ul li a .disabled{
			background-position: 0 -48px !important;
			cursor:default;
		}

		.size_list ul li a .selected{
			background-position: 0 -24px !important;
		}

		.size_list ul li a .size_xs{ background-image: url('../images/colors/color1/sizes/size_xs.png'); }

		.size_list ul li a .size_s{ background-image: url('../images/colors/color1/sizes/size_s.png'); }

		.size_list ul li a .size_m{ background-image: url('../images/colors/color1/sizes/size_m.png'); }

		.size_list ul li a .size_l{ background-image: url('../images/colors/color1/sizes/size_l.png'); }

		.size_list ul li a .size_xl{ background-image: url('../images/colors/color1/sizes/size_xl.png'); }

		.size_list ul li a .size_xxl{ background-image: url('../images/colors/color1/sizes/size_xxl.png'); width: 30px; }

		.size_list ul li a .size_xxxl{ background-image: url('../images/colors/color1/sizes/size_xxxl.png'); width: 36px; }

		.size_list ul li a .size_xs:hover, .size_list ul li a .size_s:hover, .size_list ul li a .size_m:hover, .size_list ul li a .size_l:hover, .size_list ul li a .size_xl:hover,  .size_list ul li a .size_xxl:hover,  .size_list ul li a .size_xxxl:hover{
			background-position: 0 -24px;
		}

		.size_list .header{
			font-size: 12px;

		}



	/* Modifications for bundle and product pages */
	.container_product_details_bundle_package .widget_product_info_viewer {
		width: 575px;
	}

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

		.container_product_details_bundle_package .widget_product_info_viewer > .product_text ul{
			margin-top: 10px;
			margin-left: 10px;
		}

/* -----------------------------------------------------------------------------*/
/* 4.3.3 Sidebar Container Widget (Recently Viewed, Recommendations)
/* -----------------------------------------------------------------------------*/

	div.widget_sidebar_container h1{
		font-weight: normal;
		font-size: 13px;
		float:left;
	}

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

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

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

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

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

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

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

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

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


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

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

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

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

			div.widget_sidebar_container > .left_border > .right_border > .content   div.item >  div.left_column > .quick_info_toggle{
				background: url("../images/colors/color1/sidebar_containers/bg_80percent_transparent_grey.png") repeat scroll 0 0 transparent;
				bottom: 0px;
				height: 22px;
				left: 0;
				line-height: 22px;
				margin: 0;
				padding: 0 0 4px;
				position: absolute;
				text-align: center;
				visibility: hidden;
				width: 70px;
			}

			div.widget_sidebar_container > .left_border > .right_border > .content   div.item >  div.left_column:hover > .quick_info_toggle{
				visibility:visible;
			}

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

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

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

			div.widget_sidebar_container > .left_border > .right_border > .content   div.item > div.right_column > div.item_name {
				font-size: 11px;
				cursor:pointer;
				text-decoration:none;
				display: inline;
			}

			/* DevStart - productname color was displayed as blue in IE7. */
			div.widget_sidebar_container > .left_border > .right_border > .content   div.item > div.right_column > div.item_name a {
				color: #666666;
			}
			/* DevEnd */

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

			div.widget_sidebar_container > .left_border > .right_border > .content   div.item > div.right_column > div.item_price {
				margin-top: 10px;
				font-size: 15px;
				font-weight: bold;
				color: #CA4200;
			}

				/* DevStart: striking out the list price in sidebar container espots and changing the color to match the other displayed prices */
				div.widget_sidebar_container > .left_border > .right_border > .content   div.item > div.right_column > div.item_price > .old_price {
					color: #777777;
					font-weight: normal;
					text-decoration: line-through;
					margin-right: 4px; /* Dev: provides space after list price and before offer price */
				}

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

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

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


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

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

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

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

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

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

	div.widget_tab_container > div.header li {
		-moz-border-bottom-colors: none;
		-moz-border-image: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #e5e5e5;
		border-style: solid;
		border-width: 1px 1px 0;
		float: left;
		margin: 0 2px 0 0;
		font-size: 14px;
		background: #f8f8f8;
	}

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

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

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

	div.widget_tab_container > div.header li.selected {
		background-color: #ffffff;
		background: none repeat scroll 0 0 white;
		border-bottom: 1px solid white;
		margin-bottom: -1px;
	}

	div.widget_tab_container > div.header li.selected a{
		color: #666666;
	}

	div.widget_tab_container > div.content {
		border-top: 1px solid #e5e5e5;
		clear: both;
		min-height: 300px;
		font-size: 12px;
		line-height: 15px;
		padding-top: 20px;
		padding-left: 17px;
		color:#4D4D4D;
	}

	/* DevStart: altering the class hierarchy */
		div.widget_tab_container > div.content .header{
			font-size: 14px;
			border-bottom: 1px solid #E5E5E5;
			padding-bottom: 4px;
			color: #666666;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	div.widget_tab_container > div.content .details_table > .dotted_divider{
		background-image:url('../images/colors/color1/dotted_line_bg2.png');
		background-repeat:repeat-x;
		line-height:0.1em;
		height: 1px;
	}
	/* DevEnd: altering the class hierarchy */

	/* DevStart: css for list view under Other Custmers Also Purchased */
	div.widget_tab_container > div.content .product_listing_container .list_mode .product {
		width: 470px;
		border-bottom: 1px solid #e5e5e5;
		border-top: 0px;
	}
	/* DevEnd: css for list view under Other Custmers Also Purchased */

	div.widget_tab_container .dijitTabContent {
		display: none;
	}

	div.widget_tab_container .dijitHidden {
		display: none;
	}

/* -----------------------------------------------------------------------------*/
/* 4.5. Breadcrumb Widget
/* -----------------------------------------------------------------------------*/

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

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

		div#widget_breadcrumb > ul li {
			display: inline;
			color: #CA4200;
			font-size: 12px;
			margin:0;
		}

		div#widget_breadcrumb > ul li a{
			text-decoration: none;
			color: #CA4200;
		}

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

		div#widget_breadcrumb > ul li.current {
			color:#777777;
		}

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


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

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

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

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

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

div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .left_arrow_disabled{
	margin-top: 6px;
	margin-right: 9px;
	height: 12px;
	width: 3px;
	width: 13px;
	background-position:center;
	background-repeat: no-repeat;
	background-image:url('../images/colors/color1/sidebar_containers/left_arrow_disabled.png');
}

/* DevStart: added classes for left arrow enabled and right arrow disabled */
div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .left_arrow_enabled{
	margin-top: 6px;
	margin-right: 9px;
	height: 12px;
	width: 13px;
	background-position:center;
	background-repeat: no-repeat;
	background-image:url('../images/colors/color1/sidebar_containers/left_arrow_enabled.png');
}

div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .right_arrow_disabled{
	margin-top: 6px;
	margin-left: 9px;
	height: 12px;
	width: 13px;
	background-position:center;
	background-repeat: no-repeat;
	background-image:url('../images/colors/color1/sidebar_containers/right_arrow_disabled.png');
}
/* DevEnd */

div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .right_arrow_enabled{
	margin-top: 6px;
	margin-left: 9px;
	height: 12px;
	width: 13px;
	background-position:center;
	background-repeat: no-repeat;
	background-image:url('../images/colors/color1/sidebar_containers/right_arrow_disabled.png');
}

div.widget_fullwidth_container > div.content > div.middle > div.header_content .right .right_arrow_enabled:hover{
	background-image:url('../images/colors/color1/sidebar_containers/right_arrow_enabled.png');
}

/*--------------- Stylings for individual columns ---------------*/
.widget_fullwidth_container .content .middle .column{
	/*width: 181px;*/
	width: 225px;
	float: left;
	border-right: 1px solid #e5e5e5;
	text-align:center;
}

.widget_fullwidth_container .content .middle .column_last{
	/*width: 180px;*/
	width: 225px;
	float: left;
	text-align:center;
}

/*--------------- Stylings for column content ---------------*/
.widget_fullwidth_container > .content > .middle > .column  span.item_name{
	padding-top: 8px;
	font-size:11px;
	line-height: 20px;
	display:block;
}

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

.widget_fullwidth_container > .content > .middle > .column  span.item_old_price{
	color: #d9d9d9;
	text-decoration: line-through;
	margin-right: 4px; /* Dev: provides space after list price and before offer price */
}

.widget_fullwidth_container > .content > .middle > .column  span.item_special_price{
	color: #CA4200;
}


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

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

}

.widget_fullwidth_container > .content > .middle > .column_last  span.item_old_price{
	color: #d9d9d9;
	text-decoration: line-through;
	margin-right: 4px; /* Dev: provides space after list price and before offer price */
}

.widget_fullwidth_container > .content > .middle > .column_last  span.item_special_price{
	color: #CA4200;
}


/*--------------- Stylings for top border ---------------*/
.widget_fullwidth_container .top .left_border{
	background:url();
	background-color:#e5e5e5;
	width:1px;
	height:1px;
	float: left;
}

.widget_fullwidth_container .top .middle{
	min-width: 933px;
	background-color:#e5e5e5;
	height:1px;
	float: left;
}

.widget_fullwidth_container .top .right_border{
	background:url();
	background-color:#e5e5e5;
	width:1px;
	height:1px;
	float: left;
}

/*--------------- Stylings for content section ---------------*/
.widget_fullwidth_container .content .left_border{
	width:1px;
	height:247px;
	background-color:#ffffff;
	float: left;
}

.widget_fullwidth_container .content .middle{
	float: left;
	padding-left:25px;
	padding-top:6px;
	padding-bottom:6px;
	width: 908px;
}

.widget_fullwidth_container .content .right_border{
	width:1px;
	height:247px;
	background-color:#ffffff;
	float: right;
}

.widget_fullwidth_container .content .middle .header_content{
	height: 24px;
	width: 908px;
	/* border-bottom: 1px solid #e5e5e5; */
}

/*--------------- Stylings for bottom border ---------------*/
.widget_fullwidth_container .bottom .left_border{
	margin-top: 8px;
	background:url();
	background-color:#e5e5e5;
	width:1px;
	height:1px;
	float: left;
}

.widget_fullwidth_container .bottom .middle{
	margin-top: 8px;
	min-width: 933px;
	background-color:#e5e5e5;
	height:1px;
	float: left;
}

.widget_fullwidth_container .bottom .right_border{
	margin-top: 8px;
	background:url();
	background-color:#e5e5e5;
	width:1px;
	height:1px;
	float: left;
}

/* -----------------------------------------------------------------------------*/
/* 4.7. Coordinate Widget
/* -----------------------------------------------------------------------------*/

div.widget_coordinate_position {
	/*position: relative;
	top: -12px;*/
	position: inherit;
	top: inherit;
	left: inherit;
}

div#widget_coordinate {
	width: 685px;
	min-height: 10px;
	overflow: hidden;
	background-color: #ffffff;
}

	div#widget_coordinate > .top {
		display: none;
		overflow: hidden;
	}

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

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

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

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

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

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

			div#widget_coordinate > .middle > .content > .up_arrow {
				position: absolute;
				top: 13px;
				left: 239px;
				width: 20px;
				height: 10px;
				cursor: pointer;
				visibility: hidden; /* Dev: hide the up arrow, if no more items to be shown */
			}

			div#widget_coordinate > .middle > .content > .up_active {
				visibility: visible; /* Dev: show the up arrow, if there are items to be shown */
			}

			div#widget_coordinate > .middle > .content > .down_arrow {
				width: 20px;
				height: 10px;
				position: absolute;
				/*bottom: 20px;*/
				top: 160px;
				left: 239px;
				cursor: pointer;
				visibility: hidden; /* Dev: hide the down arrow, if no more items to be shown */
			}

			div#widget_coordinate > .middle > .content > .down_active {
				visibility: visible; /* Dev: show the down arrow, if there are items to be shown */
			}

			div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product {
				width: 105px;
				height: 105px;
				padding: 4px;
				background-color: #e5e5e5;
				float: left;
				position:relative;
			}
				div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product > .quick_info_toggle{
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 113px;
					height: 22px;
					text-align: center;
					line-height: 22px;
					background: url('../images/colors/color1/widget_product_listing/bg_80percent_transparent_grey.png');
					visibility: hidden;
					padding: 0;
				}

				div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product:hover > .quick_info_toggle{
					visibility: visible;
				}

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

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

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

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

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

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

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

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

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

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

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

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


	div#widget_coordinate > .bottom {
		display: none;
	}

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

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

		div#widget_coordinate > .bottom > .right_border {
			width: 0px;
			height: 0px;
			float: left;
		}

/* -----------------------------------------------------------------------------*/
/* 0.BUTTON CLASSES
/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 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 > .button_text {
	display: table-cell;
	height: 24px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid #fdd466;
	border-radius: 3px;
	font-size: 11px;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
}
.button_primary > .left_border, .button_primary > .right_border {
	display: none;
}
.button_primary > .button_primary {
	display: block;
	border: 0 none;
}

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

.button_secondary {
	display: inline-block;
	position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#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 > .button_text {
	display: table-cell;
	height: 24px;
	padding: 0 20px;
	border: 1px solid #f1f3f3;
	border-radius: 3px;
	font-size: 11px;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
}

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

	/*Disabled Button for compare button, add "disabled" class to secondary_button's or primary_button's parent div */

	.disabled .button_secondary,
	.disabled .button_primary {
		cursor: default;
	}

	.disabled .button_secondary > .button_text,
	.disabled .button_primary > .button_text {
		color: #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 > .top {
		width: 718px;
		height: 1px;
		overflow: none;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

				}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

					}

					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages {

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

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

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

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

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

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

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

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

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

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

					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .sorting_controls > select {
						height: 18px;
						font-size: 11px;
						border: 1px solid #666666;
						min-width: 114px;
						color: #4d4d4d;
					}

					/* The following two lines need to be defined after grid_icon, list_icon, left_arrow and right_arrow as they set the positioning */
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .active {
						background-position: left top;
						cursor: pointer;
						background-color: #CA4200;
						color: #ffffff !important;
					}

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

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

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




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

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

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

		.widget_product_listing > .bottom > .right_border {
			width: 1px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}


/*For the product list widget */
.product_listing_container {

}

/* DevStart: css for list view under Other Custmers Also Purchased */
.product_listing_container .list_mode .product {
	padding: 15px 15px 15px 190px;
	position: relative;
}

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

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

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

	.product_listing_container .list_mode .product .product_info form select{
		width: 112px;
	}
/* DevEnd: css for list view under Other Custmers Also Purchased */

	.product_listing_container .list_mode .product > .product_info > .product_name {
		color: #666666;
		font-size: 17px;
	}

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

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

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

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

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

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

		.product_listing_container .list_mode .product > .product_info > .product_description a{
			color: #006ECC;
			margin-top: 4px;
			display: inline-block;
			text-decoration:none;
			float: left; /* Dev: To avoid wide outline when focussed, also added a clear_float div in the page */
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -----------------------------------------------------------------------------*/
/* 4.11. SearchLanding Carousel
/* -----------------------------------------------------------------------------*/

div.widget_searchlanding_carousel {
	margin: 8px 0;
	width: 935px;
	position: relative;
}

	div.widget_searchlanding_carousel > .top,
	div.widget_searchlanding_carousel > .bottom,
	div.widget_searchlanding_carousel > .middle {
		overflow: hidden;
	}

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

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

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

		div.widget_searchlanding_carousel > .middle > .left_border > .right_border {
			width: 933px;
			padding-right: 1px;
			background-color: #e6e6e6;
		}

			div.widget_searchlanding_carousel > .middle > .left_border > .right_border > .content {
				width: 933px;
				background-color: #ffffff;
			}

				div.widget_searchlanding_carousel .content .title {
					width: 895px;
					padding: 5px 19px;
					position: relative;
					font-size: 14px;
				}

				div.widget_searchlanding_carousel .content .style_mode > .carousel,
				div.widget_searchlanding_carousel .content .brand_mode > .carousel {
					width: 851px;
					padding: 0 41px;
					position: relative;
					overflow: hidden;
				}

				/* DevStart: to overwrite the height and the class hierarchy */
				div.widget_searchlanding_carousel .content .style_mode > .carousel {
					height: 222px;
				}

				div.widget_searchlanding_carousel .content .brand_mode > .carousel {
					height: 191px;
				}

				div.widget_searchlanding_carousel .content .style_mode > .carousel .item {
					margin-bottom: 42px;
					margin-top: 20px;
				}

				div.widget_searchlanding_carousel .content .brand_mode > .carousel .item {
					margin-bottom: 21px;
					margin-top: 10px;
				}

				div.widget_searchlanding_carousel .content .carousel .item {
					width: 160px;
					height: 160px;
					background-color: #cccccc;
					padding: 0;
					float: left;
					margin: 0 5px;
					position: relative;
				}

				div.widget_searchlanding_carousel .content .style_mode > .carousel .item > .description {
					width: 130px;
					height: 30px;
					position: absolute;
					bottom: 0px;
					left: 0px;
					background: url('../images/colors/color1/widget_searchlanding_carousel/item_transparent_bg.png');
					padding: 0 15px;

					line-height: 30px;
					color: #fff;
					font-size: 12px;
				}

				/*DevStart: To give underline effect*/
				div.widget_searchlanding_carousel .content .style_mode > .carousel .item > .description:hover {
					text-decoration: underline;
				}
				/*DevEnd: To give underline effect*/

				div.widget_searchlanding_carousel .content .brand_mode > .carousel .item > .description {
					display: none;
				}
				/* DevEnd: to overwrite the height and the class hierarchy */




	div.widget_searchlanding_carousel .carousel .left_arrow,
	div.widget_searchlanding_carousel .carousel .right_arrow {
		height: 42px;
		width: 21px;
		position: absolute;
		top: 50%;
		margin-top: -21px;
	}

	div.widget_searchlanding_carousel .carousel .left_arrow {
		left: 10px;
	}

	div.widget_searchlanding_carousel .carousel .right_arrow {
		right: 10px;
	}

	div.widget_searchlanding_carousel .carousel > .left_arrow {
		background-image:url('../images/colors/color1/widget_carousel/left_arrow_sprite.png');
		background-repeat: no-repeat;
		cursor: pointer;
	}

	div.widget_searchlanding_carousel .carousel > .right_arrow {
		background-image:url('../images/colors/color1/widget_carousel/right_arrow_sprite.png');
		background-repeat: no-repeat;
		background-position: 0 -42px;
		cursor: pointer
	}

	div.widget_searchlanding_carousel .carousel > .right_arrow:hover{
		background-position: 0 -84px;
	}


	div.widget_searchlanding_carousel > div.right_border{
		border-right: 1px solid #e5e5e5;
	}


/* -----------------------------------------------------------------------------*/
/* 4.12. Search Results Tab Widget
/* -----------------------------------------------------------------------------*/

div.widget_search_tab_wrapper .tab_header .tab_container {
	height: 36px;
	line-height: 35px;
	padding: 0 7px;
	font-size: 15px;
	font-weight: bold;
	float: left;
}

	div.widget_search_tab_wrapper .tab_header .active_tab {
		border-left: 1px solid #E5E5E5;
		border-right: 1px solid #E5E5E5;
		border-top: 1px solid #E5E5E5;
		border-bottom: 1px solid #FFFFFF;
	}

	div.widget_search_tab_wrapper .tab_header .inactive_tab {
		border-top: 1px solid #E5E5E5;
		border-left: 1px solid #E5E5E5;
		border-right: 1px solid #E5E5E5;
		cursor: pointer;
		background: #FBFBFB;
	}

	div.widget_search_tab_wrapper .tab_header .focused_tab {
		border: 1px dotted;
	}

	div.widget_search_tab_wrapper .tab_header .inactive_tab:hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#FBFBFB));
		box-shadow:inset 0 1px 1px #d9e8eb;
	}

	/*Container with one tab */
	div.widget_search_tab_wrapper .tab_header_single .tab_container {
		width: 100%;
	}

	div.widget_search_tab_wrapper .tab_header_single .tab_spacer {
		width: 0%;
	}

	/*Container with two tabs */
	div.widget_search_tab_wrapper .tab_header_double .tab_container{
		width: 46.0%;
	}

	div.widget_search_tab_wrapper .tab_header_double .tab_spacer {
		width: 1%;
	}

	/*Container with three tabs */
	div.widget_search_tab_wrapper .tab_header_triple .tab_container {
		width: 29.5%;
	}

	div.widget_search_tab_wrapper .tab_header_triple .tab_spacer {
		width: 1.25%;
	}

	div.widget_search_tab_wrapper .tab_header .tab_spacer {
		height: 37px;
		float: left;
	}

	div.widget_search_tab_wrapper .tab_header .tab_end {
		border-bottom: 1px solid #E5E5E5;
		height: 37px;
	}


/* Avoid rendering the top container margin and border in order to seamlessly connect to the tab container */
.tabbed_content .container_margin_5px {
	margin: 0;
}

	.tabbed_content .top .middle_tile, .tabbed_content .top .middle {
		background: none !important;
	}

#contentsSearchBasedNavigationWidget {
	display: none;
}


/* -----------------------------------------------------------------------------*/
/* 4.13. Activity Feed Widget
/* -----------------------------------------------------------------------------*/
.widget_activity_feed{
	width: 212px;
	float: right;
}

.widget_activity_feed > .top > .left_border,
.widget_activity_feed > .bottom > .left_border{
	background-color: #E5E5E5;
	float: left;
	height: 5px;
	width: 5px;
}

.widget_activity_feed > .top > .middle,
.widget_activity_feed > .bottom > .middle{
	background-color: #E5E5E5;
	float: left;
	height: 5px;
	width: 202px;
}

.widget_activity_feed > .top > .right_border,
.widget_activity_feed > .bottom > .right_border{
	background-color: #E5E5E5;
	float: right;
	height: 5px;
	width: 5px;
}

.widget_activity_feed > .content_left_border{
	width: 207px;
	background-color: #e5e5e5;
	padding-left: 5px;
}

.widget_activity_feed > .content_left_border > .content_right_border{
	width: 202px;
	background-color: #e5e5e5;
	padding-right: 5px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content{
	width: 202px;
	background-color: #FFFFFF;
	height: 387px;
	position: relative;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like{
	height: 30px;
	border-bottom: 1px solid #f1f1f1;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 12px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like > .logo{
	width: 34px;
	height: 34px;
	margin-left: 12px;
	margin-right: 12px;
	float: left;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like > .facebook_like{
	height: 34px;
	float: left;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .header{
	height: 34px;
	border-bottom: 1px solid #f1f1f1;
	line-height: 34px;
	text-transform: uppercase;
	color: #666666;
	font-size: 11px;
	padding-left: 12px;
	padding-right: 12px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item{
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 0px;
	padding-bottom: 11px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .avatar{
	height: 35px;
	width: 35px;
	float: left;
	margin-right: 6px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed{
	float: left;
	width: 137px;
	font-size:11px;
	line-height: 13px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed a{
	color: #3b5998;
	text-decoration: none;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed a:hover{
	text-decoration:underline;
	cursor: pointer;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item > .feed .time{
	font-size: 9px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin{
	border-top: 1px solid #cccccc;
	height: 14px;
	margin-left: 12px;
	margin-right: 12px;
	position: absolute;
	bottom: 14px;
	left: 0;
	right: 0;;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin > .icon{
	height: 14px;
	width: 14px;
	float: left;
	margin-right: 4px;
	margin-top: 2px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin > .text{
	float: left;
	font-size: 11px;
}



/* -----------------------------------------------------------------------------*/
/* 5.2. Product Info Add To Cart Button
/* -----------------------------------------------------------------------------*/

/* DevStart: Add to cart button was changed to anchor tag for keyboard navigation and accessibility */
.button_add_to_cart {
	height: 29px;
	overflow:hidden;
	cursor: pointer;
	display: block;
	text-decoration: none;
	min-width: 164px;
	float: left;
	clear: both;
}
/* DevEnd */

	.button_add_to_cart > .left_border {
		width: 2px;
		height: 29px;
		float: left;
		background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') top left no-repeat;
	}

	.button_add_to_cart > .right_border {
		width: 2px;
		height: 29px;
		float: left;
		background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') top right no-repeat;
	}

	.button_add_to_cart > .button_text {
		min-width: 120px;
		height: 25px;
		padding: 2px 20px;
		float: left;
		background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') bottom repeat-x;
		line-height: 28px;
		color: #333333;
		text-align: center;
		font-size: 11px;
		font-family:arial;
		font-size:14px;
	}


	.button_add_to_cart:hover > .left_border {
		background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top left no-repeat;
	}

	.button_add_to_cart:hover > .right_border {
		background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top right no-repeat;
	}

	.button_add_to_cart:hover > .button_text {
		background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') bottom repeat-x;
		color: #4d4d4d;
	}

.nodisplay {
	display:none;
}
.spanacce {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -1px;
}
.autoSuggestSelected {
	background-color: #d9e9f7 !important;
}

.button_add_to_cart_disabled{
	height: 25px;
	padding: 2px 45px;
	border: 2px solid #e5e5e5;
	color: #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 > .top {
		width: 711px;
		height: 0px;
		display: none;
	}

		.widget_bundle_package_list .widget_product_listing > .top > .left_border {
			width: 0px;
		}

		.widget_bundle_package_list .widget_product_listing > .top > .middle_tile {
			width: 711px;
		}

		.widget_bundle_package_list .widget_product_listing > .top > .right_border {
			width: 0px;
		}

	.widget_bundle_package_list .widget_product_listing > .middle {
		width: 711px;
	}

		.widget_bundle_package_list .widget_product_listing > .middle > .left_border {
			width: 711px;
			padding-left: 0px;
		}

		.widget_bundle_package_list .widget_product_listing > .middle > .left_border > .right_border {
			width: 711px;
			padding-right: 0px;
		}

		.widget_bundle_package_list .widget_product_listing > .middle > .left_border > .right_border > .content {
			width: 711px;
			padding: 0;
			min-height: 300px;
			background-color: #fff;
		}



	.widget_bundle_package_list .widget_product_listing > .bottom {
		display: none;
	}

	.widget_bundle_package_list .product_listing_container > .list_mode .product {
		width: 508px;
		padding: 12px 12px 12px 191px;
		min-height: 160px;
		position: relative;
		border-top: 1px solid #e5e5e5;
		margin-bottom: 20px;
		color: #777777;
	}

	.widget_bundle_package_list .product_listing_container .list_mode .product > .product_image {
		margin-top: 0px;
	}

	.widget_bundle_package_list .product_listing_container .bundle_mode .product {
		background: url('../images/colors/color1/bundle_product_bg.png') repeat-y;
	}

	.widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info {
		width: 300px;
	}

	.widget_bundle_package_list .product_listing_container > .list_mode .product .product_info .product_sizes .heading {
		font-size: 13px;
	}

	/* DevStart: inventory availability component is reused, hence using a common class .available instead of .product_availability */
	.widget_bundle_package_list .product_listing_container > .bundle_mode .product .available {
		width: 190px; /* Dev: to accommodate select attribute text */
		padding-left: 12px;
	}
	/* DevEnd */

	#widget_bundle_summary > .left_border > .right_border > .content > .header_content > .price,
	#widget_package_summary > .left_border > .right_border > .content > .header_content > .price {
		color: #CA4200;
		font-weight: bold;
		font-size: 12px;
		float:none;
	}

	/* DevStart: A div was added to position the dropdown as parent to .dropdown_primary, hence .dropdown_primary not immediate child of .item */
	#widget_bundle_summary > .left_border > .right_border > .content > .item .dropdown_primary > .button > .content,
	#widget_package_summary > .left_border > .right_border > .content > .item .dropdown_primary > .button > .content {
		min-width: 127px;
	}
	/* DevEnd */

/* -----------------------------------------------------------------------------*/
/* 6.2. Product Compare
/* -----------------------------------------------------------------------------*/

.widget_product_compare {
	color: #404040;
}

	.widget_product_compare a {
		color: #006ECC;
		text-decoration:none;
	}

	.widget_product_compare a:hover{
		text-decoration:underline;
	}

	.widget_product_compare .row a {
		color: #404040;
	}

	.widget_product_compare .compare_heading {
		font-size: 20px;
		color: #777777;
	}

	.widget_product_compare .compare_back {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.widget_product_compare > .top, .widget_product_compare > .bottom {
		overflow: hidden;
	}

	.widget_product_compare > .top > .left_border, .widget_product_compare > .bottom > .left_border,
	.widget_product_compare > .top > .right_border, .widget_product_compare > .bottom > .right_border {
		width: 1px;
		height: 1px;
		background-color: #e5e5e5;
		float: left;
	}

	.widget_product_compare > .top > .middle, .widget_product_compare > .bottom > .middle {
		width: 100%;
		height: 1px;
		background-color: #e5e5e5;
		float: left;
	}

	.widget_product_compare > .middle > .left_border {
		padding-left: 1px;
		background-color: #e5e5e5;
	}

		.widget_product_compare > .middle > .left_border > .right_border {
			padding-right: 1px;
			background-color: #e5e5e5;
		}

		.widget_product_compare > .middle > .left_border > .right_border > .content {
			background-color: #ffffff;
			min-height: 100px;
		}

			.widget_product_compare > .middle > .left_border > .right_border > .content > .heading {
				padding: 0 8px;
				line-height: 32px;
				font-size: 14px;
				color: #777777;
				border-bottom: 1px solid #e5e5e5;
			}

			/* DevStart: to display compare zone empty message */
			.widget_product_compare > .middle > .left_border > .right_border > .content > .message {
				padding: 0 8px;
				line-height: 32px;
				font-size: 14px;
				color: #777777;
			}

			/* DevEnd: to display compare zone empty message */
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row_border {
				border-bottom: 1px solid #e5e5e5;
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row {
				overflow: hidden;
				font-size: 12px;
				min-height: 30px;
			}

			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .height_spacing_top{
				padding-top: 10px;
			}

			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .height_spacing_bottom{
				padding-bottom: 10px;
			}

			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .reduce_margins{
				margin-top: -8px;
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content .zebra {
				background-color: rgb(245, 245, 245);
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
				float: left;
				color: #777777;
				font-weight: bold;
				padding: 6px 1%;
				line-height: 16px;
			}

				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row a:hover {
					text-decoration: underline;
				}

				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row .remove {
					width: 7px;
					height: 7px;
					display: inline-block;
					vertical-align: middle;
					margin-bottom: 3px;
					margin-right: 3px;
				}

				.dj_ie7 .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row .remove {
					margin-bottom: -1px;
				}

			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item {
				float: left;
				padding: 6px 1%;
				line-height: 16px;
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row:first-child > .item > a > img {
				max-width: 100%;
			}

			/* DevStart: to dynamically select the class based on the number of products to compare */
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
				width: 18%;
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item {
				width: 18%;
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item {
				width: 24%;
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item {
				width: 37%;
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item {
				width: 78%;
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .price{
				color: #CA4200;
				font-weight: bold;
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .old_price {
				color: #777777;
				font-weight: normal;
				text-decoration: line-through;
				margin-right: 4px; /* Dev: provides space after list price and before offer price */
			}
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .heading_mobile,
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main:nth-child(3) {
				display: none;
			}

			@media (max-width: 600px) {
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main {
					overflow: hidden;
				}
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main:nth-child(3) {
					display: inherit;
				}
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4,
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 {
					width: 200%;
				}
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2,
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 {
					width: 100%;
				}
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item {
					width: 23% !important;
				}
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item {
					width: 23% !important;
				}
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item {
					width: 48% !important;
				}
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item {
					width: 98% !important;
				}
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
					display: none;
				}
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .heading_mobile {
					display: inherit;
					font-weight: bold;
				}

			}
			/* DevEnd: to dynamically select the class based on the number of products to compare */

/* -----------------------------------------------------------------------------*/
/* 6.3. Static Pages content
/* -----------------------------------------------------------------------------*/

.static_page img{
	display:block;
	max-width: 100%;
	margin: 0 auto;
}

.static_page .header{
	font-size: 24px;
	color: #666666;
	line-height: 26px;
	margin: 12px 10px;
}

.static_page .sku{
	font-size: 10px;
	color: #666666;
	margin-left: 10px;
	margin-bottom: 12px;
	line-height: 10px;
	margin-top:-12px;
}

.static_page .divider{
	height: 1px;
	background-color: #e5e5e5;
}

.static_page .header_description{
	font-size: 12px;
	line-height: 14px;
	margin-left: 10px;
	margin-bottom: 15px;
}


.static_page > .content_body{
	margin-top: 25px;
	margin-bottom: 25px;
}

	.static_page > .content_body > .text{
		font-size: 12px;
		line-height: 14px;
	}

	.static_page > .content_body > .left_margin{
		margin-left: 20px;
	}

		.static_page > .content_body > .text .header{
			font-size: 16px;
			line-height: 18px;
			margin-bottom: 4px;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
		}

		.static_page > .content_body > .text ul{
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: 25px;
		}

	.static_page > .content_body > .image{
		width: 160px;
	}

.static_page > .recipe_container{
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-top: 2px solid #f8ad05;
}

	.static_page > .recipe_container > .header{
		font-size: 17px;
		padding-bottom: 4px;
		padding-top: 4px;
		margin-left: 10px;
		margin-right: 10px;
		line-height: 19px;
		border-bottom: 1px solid #e5e5e5;
	}

	.static_page > .recipe_container > .column{
		width: 45%;
		margin-left: 10px;
		float: left;
	}

	.static_page > .recipe_container .subheader{
		font-weight:bold;
		font-size: 12px;
	}

	.static_page > .recipe_container ul{
		margin-left: 25px;
	}

		.static_page > .recipe_container ul li{
			font-size: 12px;
			line-height: 16px;
		}

	.static_page > .recipe_container p{
		font-size: 12px;
		margin-left: 10px;
		margin-right: 10px;
		line-height: 14px;
		margin-bottom: 12px;
	}

	.static_page > .three_column_content > .column{
		width: 33%;
		float: left;
	}

	.static_page > .three_column_content > .border{
		border-left: 1px solid #e5e5e5;
	}

		.static_page > .three_column_content > .column .column_header{
			font-size: 17px;
			float: left;
		}

		.static_page > .three_column_content > .column .indent{
			margin-left: 29px;
			margin-right: 10px;
		}

			.static_page > .three_column_content > .column .indent p{
				font-size: 12px;
				line-height: 14px;
				padding-bottom: 10px;
			}

		.static_page > .three_column_content > .column > .text_holder{
			margin-left: 10px;
			margin-right: 10px;
			overflow:hidden;
		}

	.static_page > .three_column_content > .column > .espot {
		max-width: 239px;
		margin: 0 auto !important;
	}
	.static_page .three_column_content .imagelink{
		position: absolute;
		background-color: #ef5305;
		line-height: 16px;
		padding-left:12px;
		padding-right: 12px;
		padding-top: 6px;
		padding-bottom: 8px;
		color: #FFFFFF;
		text-align: center;
		cursor:pointer;
	}

.static_page .productlink{
	position: absolute;
	line-height: 12px;
	font-size: 12px;
	padding:0px;
	margin:0px;
	line-height: 14px;
	color: #624131;
}

	.static_page .productlink > .header{
		color: #CA4200;
		font-size: 14px;
		padding:0px;
		margin:0px;
		line-height: 14px;
	}

	.static_page .productlink:hover > .header{
		text-decoration:underline;
	}

			.static_page > .three_column_content > .column > .text_holder .number{
				margin-right: 10px;
				float:left
			}

		.static_page > .three_column_content > .column > .quote{
			border-top: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
			margin-left: 12px;
			margin-right: 12px;
			font-family:Georgia;
			font-style:italic;
			color: #666666;
			font-size: 24px;
			line-height: 26px;
			padding-top: 8px;
			padding-bottom: 8px;
		}

			.static_page > .three_column_content > .column > .text_holder > .header{
				font-size: 24px;
				font-family:Arial;
				color: #666666;
				margin-left: 0px;
			}

			.static_page > .three_column_content > .column > .text_holder > p{
				font-size: 14px;
				color: #4d4d4d;
				line-height: 15px;
				margin-bottom: 20px;
			}

			.static_page > .three_column_content > .column > .text_holder > .no_margin{
				margin-bottom: none;
			}

.static_page > .style_guide{
	max-width: 719px;
	margin: 0 auto;
}

	.static_page > .style_guide > .left_image{
		float: left;
		width: 50%;
	}

	.static_page > .style_guide > .right_content{
		float: left;
		width: 50%;
	}
	
	@media (max-width: 920px) {
		.static_page > .style_guide > .left_image{
			width: 100%;
		}
		.static_page > .style_guide > .right_content{
			width: 100%;
		}
	}
	
	.static_page > .style_guide > .right_content > ul {
		padding: 0;
	}

		.static_page > .style_guide > .right_content p,
		.static_page > .style_guide > .right_content > ul li{
			font-size: 12px;
			color: #666666;
			line-height: 14px;
			margin: 0 10px;
		}

		.static_page > .style_guide > .right_content > ul li{
			margin-left: 25px;
		}

		.static_page > .style_guide > .right_content > .attachment{
			margin-left: 10px;
		}

			.static_page > .style_guide > .right_content > .attachment > .icon{
				float: left;
			}

			.static_page > .style_guide > .right_content > .attachment > .details{
				float: left;
			}

				.static_page > .style_guide > .right_content > .attachment > .details a{
					color: #006ECC;
					text-decoration:none;
				}

			.static_page > .style_guide > .right_content > .attachment > .details a:hover{
				cursor: pointer;
				text-decoration:underline;
			}

.static_page > .video_container {
	position: relative;
	max-width: 718px;
	margin: 0 auto;
}
.static_page > .video_container:before {
	content: "";
	display: block;
	position: relative;
	padding-bottom: 57.4%;
}
.static_page > .video_container object {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 920px) {
	.static_page > .three_column_content > .column {
		width: 100%;
	}
	.static_page > .three_column_content > .border {
		border: 0 none;
	}
}

/* -----------------------------------------------------------------------------*/
/* 6.4. Progress Bar
/* -----------------------------------------------------------------------------*/

/* For the element containing the actual progress bar */
#progress_bar {
	position: absolute;
	z-index: 9999;
	display: none;
}
/* For the dialog containing the progress bar element */
#progress_bar_dialog {
	position: absolute;
	z-index: 9999;
	/* DevStart: outline was coming for progress bar.
	 * display:none; moved to inline css otherwise dialog.show() won't display the progress bar
	 */
	outline: 0;
	/* DevEnd */
}
/* Progress bar dialog background */
.dijitDialogUnderlay {
	display: none;
}

.dijitDialogUnderlayWrapper {
	position: absolute;
}

#confirmationPopup_underlay {
	display:block;
	background-color: #fff;
	opacity: 0.4;
    filter: alpha(opacity=40); 
}

#loading_popup {
	width:59px;

}
#loading_popup .top_left{
	background-image: url('../images/colors/color1/popup_topleft.png');
	background-repeat:no-repeat;
	background-position:top;
	height:7px;
	width:8px;
	float:left;
}
#loading_popup .top_right{
	background-image: url('../images/colors/color1/popup_topright.png');
	background-repeat:no-repeat;
	background-position:right top;
	height:7px;
	width:51px;
	float:left;
}
#loading_popup .header {
	background-image: url('../images/colors/color1/popup_center_tile_mini.png');
	background-repeat:repeat-y;
	text-align: right;
	clear:left;
}
#loading_popup .close {
	padding: 5px 15px 2px 0px;
	color: #666666;
}
#loading_popup .close .icon{
	padding:2px 0 0 4px;
	float:right;
}
#loading_popup .bodycontent {
	background-color: transparent;
	background-image: url('../images/colors/color1/popup_center_tile_mini.png');
	background-repeat:repeat-y;
	background-position: right;
	padding:0 5px 0 5px;
	margin:0;
}
#loading_popup .bodycontent h2 {
	font-size: 14px;
	font-weight: bold;
}
#loading_popup .bodycontent p {
	margin: 3px 0 10px 2px;
}
#loading_popup .bodycontent div.form_2column {
	padding: 0;
}
#loading_popup .bodycontent_short {
	padding:12px 17px 12px 15px;
	margin:0px 1px 0px 1px;
}
#loading_popup .footer {
	text-align:right;
	height:20px;
	width:59px;
}
#loading_popup .footer .bot_left{
	background-image: url('../images/colors/color1/popup_botleft.png');
	background-repeat:no-repeat;
	background-position: bottom;
	height:11px;
	width:8px;
	float:left;
}
#loading_popup .footer .bot_right{
	background-image: url('../images/colors/color1/popup_botright.png');
	background-repeat:no-repeat;
	background-position: right bottom;
	height:11px;
	width:51px;
	float:left;
}

/* -----------------------------------------------------------------------------*/
/* 6.5. Punchout Payment
/* -----------------------------------------------------------------------------*/

div.punchout_pay_button_div {
	margin-top: 10px;
}

/* -----------------------------------------------------------------------------*/
/* 6.6. Popups
/* -----------------------------------------------------------------------------*/

div .error_icon {
	float:left;
}

/* -----------------------------------------------------------------------------*/
/* 6.7. IE6 Unsupported Browser Page
/* -----------------------------------------------------------------------------*/

.ie6_Background {
	background-color: #FFFFFF;
	height: 100%;
	position: fixed;
	width: 100%;
}
.ie6_Position {
	position: relative;
	width: 100%;
}
.ie6_Content {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	text-align: center;
}
.ie6_Header {
	color: #A1A1A1;
	font-family: verdana,arial;
	font-size: 20px;
	padding-bottom: 12px;
	padding-top: 38px;
	text-align: center;
}
.ie6_Message {
	color: #444444;
	font-family: verdana,arial;
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 40px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
}
.ie6_Banner {
	background: url("../images/colors/color1/unsupported_browser_bg.png") repeat-x scroll 0 0 white;
	border-bottom: 1px solid #C6D0DC;
	height: 42px;
	padding-top: 5px;
}
.ie6_AuroraLogo {
	position: relative;
}

.orderExpandArea {
	border-top: 1px solid #e0e0e0;
	padding: 5px 0px;
}

.orderExpandArea a p {
	display: inline;
	vertical-align: top;
}

#orderExpandAreaBottom {
	border-bottom: 1px solid #e0e0e0;
}