@charset "utf-8";

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

/* Dev: legacy */

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

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

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

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

/* -----------------------------------------------------------------------------*/
/* 0.CSS RESET
/* -----------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 1;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:inherit;
	color: inherit;
}
table,tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 1;
	outline: 1;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:inherit;
	color: inherit;
}
.td_datatableimgwidth img {
    width: 50px;
}
.wci_print_id{
	display:none;
}
a, a:visited {
	text-decoration: none;
}

:focus {
	outline: 1;
}

body {
	line-height: 1.4em;
	color: #4d4d4d;
	background: #eeeeee;
	height: 100%;
	width: 100%;

}
/*------------------------------ */
/*PRINT SPECIFIC*/
/*------------------------------ */

/* DevStart: anchor tag is used instead of div for button_add_to_cart */
div.print_section, div.button_add_to_cart, a.button_add_to_cart, div.dropdown_primary, div.navigation, div.star_ratings{
	display:none;
}
/* DevEnd: anchor tag is used instead of div for button_add_to_cart */

div#widget_masthead_logo a .logo .print_logo{
	display: visible !important; 
}

.size_list ul li a p{
	font-size: 12px;
	vertical-align: center;
	text-align:center;
	width: 24px;
	display:visible;
}

.size_list ul li a .size_xxl p{
	width: 30px;
}

.size_list ul li a div{
	border: 1px dashed black;
}

div#widget_product_info_viewer > .product_text .recurring .recurring_text{
	margin-left: -12px !important;
}


/*------------------------------ */
.configurator_page_content{
	font-size: 12px;
}

	.configurator_page_content > .content_box{
		border: 1px solid #e5e5e5;
	}
	
		.configurator_page_content > .content_box > .box_header{
			height: 32px;
			background-color: #f5f5f5;
			font-weight: bold;
			font-size: 16px;
			line-height: 32px;
			padding-left: 30px;
		}
		
		.configurator_page_content > .content_box > .product_image{
			padding-left: 30px;
		}
		
		.configurator_page_content > .content_box > .product_add{
			padding-right:9px;
		}
		
		.configurator_page_content > .content_box > .product_add .price{
			font-weight: bold;
		}
		
		.configurator_page_content > .content_box > .header{
			font-size: 12px;
			font-weight: bold;
			margin-left: 30px;
			margin-right: 9px;
			border-bottom: 1px solid #e5e5e5;
			
		}
		
		.configurator_page_content > .content_box > .item{
			margin-top: 10px;
			margin-left: 20px;
			margin-right: 9px;
			border-bottom: 1px dashed #C6D0DC;
		}
		
		.configurator_page_content > .content_box .no_border{
			border-bottom:none;
		}
		
		.configurator_page_content > .content_box > .item > .item_details{
			margin-left: 20px;
		}
		
		.configurator_page_content > .content_box > .item > .item_details .item_header{
			font-size: 12px;
			font-weight: bold;
			line-height: 13px;
			margin-bottom: 5px;
		}
		
		.configurator_page_content > .content_box > .item > .item_details .form{
			font-size: 11px;
		}



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

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

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

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

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

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

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

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

.static_page_content > .content_box .header_solid{
	background-color: #F7F7F7;
    border-bottom: 1px solid #F0F0F0;
    color: #666666;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding-left: 9px;
    padding-right: 9px;
}
/* DevStart: Rename to info_table_1 to avoid merging of div.info_table in legacy1_1*/
.static_page_content > .content_box  .info_table_1{
	margin-top: 16px;
	padding-left: 9px;
	padding-right: 9px;
	font-size: 12px;
	font-weight:normal;
	line-height: 22px;
}

.static_page_content > .content_box  .info_table_1 > .column{
	width: 181px;
	float: left;
	margin-right: 10px;
}

.static_page_content > .content_box  .info_table_1 > .column > .bold{
	color: #565656;
}

.static_page_content > .content_box  .info_table_1 > .column a{
	text-decoration:none;
}

.static_page_content > .content_box  .info_table_1 > .column a:hover{
	text-decoration:underline;
	cursor:pointer;
}

/* DevEnd */

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

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

div.email_container{
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 9px;
	color: #808080;
	padding-left: 50%;
	margin-left: -321px;
}
	
	div.email_container .info_text{
		width: 625px;
		line-height: 12px;
		margin-left: 7px;
	}
	
	
	div.email_container .link{
		color: #0081af;
		text-decoration: none;
	}
	
	div.email_container .link:hover{
		text-decoration: underline;
	}

	div.email_container > .email_main > .top{
		width: 642px;
	}
	
		div.email_container > .email_main > .top > .left{
			height: 7px;
			width: 7px;
			background-image:url('../images/colors/color1/email_template/border_top_left.png');
			float: left;
		}
		
		div.email_container > .email_main > .top > .middle{
			width: 628px;
			height: 7px;
			background-image:url('../images/colors/color1/email_template/border_top_middle.png');
			float: left;
		}
		
		div.email_container > .email_main > .top > .right{
			height: 7px;
			width: 7px;
			background-image:url('../images/colors/color1/email_template/border_top_right.png');
			float: left;
		}
	
	
	div.email_container > .email_main > .middle{
		width: 642px;
	}
	
	div.email_container > .email_main > .middle > .content_left_border{
		width: 635px;
		padding-left: 7px;
		float:left;
		background-image:url('../images/colors/color1/email_template/border_left.png');
		background-position:left;

	}
	
		div.email_container > .email_main > .middle > .content_left_border > .content_right_border{
			width: 628px;
			padding-right: 7px;
			background-image:url('../images/colors/color1/email_template/border_right.png');
			background-position:right;
			
		}
		
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content{
				width: 628px;
				background-color: #FFFFFF;
				
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content p,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content span{
				color: #404040;
				font-size: 12px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content img{
				display: block;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .divider{
				height: 1px;
				background-color: #cccccc;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .espot_container{
				
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .espot_container > .left{
				float: left;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .espot_container > .right{
				float:right;
				border-left: 1px solid #cccccc;
			}
			
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info{
				margin-left: 35px;
				margin-right: 35px;
				color: #404040;
				text-align: left;
				line-height: 14px;
				font-size: 11px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info  .header{
				font-size: 16px;
				color: #808080;
				margin-top: 15px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .link{
				font-size: 12px;
				color: #006ecc;
				text-decoration: none;
				cursor: pointer;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .link:hover{
				text-decoration: underline;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .divider_secondary{
				height: 1px;
				background-color: #e5e5e5;
				margin-top: 5px;
				margin-bottom: 5px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .detail_name{
				color: #4d4d4d;
				font-size: 12px;
				font-weight: bold;
				
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .grey{
				color: #4d4d4d;
			}
			
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row{
				/*height: 38px;
				line-height: 38px;*/
				height: 14px;
				padding-top: 13px;
				padding-bottom: 13px;
				background-image: url("../images/colors/color1/dotted_line_bg3.png");
				background-repeat:repeat-x;
				background-position:bottom
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .headers{
				background-image: none;
				border-bottom: 1px solid #e5e5e5;
				padding-bottom: 7px;
			}
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .headers span{
				color: #666666;
				font-weight: bold;
				font-size:12px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .product,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .qty,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .each,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .total{
				float: left;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .product{
				width: 330px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .qty{
				width: 40px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .each{
				width: 94px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .total{
				width: 94px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .qty span,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .each span,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_row .total span{
				float: right;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers{
				height: 29px;
				border-top: 1px solid #e5e5e5;
				border-bottom: 1px solid #e5e5e5; 
				margin-left: -10px;
				margin-right: -10px;
				padding-left: 10px;
				padding-right: 10px;
				line-height: 29px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .first_header{
				float: left;
				width: 290px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .second_header{
				float: left;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .product_header,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .product_column{
				width: 330px;
				float: left;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .qty_header,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .qty_column{
				width: 15px;
				float: left;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .each_header,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .each_column{
				width: 100px;
				float: left;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .table_headers .total_header,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .total_column{
				width: 100px;
				float: left;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .subtotal_left_column{
				width: 465px;
				float: left;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info > .subtotal_right_column{
				float: right;
			}
			
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .left_column_50{
				width: 290px;
				float: left;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info  .right_column_50{
				float: left;
			}
			
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .left_column_50 .left_section,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info  .right_column_50 .left_section{
				float: left;
				width: 105px;
			}
			
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info .left_column_50 .right_section,
			div.email_container > .email_main > .middle > .content_left_border > .content_right_border > .content > .newsletter_info  .right_column_50 .right_section{
				float: left;
				width: 140px;
			}


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

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

div.store_message{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -205px;
	z-index: 9999;
	width: 409px;
	background-color: #ffa800;
	display: none; /*Dev: To hide the message popup*/
}

	.store_message > .content{
		margin-top: 3px;
		background-color: #FFFFFF;
		border-left: 3px solid #e5e5e5;
		border-right: 3px solid #e5e5e5;
		border-bottom: 3px solid #e5e5e5;
		width: 403px;
		padding-top: 5px;
		padding-bottom: 45px;
		padding-right: 10px;
		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;
	}
	
	.store_message > .content > .close > .close_text{
		font-size: 11px;
		color: #808080;
		height: 13px;
		margin-right: 7px;
	}
	
	.store_message > .content > .close > .close_icon{
		margin-top: 7px;
		width: 8px;
		height: 8px;
		background-image:url('../images/colors/color1/close_circle_sprite2.png');
		background-repeat:no-repeat;
	}
	
	.store_message > .content > .close:hover > .close_text{
		text-decoration:underline;
	}
	
	.store_message > .content > .close:hover > .close_icon{
		background-position: 0 -8px;
	}
	
	.store_message > .content > .message{
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 10px;
	}
	
		.store_message > .content > .message .message_icon{
			width: 19px;
		}
		
		.store_message > .content > .message .message_text{
			font-size: 12px;
			color: #4D4D4D;
			line-height: 16px;
			width: 330px;
			margin-left: 10px;
		}




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

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: #BFBFBF;
		    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: #EF5305;
		    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: #EF5305;
    		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;
			background-color: #e5e5e5;
			float: left;
		}
		
		div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .description{
			font-size: 12px;
			float: left;
			line-height: 14px;
			padding-left: 11px;
			width: 630px;
		}
		
		div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .description > .header {
			font-size: 14px;
			margin-bottom: 5px;
			cursor: pointer;
		}
		
		div.widget_articles_videos > .middle > .left_content_border > .right_content_border > .content > .item > .description > .header:hover{
			text-decoration:underline;
		}
		
		

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

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

	div.widget_store_details_popup > .middle {
		width: 734px;
		
	}
	
		div.widget_store_details_popup > .middle > .content_left_border {
			background: url("../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-y scroll 0 0 transparent;
			float: left;
			padding-left: 3px;
			width: 731px;
		}
		
			div.widget_store_details_popup > .middle > .content_left_border > .content_right_border {
				background: url("../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-y scroll 0 0 transparent;
				background-position:right;
				float: right;
				padding-right: 3px;
				width: 728px;
			}
			
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content {
					background-color: #ffffff;
				}
				
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header{
					background-color: #F5F6F7;
				    border-bottom: 1px solid #EDEFF0;
				    height: 38px;
				    line-height: 36px;
				    padding-left: 10px;
				    padding-right: 10px;
				}
				
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > span{
					color: #666666;
   	 				font-size: 16px;
				}
				
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close{
					background-image: url("../images/colors/color1/widget_store_locator_popup/close_sprite.png");
					background-position: 0 0;
					background-repeat: no-repeat;
					cursor: pointer;
					height: 13px;
					position: absolute;
					right: 0px;
					top: 12px;
					width: 13px;				
				}
				
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close:hover{
					background-position: 0px -13px;
				}
				
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body{
					font-size: 12px;
					color: #666666;
					padding: 20px 10px;
					line-height: 16px;
				}
				
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body .header{
					font-size: 13px;
					font-weight: bold;
					padding-bottom: 7px;
					border-bottom: 1px solid #edeff0;
				}
				
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_store_address{
					width: 276px;
					float: left;
				}
				
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_hours{
					width: 194px;
					float: left;
				}
				
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability{
					width: 238px;
					float: left;
				}
				
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability > .backordered{
					width: 10px;
					height: 10px;
					float: left;
					margin-top: 3px;
					margin-right: 8px;
					background: url("../images/colors/color1/widget_store_locator_popup/backordered_icon.png");
				}
				
				/* DevStart: for availability status image div in store details popup */
				div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability > .status_img_div{
					margin-right: 8px;
				}
				/* DevEnd */
	
div.widget_store_details_popup > .bottom{
	width: 734px;
	background: url("../images/colors/color1/widget_store_locator_popup/widget_border.png") repeat-x scroll 0 0 transparent;
    overflow: hidden;
}

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

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

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

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

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

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

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

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .header{
	height: 38px;
	background-color: #f5f6f7;
	border-bottom: 1px solid #edeff0;
	line-height: 36px;
	padding-left: 10px;
	padding-right: 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 > .selectors{
	height: 52px;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 35px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .selectors .option_name{
	font-size: 12px;
	width: 80px;
}

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  .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  span{
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}

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

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

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

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

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

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

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

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

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

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

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

div.item_spacer_50px{
	height: 50px;
}

div.item_spacer_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;
	cursor: pointer;
	display: inline-block;
	text-decoration:none;
}

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

	.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;
	}
	
	.dropdown_primary > .drop{
		float: left;
	}
	
	.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;
	/* DevEnd */
	min-width: 190px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

.dropdown_list > ul > .divider{
	height: 1px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #cccccc;
}

.dropdown_list > ul > li{
	display:block;
	height: 27px;
	cursor: pointer;
	font-size: 11px;
	line-height: 27px;
	padding-left: 24px;
	color: #515151;
	overflow:hidden;
	width: 200px;
}
/*:hover to be removed. changes being made with JS. required for now to maintain mockups*/
/* DevStart: changed from :hover to .focused to take care of keyboard navigation and accessibility */
.dropdown_list > ul > li.focused,
.dropdown_list > ul > li:hover{
	/*background-color: #F5F6F7;*/
	background-color: #d9e9f7;
}

.dropdown_list > ul > li a{
	display: block;
	text-decoration: none;
}

.dropdown_list > ul > .created_list{
	background: url('../images/colors/color1/widget_quick_info_popup/plus_icon.png') 8px 8px no-repeat;
}

.dropdown_list > ul > li.focus_create{
	background: #d9e9f7 url('../images/colors/color1/widget_quick_info_popup/plus_icon.png') 8px 8px no-repeat;
	background-color: #F5F6F7;
}
/* DevEnd */

.dropdown_list > ul > .message{
	font-style:italic;
	padding-left: 10px;
}

.dropdown_list > ul > .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{
	background-image: url("../images/colors/color1/close_sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 12px;
    width: 13px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.input_primary > .left_border {
		width: 3px;
		height: 22px;
		float: left;
		background: url('../images/colors/color1/widget_quick_info_popup/search_left_border.png') top left no-repeat;
	}
	
	.input_primary > .right_border {
		width: 3px;
		height: 22px;
		float: left;
		background: url('../images/colors/color1/widget_quick_info_popup/search_right_border.png') top right no-repeat;
	}
	
	.input_primary > .content {
		background: url("../images/colors/color1/widget_quick_info_popup/search_tile_bg.png") repeat-x scroll 0 0 transparent;
	    float: left;
	    height: 22px;
	    padding: 1px;
	    position: relative;
	    margin-bottom: -2px;
	}
	
	.input_primary > .content > input.search_input{
		background: none repeat scroll 0 0 transparent;
	    border: medium none;
	    color: #A6A6A6;
	    font-size: 11px;
	    line-height: 11px;
	    height: 20px;
	    width: 94px;
	}


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

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

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

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

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

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

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

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

		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.main_header{
			color: #818181;
		    display: block;
		    font-size: 20px; /*22*/
		    line-height: 20px; /*28*/
		    margin-top: -3px;
		    max-width: 320px;
		}
		
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .not_available{
			font-size: 11px;
			line-height: 16px;
			color: #878787;
			font-style:italic;
		}
		
		/* DevStart: style for price as configured text*/
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.configured {
			font-size: 14px;
			color: #CCC;
			line-height: 24px;
			float: left;
		}
		/* DevEnd: style for price as configured text*/

		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.old_price{
			color: #CCCCCC;
		    float: left;
		    font-size: 16px;
		    line-height: 24px;
		    text-decoration: line-through;
		    font-weight:bold;
		}
		
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.price{
			color: #EF5305;
		    display: block;
		    font-size: 16px;
		    line-height: 24px;
		    font-weight:bold;
		}
		
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.sku{
			color: #808080;
		    font-size: 10px;
		    line-height: 12px;
		    
		}
		
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings{
			
		}

			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > .single_star{
				background: url("../images/colors/color1/star_rating.png") no-repeat scroll 0 0 transparent;
			    display: block;
			    float: left;
			    height: 16px;
			    margin-top: 3px;
			    padding-right: 3px;
			    width: 16px;
			}
			
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > .single_star:hover{
				background-position: 0 -16px;
			}
			
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > span.reviews a{
				color: #006ECC;
			    float: left;
			    font-size: 12px;
			    padding-left: 8px;
			    text-decoration: none;
			    line-height: 25px;
			}
			
			div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > span.reviews a:hover{
				text-decoration: underline;
			}

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

		/* DevStart: changed class hierarchy to add refresh area div */
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column p{
			font-size: 12px;
			line-height: 14px;
			color: #8b8b8b;
		}
		/* DevEnd: changed class hierarchy to add refresh area div */
		
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > a{
			color: #006ECC;
		    display: block;
		    margin-top: 4px;
		    font-size: 11px;
		    float: left;
		}
		
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > a:hover{
			text-decoration:underline;
		}
		
		/* DevStart: for li elements that lists various product attributes */
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > li,
		div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > ul > li{
			font-size: 11px;
			line-height: 13px;
			color: #8b8b8b;
			margin-left: 14px;
		}
		/* DevEnd */
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .heading{
					font-size: 14px;
					line-height: 14px;
				}
				
				/* DevStart: class hierarchy altered */
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul .color_swatch_selected{
					border: 3px solid #FAC549;
				}
				
				/* DevStart: style for disabled swatch attribute */
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul .color_swatch,
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul .color_swatch_disabled{
					border: 3px solid #E5E5E5;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul .color_swatch_disabled{
					opacity:0.3;
					filter:alpha(opacity=30);
				}
				/* DevEnd: style for disabled swatch attribute */
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul .color_swatch:hover{
					border: 3px solid #FAC549;
				}
				/* DevEnd */
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul > li{
					display: block;
				    float: left;
				    margin-bottom: 6px;
				    margin-right: 6px;
				    margin-top: 6px;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list{
					margin-top:6px;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list a{
					text-decoration: none;
				}
				
				/* DevStart: a div was added to position the dropdown as parent to .dropdown_primary, hence .dropdown_primary not immediate child of .purchase_section */
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section .dropdown_primary > .button > .content{
					width: 127px;
				}
				/* DevEnd */

				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.quantity_label{
					font-size:14px;
					margin-top: 5px;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_primary > .wide_button{
					width: 110px;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .full_details{
					padding-top: 10px;
					padding-bottom: 10px;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a{
					color: #006ECC;
					font-size: 11px;
					text-decoration: none;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a:hover{
					text-decoration:underline;
				}

				/* Dev Start: Add To Cart text was not visible properly in other languages, in quick info.. Made similar changes as done by MDS to fix this issue in product page */
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_add_to_cart > .button_text{
					width: 116px;
				}
				/* Dev End*/
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .button_secondary .button_text{
					width: 120px;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group{
				cursor:pointer;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close{
					background-position: 0 -13px;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close_text{
					text-decoration:underline;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column  .close_group .close{
					width: 13px;
					height: 13px;
					background-image: url('../images/colors/color1/widget_quick_info_popup/close_sprite.png');
					background-position: 0 0;
					background-repeat: no-repeat;
					position: absolute;
					right: 10px;
					top: 10px;
					cursor: pointer;
				}
				
				div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group .close_text{
					position: absolute;
					right: 30px;
					top: 10px;
					font-size: 13px;
					color: #404040;
					text-decoration:none;
				}
				
				
div.widget_quick_info_popup > .bottom {
	background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-x scroll 0 0 transparent;
    overflow: hidden;
    width: 734px;
}

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

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

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

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

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

	.widget_home_espots_left img{
		display:block;
	}

	/* DevStart: Strict hierarchy removed as a div needs be introduced for preview support */
	.widget_home_espots_left  .left_espot {
		float: left;
	}
	
	.widget_home_espots_left  .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;
	margin-left: -53px;
}

.navPrev {
	float:left;
	cursor: pointer;
	width: 21px;
	height: 42px;
	background: url("../images/colors/color1/widget_carousel/left_arrow_sprite.png") no-repeat center center;
	padding: 0px 0px 0px 0px;
	margin-left: 22px;
	margin-right: 10px;
	margin-top:78px;
}
.navPrev:hover {
	background-position: 0 -84px;
}
.navNext {
	float:right;
	cursor: pointer;
	width: 21px;
	height: 42px;
	background: url("../images/colors/color1/widget_carousel/right_arrow_sprite.png") no-repeat center center;
	padding: 0px 0px 0px 0px;
	margin-left: 10px;
	margin-right: 22px;
	margin-top:78px;
}
.navNext:hover {
	background-position: 0 -84px;
}
.thumbScroller {
	border: 0px;
	float:left;
	overflow:hidden;
	position: relative;
	height: 100%;
	padding: 0px 0px 0px 2px;
}
.thumbsNode{
	border: 0px;
	height: 100%;
	float:left;
}
.imgContainer {
	float:left;
	width: 210px;
	height: 100%;
}

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

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

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

div.no_bg{
	background-image:none;
}

div .carousel_searchlanding{
	height: 248px;
}

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

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

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

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


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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.widget_carousel div.product > .product_info > .product_price > .old_price{
	color: #d0d1d3;
	text-decoration: line-through;
}

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

div.widget_home_hero_image img{
	display:block;
}

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

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

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

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

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

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

div.widget_left_nav > div.content_left_border{
	border-left: 5px solid #e5e5e5;
	/*Dev: min height for left navigation bar*/
	min-height: 300px;
}

	div.widget_left_nav > div.content_left_border > div.content_right_border{
		border-right: 5px solid #e5e5e5;
		/*Dev: min height for left navigation bar*/
		min-height: 300px;
	}

		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section{
		}
		
			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: 12px;
				padding-right: 12px;
			}
				div.widget_left_nav > div.content_left_border > div.content_right_border > div.content  div.content_section > div.header > a > 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 > div.header > a > 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 > div.header > a:hover > span.expand_icon_open, 
				div.widget_left_nav > div.content_left_border > div.content_right_border > div.content  div.content_section > div.header > a:hover > 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: #808080;
				}
				
				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: #808080;
				}
				
				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: #939393;
				}
				
				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: none;
					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;
			padding-left: 12px;
			padding-right: 12px;
			padding-top: 8px;
			padding-bottom: 8px;
			/*Dev: min height for left navigation bar*/
			min-height: 25px;
			max-height: 220px;
			overflow: auto;
		}
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_left{
			width: 85px;
			margin-right: 7px;
			float: left;
		}
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_right{
			width: 85px;
			float: left;
		}
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_left ul li .color_swatch,
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_right ul li .color_swatch{
			height: 27px;
			width: 27px;
			background-color: #808080;
			float: left;
			margin-right: 5px;
			border: 3px solid #e5e5e5;
		}
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_left ul li:hover .color_swatch,
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_right ul li:hover .color_swatch{
			border: 3px solid #ffc73f;
		}
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_left ul li,
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_right ul li {
			display: table;
			cursor: pointer;
		}
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_left ul li .color_count,
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_right ul li .color_count{
			display:table-cell;
			vertical-align:middle;
			line-height: 14px;
			color: #939393;
		}
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_left ul li:hover a,
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_right ul li:hover a{
			text-decoration:underline;
		}
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_left ul li input,
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_right ul li input{
			margin-right: 5px;
		}
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_left ul li .size_name,
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list .column_right ul li .size_name{
			display:table-cell;
			vertical-align:middle;
			line-height: 14px;
			color: #939393;
		}
		
		
		
		
		div.widget_left_nav > div.content_left_border > div.content_right_border > div.content > div.content_section > div.section_list ul li{
			list-style-type:none; 
			font-size:12px;
			text-decoration: none;
			color: #939393;
		}
		
			
			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: #939393;
			}
			
			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: none;
					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.bottom > div.left_border{
		height:5px;
		width: 5px;
		float: left;
		background-color: #e5e5e5;
	}

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


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

div.widget_tall_double_espot {
	margin-top:5px;
	width: 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{
	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: 334px;
	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: 345px;
	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: 334px;
	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: #4e4e4e;
	height: 30px;
	border-bottom: 1px solid #edeff0;
}

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

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

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

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

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

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



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


.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%;
}	
	
	/* 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: #c0c8c8 url('../images/colors/color1/page_content_bottom_bg_tile.png') bottom left repeat-x	;
}
	
	/* Shadows */
	div.content_wrapper > div.content_left_shadow {
		width: 977px;
		padding-left: 10px;
		background: url('../images/colors/color1/page_leftborder_shadow.png') top left repeat-y;
		margin-left: auto;
		margin-right: auto;
	}	
	
	div.content_wrapper > div.content_left_shadow > div.content_right_shadow {
		width: 967px;
		padding-right: 10px;
		background: url('../images/colors/color1/page_rightborder_shadow.png') top right repeat-y;
	}
	
	div.content_wrapper > div.content_left_shadow > div.content_right_shadow > div.main_content {
		width: 967px;
		background-color: #ffffff;
		min-height: 100px;
		padding: 8px 0;
	}
	
	div.content_wrapper > div.content_top {
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		display: none; /*No top borders required in content for Madisons Template */
	}	
	
	/* For Footer bottom (theme oriented can be hidden if not needed) */
	div.content_wrapper > div.content_bottom {
		width: 987px;
		height: 10px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}

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

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

div.footer_wrapper_position {
	width: 100%;
}

div.footer_wrapper {
	width: 100%;
	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 0;
}

.container_margin_5px{
	margin: 5px 0;
}

.container_margin_8px{
	margin: 8px 0;
}

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

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

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

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

	.container_content_rightsidebar > .left_column {
		width: 710px; /*685*/
		margin-right: 13px;
		float: left;
		padding: 0;
	}
	
	.container_content_rightsidebar > .left_column_5px{
		width: 718px; /*685*/
		margin-right: 5px;
	}
	
	.container_content_rightsidebar > .right_column {
		width: 212px; /*237*/
		float: left;
		padding: 0;
	}

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

	.container_content_leftsidebar > .left_column {
		width: 212px;
		margin-right: 5px;
		/*height: 300px;*/
		float: left;
		padding: 0;
	}
	
	.container_content_leftsidebar > .right_column {
		width: 718px;
		float: left;
		padding: 0;
	}

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

.widget_double_espot_container {
	width: 935px;
	height: 37px;
	overflow: hidden;
	padding: 0 16px;
}
	
	/* 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;
}

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

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

	.container_product_details_image_information > .left_column {
		width: 457px;
		margin-right: 20px;
		float: left;
	}
	
	.container_product_details_image_information > .right_column {
		width: 458px;
		float: left;
	}
	
/* -----------------------------------------------------------------------------*/
/* 3.5. Product Details Container for bundle and package
	Contains a left column and a right column
	Image Viewer on left
	Product Info on right
/* -----------------------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

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


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

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

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

	div#widget_departments > div.left_border {
		width: 5px;
		height: 32px;
		background: url('../images/colors/color1/widget_departments/departments_left_border_sprite.png') left top no-repeat;
		float: left;
	}
	
	div#widget_departments:hover > div.left_border,  div#widget_departments:focus > div.left_border{
		width: 5px;
		height: 32px;
		background: url('../images/colors/color1/widget_departments/departments_left_border_sprite.png') left bottom no-repeat;
		float: left;
	}
	
	div#widget_departments > div.content {
		min-width: 235px;
		height: 17px;
		padding: 5px 9px 10px 9px;
		background: url('../images/colors/color1/widget_departments/departments_tile_bg_sprite.png') left top repeat-x;
		float: left;
		position: relative;
	}	
	
	div#widget_departments:hover > div.content, div#widget_departments:focus > div.content {
		width: 235px;
		height: 17px;
		padding: 5px 9px 10px 9px;
		background: url('../images/colors/color1/widget_departments/departments_tile_bg_sprite.png') left bottom repeat-x;
		float: left;
		position: relative;
	}	
	
		div#widget_departments > div.content > span.label {
			font-size: 15px;
			color: #4d4d4d;
		}				
		
		div#widget_departments:hover > div.content > span.label {
			font-size: 15px;
			color: #4d4d4d;
		}		
		
		div#widget_departments > div.content > div.arrow {
			width: 7px;
			height: 7px;
			background: url('../images/colors/color1/widget_departments/departments_arrow.png') no-repeat;
			position: absolute;
			right: 0px;
			bottom: 6px;
		}
	
	div#widget_departments > div.right_border {
		width: 5px;
		height: 32px;
		background: url('../images/colors/color1/widget_departments/departments_right_border_sprite.png') left top no-repeat;
		float: left;
	}
	
	div#widget_departments:hover > div.right_border, div#widget_departments:focus > div.right_border {
		width: 5px;
		height: 32px;
		background: url('../images/colors/color1/widget_departments/departments_right_border_sprite.png') left bottom no-repeat;
		float: left;
	}
	
	
	/*Drop Down*/
	div#widget_departments > .drop_down {
		display: none;
	}
	
	/* Dev: Focus Pseudo class has been added to provide keyboard accessiblity to department widget */

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

		}
		
			div#widget_departments:hover > .drop_down > .top > .left_border, div#widget_departments:focus > .drop_down > .top > .left_border {
				width: 2px;
				height: 4px;
				float: left;
				background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left top no-repeat;
			}			
			
			div#widget_departments:hover > .drop_down > .top > .middle_tile, div#widget_departments:focus > .drop_down > .top > .middle_tile {
				width: 259px;
				height: 4px;
				float: left;
				background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left center repeat-x;
			}
			
			div#widget_departments:hover > .drop_down > .top > .right_border, div#widget_departments:focus > .drop_down > .top > .right_border {
				width: 2px;
				height: 4px;
				float: left;
				background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left bottom;
			}
			
		div#widget_departments:hover > .drop_down > .middle, div#widget_departments:focus > .drop_down > .middle {
			width:263px;
		}
		
			div#widget_departments:hover > .drop_down > .middle > .left_border, div#widget_departments:focus > .drop_down > .middle > .left_border {
				width: 262px;
				padding-left: 1px;
				background-color: #b7bebe;
			}
			
				div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border {
					width: 261px;
					padding-right: 1px;
					background-color: #b7bebe;
				}
				
					div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments, div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments {
						width: 261px;
						padding-top: 5px;
						background-color: #ffffff;
					}				
	
						div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department, 
						div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department{
							/*Removed height value for departments dropdown multiple line fix*/
							cursor: pointer;
						}						
						
						div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover, 
						div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department:focus{
							background-color: #d9e9f7;
						}
						
							div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper, 
							div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper{
								position: relative;
							}
						
							div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name,
							div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name{
								line-height: 17px;
								font-size: 13px;
								float: left;
								padding: 6px 30px 6px 13px;
								max-width: 220px;
								color: #565656;
							}						
							
							div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name a,
							div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name a{
								text-decoration: none;
								color: #565656;
							}
							
							div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .arrow,
							div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .arrow{
								position: absolute;
								top: 50%;
								right: 10px;
								margin-top: -5px;
								height: 10px;
								width: 10px;
								float: right;
								background: url('../images/colors/color1/widget_departments/arrow_sprite.png') left top no-repeat;
							}
	
							div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper,
							div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department:focus > .name_wrapper{
								font-weight: bold;
							}
							
							/* Dev : dephighlight is a dynamically added css class to highlight the menu item during keyboard navigation
							   It mimics the mouse functionality.
							 */

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

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

								div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper > .name a,
								div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department:focus > .name_wrapper > .name a{
									text-decoration: none
								}							
								
								div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper > .arrow,
								div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department:focus > .name_wrapper > .arrow{
									background-position: left bottom;
								}
							
							div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department > .sub_categories,
							div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department > .sub_categories{
								height: 203px;
								background-color: #ffffff;
								position: absolute;
								top: 0;
								left: 262px;
								display: none;
								cursor: default;
							}
							
								div#widget_departments:hover > .drop_down .departments > .department > .sub_categories .top,
								div#widget_departments:focus > .drop_down .departments > .department > .sub_categories .top{
									width: 100%;
									height: 5px;
									overflow: hidden;
									background: url('../images/colors/color1/widget_departments/sub_categories_top_sprite.png') 0px -5px repeat-x;
								}
							
									div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .top > .left_border,
									div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .top > .left_border{
										width: 1px;
										height: 5px;
										background: url('../images/colors/color1/widget_departments/sub_categories_top_sprite.png') left top no-repeat;
										float: left;
									}							
									
									div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .top > .middle_tile,
									div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .top > .middle_tile{
										display: none;
									}										
									
									div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .top > .right_border,
									div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .top > .right_border{
										width: 1px;
										height: 5px;
										background: url('../images/colors/color1/widget_departments/sub_categories_top_sprite.png') left bottom no-repeat;
										float: right;
									}									
								
								div#widget_departments:hover > .drop_down .departments > .department > .sub_categories .middle,
								div#widget_departments:focus > .drop_down .departments > .department > .sub_categories .middle{
									width: 100%;
									float: left;
									height: 197px;
								}
							
									div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .left_border,
									div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .left_border{
										width: 1px;
										height: 197px;
										background-color: #b7bebe;
										float: left;
									}							
									
									div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile,
									div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile{
										height: 197px;
										float: left;
									}	

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

											div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .name,
											div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .name{
												padding-left: 18px;
												font-weight: bold;
												margin-top: 8px;
												padding-top: 0px;
												font-size: 12px; /*Font size change for Departments dropdown*/
												text-transform:uppercase;
											}															
											
											div#widget_departments > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .first{
												margin-top: 8px;
											}
											div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item:hover,
											div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item:focus{
												background-color: #d9e9f7;
											}									
											
												div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a,
												div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a{
													text-decoration: none;
													color: #565656;
												}													
												
												div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a:hover,
												div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a:focus{
													text-decoration: underline;
												}										
									
												div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .dephighlight{
													background-color: #d9e9f7;
												}
												
												div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .dephighlight > a{
													text-decoration: underline;
												}
									div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .middle > .right_border,
									div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .middle > .right_border{
										width: 1px;
										height: 197px;
										background-color: #b7bebe;
										float: right;
									}								
								
								div#widget_departments:hover > .drop_down .departments > .department > .sub_categories .bottom,
								div#widget_departments:focus > .drop_down .departments > .department > .sub_categories .bottom{
									width: 100%;
									height: 1px;
									overflow: hidden;
									background-color: #b7bebe;
								}
							
									div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .bottom > .left_border,
									div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .bottom > .left_border{
										width: 1px;
										height: 1px;
										background-color: #b7bebe;
										float: left;
									}							
									
									div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .bottom > .middle_tile,
									div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .bottom > .middle_tile{
										display:none;
									}										
									
									div#widget_departments:hover > .drop_down .departments > .department > .sub_categories > .bottom > .right_border,
									div#widget_departments:focus > .drop_down .departments > .department > .sub_categories > .bottom > .right_border{
										width: 1px;
										height: 1px;
										background-color: #b7bebe;
										float: right;
									}							
							
							div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .sub_categories,
							div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .department:focus > .sub_categories{
								display: block;
							}
							
							div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .view_all,
							div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .view_all{
								width: 231px;
								padding-left: 30px;
								background-color: #f5f6f7;
								height: 42px;
								line-height: 42px;
								font-size: 13px;
								position: relative;
								border-top: 1px solid #e0e0e0;
								margin-top: 5px;
							}
							
								div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a,
								div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a{
									text-decoration: none;
									color: #565656;
								}
														
								div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a:hover{
									font-weight: bold;
								}
								
								div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .dephighlight > a{
									font-weight: bold;
								}

								div#widget_departments:hover > .drop_down > .middle > .left_border > .right_border > .departments > .view_all > .arrow,
								div#widget_departments:focus > .drop_down > .middle > .left_border > .right_border > .departments > .view_all > .arrow{
									width: 10px;
									height: 10px;
									position: absolute;
									left: 13px;
									top: 50%;
									margin-top: -5px;
									background: url('../images/colors/color1/widget_departments/arrow_sprite.png') left top no-repeat;
								}
	
		div#widget_departments:hover > .drop_down > .bottom, div#widget_departments:focus > .drop_down > .bottom {
			width:263px;
			overflow: hidden;
			background-color: #b7bebe;
		}
		
			div#widget_departments:hover > .drop_down > .bottom > .left_border, div#widget_departments:focus > .drop_down > .bottom > .left_border {
				width: 1px;
				height: 1px;
				float: left;
			}			
			
			div#widget_departments:hover > .drop_down > .bottom > .middle_tile, div#widget_departments:focus > .drop_down > .bottom > .middle_tile {
				width: 261px;
				height: 1px;
				float: left;
			}
			
			div#widget_departments:hover > .drop_down > .bottom > .right_border, div#widget_departments:focus > .drop_down > .bottom > .right_border {
				width: 1px;
				height: 1px;
				float: left;
			}
	
	
	
/* -----------------------------------------------------------------------------*/
/* 4.1.2.1 Departments Widget Home
/* -----------------------------------------------------------------------------*/

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

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

	div#widget_departments_home > div.left_border {
		width: 5px;
		height: 38px;
		background: url('../images/colors/color1/widget_departments/departments_home_bg_sprite.png') left top no-repeat;
		float: left;
	}
	
	div#widget_departments_home > div.content {
		width: 186px;
		height: 17px;
		padding: 8px 9px 13px 9px;
		background: url('../images/colors/color1/widget_departments/departments_home_bg_sprite.png') left bottom repeat-x;
		float: left;
		position: relative;
	}	
		
	
		div#widget_departments_home > div.content > span.label {
			font-size: 15px;
			color: #332902;
		}					
		
		div#widget_departments_home > div.content > div.arrow {
			display:none;
		}
	
	div#widget_departments_home > div.right_border {
		width: 5px;
		height: 38px;
		background: url('../images/colors/color1/widget_departments/departments_home_bg_sprite.png') left center no-repeat;
		float: left;
	}
	
	
	/*Drop Down*/

	div#widget_departments_home > .drop_down {
		display: block;
		position:absolute;
		left: 0px;
		top: 38px;
		cursor: default;
	}
	
		div#widget_departments_home > .drop_down > .top {
			width:214px;
			overflow: hidden;
			display:none;
		}
		
			div#widget_departments_home > .drop_down > .top > .left_border {
				width: 2px;
				height: 4px;
				float: left;
				background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left top no-repeat;
			}			
			
			div#widget_departments_home > .drop_down > .top > .middle_tile {
				width: 210px;
				height: 4px;
				float: left;
				background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left center repeat-x;
			}
			
			div#widget_departments_home > .drop_down > .top > .right_border {
				width: 2px;
				height: 4px;
				float: left;
				background: url('../images/colors/color1/widget_departments/dropdown_top_sprite.png') left bottom;
			}
			
		div#widget_departments_home > .drop_down > .middle {
			width:214px;
		}
		
			div#widget_departments_home > .drop_down > .middle > .left_border {
				width: 213px;
				padding-left: 1px;
				background-color: #a2a4a4;
			}
			
				div#widget_departments_home > .drop_down > .middle > .left_border > .right_border {
					width: 212px;
					padding-right: 1px;
					background-color: #a2a4a4;
				}
				
					div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments {
						width: 212px;
						padding-top: 5px;
						background-color: #ffffff;
					}				
	
						div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department {
							height: 29px;
							cursor: pointer;
						}						
						
						div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover {
							background-color: #d9e9f7;
						}
						
							div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper {
								position: relative;
							}
						
							div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name {
								line-height: 29px;
								font-size: 13px;
								float: left;
								padding: 0 30px 0 13px;
								max-width: 220px;
								color: #565656;
							}						
							
							div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .name a{
								text-decoration: none;
								color: #565656;
							}
							
							div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .name_wrapper > .arrow {
								position: absolute;
								top: 50%;
								right: 10px;
								margin-top: -5px;
								height: 10px;
								width: 10px;
								float: right;
								background: url('../images/colors/color1/widget_departments/arrow_sprite.png') left top no-repeat;
							}
	
							div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper {
								font-weight: bold;
							}
							
								div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper > .name a {
									text-decoration: none
								}							
								
								div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .name_wrapper > .arrow {
									background-position: left bottom;
								}
							
							div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department > .sub_categories {
								width: 392px;
								height: 204px;
								background-color: #ffffff;
								position: absolute;
								top: -5px;
								left: 213px;
								display: none;
								cursor: default;
							}
							
								div#widget_departments_home > .drop_down .departments > .department > .sub_categories .top {
									width: 392px;
									height: 5px;
									overflow: hidden;
								}
							
									div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .top > .left_border {
										width: 1px;
										height: 5px;
										background: url('../images/colors/color1/widget_departments/home_sub_categories_top_sprite.png') left top no-repeat;
										float: left;
									}							
									
									div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .top > .middle_tile {
										width: 390px;
										height: 5px;
										background: url('../images/colors/color1/widget_departments/home_sub_categories_top_sprite.png') left center repeat-x;
										float: left;
									}										
									
									div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .top > .right_border {
										width: 1px;
										height: 5px;
										background: url('../images/colors/color1/widget_departments/home_sub_categories_top_sprite.png') left bottom no-repeat;
										float: left;
									}									
									
								div#widget_departments_home > .drop_down .departments > .department > .sub_categories .middle {
									width: 392px;
									height: 198px;
									overflow: hidden;
								}
							
									div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .left_border {
										width: 1px;
										height: 198px;
										background-color: #a2a4a4;
										float: left;
									}							
									
									div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile {
										width: 390px;
										height: 198px;
										float: left;
										overflow: hidden;
									}	

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

											div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .name {
												padding-left: 18px;
												width: 109px;
												font-weight: bold;
												margin-top: 8px;
											}											
											
											div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item {
												padding-left: 18px;
												width: 109px;
											}												
											
											div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item:hover {
												background-color: #d9e9f7;
											}									
											
												div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a {
													text-decoration: none;
													color: #565656;
												}													
												
												div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .middle_tile > .sub_category > .item a:hover {
													text-decoration: underline;
												}										
									
									div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .middle > .right_border {
										width: 1px;
										height: 198px;
										background-color: #a2a4a4;
										float: left;
									}								
								
								div#widget_departments_home > .drop_down .departments > .department > .sub_categories .bottom {
									width: 392px;
									height: 1px;
									overflow: hidden;
								}
							
									div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .bottom > .left_border {
										width: 1px;
										height: 1px;
										background-color: #a2a4a4;
										float: left;
									}							
									
									div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .bottom > .middle_tile {
										width: 390px;
										height: 1px;
										background-color: #a2a4a4;
										float: left;
									}										
									
									div#widget_departments_home > .drop_down .departments > .department > .sub_categories > .bottom > .right_border {
										width: 1px;
										height: 1px;
										background-color: #a2a4a4;
										float: left;
									}							
							
							div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .department:hover > .sub_categories{
								display: block;
							}
							
							div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all {
								width: 182px;
								padding-left: 30px;
								background-color: #f5f6f7;
								height: 42px;
								line-height: 42px;
								font-size: 13px;
								position: relative;
								border-top: 1px solid #e0e0e0;
								margin-top: 5px;
							}
							
								div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a {
									text-decoration: none;
									color: #565656;
								}
														
								div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all a:hover {
									font-weight: bold;
								}
							
								div#widget_departments_home > .drop_down > .middle > .left_border > .right_border > .departments > .view_all > .arrow {
									width: 10px;
									height: 10px;
									position: absolute;
									left: 13px;
									top: 50%;
									margin-top: -5px;
									background: url('../images/colors/color1/widget_departments/arrow_sprite.png') left top no-repeat;
								}
	
		div#widget_departments_home > .drop_down > .bottom {
			width:214px;
			overflow: hidden;
			background-color: #a2a4a4;
		}
		
			div#widget_departments_home > .drop_down > .bottom > .left_border {
				width: 1px;
				height: 1px;
				float: left;
			}			
			
			div#widget_departments_home > .drop_down > .bottom > .middle_tile {
				width: 212px;
				height: 1px;
				float: left;
			}
			
			div#widget_departments_home > .drop_down > .bottom > .right_border {
				width: 1px;
				height: 1px;
				float: left;
			}
			
			/* DevStart : dephighlight is a dynamically added css class to highlight the menu item during keyboard navigation
			   It mimics the mouse functionality.
			*/

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

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

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

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

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

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

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

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

div#widget_search {
	height: 32px;
}

	div#widget_search > div.left_border {
		width: 5px;
		height: 32px;
		background: url('../images/colors/color1/widget_search/search_left_border.png') no-repeat;
		float: left;
	}	
	
	div#widget_search > div.content {
		min-width: 298px;
		height: 20px;
		padding: 5px 25px 7px 5px;
		background: url('../images/colors/color1/widget_search/search_tile_bg.png') repeat-x;
		float: left;
		position: relative;
	}
	
		div#widget_search > div.content input.search_input {
			width: 287px;
			border: none;
			height: 20px;
			color: #CCCCCC;
			font-size: 14px;
			background: none;
		}	

		/* 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;
			background: url('../images/colors/color1/widget_search/search_submit_sprite.png') no-repeat;
			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 */
		}	
		
		div#widget_search > div.content input.search_submit:hover{
			background-position: 0px -19px;
		}

		div#widget_search > div.content span.select_container {
			border-left: 1px solid #e0e0e0;
			border-right: 1px solid #e0e0e0;
			display: inline-block;
			width: 140px;
			height: 20px;
			overflow: hidden;
		}

			div#widget_search > div.content span.select_container > select.search_category {
				width: 171px;
				border: 0;
				color: #4D4D4D;
				padding-bottom: 6px;
			}

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

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

/* Minishopcart Style */
div#widget_minishopcart {
	cursor:pointer;
}
	div#widget_minishopcart > div.content {
		min-width: 218px;
		height: 64px;
		background: url('../images/colors/color1/widget_minishopcart/minishopcart_tile_bg.png') repeat-x;
		float: left;
		position: relative;
	}
	
		div#widget_minishopcart > div.content > div.info {
			position: absolute;
			top: 17px;
			left: 45px;
			color: #4d4d4d;
		}		
		
			div#widget_minishopcart > div.content > div.info > .subtotal {
				line-height: 16px;
				font-size: 13px;
				font-style: italic;
			}
			
			div#widget_minishopcart > div.content > div.info > .cart {
				line-height: 16px;
				font-size: 12px;
				font-style: italic;
			}
		
		div#widget_minishopcart > div.content > div.cart_icon {
			position: absolute;
			top: 12px;
			left: 7px;
			width: 28px;
			height: 28px;
			background: url('../images/colors/color1/widget_minishopcart/minishopcart_carticon.png') no-repeat;
		}
		
		div#widget_minishopcart > div.content > div.arrow {
			width: 7px;
			height: 7px;
			background: url('../images/colors/color1/widget_minishopcart/minishopcart_arrow.png') no-repeat;
			position: absolute;
			right: -2px;
			bottom: 4px;
		}
	
	div#widget_minishopcart > div.left_border {
		width: 5px;
		height: 64px;
		background: url('../images/colors/color1/widget_minishopcart/minishopcart_left_border.png') no-repeat;
		float: left;
	}
	
	div#widget_minishopcart > div.right_border {
		width: 5px;
		height: 64px;
		background: url('../images/colors/color1/widget_minishopcart/minishopcart_right_border.png') no-repeat;
		float: left;
	}

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



div#widget_minishopcart_popup, div#widget_minishopcart_popup_1 {
	cursor:pointer;
}	
	div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product {
						min-height: 82px;
						border-bottom: 1px solid #edeff0;
						position: relative;
						padding: 5px 11px 5px 92px;
					}					
					
						div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_image {
							width: 92px;
							height: 92px;
							position: absolute;
							top: 0px;
							left: 0px;
							overflow: hidden; /*Dev*/
						}	

							div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image img, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_image img {
								margin: 11px;
							}	
						
						div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_name, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name {
							font-size: 16px;
							color: #666666;
						}
						
						/* DevStart - productname color was displayed as blue in IE7. */
						div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_name a, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name a {
							color: #666666;
						}
						/*DevEnd*/

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

						div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image a {
							display:block;
						}
						/* DevEnd */
						
						div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_quantity, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_quantity {
							font-size: 13px;
							color: #666666;
							margin-right: 14px;
						}								
						
						div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_price, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_price {
							font-size:13px;
							color: #EF5305;
							line-height: 26px;
							font-weight: bold;
							float: right;
						}							
												
					
						div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_color, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_color {
							font-size:12px;
							line-height: 16px;
							color: #808080;
						}					
						
						div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_size, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_size {
							font-size:12px;
							line-height: 16px;
							color: #808080;
						}
					
					div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal {
						border-bottom: 1px solid #EDEFF0;
					    padding: 8px 11px;
					    position: relative;
					}
					
					div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal > .product_price, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal > .product_price {
						color: #EF5305;
						line-height: 22px;
						font-weight: bold;
						float: right;
					}
					
					div#widget_minishopcart_popup > #cartDropdown > .content > .view_more, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more {
						border-bottom: 1px solid #EDEFF0;
					    padding: 5px 11px;
					    position: relative;
					}
					
					div#widget_minishopcart_popup > #cartDropdown > .content > .view_more > .view_more_items, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more > .view_more_items {
						color: #006ECC;
						font-size: 12px;
						cursor: pointer;
					}
					
					div#widget_minishopcart_popup > #cartDropdown > .content > .view_more > .view_more_items:hover, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more > .view_more_items:hover {
						text-decoration: underline;
					}
					
					
					div#widget_minishopcart_popup > #cartDropdown > .content > .go_to_cart, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .go_to_cart {
						height: 35px;
						padding: 6px 11px;
						overflow: hidden;
					}						
					
						div#widget_minishopcart_popup > #cartDropdown > .content > .go_to_cart > .button_primary, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .go_to_cart > .button_primary {
							float: right;
							margin-top: 5px;
						}
	
					
					/* Added Product */
					div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product {
						min-height: 112px;
						border-bottom: 1px solid #edeff0;
						position: relative;
						padding: 5px 11px 5px 126px;
					}
					
						div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product > .product_image, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product > .product_image {
							width: 126px;
							height: 126px;
							position: absolute;
							top: 0px;
							left: 0px;
						}	

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

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

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

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

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

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

/* DevStart: used span instead of ul */
	div#widget_masthead_links div.masthead_links span {
		font-size: 12px;
		color: #d9dedf;
		line-height: 14px;
	}
	
	div#widget_masthead_links div.masthead_links span span {
		display: inline;
		color: #4e4e4e;
	}	
	
	div#widget_masthead_links div.masthead_links a{
		text-decoration: none;
		color: #4d4d4d;
	}
	
	div#widget_masthead_links div.masthead_links a:hover{
		text-decoration: underline;
	}
	
	div#widget_masthead_links div.masthead_links ul li.special {
		text-decoration: none;
		color: #4e4e4e;
	}	
	
	div#widget_masthead_links div.masthead_links ul li.special a, div#widget_masthead_links div.masthead_links ul li.special a:visited {
		text-decoration: none;
		color: #000000;
	}


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

	div#widget_masthead_links div.masthead_social span {
		font-size: 12px;
		color: #d9dedf;
		line-height: 14px;
		list-style-type: none;
	}
	
	div#widget_masthead_links div.masthead_social span span {
		display: inline;
		color: #4d4d4d;
	}	
		
		div#widget_masthead_links div.masthead_social a{
			color: #4d4d4d;
			text-decoration: none;
	}	
	
	div#widget_masthead_links div.masthead_social a:hover{
		text-decoration: underline;
	}
	
		div#widget_masthead_links div.masthead_social span.icon {
			width: 16px;
			display: inline-block;
			vertical-align: middle;
			cursor: pointer;
			margin-top:-2px;
		}	

		div#widget_masthead_links div.masthead_social 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.face_icon:hover {
			background-position: 0 -16px;
		}		
		
		div#widget_masthead_links div.masthead_social 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.yelp_icon {
			background: url('../images/colors/color1/widget_masthead_social/social_yelp_icon.png') no-repeat;
		}	
/* DevEnd: used span instead of ul */

	div#widget_masthead_links div.masthead_social ul li.special {
		text-decoration: none;
		color: #4e4e4e;
	}	
	
	div#widget_masthead_links div.masthead_social ul li.special a, div#widget_masthead_links div.masthead_social ul li.special a:visited {
		text-decoration: none;
		color: #000000;
	}


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

div#footer {
	width: 926px;
	padding-top: 30px;
	margin: 0px auto 30px auto;
	overflow: hidden;
	color: #ffffff;
	cursor:default;
}

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

	div#footer > div.footer_element_container {
		padding: 0px 15px 0px 20px;
		min-height: 100px;
		float: left;
	}	
	
		div#footer > div.footer_element_container h1 {
			color: #fff;
			font-size: 15px;
			font-weight: normal;
		}
		
		div#footer > div.footer_element_container ul {
			list-style-type:none;
			margin-top: 5px;
		}
		
			div#footer > div.footer_element_container ul li{
				color: #fff;
				font-size: 12px;
				line-height: 13px;
				margin-bottom: 6px;
			}
			
				div#footer > div.footer_element_container ul li a {
					color: #fff;
					text-decoration: none;
				}
				
				div#footer > div.footer_element_container ul li a:hover{
					text-decoration:underline;
				}
				
	
	div#footer > div.small {
		width: 165px;
	}
	
	div#footer > div.large {
		/*width: 206px;*/
		width: 195px;
	}

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

div.widget_footer_emailnotifications_position {

}

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

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

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

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

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


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

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

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

div#widget_product_image_viewer {
	width: 424px;
}

	div#widget_product_image_viewer h1{
		font-size: 13px;
		margin-bottom: 5px;
	}
	
	div#widget_product_image_viewer > div.top{
		width: 457px;
	}
	
	div#widget_product_image_viewer > div.top > div.left_border {
		background-color:#e5e5e5;
		width:5px;
		height:5px;
		float: left;
	}

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

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

	div#widget_product_image_viewer > div.left_border {
		width:452px;
		padding-left: 5px;
		background-color:#e5e5e5;
		float: left;
	}
	
		div#widget_product_image_viewer > div.left_border > .right_border{
			width: 447px;
			padding-right: 5px;
			background-color: #e5e5e5;
		}
		
			div#widget_product_image_viewer > div.left_border > .right_border > .content{
				background-color: #FFFFFF;
			}
			
			div#widget_product_image_viewer > div.left_border > .right_border > .content > .image_container{
				height: 447px;
				border-bottom: 1px solid #e5e5e5;
				position: relative;
			}
			
				/* DevStart: To fit the product main image into the container */
				div#widget_product_image_viewer > div.left_border > .right_border > .content > .image_container > .product_main_image {
					width: 447px;
				}
				/* DevEnd */

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

		

		div#widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views {
			background-color: #f5f5f5;
			height: 115px;
			width: 399px;
			padding-left: 24px;
			padding-right: 24px;
			padding-top: 5px;
		}
	
			div#widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views > ul li{
				list-style: none;
				float: left;
				border: 3px solid #e5e5e5;
				margin-right: 8px;
				height: 70px;
				width: 70px;
			}
			
			div#widget_product_image_viewer > div.left_border > .right_border > .content > div.other_views > ul li:hover{
				border: 3px solid #fac549;
			}

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

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

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

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

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

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

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

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

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

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

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

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

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

div#widget_product_info_viewer h1{
	font-size: 13px;
}

div#widget_product_info_viewer h2{
	font-size: 13px;
	color:#000000;
	padding-left: 24px;
	line-height:30px;
}

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

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

/* OVERALL WIDTH FOR CONTAINER */
div#widget_product_info_viewer {
	width: 458px;
}
	div#widget_product_info_viewer > div.top{
		line-height: 10px;
	}

	/* STYLES FOR TOP SECTION */
	
	/* DevStart: changed class hierarchy to add refresh area div */
	div#widget_product_info_viewer > div.top div.madisons_exclusive{
		background: #ef5305;
		color: #ffffff;
		font-size: 10px;
		font-weight: bold;
		padding-left: 4px;
		padding-right: 4px;
		line-height: 13px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
		/* DevStart: mouse over underline effect for offer text */
		div#widget_product_info_viewer > div.top div.madisons_exclusive > a {
			text-decoration: none;
		}
		
		div#widget_product_info_viewer > div.top div.madisons_exclusive > a:focus,
		div#widget_product_info_viewer > div.top div.madisons_exclusive > a:hover {
			text-decoration: underline;
		}
		/* DevEnd */
	/* DevEnd: changed class hierarchy to add refresh area div */
	
	div#widget_product_info_viewer > div.top > .print_section{
		float: right;
		margin-top: -18px;
		line-height: 16px;
		font-size: 11px;
		text-decoration: none;
		cursor: pointer;
		width: 60px;
	}
	
	div#widget_product_info_viewer > div.top > .print_section > span{
	float: right;
	}
	
	div#widget_product_info_viewer > div.top > .print_section > .print_icon{
		float: left;
		margin-left: 10px;
		background: url('../images/colors/color1/widget_product_info/print_icon_sprite.png') no-repeat;
		height: 16px;
		width: 16px;
	}
	
	div#widget_product_info_viewer > div.top > .print_section:hover span{
		text-decoration: underline;
	}
	
	div#widget_product_info_viewer > div.top > .print_section:hover > .print_icon{
		background-position: 0px -16px;
	}
	
	div#widget_product_info_viewer > div.top > h1.main_header{
		font-size: 22px;
		color: #808080;
		line-height: 24px;
		display:block;
	}
	
	div#widget_product_info_viewer > div.top > .not_available{
		font-size: 13px;
		color: #808080;
		line-height: 16px;
		font-style:italic;
	}
	
	/* DevStart: removed id #price_display since there can be multiple price in the same page */
	div#widget_product_info_viewer > div.top > div > span.configured{
		font-size:16px;
		color: #4d4d4e;
		line-height: 18px;
		margin-top:-2px;
		float: left;
	}

	div#widget_product_info_viewer > div.top > div > span.old_price{
		font-size:16px;
		color: #CCCCCC;
		line-height: 18px;
		font-weight: bold;
		float: left;
		text-decoration: line-through;
	}

	div#widget_product_info_viewer > div.top > div  > span.price{
		font-size:16px;
		color: #ef5305;
		line-height: 18px;
		font-weight: bold;
		display:block;
	}
	/* DevEnd */

	div#widget_product_info_viewer > div.top > span.sku {
		/*font-size:12px;
		line-height: 22px;*/
		font-size:10px;
		line-height: 12px;
		color: #808080;
	}
	
	div#widget_product_info_viewer > div.top .promotion{
		font-size: 12px;
		color: #006ECC;
		text-decoration; none;
	}
	
	div#widget_product_info_viewer > div.top .promotion:hover{
		text-decoration: underline;
	}

	div#widget_product_info_viewer > div.top {
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 4px;
	}
	
		div#widget_product_info_viewer > div.top .single_star,
		.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .single_star {
			display: block;
			float: left;
			height: 16px;
			width: 16px;
			padding-right: 3px; 
			margin-top: 3px; 
			background: url("../images/colors/color1/star_rating.png") no-repeat 0 0;
		}
	
		div#widget_product_info_viewer > div.top .single_star:hover,
		.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .single_star:hover {
			background-position: 0px -16px;
		}
		
		div#widget_product_info_viewer > div.top > div.star_ratings {
			padding-top: 1px;
			padding-bottom: 7px;
		}
		
			div#widget_product_info_viewer > div.top > div.star_ratings > span.reviews a,
			.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .reviews a{
				color: #006ecc;
				font-size:12px;
				float: left;
				padding-left: 8px;
				text-decoration: none;
				line-height: 22px;
			}
			
			div#widget_product_info_viewer > div.top > div.star_ratings > span.reviews a:hover,
			.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .reviews a:hover{
				text-decoration: underline;
			}

			div#widget_product_info_viewer > div.top div.star_ratings div.stars,
			.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings div.stars {
				float: left;
			}

		div#widget_product_info_viewer > .top .social{
			padding-top: 4px;
		}


	div#widget_product_info_viewer > .product_text{
		border-bottom: 1px solid #e5e5e5;
		padding-top: 11px;
		padding-bottom: 11px;
		line-height: 15px;
	}
		
		div#widget_product_info_viewer > .product_text .recurring{
			margin-top: 5px;
		}
	
		div#widget_product_info_viewer > .product_text .recurring:hover .recurring_text{
			text-decoration:underline;
			cursor:pointer;
		}
	
		div#widget_product_info_viewer > .product_text .recurring .recurring_icon{
		height: 13px;
		width: 13px;
		background: url("../images/colors/color1/recurring_icon.png");
		background-repeat: none;
		float: left;
		}
		
		div#widget_product_info_viewer > .product_text .recurring .recurring_text{
			float: left;
			margin-left: 3px;
			font-size: 12px;
			color: #006ECC;
			text-decoration:none;
		}
		
		
		div#widget_product_info_viewer > .product_text > .subscription > .icon{
			height: 13px;
			width: 9px;
			background: url('../images/colors/color1/widget_product_info/subscription_icon.png');
			float: left;
		}
		
		div#widget_product_info_viewer > .product_text > .subscription > a{
			font-size: 12px;
			text-decoration: none;
			color: #0030df;
			margin-left: 5px;
		}

		div#widget_product_info_viewer > .product_text p {
			color:#4D4D4D;
			font-size:12px;
			line-height: inherit;
			font-family:Arial, Helvetica, sans-serif;
		}

		div#widget_product_info_viewer > .product_text ul {
			padding-left: 14px;
			list-style-type:disc;
			
		}

		div#widget_product_info_viewer > .product_text ul li{
			color:#4d4d4d;
			font-size:12px;
			font-family: Arial, Helvetica, sans-serif;
			line-height: inherit;
		}
		
		/*div#widget_product_info_viewer > .product_text ul li:before {
			content: '- ';
		}*/


	div#widget_product_info_viewer > .product_options {
		/* padding-top: 16px; */
	}
	
		div#widget_product_info_viewer > .product_options a{
			text-decoration:none;
		}
		
		div#widget_product_info_viewer > .product_options .color_and_size{
			padding-top: 11px;
			padding-bottom: 11px;
			width: 246px; /*276*/
			/*height: 201px;*/
			border-right: 1px solid #e5e5e5;
		}
		
		div#widget_product_info_viewer > .product_options .no_border{
			border-right:none;
		}
		
			div#widget_product_info_viewer > .product_options .color_and_size .button_secondary .button_text{
				min-width: 120px;
			}
		
			div#widget_product_info_viewer > .product_options .color_and_size .options_dropdown select{
				height: 23px; /* Dev: to override legacy css style */
				width: 164px;
			}

			div#widget_product_info_viewer > .product_options .color_and_size .check_size_chart{ 
				
				color: #006ECC;
			    float: left;
			    font-size: 12px;
			    text-decoration: none;
			}
		
			div#widget_product_info_viewer > .product_options .color_and_size .heading,
			div#widget_product_info_viewer > .product_options .color_and_size .header{ 
				font-size:14px;
			}
			
			div#widget_product_info_viewer > .product_options .color_and_size .vertical_divider{
				height: 11px;
				width: 1px;
				background: #e5e5e5;
				margin-left: 13px;
				margin-right: 13px;
				margin-top: 7px;
			}
		
		div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list ul li,
		div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list ul li {
			display: block;
			float: left;
			margin-right: 6px;
			margin-bottom: 6px;
			cursor: pointer;
		}
		
		/* DevStart: to remove the bottom margin from the last swatch */
		div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list ul li.last_swatch {
			margin-bottom: 0px;
		}
		/* DevEnd: to remove the bottom margin from the last swatch */
		
		/* Dev Start: Added for swatch, changed hierarchy */
		div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_label,
		div.product_listing_container .list_mode .product > .product_info > .color_swatch_label{
			padding-right:10px;
		}
		
		div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list .color_swatch,
		div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list .color_swatch_disabled,
		div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch,
		div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch_disabled {
			border: 3px solid #e5e5e5;
		}
		
		div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list .color_swatch_disabled,
		div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch_disabled {
			opacity:0.3;
			filter:alpha(opacity=30);
		}		
				
		div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list .color_swatch:hover,
		div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch:hover {
			border: 3px solid #fac549;
		}
		
		div#widget_product_info_viewer > .product_options .color_and_size .color_swatch_list .color_swatch_selected,
		div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch_selected {
			border: 3px solid #fac549;
		}
		/* Dev End: Added for swatch, changed hierarchy */
		
		.size_list ul li{
			display: block;
			float: left;
			margin-right: 10px;
		}
		
		.size_list ul li a .size{
			height: 24px;
			min-width: 24px;
			background-repeat:none;
			background-position: 0 0;
		}
		
		.size_list ul li a .disabled{
			background-position: 0 -48px !important;
			cursor:default;
		}
		
		.size_list ul li a .selected{
			background-position: 0 -24px !important;
		}
		
		.size_list ul li a .size_xs{ background-image: url('../images/colors/color1/sizes/size_xs.png'); }
		
		.size_list ul li a .size_s{ background-image: url('../images/colors/color1/sizes/size_s.png'); }

		.size_list ul li a .size_m{ background-image: url('../images/colors/color1/sizes/size_m.png'); }
		
		.size_list ul li a .size_l{ background-image: url('../images/colors/color1/sizes/size_l.png'); }
		
		.size_list ul li a .size_xl{ background-image: url('../images/colors/color1/sizes/size_xl.png'); }
		
		.size_list ul li a .size_xxl{ background-image: url('../images/colors/color1/sizes/size_xxl.png'); width: 30px; }
		
		.size_list ul li a .size_xxxl{ background-image: url('../images/colors/color1/sizes/size_xxxl.png'); width: 36px; }
		
		.size_list ul li a .size_xs:hover, .size_list ul li a .size_s:hover, .size_list ul li a .size_m:hover, .size_list ul li a .size_l:hover, .size_list ul li a .size_xl:hover,  .size_list ul li a .size_xxl:hover,  .size_list ul li a .size_xxxl:hover{
			background-position: 0 -24px;
		}
		
		.size_list .header{
			font-size: 12px;
			
		}
		
			div#widget_product_info_viewer > .product_options > .color_and_size > .quantity_discount{
				font-size: 14px;
				color: #808080;
				line-height: 16px;
			}
			
			div#widget_product_info_viewer > .product_options > .color_and_size > .quantity_discount > p > span.price{
				color: #ef5305;
			}
			
			div#widget_product_info_viewer > .product_options > .color_and_size > .quantity_section{
				margin-top: 16px;
			}
			
			div#widget_product_info_viewer > .product_options > .color_and_size > .clear_margin{
				margin-top:0px !important;
			}
			
			div#widget_product_info_viewer > .product_options > .color_and_size > .quantity_section > .header{
				font-size:14px;
			}
			
			div#widget_product_info_viewer > .product_options > .color_and_size > .button_add_to_cart > .button_text{
				min-width: 120px;
			}
			
			/* DevStart: a div was added to position the dropdown as parent to .dropdown_primary, hence .dropdown_primary not immediate child of .color_and_size */
			div#widget_product_info_viewer > .product_options > .color_and_size .dropdown_primary > .button > .content{
				min-width: 127px;
			}
			/* DevEnd */

		div#widget_product_info_viewer > .product_options .divider{
			height: 1px;
			background-color:#E5E5E5;
		}
		
		div#widget_product_info_viewer > .product_options .available{
			padding-top: 11px;
			padding-bottom: 11px;
			padding-left: 16px;
		}
			/* DevStart: inventory status component is being reused in package/bundle pages, hence changed product_availability to available */
			#widget_package_summary > .left_border > .right_border > .content > .item > .available {
				float: none;
				padding-bottom: 20px;
			}
			
			div#widget_product_info_viewer > .product_options .available .header,
			.product_listing_container .list_mode .product > .available .header,
			#widget_package_summary > .left_border > .right_border > .content > .item > .available .header {
				font-size:14px;
				line-height: 17px;
			}
			
			div#widget_product_info_viewer > .product_options .available .sublist,
			.product_listing_container .list_mode .product > .available .sublist,
			#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist {
				line-height: 14px;
			}
			
			div#widget_product_info_viewer > .product_options .available .sublist .text,
			.product_listing_container .list_mode .product > .available .sublist .text,
			#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist .text {
				font-size: 12px;
			}
			
			/* DevStart: store_name class is applied to anchor tag for accessibility */
			div#widget_product_info_viewer > .product_options .available .sublist a.store_name,
			.product_listing_container .list_mode .product > .available .sublist a.store_name,
			#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist a.store_name {
				font-size: 12px;
				color: #006ECC;
				padding-left: 16px;
				text-decoration: none;
			}
			
			div#widget_product_info_viewer > .product_options .available .sublist a:focus.store_name,
			div#widget_product_info_viewer > .product_options .available .sublist a:hover.store_name,
			.product_listing_container .list_mode .product > .available .sublist a:hover.store_name,
			#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist a:hover.store_name {
				text-decoration: underline;
			}
			/* DevEnd: store_name class is applied to anchor tag for accessibility */
			
			div#widget_product_info_viewer > .product_options .available ul,
			.product_listing_container .list_mode .product > .product_info > .available ul,
			#widget_package_summary > .left_border > .right_border > .content > .item > .available ul {
				list-style-image:url("../images/colors/color1/widget_product_info/checkmark_icon.png");
			}
			
			div#widget_product_info_viewer > .product_options .available .instore_sublist,
			.product_listing_container .list_mode .product > .available .instore_sublist,
			#widget_package_summary > .left_border > .right_border > .content > .item > .available .instore_sublist {
				margin-left: 40px;
				font-size:12px;
				line-height: 17px;
				
			}
			
			/* DevStart: store_name class is applied to anchor tag for accessibility */
			div#widget_product_info_viewer > .product_options .available a.check_stores,
			.product_listing_container .list_mode .product > .available a.check_stores,
			#widget_package_summary > .left_border > .right_border > .content > .item > .available a.check_stores {
				color: #006ECC;
			    float: left;
			    font-size: 12px;
			    margin-left: 15px;
			    text-decoration: none;
			    cursor:pointer;
			}
			
			div#widget_product_info_viewer > .product_options .available a:focus.check_stores,
			div#widget_product_info_viewer > .product_options .available a:hover.check_stores,
			.product_listing_container .list_mode .product > .available a:hover.check_stores,
			#widget_package_summary > .left_border > .right_border > .content > .item > .available a:hover.check_stores {
				text-decoration: underline;
			}
			/* DevEnd: store_name class is applied to anchor tag for accessibility */
			/* DevEnd: inventory status component is being reused in package/bundle pages */

		div#widget_product_info_viewer > .product_options .left_column{
			
			padding-top: 16px;
			float: left;
			/*border-top: 1px solid #e5e5e5;
			width: 176px;*/
			padding-right: 12px;
			
		}
		
			div#widget_product_info_viewer > .product_options .left_column .quantity_section{
				margin-bottom: 6px;
			}
			
			div#widget_product_info_viewer > .product_options .left_column .quantity_section .header{
				font-size: 18px;
				line-height: 36px;
				padding-right: 10px; 
			}

		div#widget_product_info_viewer > .product_options .right_column{
			/*border-top: 1px solid #e5e5e5;
			width: 250px;*/
			padding-top: 16px;
		}
		
		
		div#widget_product_info_viewer > div.social_commerce{
			padding-top: 11px;
			padding-bottom: 6px;
			border-top: 1px solid #E5E5E5;
		}
		
		
		div#widget_product_info_viewer > div.social_commerce .social{
			padding-right: 14px;
		}
		
		div#widget_product_info_viewer > div.social_commerce .social .social_icon{
			margin-right: 5px;
			height: 25px;
		}
		
		div#widget_product_info_viewer > div.social_commerce .social .divider{
			width: 1px;
			height: 24px;
			background: #e5e5e5;
			margin-right: 12px;
			margin-left: 7px;
		}
		
		div#widget_product_info_viewer > div.social_commerce .send_and_print{
			height: 24px;
			line-height: 1px;
			border-left: 1px solid #e5e5e5;
			padding-left: 14px;
		}

	/* Modifications for bundle and product pages */
	.container_product_details_bundle_package div#widget_product_info_viewer {
		width: 575px;
	}
	
	.container_product_details_bundle_package div#widget_product_info_viewer > .product_text{
		border-bottom: none;
	}
	
		.container_product_details_bundle_package div#widget_product_info_viewer > .product_text ul{
			margin-top: 10px;
			margin-left: 10px;
		}
	
/* -----------------------------------------------------------------------------*/
/* 4.3.3 Sidebar Container Widget (Recently Viewed, Recommendations)
/* -----------------------------------------------------------------------------*/

div.widget_sidebar_container{
	width: 212px; /*237*/
}

	div.widget_sidebar_container h1{
		font-weight: normal;
		font-size: 13px;
	}
	
	div.widget_sidebar_container div.divider{
		height: 2px;
		width: 187px; /*213*/
		border-bottom: solid 1px #e5e5e5;
	}
	
	div.widget_sidebar_container > div.top {
		overflow: hidden;
	}
	
		div.widget_sidebar_container > div.top > div.left_border{
			background-color:#e5e5e5;
			width:3px;
			height:3px;
			float: left;
		}

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

		div.widget_sidebar_container > div.top > div.right_border{
			background-color:#e5e5e5;
			width:3px;
			height:3px;
			float: right;
		}
		
	div.widget_sidebar_container > .left_border{
		width: 209px;
		float: left;
		padding-left: 3px;
		background-color: #e5e5e5;
	}
	
	div.widget_sidebar_container > .left_border > .right_border{
		width: 206px;
		float: right;
		padding-right: 3px;
		background-color: #e5e5e5;
	}
	
	div.widget_sidebar_container > .left_border > .right_border > .content{
		float: left;
		background-color: #ffffff;
		padding: 6px 9px 0 9px;
		width: 188px;
		
	}
	
	div.widget_sidebar_container > .left_border > .right_border > .content .button_add_to_cart .button_text{
		max-width: 142px;
	}
	
	div.widget_sidebar_container > .left_border > .right_border > .content .dropdown_primary .content{
		max-width: 146px;
	}
	
	
		div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content{
			line-height: 16px;
			border-bottom: 1px solid #e5e5e5;
			position: relative;
			padding-bottom: 4px;
			min-height:30px;
		}
		
			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: #808080;
			}
			
			div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content .right .left_arrow_enabled{
				margin-top: 6px;
				margin-right: 9px;
				height: 12px;
				width: 13px;
				background-position:center;
				background-image:url('../images/colors/color1/sidebar_containers/left_arrow_disabled.png');
				background-repeat: no-repeat;
			}
			
			div.widget_sidebar_container > .left_border > .right_border > .content > div.header_content .right .left_arrow_enabled:hover{
				background-image:url('../images/colors/color1/sidebar_containers/left_arrow_enabled.png');
			}

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

		
		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;
			}
			
			div.widget_sidebar_container > .left_border > .right_border > .content > div.item >  div.left_column > .quick_info_toggle a:hover{
				text-decoration: underline;
			}

			/* DevStart: added for adbug */			
			div.widget_sidebar_container > .left_border > .right_border > .content > div.item >  div.left_column .adbug_new {
				height: 55px; 
				margin-top:-75px;
				background-position: 45px;
				position:relative;
				background-repeat:no-repeat;
			}
			/* DevEnd */

		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: #EF5305;
			}
			
				/* 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: #c6c6c6;
					text-decoration: line-through;
				}
				
				div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column > div.item_price > .price {
					color: #ef5305;
				}
				/* DevEnd */
			
			div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column .view_details{
				margin-top: 10px;
				font-size:12px;
				color: #006ecc;
				text-decoration: none;
			} 
			
			div.widget_sidebar_container > .left_border > .right_border > .content > div.item > div.right_column .view_details:hover{
				text-decoration: underline;
			}

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

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

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

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

div.widget_tab_container {
	width: 710px;
}

	div.widget_tab_container > div.header ul {
		list-style: none outside none;
		margin: 0;
		padding: 0;
	}
	
	div.widget_tab_container > div.header li {
		-moz-border-bottom-colors: none;
		-moz-border-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: #808080;
	}

	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: #4d4d4d;
	}
	
	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;
	}
	
	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 */
	
	
	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: #ef5305;
			font-size: 12px;
			margin:0;
		}
		
		div#widget_breadcrumb > ul li a{
			text-decoration: none;
			color: #ef5305;
		}
		
		div#widget_breadcrumb > ul li:hover a{
			text-decoration: underline;
		}
		
		div#widget_breadcrumb > ul li.current {
			color:#808080;
		}
		
		div#widget_breadcrumb > ul span.divider, div#widget_breadcrumb > ul li.divider {
			margin: 0 2px;
			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: #808080;
}
			
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: 3px;
	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: #ef5305;
}

.widget_fullwidth_container > .content > .middle > .column  span.item_old_price{
	color: #d9d9d9;
	text-decoration: line-through;
}

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


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

.widget_fullwidth_container > .content > .middle > .column_last  span.item_old_price{
	color: #d9d9d9;
	text-decoration: line-through;
}

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


/*--------------- 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: 20px;
				left: 239px;
				width: 20px;
				height: 10px;
				cursor: pointer;
				
				/*Active Up Arrow
				background: url('../images/colors/color1/widget_coordinate/up_arrow_sprite.png') left center no-repeat;		*/		
				
				/*Inactive Up Arrow */
				background: url('../images/colors/color1/widget_coordinate/up_arrow_sprite.png') left top no-repeat;
				visibility: hidden; /* Dev: hide the up arrow, if no more items to be shown */
			}
			
			div#widget_coordinate > .middle > .content > .up_active {
				background: url('../images/colors/color1/widget_coordinate/up_arrow_sprite.png') left center no-repeat;
				visibility: visible; /* Dev: show the up arrow, if there are items to be shown */
			}
			
			div#widget_coordinate > .middle > .content > .up_active:focus {
				background: url('../images/colors/color1/widget_coordinate/up_arrow_sprite.png') left bottom no-repeat;
			}
			
			div#widget_coordinate > .middle > .content > .up_active:hover {
				background: url('../images/colors/color1/widget_coordinate/up_arrow_sprite.png') left bottom no-repeat;
			}

			div#widget_coordinate > .middle > .content > .down_arrow {
				width: 20px;
				height: 10px;
				position: absolute;
				/*bottom: 20px;*/
				top: 167px;
				left: 239px;
				cursor: pointer;
				
				/*Active Down Arrow 
				background: url('../images/colors/color1/widget_coordinate/down_arrow_sprite.png') left center no-repeat;*/				
				
				/*Inactive Arrow*/
				background: url('../images/colors/color1/widget_coordinate/down_arrow_sprite.png') left top no-repeat;
				visibility: hidden; /* Dev: hide the down arrow, if no more items to be shown */
			}
			
			div#widget_coordinate > .middle > .content > .down_active {
				background: url('../images/colors/color1/widget_coordinate/down_arrow_sprite.png') left center no-repeat;
				visibility: visible; /* Dev: show the down arrow, if there are items to be shown */
			}
			
			div#widget_coordinate > .middle > .content > .down_active:focus {
				background: url('../images/colors/color1/widget_coordinate/down_arrow_sprite.png') left bottom no-repeat;
			}
			
			div#widget_coordinate > .middle > .content > .down_active:hover {
				background: url('../images/colors/color1/widget_coordinate/down_arrow_sprite.png') left bottom no-repeat;
			}			
		
			div#widget_coordinate > .middle > .content > .coordinate_title {
				line-height: 40px;
			}		
		
			div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product {
				width: 105px;
				height: 105px;
				padding: 4px;
				background-color: #e5e5e5;
				float: left;
				position:relative;
			}
				div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product > .quick_info_toggle{
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 113px;
					height: 22px;
					text-align: center;
					line-height: 22px;
					background: url('../images/colors/color1/widget_product_listing/bg_80percent_transparent_grey.png');
					visibility: hidden;
					padding: 0;
				}
				
				div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product:hover > .quick_info_toggle{
					visibility: visible;
				}
				
				div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product > .quick_info_toggle a{
					text-decoration: none;
					color: #ffffff;
					font-size: 12px;
				}
				
				div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product > .quick_info_toggle a:hover{
					text-decoration: underline;
					color: #ffffff;
					font-size: 12px;
				}
				
				div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product img {
					width: 105px;
					height: 105px;
				}
			div#widget_coordinate > .middle > .content > .coordinate_body > .left_column{
				float: left;
				width: 273px;
			}
			
			div#widget_coordinate > .middle > .content > .coordinate_body > .right_column{
				float: left;
				margin-left: 16px;
				width: 358px;
			}
			
			div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .cross_image {
				width: 47px;
				height: 114px;
				float: left;
				position: relative;
			}
			
				div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .cross_image .cross {
					width: 17px;
					height: 17px;
					position: absolute;
					background: url('../images/colors/color1/widget_coordinate/cross.png') no-repeat;
					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: #CCCCCC;
						font-size: 14px;
						font-weight: bold;
						text-decoration: line-through;
					}
					
					div#widget_coordinate > .middle > .content > .coordinate_body > .right_column > .info > .combined_total > .value {
						font-size: 14px;
						color: #EF5305;
					}				
				
				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 {
	height: 24px;
	overflow:hidden;
	cursor: pointer;
	display: inline-block;
	text-decoration:none;
}

	.button_primary > .left_border {
		width: 2px;
		height: 24px;
		float: left;
		background: url('../images/colors/color1/buttons/primary_button_left_sprite.png') no-repeat;
		background-position: 0 0;
	}
	
	.button_primary > .right_border {
		width: 2px;
		height: 24px;
		float: left;
		background: url('../images/colors/color1/buttons/primary_button_right_sprite.png') no-repeat;
		background-position: 0 0;
	}
	
	.button_primary > .button_text {
		height: 20px;
		padding: 2px 20px;
		float: left;
		background: url('../images/colors/color1/buttons/primary_button_sprite.png') repeat-x;
		background-position: 0 0;
		line-height: 20px;
		color: #49310f;
		text-align: center;
		font-size: 11px;
		text-decoration:none;
	}
	
	.button_primary:focus > .left_border {
		background-position: 0 -24px;
	}
	
	.button_primary:focus > .right_border {
		background-position: 0 -24px;
	}
	
	.button_primary:focus > .button_text {
		background-position: 0 -24px;
		color: #1f1909;
	}

	.button_primary:hover > .left_border {
		background-position: 0 -24px;
	}
	
	.button_primary:hover > .right_border {
		background-position: 0 -24px;
	}
	
	.button_primary:hover > .button_text {
		background-position: 0 -24px;
		color: #1f1909;
	}

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

.button_secondary {
	height: 24px;
	overflow:hidden;
	cursor: pointer;
	display: inline-block;
	text-decoration:none;
}

	.button_secondary > .left_border {
		width: 2px;
		height: 24px;
		float: left;
		background: url('../images/colors/color1/buttons/secondary_button_left_sprite.png') no-repeat;
		background-position: 0 0;
	}
	
	.button_secondary > .right_border {
		width: 2px;
		height: 24px;
		float: left;
		background: url('../images/colors/color1/buttons/secondary_button_right_sprite.png') no-repeat;
		background-position: 0 0;
	}
	
	.button_secondary > .button_text {
		height: 20px;
		padding: 2px 20px;
		float: left;
		background: url('../images/colors/color1/buttons/secondary_button_sprite.png') repeat-x;
		background-position: 0 0;
		line-height: 20px;
		color: #49310f;
		text-align: center;
		font-size: 11px;
	}
	
	.button_secondary:focus > .left_border {
		background-position: 0 -24px;
	}
	
	.button_secondary:focus > .right_border {
		background-position: 0 -24px;
	}
	
	.button_secondary:focus > .button_text {
		background-position: 0 -24px;
		
	}
	
	.button_secondary:hover > .left_border {
		background-position: 0 -24px;
	}
	
	.button_secondary:hover > .right_border {
		background-position: 0 -24px;
	}
	
	.button_secondary:hover > .button_text {
		background-position: 0 -24px;
		
	}
	
	/*Disabled Button for compare button, add "disabled" class to secondary_button's or primary_button's parent div */
	
	.disabled .button_secondary,
	.disabled .button_primary {
		cursor: default;
	}
	
	.disabled .button_secondary > div, .disabled .button_secondary:hover > div, .disabled .button_secondary:focus > div,
	.disabled .button_primary > div, .disabled .button_primary:hover > div, .disabled .button_primary:focus > div {
		background-position: 0 -48px;
	}	
	
	.disabled .button_secondary > .button_text,
	.disabled .button_primary > .button_text {
		color: #cacaca;
	}

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

.widget_product_listing {
	background-color: #ffffff;
}

	.widget_product_listing > .top {
		width: 718px;
		height: 1px;
		overflow: none;
	}
	
		.widget_product_listing > .top > .left_border {
			width: 1px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}
			
		.widget_product_listing > .top > .middle_tile {
			width: 716px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}
		
		.widget_product_listing > .top > .right_border {
			width: 1px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}
		
	.widget_product_listing > .middle {
		overflow: none;
		width: 718px;
	}
		
		.widget_product_listing > .middle > .left_border {
			width: 717px;
			padding-left: 1px;
			background-color: #e5e5e5;
		}
		
		.widget_product_listing > .middle > .left_border > .right_border {
			width: 716px;
			padding-right: 1px;
			background-color: #e5e5e5;
		}
		
		.widget_product_listing > .middle > .left_border > .right_border > .content {
			width: 716px;
			padding: 0;
			min-height: 300px;
			background-color: #fff;
		}
		
		.widget_product_listing > .middle > .left_border > .right_border > .texture_background{
			background-image: url('../images/colors/color1/widget_texture_bg.png');
			background-repeat:repeat;
		}
		
			.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar {
				width: 100%;
				height: 90px;
				position: relative;
			}
			
			.widget_product_listing > .middle > .left_border > .right_border > .content > .simple_bar{
				height: 40px !important;
			}
			
			.widget_product_listing > .middle > .left_border > .right_border > .content .divider{
				/*height: 1px;
				background-color: #e5e5e5;*/
				width: 1px;
				background-color: #e5e5e5;
			}
			
				.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .title {
					position: absolute;
					top: 7px;
					left: 9px;
					font-size: 16px;
					color: #666666;
				}
				
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .title > .num_products {
						font-size: 12px;
					}
					
				.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .compare_controls {
					position: absolute;
					top: 32px;
					left: 9px;
					overflow: hidden;
				}
				
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .compare_controls > .button_secondary .button_text{
						padding-left: 6px;
						padding-right: 6px;
					}
				
				
				.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls{
					position: absolute;
					top: 8px;
					right: 9px;
					
				}
				
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .paging{
						font-size: 11px;

					}
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .num_showing{
						float:left;
						color: #4d4d4d;
						margin-right:6px;
					}
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .left_arrow_disabled{
						height: 12px;
						width: 13px;
						margin-right: 4px;
						margin-top: 3px;
						background-repeat: no-repeat;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .left_arrow_enabled{
						height: 12px;
						width: 13px;
						margin-right: 4px;
						margin-top: 3px;
						background-repeat: no-repeat;
						cursor:pointer;
						background-image: url('../images/colors/color1/widget_departments/left_arrow.png');
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .right_arrow_disabled{
						height: 12px;
						width: 13px;
						margin-left: 9px;
						margin-top: 3px;
						background-repeat: no-repeat;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .right_arrow_enabled{
						height: 12px;
						width: 13px;
						margin-left: 9px;
						margin-top: 3px;
						background-repeat: no-repeat;
						cursor:pointer;
						background-image: url('../images/colors/color1/widget_departments/right_arrow.png');
					}
					
				
				.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls{
					position: absolute;
					top: 8px;
					right: 9px;
					color: #808080;
					font-size: 11px;
					line-height: 15px;
					height: 16px;
					overflow: hidden;
					cursor:pointer;
				}
				
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls > .text{
						text-decoration: none;
						line-height: 15px;
						float: right;
						color: #808080;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls > .icon{
						float: right;
						margin-left: 4px;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .subscribe_share_controls:hover > .text{
						text-decoration: underline;
					}
				
					
				.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls {
					position: absolute;
					top: 35px;
					right: 9px;
					color: #bfbfbf;
					font-size: 12px;
					height: 17px;
					line-height: 17px;
					overflow: hidden;
				}
				
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .divider {
						width: 1px;
						height: 17px;
						background-color: #bfbfbf;
						margin: 0 12px;
						float: left;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .grid_icon {
						width: 17px;
						height: 17px;
						background: url('../images/colors/color1/widget_product_listing/grid_icon_sprite.png') no-repeat;
						margin: 0 12px 0 0;
						float: left;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .list_icon {
						width: 17px;
						height: 17px;
						background: url('../images/colors/color1/widget_product_listing/list_icon_sprite.png') no-repeat;
						margin: 0 3px 0 0;
						float: left;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .left_arrow {
						margin: 2px 0 0;
						float: left;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .right_arrow {
						margin: 2px 0 0;
						float: left;
		
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages {
						
						line-height: 17px;
						float: left;
					}
					
						.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages > ul {
							list-style-type: none;
							overflow: hidden;
						}
						
						.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .pages > ul > li {
							display: block;
							float: left;
							padding: 0 2px;
							min-width: 14px;
							cursor: pointer;
							text-align: center;
							color: #4d4d4d;
							margin: 0 2px;
						}

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

					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .view_all {

						line-height: 17px;
						float: left;
					}
					
						.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .view_all > a {
							color: #4d4d4d;
							text-decoration: none;
						}
						.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls > .view_all > a:hover {
							color: #ef5305;
							text-decoration: underline;
						}
						
				.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .sorting_controls {
					position: absolute;
					right: 9px;
					top: 32px;
					color: #4d4d4d;
					font-size: 11px;
					height: 18px;
					padding: 0;
					margin: 25px 0 20px;
				}
				
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .sorting_controls > .sort_by {
						line-height: 18px;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .sorting_controls > select {
						height: 18px;
						font-size: 11px;
						border: 1px solid #666666;
						min-width: 114px;
						color: #4d4d4d;
					}
					
					/* The following two lines need to be defined after grid_icon, list_icon, left_arrow and right_arrow as they set the positioning */
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .active {
						background-position: left top;
						cursor: pointer;
						background-color: #ef5305;
						color: #ffffff !important;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .inactive {
						background-position: left bottom;
						color: #ffffff !important;
						background-color: #bfbfbf;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .hoverover{
						background-position: left bottom;
						cursor: pointer;
					}
					
					.widget_product_listing > .middle > .left_border > .right_border > .content > .header_bar > .paging_controls .hoverover:hover{
						background-position: left top;
						background-color: #ef5305;
						color: #ffffff !important;
					}
					
					
				
		
	.widget_product_listing > .bottom {
		width: 718px;
		height: 1px;
		overflow: hidden;
	}
		
		.widget_product_listing > .bottom > .left_border {
			width: 1px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}
			
		.widget_product_listing > .bottom > .middle_tile {
			width: 716px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}
		
		.widget_product_listing > .bottom > .right_border {
			width: 1px;
			height: 1px;
			float: left;
			background-color: #e5e5e5;
		}


/*For the product list widget */
.product_listing_container {

}

		.product_listing_container .grid_mode .row_border {
		border-bottom: 1px solid #e5e5e5;
	}

	.product_listing_container .grid_mode > .row,
	.product_listing_container .grid_mode > .row_3col,
	.product_listing_container .grid_mode > .row_2col {
		overflow: hidden;
	}
	
		.product_listing_container .grid_mode > .row > .divider,
		.product_listing_container .grid_mode > .row_3col > .divider,
		.product_listing_container .grid_mode > .row_2col > .divider {
			width: 1px;
			height: 265px;
			float: left;
			background-color: #e5e5e5;
		}
		
		/*Product Rows four columns use .row (default) */
		.product_listing_container .grid_mode > .row > .product,
		.product_listing_container .grid_mode > .row_3col > .product,
		.product_listing_container .grid_mode > .row_2col > .product {
			float: left;
			width: 178px;
			height: 235px;
			padding-top: 9px;
			text-align: center;
		}
		
		/*Product Rows of three columns */
		.product_listing_container .grid_mode > .row_3col > .product {
			width: 237px;
		}
		
		/*Product Rows of two columns */
		.product_listing_container .grid_mode > .row_2col > .product {
			width: 357px;
		}
		
		.product_listing_container .grid_mode > .first_row > .product {
			height: 235px;
		}		
		
		.product_listing_container .grid_mode > .first_row > .divider {
			height: 257px;
		}
		
		.product_listing_container .grid_mode .product > .product_image {
			position: relative;
			width: 160px;
			height: 160px;
			padding-top: 22px;
			margin: 0 auto;
			cursor: pointer;	
		}
		
		
			.product_listing_container .grid_mode .product > .product_image > .compare_target,
			.product_listing_container .list_mode .product > .product_image > .compare_target {
				/*position: absolute;
				top: -2px;
				right: 0px;*/
				visibility: hidden;
				position: absolute;
				top: 0px;
				left: 0px;
				width: 160px;
				height: 22px;
				background-color: #e8e8e8;
				text-align: center;
				padding: 0;
				margin: 0;
				font-size: 12px;
				color: #666666;
				cursor:default;
				
			}
			
			
			.product_listing_container .grid_mode .product > .product_image > .compare_target a,
			.product_listing_container .list_mode .product > .product_image > .compare_target a{
				color: #666666;
				text-decoration:none;
			}
			
			.product_listing_container .grid_mode .product > .product_image > .compare_target input,
			.product_listing_container .list_mode .product > .product_image > .compare_target input{
				position: relative;
				top: 2px;
			}			
		
			.product_listing_container .grid_mode .product > .product_image:hover > .compare_target,
			.product_listing_container .list_mode .product > .product_image:hover > .compare_target {
				visibility: visible; 
			}
			
			.product_listing_container .grid_mode .product > .product_image > .addbug,
			.product_listing_container .list_mode .product > .product_image > .addbug {
				position: absolute;
				top: 22px;
				right: 0px;
				height: 62px;
				width: 62px;
				background-image:url('../images/colors/color1/addbug.png');
			}

			.product_listing_container .grid_mode .product > .product_image > .quick_info_toggle,
			.product_listing_container .list_mode .product > .product_image > .quick_info_toggle {
				position: absolute;
				bottom: 0px;
				left: 0px;
				width: 160px;
				height: 22px;
				text-align: center;
				line-height: 22px;
				background: url('../images/colors/color1/widget_product_listing/bg_80percent_transparent_grey.png');
				visibility: hidden;
				padding: 0;
				margin: 0;
				padding-bottom: 4px;
			}
			
				.product_listing_container .grid_mode .product > .product_image > .quick_info_toggle a,
				.product_listing_container .list_mode .product > .product_image > .quick_info_toggle a	{
					text-decoration: none;
					color: #ffffff;
					font-size: 12px;
				}
				
				.product_listing_container .grid_mode .product > .product_image > .quick_info_toggle a:hover,
				.product_listing_container .list_mode .product > .product_image > .quick_info_toggle a:hover	{
					text-decoration: underline;
				}
		
			.product_listing_container .grid_mode .product > .product_image:hover > .quick_info_toggle,
			.product_listing_container .list_mode .product > .product_image:hover > .quick_info_toggle	{
				visibility: visible;
			}
			
		.product_listing_container .grid_mode .product > .product_info > .product_name {
			margin-top: 14px;
			color: #4d4d4d;
			text-align: center;
			font-size: 12px;
			line-height: 14px;
			padding: 0 4px;
		}
		
		.product_listing_container .grid_mode .product > .product_info > .product_name a{
			color: #4d4d4d;
			text-decoration:none; 
		}
		
		.product_listing_container .grid_mode .product > .product_info > .product_name a:hover{
			text-decoration:underline; 
		}
		
		.product_listing_container .grid_mode .product > .product_info > .product_group_name {
			margin-top: 14px;
			color: #EF5305;
			text-align: center;
			font-size: 12px;
			line-height: 14px;
			padding: 0 4px;
			text-decoration: none;
		}
		
		.product_listing_container .grid_mode .product > .product_info > .product_group_name:hover {
			text-decoration: underline;
		}
		
		.product_listing_container .grid_mode .product > .product_info > .product_price {
			margin-top: 2px;
			font-weight: bold;
			color: #ef5305;
			font-size: 15px;
			margin-bottom: 10px;
		}
		
			.product_listing_container .grid_mode .product > .product_info > .product_price .old_price {
				color: #CCCCCC;
				text-decoration: line-through;
			}
			
			.product_listing_container .grid_mode .product > .product_info > .not_available{
				color: #878787;
				font-style: italic;
				line-height: 14px;
				font-size: 12px;
				margin-top: 2px;
			}
		
		.product_listing_container .grid_mode .product > .product_info > .product_option {
			display: inline;
			zoom: 1;
		}
		
		.product_listing_container .grid_mode .product > .product_info > .product_rating,
		.product_listing_container .grid_mode .product > .product_info > .product_description,
		.product_listing_container .grid_mode .product > .product_info > .product_color_swatches,
		.product_listing_container .grid_mode .product > .product_info > .product_sizes,
		.product_listing_container .grid_mode .product > .product_info > .product_quantity_addtolist {
			display:none;
		}
		
		
		.product_listing_container .grid_mode .subscribe_share_controls{
			color: #808080;
		    cursor: pointer;
		    font-size: 11px;
		    height: 16px;
		    line-height: 15px;
		    overflow: hidden;
		    margin-top: 5px;
		    margin-right: 8px;
		    margin-bottom: 5px;
		    float: right;
		}
		
		.product_listing_container .grid_mode .subscribe_share_controls > .icon{
			float: right;
			margin-left: 4px;
		}
		
		.product_listing_container .grid_mode .subscribe_share_controls > .text{
			color: #808080;
		    float: right;
		    line-height: 15px;
		    text-decoration: none;
		}
		
		.product_listing_container .grid_mode .subscribe_share_controls:hover > .text{
		    text-decoration: underline;
		}
		
		/* DevStart: added for adbug */
		.product_listing_container .grid_mode .product > .product_image .adbug_new,
		.product_listing_container .list_mode .product > .product_image  .adbug_new,
		div.widget_carousel div.product > .product_image .adbug_new {
			height: 55px; 
			margin-top:-165px;
			left:3px;
			background-position: 95px;
			position:relative;
			background-repeat:no-repeat;
		}
		/* DevEnd */
		
.product_listing_container > .list_mode .product {
	width: 513px;
	padding: 12px 12px 12px 191px;
	min-height: 190px;
	position: relative;
	border-top: 1px solid #e5e5e5;
}

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

	.product_listing_container .list_mode .product > .product_image {
		position: absolute;
		width: 160px;
		height: 160px;
		padding-top: 22px;
		left: 14px;
		top: -8px;
		cursor: pointer;
		margin-top: 23px;
	}
	
	.product_listing_container > .list_mode .product .product_info .header{
		font-size: 13px;
		line-height: 18px;
	}
	
	.product_listing_container > .list_mode .product .product_info form select{
		width: 112px;
	}
	
	.product_listing_container .list_mode .product > .product_info > .product_name {
		margin-top: 20px;
		color: #666666;
		font-size: 17px;
	}
	
	.product_listing_container .list_mode .product > .product_info > .product_name a{
		color: #666666;
		text-decoration:none;
	}	
	
	.product_listing_container .list_mode .product > .product_info > .product_name a:hover{
		text-decoration:underline;
	}
	
	.product_listing_container .list_mode .product > .product_info > .product_price {
		color: #ef5305;
		font-size: 14px;
	}
	
		.product_listing_container .list_mode .product > .product_info > .product_price .old_price {
			color: #CCCCCC;
			text-decoration: line-through;
		}

	.product_listing_container .list_mode .product > .product_info > .product_description {
		font-size: 12px;
		line-height: 14px;
		margin-top: 12px;
		padding-right: 15px;
	}	

		.product_listing_container .list_mode .product > .product_info > .product_description a{
			color: #006ECC;
			margin-top: 4px;
			display: inline-block;
			text-decoration:none;
			float: left; /* Dev: To avoid wide outline when focussed, also added a clear_float div in the page */
		}	
		
		.product_listing_container .list_mode .product > .product_info > .product_description a:hover{
			text-decoration:underline;
		}

	.product_listing_container .list_mode .product > .product_info > .product_color_swatches {
		
		overflow: hidden;
	}
	
	.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list {
		float: left;
	}	
	
	.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_name {
		font-size: 13px;
		float: left;
		line-height: 32px;
	}	

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

	.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist {
		margin-top: 15px;
		line-height: 22px;
	}
	
		.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_quantity .quantity_section .header,
		#widget_package_summary > .left_border > .right_border > .content > .item > .product_quantity_addtolist > .product_quantity .quantity_section .header {
			font-size: 13px;
			position: relative;
			bottom: 2px;	
		}
	
		.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_quantity input {
			height: 20px;
			width: 44px;
			margin: 0px; /* Dev: to override the margin style in legacy css */
		}
		
		.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_addtolist select{
			margin-left: 24px;
			height: 22px;
		}

	.product_listing_container .list_mode .product > .product_info > .product_option {
		margin-top: 7px;
	}
	
	.product_listing_container .list_mode .product > .product_info > .product_attachment{
		border-top: 1px solid #E5E5E5;
		margin-top: 9px;
		padding-top: 12px;
		font-size: 12px;
		line-height: 16px;
	}
	
	.product_listing_container .list_mode .product > .product_info > .product_attachment > .icon{
		float: left;
		height: 30px;
		width: 30px;
	}
	
	.product_listing_container .list_mode .product > .product_info > .product_attachment > .details{
		float: left;
	}
	
	.product_listing_container .list_mode .product > .product_info > .product_attachment > .details p{
		color: #666666;
    	font-size: 12px;
    	line-height: 14px;
    	margin-left: 10px;
    	text-align:left;
	}
	
	.product_listing_container .list_mode .product > .product_info > .product_attachment > .details a{
		color: #0086ED;
    	text-decoration: none;
	}
	
	.product_listing_container .list_mode .product > .product_info > .product_attachment > .details a:hover{
		text-decoration: underline;
	}
		
/* -----------------------------------------------------------------------------*/
/* 4.11. SearchLanding Carousel
/* -----------------------------------------------------------------------------*/

div.widget_searchlanding_carousel {
	margin: 8px 0;
	width: 935px;
	position: relative;
}

	div.widget_searchlanding_carousel > .top,
	div.widget_searchlanding_carousel > .bottom,
	div.widget_searchlanding_carousel > .middle {
		overflow: hidden;
	}

	div.widget_searchlanding_carousel > .top >  .left_border,
	div.widget_searchlanding_carousel > .top >  .right_border, 
	div.widget_searchlanding_carousel > .bottom >  .left_border,
	div.widget_searchlanding_carousel > .bottom >  .right_border {
		width: 1px;
		height: 1px;
		background-color: #e6e6e6;
		float: left;
	}	
	
	div.widget_searchlanding_carousel > .top >  .middle,
	div.widget_searchlanding_carousel > .bottom >  .middle {
		width: 933px;
		height: 1px;
		background-color: #e6e6e6;
		float: left;
	}
	
	div.widget_searchlanding_carousel > .middle > .left_border {
		width: 934px;
		padding-left: 1px;
		background-color: #e6e6e6;
	}	
	
		div.widget_searchlanding_carousel > .middle > .left_border > .right_border {
			width: 933px;
			padding-right: 1px;
			background-color: #e6e6e6;
		}
		
			div.widget_searchlanding_carousel > .middle > .left_border > .right_border > .content {
				width: 933px;
				background-color: #ffffff;
			}			
			
				div.widget_searchlanding_carousel .content .title {
					width: 895px;
					padding: 5px 19px;
					position: relative;
					font-size: 14px;
				}
			
				div.widget_searchlanding_carousel .content .style_mode > .carousel,
				div.widget_searchlanding_carousel .content .brand_mode > .carousel {
					width: 851px;
					padding: 0 41px;
					position: relative;	
					overflow: hidden;
				}
				
				/* DevStart: to overwrite the height and the class hierarchy */
				div.widget_searchlanding_carousel .content .style_mode > .carousel {
					height: 222px;
				}
				
				div.widget_searchlanding_carousel .content .brand_mode > .carousel {
					height: 191px;
				}
				
				div.widget_searchlanding_carousel .content .style_mode > .carousel .item {
					margin-bottom: 42px;
					margin-top: 20px;
				}				
				
				div.widget_searchlanding_carousel .content .brand_mode > .carousel .item {
					margin-bottom: 21px;
					margin-top: 10px;
				}
				
				div.widget_searchlanding_carousel .content .carousel .item {
					width: 160px;
					height: 160px;
					background-color: #cccccc;
					padding: 0;
					float: left;
					margin: 0 5px;	
					position: relative;
				}
				
				div.widget_searchlanding_carousel .content .style_mode > .carousel .item > .description {
					width: 130px;
					height: 30px;
					position: absolute;
					bottom: 0px;
					left: 0px;
					background: url('../images/colors/color1/widget_searchlanding_carousel/item_transparent_bg.png');
					padding: 0 15px;
					
					line-height: 30px;
					color: #fff;
					font-size: 12px;
				}				
				
				div.widget_searchlanding_carousel .content .brand_mode > .carousel .item > .description {
					display: none;
				}
				/* DevEnd: to overwrite the height and the class hierarchy */
			
			
	

	div.widget_searchlanding_carousel .carousel .left_arrow, 
	div.widget_searchlanding_carousel .carousel .right_arrow {
		height: 42px;
		width: 21px;
		position: absolute;
		top: 50%;
		margin-top: -21px;
	}
	
	div.widget_searchlanding_carousel .carousel .left_arrow {
		left: 10px;
	}

	div.widget_searchlanding_carousel .carousel .right_arrow {
		right: 10px;
	}
	
	div.widget_searchlanding_carousel .carousel > .left_arrow {
		background-image:url('../images/colors/color1/widget_carousel/left_arrow_sprite.png');
		background-repeat: no-repeat;
		cursor: pointer;
	}

	div.widget_searchlanding_carousel .carousel > .right_arrow {
		background-image:url('../images/colors/color1/widget_carousel/right_arrow_sprite.png');
		background-repeat: no-repeat;
		background-position: 0 -42px;
		cursor: pointer
	}

	div.widget_searchlanding_carousel .carousel > .right_arrow:hover{
		background-position: 0 -84px;
	}


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


/* -----------------------------------------------------------------------------*/
/* 4.12. Search Results Tab Widget
/* -----------------------------------------------------------------------------*/

div.widget_search_tab_wrapper .tab_header .tab_container {
	height: 36px;
	line-height: 35px;	
	padding: 0 7px;
	font-size: 15px;
	font-weight: bold;
	float: left;
}

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

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

	div.widget_search_tab_wrapper .tab_header .inactive_tab:hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#FBFBFB));
		box-shadow:inset 0 1px 1px #d9e8eb;
	}
	
	/*Container with one tab */
	div.widget_search_tab_wrapper .tab_header_single .tab_container {
		width: 100%;
	}
	
	div.widget_search_tab_wrapper .tab_header_single .tab_spacer {
		width: 0%;
	}
	
	/*Container with two tabs */
	div.widget_search_tab_wrapper .tab_header_double .tab_container{
		width: 46.0%;
	}
	
	div.widget_search_tab_wrapper .tab_header_double .tab_spacer {
		width: 1%;
	}
	
	/*Container with three tabs */
	div.widget_search_tab_wrapper .tab_header_triple .tab_container {
		width: 29.5%;
	}

	div.widget_search_tab_wrapper .tab_header_triple .tab_spacer {
		width: 1.25%;
	}

	div.widget_search_tab_wrapper .tab_header .tab_spacer {
		height: 37px;
		float: left;
	}
	
	div.widget_search_tab_wrapper .tab_header .tab_end {
		border-bottom: 1px solid #E5E5E5;
		height: 37px;
	}
	

/* Avoid rendering the top container margin and border in order to seamlessly connect to the tab container */
.tabbed_content .container_margin_5px {
	margin: 0;
}

	.tabbed_content .top .middle_tile, .tabbed_content .top .middle {
		background: none !important;
	}

#contentsSearchBasedNavigationWidget {
	display: none;
}


/* -----------------------------------------------------------------------------*/
/* 4.13. Activity Feed Widget
/* -----------------------------------------------------------------------------*/
.widget_activity_feed{
	width: 212px;
	float: right;
}

.widget_activity_feed > .top > .left_border,
.widget_activity_feed > .bottom > .left_border{
	background-color: #E5E5E5;
    float: left;
    height: 5px;
    width: 5px;
}

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

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

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

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

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

.widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like{
	border-bottom: 1px solid #f1f1f1;
	padding-top: 8px;
	padding-bottom: 8px;
}

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

.widget_activity_feed > .content_left_border > .content_right_border > .content > .logo_like > .facebook_like{
	height: 34px;
	float: left;
	padding-left: 12px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .header{
	height: 34px;
	border-bottom: 1px solid #f1f1f1;
	line-height: 34px;
	text-transform: uppercase;
	color: #808080;
	font-size: 11px;
	padding-left: 12px;
	padding-right: 12px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .feed_item{
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 0px;
	padding-bottom: 11px;
}

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

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

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

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

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

.widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin{
	border-top: 1px solid #cccccc;
	height: 14px;
	margin-left: 12px;
	margin-right: 12px;
	position: absolute;
	bottom: 14px;
	left: 0;
	right: 0;;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin > .icon{
	height: 14px;
	width: 14px;
	float: left;
	margin-right: 4px;
	margin-top: 2px;
}

.widget_activity_feed > .content_left_border > .content_right_border > .content > .social_plugin > .text{
	float: left;
	font-size: 11px;
}





/* -----------------------------------------------------------------------------*/
/* 5.2. Product Info Add To Cart Button
/* -----------------------------------------------------------------------------*/

/* DevStart: Add to cart button was changed to anchor tag for keyboard navigation and accessibility */
.button_add_to_cart {
	height: 29px;
	overflow:hidden;
	cursor: pointer;
	display: block;
	text-decoration: none;
	min-width: 164px;
}
/* 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: #4d4d4d;
		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: -10px;
}
.autoSuggestSelected {
	background-color: #d9e9f7;
}

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

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

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

.container_full_width_bundle {
	width: 901px;
	padding:0px 16px;
	color: #808080;
	font-size: 14px;
	margin: 15px 17px 0px 17px;
}


.widget_bundle_package_list .widget_product_listing {
	width: 711px;
}

	.widget_bundle_package_list .widget_product_listing > .top {
		width: 711px;
		height: 0px;
		display: none;
	}
	
		.widget_bundle_package_list .widget_product_listing > .top > .left_border {
			width: 0px;
		}
			
		.widget_bundle_package_list .widget_product_listing > .top > .middle_tile {
			width: 711px;
		}
		
		.widget_bundle_package_list .widget_product_listing > .top > .right_border {
			width: 0px;
		}
		
	.widget_bundle_package_list .widget_product_listing > .middle {
		width: 711px;
	}
		
		.widget_bundle_package_list .widget_product_listing > .middle > .left_border {
			width: 711px;
			padding-left: 0px;
		}
		
		.widget_bundle_package_list .widget_product_listing > .middle > .left_border > .right_border {
			width: 711px;
			padding-right: 0px;
		}
		
		.widget_bundle_package_list .widget_product_listing > .middle > .left_border > .right_border > .content {
			width: 711px;
			padding: 0;
			min-height: 300px;
			background-color: #fff;
		}
		
				
		
	.widget_bundle_package_list .widget_product_listing > .bottom {
		display: none;
	}
		
	.widget_bundle_package_list .product_listing_container > .list_mode .product {
		width: 508px;
		padding: 12px 12px 12px 191px;
		min-height: 160px;
		position: relative;
		border-top: 1px solid #e5e5e5;
		margin-bottom: 20px;
		color: #808080;
	}

	.widget_bundle_package_list .product_listing_container .list_mode .product > .product_image {
		margin-top: 0px;
	}
	
	.widget_bundle_package_list .product_listing_container .bundle_mode .product {
		background: url('../images/colors/color1/bundle_product_bg.png') repeat-y;
	}
	
	.widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info {
		width: 300px;
	}
	
	.widget_bundle_package_list .product_listing_container > .list_mode .product .product_info .product_sizes .heading {
		font-size: 13px;
	}
	
	/* DevStart: inventory availability component is reused, hence using a common class .available instead of .product_availability */
	.widget_bundle_package_list .product_listing_container > .bundle_mode .product .available {
		width: 171px;
		padding-left: 12px;
	}	
	/* DevEnd */
	
	#widget_bundle_summary > .left_border > .right_border > .content > .header_content > .price,
	#widget_package_summary > .left_border > .right_border > .content > .header_content > .price {
		color: #EF5305;
		font-weight: bold;
		font-size: 12px;
		float:none;
	}
	
	/* DevStart: A div was added to position the dropdown as parent to .dropdown_primary, hence .dropdown_primary not immediate child of .item */
	#widget_bundle_summary > .left_border > .right_border > .content > .item .dropdown_primary > .button > .content,
	#widget_package_summary > .left_border > .right_border > .content > .item .dropdown_primary > .button > .content {
		min-width: 127px;
	}
	/* DevEnd */
	
/* -----------------------------------------------------------------------------*/
/* 6.2. Product Compare
/* -----------------------------------------------------------------------------*/

.widget_product_compare_position {	/*Nil*/
}

.widget_product_compare {
	width: 935px;
	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: #808080;
	}
	
	.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: 933px;
		height: 1px;
		background-color: #e5e5e5;
		float: left;
	}
	
	.widget_product_compare > .middle > .left_border {
		width: 934px;
		padding-left: 1px;
		background-color: #e5e5e5;
	}	
	
		.widget_product_compare > .middle > .left_border > .right_border {
			width: 933px;
			padding-right: 1px;
			background-color: #e5e5e5;
		}
		
		.widget_product_compare > .middle > .left_border > .right_border > .content {
			width: 933px;
			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: #838383;
				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: #838383;
			}
			/* 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: #808080;
				font-weight: bold;
				padding: 7px 8px 6px 8px;
				line-height: 16px;
			}
		
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row a:hover {
					text-decoration: underline;
				}
		
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row .remove {
					width: 7px;
					height: 7px;
					display: inline-block;
					background: url('../images/colors/color1/remove.png') no-repeat;
					vertical-align: middle;
					margin-bottom: 3px;
					margin-right: 3px;
				}
			
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item {
				float: left;
				padding: 7px 8px 6px 8px;
				line-height: 16px;
			}

			/* DevStart: to dynamically select the class based on the number of products to compare */			
			/* For four comparisons */
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .heading,
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item {
				width: 170px;
			}
			
			
			/* For three comparisons */
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .heading,
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item {
				width: 217px;
			}
			
			/* For two comparisons */
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .heading,
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item {
				width: 295px;
			}
			
			/* For one comparisons */
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .heading,
			.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item {
				width: 449px;
			}
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .price{
					color: #f65305;
					font-weight: bold;
				}
				
				.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .old_price {
					color: #dedede;
					text-decoration: line-through;
				}
			/* DevEnd: to dynamically select the class based on the number of products to compare */			


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

.static_page img{
	display:block;
}

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

.static_page .sku{
	font-size: 10px;
	color: #666666;
	margin-left: 10px;
	margin-bottom: 12px;
	line-height: 10px;
	margin-top:-12px;
}

.static_page .divider{
	height: 1px;
	background-color: #e5e5e5;
}

.static_page .header_description{
	font-size: 12px;
	line-height: 14px;
	margin-left: 10px;
	margin-bottom: 15px;
}


.static_page > .content_body{
	margin-top: 25px;
	margin-bottom: 25px;
}
	
	.static_page > .content_body > .text{
		font-size: 12px;
		line-height: 14px;
	}
	
	.static_page > .content_body > .left_margin{
		margin-left: 20px;
	}

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

	.static_page > .content_body > .image{
		width: 160px;
	}

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

	.static_page > .recipe_container > .header{
		font-size: 17px;
		padding-bottom: 4px;
		padding-top: 4px;
		margin-left: 10px;
		margin-right: 10px;
		line-height: 19px;
		border-bottom: 1px solid #e5e5e5;
	}
	
	.static_page > .recipe_container > .column{
		width: 45%;
		margin-left: 10px;
		float: left;
	}
	
	.static_page > .recipe_container .subheader{
		font-weight:bold;
		font-size: 12px;
	}
	
	.static_page > .recipe_container ul{
		margin-left: 25px;
	}
	
		.static_page > .recipe_container ul li{
			font-size: 12px;
			line-height: 16px;
		}
	
	.static_page > .recipe_container p{
		font-size: 12px;
		margin-left: 10px;
		margin-right: 10px;
		line-height: 14px;
		margin-bottom: 12px;
	}

.static_page > .three_column_content{
	width: 718px;
}

	.static_page > .three_column_content > .column{
		width: 239px;
		float: left;
		height: 729px;
	}
	
	.static_page > .three_column_content > .border{
		border-left: 1px solid #e5e5e5;
		width: 238px;
	}

		.static_page > .three_column_content > .column .column_header{
			font-size: 17px;
		}
		
		.static_page > .three_column_content > .column .indent{
			margin-left: 29px;
			margin-right: 10px;
		}

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

		.static_page > .three_column_content > .column > .image_holder_top{
			height: 473px;
		}
		
		.static_page > .three_column_content > .column > .image_holder_bottom{
			height: 553px;
		}
		
		.static_page > .three_column_content > .column > .text_holder_top{
			height: 226px;
		}
		
		.static_page > .three_column_content > .column > .text_holder_bottom{
			height: 252px;
		}
		
		.static_page > .three_column_content > .column > .text_holder{
			margin-left: 10px;
			margin-right: 10px;
			overflow:hidden;
		}

	.static_page .three_column_content .imagelink{
		position: absolute;
		background-color: #ef5305;
		line-height: 16px;
		padding-left:12px;
		padding-right: 12px;
		padding-top: 6px;
		padding-bottom: 8px;
		color: #FFFFFF;
		text-align: center;
		cursor:pointer;
	}

.static_page .productlink{
	position: absolute;
	line-height: 12px;
	font-size: 12px;
	padding:0px;
	margin:0px;
	line-height: 14px;
	color: #624131;
}

	.static_page .productlink > .header{
		color: #ef5305;
		font-size: 14px;
		padding:0px;
		margin:0px;
		line-height: 14px;
	}

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

			.static_page > .three_column_content > .column > .text_holder .number{
				margin-right: 10px;
			}

		.static_page > .three_column_content > .column > .quote{
			border-top: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
			margin-left: 12px;
			margin-right: 12px;
			font-family:Georgia;
			font-style:italic;
			color: #666666;
			font-size: 24px;
			line-height: 26px;
			padding-top: 8px;
			padding-bottom: 8px;
		}

			.static_page > .three_column_content > .column > .text_holder > .header{
				line-height: 60px;
				font-size: 24px;
				font-family:Arial;
				color: #666666;
				margin-left: 0px;
			}
			
			.static_page > .three_column_content > .column > .text_holder > p{
				font-size: 14px;
				color: #4d4d4d;
				line-height: 15px;
				margin-bottom: 20px;
			}
			
			.static_page > .three_column_content > .column > .text_holder > .no_margin{
				margin-bottom: none;
			}

.static_page > .style_guide{
	margin-top: 4px;
}

	.static_page > .style_guide > .left_image{
		width: 314px;
		float: left;
	}
	
	.static_page > .style_guide > .right_content{
		width: 384px;
		padding-left: 10px;
		float: left;
		padding-right: 10px;
	}

		.static_page > .style_guide > .right_content p,
		.static_page > .style_guide > .right_content > ul li{
			font-size: 12px;
			color: #666666;
			line-height: 14px;
			margin-left: 10px;
		}
		
		.static_page > .style_guide > .right_content > ul li{
			margin-left: 25px;
		}
		
		.static_page > .style_guide > .right_content > .attachment{
			margin-left: 10px;
		}

			.static_page > .style_guide > .right_content > .attachment > .icon{
				height: 30px;
				width: 30px;
				float: left;
			}

			.static_page > .style_guide > .right_content > .attachment > .details{
				float: left;
			}
			
				.static_page > .style_guide > .right_content > .attachment > .details a{
					color: #0086ed;
					text-decoration:none;
				}

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


/* -----------------------------------------------------------------------------*/
/* 6.4. Progress Bar
/* -----------------------------------------------------------------------------*/

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

#loading_popup {
	width:59px;
	
}
#loading_popup .top_left{
	background-image: url('../images/colors/color1/popup_topleft.png');
	background-repeat:no-repeat;
	background-position:top;
	height:7px;
	width:8px;
	float:left;
}
#loading_popup .top_right{
	background-image: url('../images/colors/color1/popup_topright.png');
	background-repeat:no-repeat;
	background-position:top right;
	height:7px;
	width:51px;
	float:left;
}
#loading_popup .header {
	background-image: url('../images/colors/color1/popup_center_tile_mini.png');
	background-repeat:repeat-y;
	text-align: right;
	clear:left;
}
#loading_popup .close {
	padding: 5px 15px 2px 0px;
	color: #666666;
}
#loading_popup .close .icon{
	padding-top:2px;
	padding-left:4px;
	float:right;
}
#loading_popup .bodycontent {
	background-color: transparent;
	background-image: url('../images/colors/color1/popup_center_tile_mini.png');
	background-repeat:repeat-y;
	background-position: right;
	padding:0 5px 0 5px;
	margin:0;
}
#loading_popup .bodycontent h2 {
	font-size: 14px;
	font-weight: bold;
}
#loading_popup .bodycontent p {
	margin: 3px 0 10px 2px;
}
#loading_popup .bodycontent div.form_2column {
	padding: 0;
}
#loading_popup .bodycontent_short {
	padding:12px 17px 12px 15px;
	margin:0px 1px 0px 1px;
}
#loading_popup .footer {
	text-align:right;
	height:20px;
	width:59px;
}
#loading_popup .footer .bot_left{
	background-image: url('../images/colors/color1/popup_botleft.png');
	background-repeat:no-repeat;
	background-position: bottom;
	height:11px;
	width:8px;
	float:left;
}
#loading_popup .footer .bot_right{
	background-image: url('../images/colors/color1/popup_botright.png');
	background-repeat:no-repeat;
	background-position: bottom right;
	height:11px;
	width:51px;
	float:left;
}
#box {
    word-wrap: break-word;
}

#box {
    min-height: 280px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    display: block;
}
.carousel > .content > ul > li {
   display: inline-block;
    vertical-align: top;
    white-space: normal;
	
  
}
.product {
    max-width: 250px;
    max-height: 250px;
    padding: 10px;
    margin: 0 auto;
    line-height: normal;
}
.product_info {
    float: left;
    width: 100%;
}

#OrderItemDetailsHidePrompt{	
	display:none;
}
#OrderItemDetailSummaryPagination1{
	display:none;
}
#WC_OrderItemDetailsf_links_2_8{	
	display:none;
}
#WC_OrderItemDetailsf_links_2_81{
	display:none;
}
#WC_OrderItemDetailsf_links_2_82{	
	display:none;
}
#continueShoppingprinitng{
	display:none;
}
div.content_wrapper > div.content_left_shadow > div.content_right_shadow > div.wcs_main_content {
    max-width:100%;
}