@charset "utf-8";

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

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

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

.genericError_message {
	color: #CA4200;
}

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

div.store_message{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9999;
	min-width: 270px;
	width: 100%;
	max-width: 409px;

	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;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 45px;
		box-shadow: 0 0 10px 2px #888888;
		filter:progid:DXImageTransform.Microsoft.Glow(color='#888888',Strength ='5');

	}

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

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

	.store_message > .content > .close > .close_icon{
		margin-top: 3px;
		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{
		margin: 10px 20px 0 20px;
	}
		.store_message > .content > .message .message_icon{
			width: 19px;
			float:left;
		}
		.store_message > .content > .message .message_text{
			font-size: 12px;
			color: #4D4D4D;
			line-height: 16px;
			width: 100%;
			margin: 0 20px;
		}




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

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

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

#widget_language_and_currency_popup > .dijitDialogPaneContent {
	height: auto !important;
}

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

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

#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;
	width: 370px;
}

#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 10px;
}

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

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

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

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close_acce  {
	position: absolute;
	right: 14px;
	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;
	height: 20px;
	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;
}

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

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


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

.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.no_bg{
	background-image:none;
}

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

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 + 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: 100%;
	position: relative;
}

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

/*Main header_wrapper positioning and styles*/

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

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

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

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

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

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

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

div.content_wrapper_position {
	width: 100%;
}

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

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

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

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

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

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

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

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

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

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

div.footer_wrapper_position {
	width: 100%;
}

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

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

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

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

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

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

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

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

.container_margin_5px{
	margin: 5px auto;
}

.container_margin_8px{
	margin: 8px auto;
}

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

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

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

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

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

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

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

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

		}

/* -----------------------------------------------------------------------------*/
/* 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(#ee9505));
	background-image: linear-gradient(#fbbb0b, #ee9505);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbbb0b', endColorStr='#ee9505')";
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	border-spacing: 0;
	vertical-align: middle;
}
.button_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
/* -----------------------------------------------------------------------------*/


.intelligentOffer_preview_padding {
	padding-top: 30px;
}

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


/* -----------------------------------------------------------------------------*/
/* 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.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;
				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: 40em) {
				.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.4. Progress Bar
/* -----------------------------------------------------------------------------*/

/* For the element containing the actual progress bar */
#progress_bar {
	position: absolute;
	z-index: 9999;
	display: none;
}
/* For the dialog containing the progress bar element */
#progress_bar_dialog {
	position: absolute;
	z-index: 9999;
	/* DevStart: outline was coming for progress bar.
	 * display:none; moved to inline css otherwise dialog.show() won't display the progress bar
	 */
	outline: 0;
	/* DevEnd */
}
/* Progress bar dialog background */
.dijitDialogUnderlay {
	display: none;
}

#loading_popup {
	width:59px;

}
#loading_popup .top_left{
	background-image: url('../images/colors/color1/popup_topleft.png');
	background-repeat:no-repeat;
	background-position:top;
	height:7px;
	width:8px;
	float:left;
}
#loading_popup .top_right{
	background-image: url('../images/colors/color1/popup_topright.png');
	background-repeat:no-repeat;
	background-position: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;
}