@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("common1_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,
table, caption, tbody, tfoot, thead, tr, th, td {
	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;
}

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; 
}
.quick-order__requiredLable{
	font-size: 8px;
	line-height: 10px;
	color: #000;
}
.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;
}
.print_section{
 display:none;
}


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

/*---------------------------------*/
.myaccount_content #shipping #OrderConfirmPagingDisplay {
  display: inline-block;
  width: 100%;
}

.tracking_wrapper {
    border: 1px solid #cccccc;
}
.tracking_count{
	font-size: 17px;
    color: #000000;
    padding: 7px 7px 7px 16px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    font-family: "UniversLTW02-67BoldCn", Arial, sans-serif;
    
  }

.tracking_id_header{
font-size: 17px;
    color: #000000;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    font-family: "UniversLTW02-67BoldCn", Arial, sans-serif;
}
.tracking_id {
    width: 50%;
    /* padding-bottom: 8px; */
    text-align: left;
}
.tracking_est_date {
    width: 100%;
    padding-bottom: 12px;
    /* float: right; */
    text-align: 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
/* -----------------------------------------------------------------------------*/

.quote__confirmation .container_full_width {
	width: 100%;
	padding: 0;
}
.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;
}

/*  
Added css for order conformation print screen - starts
 */
.button_secondary, .dealer-info ,.expand_img ,.collapse_img,.button_primary,.button_right_side_message,.footer_wrapper_position, #headerRow2, #quickLinksBar
		, .non-returnable,.img_table, .remanufactured-parat{
	display:none;
}
/*.img_table {
    float: left !important;
    padding-right: 30px !important;
}*/
.order_table_details {
    width: 23% !important;
}
#order_details tr.nested th{
	padding-right:0px !important;
	/* text-align:center !important; - 6491 */
}
/* 6491 */


#order_details tr.table-browser-view td .print_center{
	padding-right:0px !important;
	text-align:left !important;
}
#order_details tr td, #order_details tr td p.price br{
    padding: 10px !important;
    font-size: 12px;
    margin-top:40px;
}
#order_details tr.nested th, #order_details tr.nested th label {
    border-bottom: 1px solid #e6e6e6;
    vertical-align: top;
    padding-top: 1px;
    padding-bottom: 20px;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
    color: #000000;
    font-size: 14px;
    text-align: left;
}
.width_orderConfirm {
    width: 10% !important;
}
#order_details .align_left {
    text-align: left;
}
#order_details tr.nested th {
    border-bottom: 1px solid #e5e5e5;
    height: 19px;
    vertical-align: top;
    padding-top: 1px;
    padding-bottom: 4px;
    color: #777777;
    line-height: 18px;
}
#order_details .avail {
    width: 9%;
    margin-top:-50px !important;
}
#order_details .QTY {
    width: 15% !important;
}
#order_details .each {
    width: 15%;
    text-align:right;
    font-family: Arial, Helvetica, sans-serif;
}
#order_details .total {
    width: 11%;
}
.order_column_table {
    width: 9.7% !important;
}
.avail_column_table {
    width: 8% !important;
}
.qty_column_table {
    width: 6% !important;
    padding-left: 20px !important;
}
.price_column_table {
    width: 15% !important;
    padding-top: 15px !important;
}
.total_column_table {
    width: 10% !important;
}
.table_order_confirm {
    width: 130%;
}
.width_order_confirm {
    width: 50% !important;
    text-align: left;
}
.table_order_confirm td {
    border: none !important;
}
.pad_order_confirm {
    padding: 0px 0px 20px 0px !important;
}
#order_details .editpart_head {
    Font-weight: bold;
    Text-transform: uppercase;
    color: #2f2f2f !important;
}
.shipping_billing_height #total_breakdown #order_total .total_figures {
    color: #000000;
    font-weight:bold;
}
#checkout_crumb .crumb h1.breadcrumb_current {
   font-weight:bold;
    color: #000000;
}

.pad_right_30 {
    padding-right: 30px !important;
}
#box .main_header {
    background: none;
    border-bottom: 2px solid #ffcd11;
    margin-bottom: 18px;
    padding: 0 0 0px;
}
.contentline, #box .body, #box_1 .body {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
#shipping {
    padding-left: 0px;
    font-size: 12px;
    padding-top: 0px;
}
#shipping .shipping_address {
    padding: 0 8.3% 0 0;
    color:#000;
}
.shipping_billing_height {
    height: 100%;
}
#box .main_header {
    background: none;
    border-bottom: 2px solid #ffcd11;
    margin-bottom: 18px;
    padding: 0 0 15px;
}
#order_details tr.nested th, #order_details tr.nested th label {
    /* border-bottom: 1px solid #e6e6e6; */
    vertical-align: top;
    padding-top: 1px;
    padding-bottom: 20px;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
    color: #000000;
    font-size: 14px;
    text-align: left;
}
#order_details tr.nested th, #order_details tr.nested th label {
    /* border-bottom: 1px solid #e6e6e6; */
    vertical-align: top;
    padding-top: 1px;
    padding-bottom: 20px;
    line-height: 18px;
    font-weight: bold;
    font-style: normal;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
    color: #000000;
    font-size: 14px;
    text-align: left;
}

#order_details tr.nested th {
    border-bottom: 1px solid #e5e5e5;
    height: auto;
    /*vertical-align: top;   6491*/
    vertical-align: bottom;
    padding-top: 1px;
    padding-bottom: 4px;
    color: #2f2f2f;
    line-height: 18px;
}
.space_class {
    padding-right: 5px !important;
}

/*  
Added css for order conformation print screen - ends
 */
 /*print specific classes for ordersummary*/
 
 @media print
{
#orderSummaryHeaderContainer {
	width: 100%;
	margin-bottom: 20px;
}
.orderSummaryHeaderColumn {
	width: 20%;
	display: inline-block;
	vertical-align: top;
}
.orderSummaryHeaderColumn .orderSummaryHeaderRow {
	vertical-align: top;
	margin-bottom: 10px;
	padding-right: 20px;
}
#orderSummaryHeaderContainer .orderSummaryHeaderColumn:last-child .orderSummaryHeaderRow {
	padding-right: 0px;
}
.orderSummaryHeaderRow input {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	color: #565656;
}
#orderSummaryHeaderContainer .title {
	text-transform: capitalize;
	margin-bottom: 5px;
	color: #2f2f2f;
	font-weight: bold;
	font-size: 13px;
}
.orderSummaryHeaderRow #storePickupMsg {
	margin-bottom: 10px;
}
.orderSummaryHeaderRow span {
	color: #565656;
}
.crumb {
	display: none;
}
#WC_OrderShippingBillingConfirmationPage_div_4 {
	display: block !important;
}
#WC_OrderShippingBillingConfirmationPage_div_4 .orderInformationHeader {
	display: none;
}
#orderConfirmationPageESpot {
	display: none;
}

 .container_content_rightsidebar.shop_cart #ShopCartPagingDisplay #order_details td, .shipping_billing_height #ShopCartPagingDisplay #order_details td, .container_content_rightsidebar.shop_cart #shipping #order_details td, .shipping_billing_height #shipping #order_details td{
  padding: 15px 0 !important;
  padding-bottom:2px !important;
  
  }
  .contact_dealer_print{
 margin-top:-18px!important;

  }
    
  .equip_order_summary {
    margin: 10px -5px ;
    display: block;
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
   
}

.floatRight {
    float: right !important;
    }
    #order_details .each {
    width: 13%;
    text-align: left !important;
   }
   #order_details .th_align_left_normal{
    width: 30%;
    border-bottom: 0px solid #e6e6e6 !important;
    padding-bottom:0px !important;
    }
   .padtop0 {
    padding-top: 0px !important;
    }
    #order_details .avail {
    width: 15%;
    /*text-align: center !important;*/ /*6491*/
    }
   #order_details .QTY {
    text-align: center !important;
    width: 15% !important;
    }    
    #order_details .each {
    width: 10%;
    text-align: right !important;
    page-break-inside: always;
    }
    #order_details tr.nested th{
	padding-right:0px !important;
	}
	#order_details .total {
    width: 250px!important;
    text-align: right !important;
   }
   #order_details tr td, #order_details tr td span{
       color: #565656;
    margin: 0;
    padding: 0;
     font-size: 12px; 
   }
   #order_details tr td, #order_details tr td p.price br{
    padding: 10px !important;
    font-size: 12px;
    margin-top:40px;
}
  div.header_wrapper_position{
  display:none;
  }
 div.footer_wrapper_position{
 display:none;
 }
 #footerScripts{
 display:none !important;
 }
 #box .main_header {
    background: none;
    border-bottom: 2px solid #ffcd11;
    margin-bottom: 4px;
    padding: 0 0 4px;
}
.column_label {
    margin-bottom: 5px;
}
.edit-part-section {
    background: none;
    padding: 10px;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], .cat-input {
    box-sizing: border-box;
    height: 30px;
    margin: 5px 0;
    margin-bottom: 30px;
    padding: 8px;
    padding-left: .4em;
    padding-right: .4em;
    border: 1px solid #cccccc;
    background: #ffffff;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
}
.form_2column p{
    margin-bottom: 20px !important;
    clear: both;
}
/*order_history */
#container_MyAccountDisplayB2B .col3 {
    width: 23.4042%;
    display: none;
}
#container_MyAccountDisplayB2B .col9 {
    width: 100%;
}
.myaccount_header {
    padding: 0;
    background-color: #ffffff;
    border: none;
}
#box .my_account .body .myaccount_content #shipping #SingleShipment_tableCell_availability {
    display: none;
}
#box .my_account .body .myaccount_content #shipping #SingleShipment_tableCell_weight {
    display: none;
}
#order_total {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
 }
 /* Start: AURORA-7327: INC000013701542 - PCC Order History Print Order Summary layout */
 .total_figures {
    padding-left: 10px;
    text-align: right !important;
    white-space: nowrap;
}
/* End: AURORA-7327: INC000013701542 - PCC Order History Print Order Summary layout */
.order-calculation table tr td, .order-calculation table tr td span {
    color: #565656;
    font-size: 12px;
    font-weight: normal;
}
#WC_OrderShipmentDetails_div_16.myaccount_content {
    border: none;
    margin: 0;
    padding: 0;
}
#box .my_account .body{
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #000000;
}
#box .my_account .myaccount_header{
/*margin-top:-18px !important;*/
margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ffcd11;
    clear: both;
}
.myaccount_content #shipping .shipping_address {
    width: 31%;
    padding: 0 .5% 0 0;
    /*display: inline-block;*/
    font-size: 13px;
    margin-bottom: 30px;
    float:left;

}
#box .my_account p {
    margin: 0px 0 1px;
}
.myaccount_content #shipping .shipping_method {
    width: 31%;
    padding: 0 .5%;
    display: inline-block;
    float: left;
    /*margin-top:-20px;*/
}
#box .my_account .body .myaccount_content #shipping td.order_hide_availability {
    display: none;
}
#box .my_account .body .myaccount_content #shipping td#order_hide_weight {
    display: none;
}
#order_details .requestedShippingDate {
    display: none;
}

p, span, .denote_required_field {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 13px;
    line-height: 18px;
    margin: 6px 0 9px;
}
#box .my_account .myaccount_header .header{

    font-size: 16px;
    color: #000000;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
}
#order_details .th_align_left_normal .itemspecs{
padding:0px;
}
.img_table{
padding-right:0px;
}
#order_details .th_align_left_normal{
padding-left:-10px;
}
#WC_OrderItemDetailsf_div_1_1  img{
    /* display: none !important; */
}
.img{
	/* display:none; */
}
#orderItemDisplay .breadcrumb_item{
display:none;
}
.dijitReset.dijitInputInner {
    height: auto;
    margin-bottom: 0 !important;
    padding: 3px 0.4em !important;
}
.dijitTextBox input.dijitArrowButtonInner {
    background-image: url("../images/colors/color1/commonFormCalendar.png");
    background-position: -38px 40%;
    background-repeat: no-repeat;
    margin: 0;
    z-index: 1000;
    width: 20px;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], .cat-input {
    border:none;
}
div.cart-action-btns{
display:none;
}
.cart-buttons{
display:none;
}
.container_content_rightsidebar.shop_cart #shopcartCheckoutButton div, .shipping_billing_height #shopcartCheckoutButton div{
display:none;
}
.myaccount_content #shipping .itemspecs p.strong_content {
    display: block !important;
    margin-left: -11px;
}
.myaccount_content #shipping .itemspecs span{
 margin-left: -11px;
}
.script {
    display: none;
}
.viewEdit {
    display: none;
 }

 #total_breakdown #order_total td {
    padding-bottom: 5px;
}
.myaccount_content #total_breakdown {
    padding: 5px 0 10px 0px;
    text-align: right;
    vertical-align: top;
    width: 30.5%;
 }

 #box .main_header .headingtext span.main_header_text{
 margin-left:0px;
 }
 #shipping {
    font-size: 13px !important;
    margin-left: 0px;
 }
 td#WC_OrderItemDetailsf_td_6_1 {
    border-bottom: none !important;
    padding-bottom:0px !important;
}
/*
.container_content_rightsidebar.shop_cart #ShopCartPagingDisplay #order_details div[id^="WC_OrderItemDetailsf_div_2_"] {
    width: 333px !important;
    height: 10px;
    float: left !important;
}
*/
#orderItemDisplay .headingtext span {
    font-size: 18px !important;
    color: #000000 !important;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], .cat-input {
    box-sizing: border-box;
   /* height: 30px;*/
    margin: 5px 0;
    margin-bottom: 12px;
    padding: 8px;
    padding-left: .4em;
    padding-right: .4em;
    border: 1px solid #ccc;
    background: #ffffff;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
}
textarea {
    padding: 2px;
    margin: 2px 0px 0px 0px;
    font-size: 12px;
    font-family: Arial;
    border: 1px solid #ccc;
    overflow: auto;
    color: #4D4D4D;
    height:30px;
    width:350px;
}
.required-field{
margin-top:-20px;
}
.order_export_icons{
display:none;
}

.new_shop_import{
display:none;
}
.heading_shop_new{
margin-bottom:0px !important;
height:20px !important;
}
.listTable {
    /* border: 1px solid #E9E9E9; */
    border-radius: 5px 5px 5px 5px;
}
.print_hide_order_details{
display:none !important;
}
#order_details input{
border:none !important;
width:160px;
}
#order_details textarea{
border:none !important;
width:250px;
}
#order-conf-buttons{
display:none !important;
}
#order-conf-title span.header {
    display: block;
    height: auto;
    line-height: 18px;
    color: #000000;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
 }   
 .display_print{
    display:inline-block;
     height: auto;
    line-height: 1.2;
    color: #000000;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
    font-size: 40px;
 }
 .quote__confirmation .display_print .orderConfirm__printHeading{
 	display:none;
 	color: #000000;
    font-style: normal;
    font-weight: normal !important;
    text-transform: uppercase;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
    font-size: 14px !important;
    padding-top:0px !important;
 }
 .quote__confirmation .display_printQuote .quoteConfirm__printHeading{
 	color: #000000;
    font-style: normal;
    font-weight: normal !important;
    text-transform: uppercase;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
    font-size: 14px !important;
 }
 .quote__confirmation .display_printQuote .quoteConfirm__address{
 	color: #000000;
    font-style: normal;
    font-weight: normal !important;
    text-transform: uppercase;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px !important;
    margin-bottom: -.5rem !important;
    width: auto;
    white-space: normal;
 }
 .quote__confirmation div#logo{
	display: block !important;
}
 .d_none{display:none !important;}
 .order_info_print{
   margin-top:30px;
 }
 .input_noneditable{
   input:read-only !important;
   border:none !important;
 }
  #shipping .title{
  color:#000000 !important;
 }
 .shoppingCartHeader {
    color: #000;
    font-size: 20px;
    }
    .item_in_order{
    color: #000;
    font-size: 20px !important;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
	margin-top:0px;
	margin-bottom:30px;
    }
#cart-availability-table-forSummary_Confirmation_page td {
    border: none !important;
}


#orderItemDisplay .headingtext {
    width: 100%;
    border-bottom: none;
    padding-bottom: 18px;
    margin-bottom: 18px;
}
.shop_list_table {
    border: none !important;
 }
 .export_icon_head {
    border: none !important;
    display: none;
}
#order_details td {
    border-bottom: 0px solid #e6e6e6;
}
.padding0 {
    padding: 0px !important;
    border: none !important;
}

.img_table img{
display:none;
}
#order_details .img{
	/* display:none; */
}
.req_shop_date_align {
    /* padding-top: 0px !important; */
    padding-bottom: 0px !important;

 }
 a.remove_product{
 display:none !important;
 }
 .avail_padding {
    margin-left: -6px !important;
    padding-right: 15px !important;
    margin-top: -16px !important; /*6491*/
 }
 #order_details tr td, #order_details tr td p {
    color: #565656;
   }
 #breadcrumb {
    min-height: 0px;
    margin: 0 auto;
    padding: 0px;
    margin-bottom: 2px;
 }
 span#zero_price_hiding_requested_date {
    margin-top: 20px !important;
}
 #orderItemDisplay{
 margin-bottom:-35px;
 }
 table#cart-availability-table-forSummary_Confirmation_page {
    padding-bottom: -30px !important;
}
#order_details .th_align_left_normal br {
    display: none;
}
.edit-part-section .form_2column textarea{
border:none !important;
}
.print_item_note_align{
margin-top:0px !important;

}
.order_table_details br{
display:none !important;
}
.img img_table  {
display:none;
}
.order_table_details .itemspecs_table br{
display:none !important;
}
.order_table_details .itemspecs_table
#customers_new_or_returning {
    display: none;

}
#box .main_header {
    background: none;
    border-bottom: 2px solid #ffcd11;
    margin-bottom: 16px;
    padding: 0 0 15px;
    margin-top: -20px;
}
.print_header{
    margin-top: 10px !important;
    margin-left: -14px;
}

.myaccount_content #total_breakdown #order_total .order_total + .total_figures {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
span.editpart_head {
    margin-bottom: 10px;
}

.form_2column .column{
margin-bottom:0px !important
}
/*.hide_order_details{
display:none !important;
}*/
#box .my_account br {
    display: none;
}
#box .body {
    padding: 0px;
}
#billing_summary, .billing_summary {
    padding: 0;
}
.print_edit_align{
margin-top:0px !important;
}
/*.editpart_head {
    Font-weight: bold;
    Text-transform: uppercase;
        margin-left: -9px !important;
}*/
}
.catQuickOrderContent, .catCoreDepositTooltip,
#RequisitionList_list_table, #shopcartRightSideMiniCartContainer,
#selectionError, #processError, #shopCartHeaderFieldSubText, #shopping_cart_product_table_tall,
#itemsInShopCartEspot, .dijitArrowButtonContainer, #shoppingCartShowProductImage, .remove-all-cart,
#WC_CheckoutLogonf_div_9, #quickOrderSectionText, #qo-add-more-button, #shopCartHeaderFieldUpdateButtonText,
#mobileShopCartDetails, #catCartEspotPinstripe {
	display: none !important;
}
#shopCartItemsInCartContainer br {
	display: none;
}
.each br {
	display: block !important;
}
.shoppingCartHeader {
    font-size: 14px;
    font-weight: bold;
	text-transform: uppercase;
    color: black;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
}
.quote__confirmation .shoppingCartHeader {
    font-size: 15px;
    font-weight: inherit;
	text-transform: uppercase;
    color: #2f2f2f !important;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
    padding-bottom: 15px;
}
.shopCartHeaderField {
	display: inline-block;
	width: 30%;
}
#shopCartHeaderFieldContainerRows select {
	height: 30px;
	width: 90%;
}
#shopCartHeaderFieldContainerRows select::-ms-expand {
	display: none;
}
.cartAvailTD {
	width: 15%;
}
#quickOrderSectionHeader {
	margin-top: 50px;
	margin-bottom: 25px;
}
#shopCartHeaderFieldContainer {
	margin-top: 20px;
}
#order_details textarea {
	resize: none;
	border: none;
}
.table-mobile-view, .catShoppingCartProgressBar {
	display: none;
	height: 0px;
	width: 0px;
}
#checkout_crumb .crumb #orderDateParagraph {
	margin-top: -25px;
}
.edit-part-section .form_2column p {
	margin-bottom: 0px !important;
}
.table_order_confirm th {
 	padding-top: 0px !important;
 	padding-bottom: 0px !important;
}
#shipping #order_details .form_2column td {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	margin-top: -10px !important;
	height: 10px !important;
}
.edit-part-section .form_2column .inputField {
	margin-top: -8px !important;
	margin-bottom: 5px !important;
}
.edit-part-secion .form_2column textarea {
	margin-top: -5px !important;
	margin-bottom: 10px !important;
}
.edit-part-section .form_2column .inputField[name^='Part_Note'] {
	margin-top: 0px !important;
}

/* Shopping Cart page */
.order-items-list input, .order-items-list select, .order-items-list textarea, .order-items-list .dijitTextBox {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
}

#mobileShoppingCartShowProductImage {
	display: none;
}

.cart-print-header {
	font-size: 35px;
	padding-top: 20px;
	font-weight: bold;
	margin: 10px 0px 20px;
	text-transform: uppercase;
    color: black;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
    margin-top:20px; /*6491*/
}

.cart-availability-table .QTYAVAIL {
  border:none !important;
}

.order-items-list .cart-availability-table {
	border-spacing: 10px 0;
}
.order-items-list .cart-availability-table .QTYAVAIL {
	width: 50%;
	text-align: right;
	border: none;
}
.order-items-list .cart-availability-table .AVAIL {
	width: 50%;
	text-align: left !important;
	min-width: 150px;
}

.order-items-list #order_details th {
	text-align: center;
}

.order-items-list .cart-row > td {
	border-top:1px solid #e6e6e6 !important;    
}

.order-items-list .border_add_details{
	border-bottom: none !important;
}

.cart-additional-details {
	padding:10px;
}
.cart-additional-detail {
	float: left;
	padding-right:10px;
	width: 15%;
	min-width: 145px;
}
.cart-additional-detail.cart-additional-detail-wide {
	width: 30%;
	min-width: 145px;
}
.cart-additional-detail.cart-additional-detail-wide .cat-input {
	width: 100%;
	line-height: 12px;
	max-width: 250px;
	max-height: 100px;
}
.cart-additional-detail .inputField {
	width: 100%;
}

.cart-additional-details-row {
	display: none;	
}

.cart-additional-details-row.add-show {
	display: table-row;	
}

.mobile-only {
	display: none;
}

.order-items-list .productcontent {
	display: none;
}

#ShopCartDisplay #cartSummaryLine td, #ShopCartDisplay #cartSummaryLine span {
	text-transform: uppercase;
    color: black;
    font-weight: bold;
}

#quickOrderSectionHeaderHR, #quickOrderSectionHeaderTop, #quickOrderSectionHeader, #shopCartQuickOrderSection {
	display: none;	
}
.order-additional-detail{
 width:150px;
 float:left;
 }
 .order-additional-detail_width{
  width:250px !important;
 }
.line_note_width{
 width :200px;
 padding-top:10px;
 height: 100% important;
}
.print_item_note_align mobile_width_details{
	height: 100%;
}
.print_only_add_fields{
 padding:10px;
}
.orderSubTotalBold{
 font-size:16px !important;
 color:#000 !important;
 font-weight:bold !important;
 text-transform:uppercase;
 font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif !important;
 }
 .main_header_text{
  font-size:18px !important;
  font-style:normal;
  font-weight:bold;
  color:#000 !important;
  font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
  margin-top:20px !important;
  }
.billing_address .title{
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size:13px !important;
  color:#000 !important;
}
.billing_method .title{
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size:13px !important;
  color:#000 !important;
}
.print_only_order_name{
 display:inline-block;
}
#shipping .shipping_method_summary p {
    margin: 0px !important;
}
#shipping .shipping_method_summary{
    padding: 0px !important;
}
#SingleShipmentShippingAddress{
  color	:#000;
}
#order_details p, #order_total tr td,.order-additional-detail{
 color:#565656;
}
#order_details input {
 color: #4D4D4D;
}
.promotion_code label{
 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
 font-weight: bold;
 color: #000000;
 font-size: 13px;
 line-height: 18px;
}
.promotion_button input{
 border:none !important;
}
.print_section{
 display:none !important;
}
.breadcrumb_current{
 color: #000000;
 }
 #orderDateParagraph, #orderByParagraph {
    margin: 5px 0 0px;
}
.quote__confirmation .orderconfirmationbox{
  clear:both !important;
  font-family:"UniversLTW02-67BoldCn", "Arial Narrow Bold", Arial, sans-serif;
}
.orderconfirmationbox{
  clear:both !important;
}
.p_print{
 padding-left:0px !important;
 }
.m-l-0{
 margin-left:-10px !important;
}
#order_details .print_center{
text-align:center !important;
float:none !important;
}
.quote__confirmation #order_details .print_center{
text-align:center !important;
float:left !important;
}
#order_details .item_center{
	display:inline-block;
	float:left!important; /* 6491 */
	vertical-align:top;
	text-align:left;
}
#order-conf-title h1{
 border:none;
}
#order_details tr.table-browser-view td .price,#order_details .print_right{
 text-align:right !important;
}
#order_details .align_center_order_summary {
 text-align:left !important;
}
.print_item_width{
 width :40%;
}
.border_add_details{
 border-bottom:1px solid #e6e6e6 !important;
}
.border_add_details_confirm{
  border:1px solid #e6e6e6;
  padding:15px;
  width:75%;
}
.add_details_confirm{
  margin-top:15%;
  
}
.padding_add_details{
    margin-top:-15px;
    margin-bottom:20px;
}
#checkout_crumb .crumb{
  padding-bottom:0px;
}
.shipping_address .title{
  margin-bottom:0px;
  margin-top:0px;
}
 .strong{
 color:#000 !important;
}
#checkout_crumb .crumb p {
 color:#000 !important;
}
#box .main_header .left_corner_straight {
  width:0px !important;
}
.print_unit_width{
  width:12% !important;
}
.print_uneditable{
 display:inline-block !important;
 width:78%;
 vertical-align:middle;
 border:1px solid #e6e6e6;
 padding:10px;
 margin-bottom:20px;
}
.print_uneditable_hide{
 display:inline-block !important;
 width:78%;
 vertical-align:middle;
 border:1px solid #e6e6e6;
 padding:10px;
 margin-bottom:20px;
}
@media print {
 	.print_uneditable_hide{
	 display:none !important;
	 width:78%;
	 vertical-align:middle;
	 border:1px solid #e6e6e6;
	 padding:10px;
	 margin-bottom:20px;
	}
}

.print_add_details_width{
  width:16.666666%;
  display:inline-block !important;
 }
 .print_add_details_width_hide {
  width:16.666666%;
  display:inline-block !important;
 }
@media print {
 	.print_add_details_width_hide {
	  width:16.666666%;
	  display:none !important;
	 }
}
.print_only_add_fields .order-additional-detail .inputField_order{
  margin-bottom:0px;
  padding-bottom:0px;
}
.print_item_note_align .line_note_width{
   max-width: 250px !important;
}
#order_details .item_quantity,#order_details .price{
 margin-top:0px;
 color:#565656;
}
.billing_address div{
 color:#000 !important;
}
.print_width_price{
 width:15% !important;
}
.tooltip_show{
	display: inline !important;
}
.tooltip_hide{
	display: none;
}
#showProductImage_tooltip {
display: none;
}
#order_details .print_center_hide {
display: none;
}
#order_details .product-icon-print
{
	display:inline-block;
	float: left !important;
}
.order-sum a {
	text-decoration: none;
	color: #007bff;
}
#order_details .product-icon-print-hide
{
	display: none;
}
#showProductImage_tooltip_conf {
	display: none;
}
#orderSummaryContainer .product-icon-print
{
	display:inline-block;
}
#orderSummaryContainer .product-icon-print-hide
{
	display: none;
}


/**All order history print css 
START**/

@media print 
{
/*4153 - Confirmation Page*/
.orderHistoryDetailSecondaryTitle{
	font-size: 18px ;
	text-transform: uppercase ;
	font-weight:inherit ;
	font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
	margin-bottom:12px;
	width: 190px !important;
	color: #2f2f2f !important;
	white-space: nowrap; /*4153*/
}
.orderDetailSecondaryTitle{
	font-size: 18px ;
	text-transform: uppercase ;
	font-weight:inherit ;
	font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
	margin-bottom:12px;
	width: 190px !important;
	color: #2f2f2f !important;
	white-space: nowrap; /*4153*/
}
.quote__confirmation .orderDetailSecondaryTitle{
    font-size: 18px ;
	text-transform: uppercase ;
	font-weight:inherit ;
	font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
	margin-bottom:12px;
	width: auto;
	color: #2f2f2f !important;
	white-space: nowrap; /*4153*/
}
.quote__confirmation .orderDetailSecondaryTitle{
width: 310px  !important;
white-space: normal  !important;
}

.orderHistoryDetailsColumns {
    display: inline-block;
    vertical-align: top;
    width: 30% !important;
}
.orderDetailsColumns {
    display: inline-block;
    vertical-align: top;
    width: 30% !important;
}
.sb-address-content{
    font-weight:normal;
    font-size:13px;
    color: #565656;
    line-height: 18px;
} 
.orderSummaryTextBlock{
    font-weight:normal;
    font-size:13px;
    color: #565656;
    line-height: 18px;
}
.addition_items_confirm{  white-space: nowrap;}
.toggleAdditional {
    margin-top: 28px;
    white-space: nowrap;
}
.orderSummaryAdditionalDetails{ float:right; width: 100% !important;}
.col8{
    width: 80% !important;
    float: right;
    border: 1px solid #ccc !important;
    height: 60px;
    margin-left:4px;
    margin-bottom:10px;
}
	
#container_MyAccountDisplayB2B .col8 {
	border: none !important;
}
	
.org_order_app_details input, .org_order_app_details .dijitTextBox, .org_order_app_details textarea {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	resize: none;
}
	
#container_MyAccountDisplayB2B .org_order_app_details .col3 {
	display: block;
}
/*4153*/

/*6350*/
.order_info_print {
    margin-top: 30px;
    display: none;
}
/*6350*/

/*6192 - iPerceptions widget covering up order confirmation content*/
.cc-container{display:none!important;}
.expoIconSection{display:none!important;}
/*6192*/

/* 6491 */
.order_details_left_print{text-align:left !important;}
.order_details_left_padding_print{padding-left: 0%!important;}
.order_details_price_print{width: 16%!important;}
.order_details_p_print{margin: 0px;}
.order_details_center_print{text-align:center !important;}
.order_details_center_desc_print{margin-right:24px!important;}
.order_details_total_print{padding-left:14px!important; white-space: nowrap;}
.order_details_item_print{padding-left: 150px!important;}
.order_details_items_print{display: inline-block;}
.order_details_title_print{ margin-bottom: 20px!important;}
.order_details_item_sum_print{padding-left: 120px!important;}
.order_details_input_print{padding: 0px!important;margin: 0px!important;}
.orderSummaryAdditionalDetailsLastCol{padding-left:40px!important;}
.lastColMobile{padding-top:10px!important;}
#cartShowDetailsCheckBoxContainer{display: none;}
.shopCartGSTMsg{ line-height: 15px;}
/* 6491 */

.orderHistoryDetailsColumns .shipping_method{
	margin-bottom:12px;
}
.orderHistoryDetails_ReOrder{
	float:right;
}


	.order_details_my_account.orderHistoryDetailsColumns.firstSection
	 {
		padding-right: 15px !important;
	    border-right: 1px solid #cccccc;
	    padding-top: 0px;
	    min-height: 240px;
	    display: inline-block;
	}
	.order_details_my_account.orderDetailsColumns.firstSection
	 {
		padding-right: 15px !important;
	    border-right: 1px solid #cccccc;
	    padding-top: 0px;
	    min-height: 240px;
	    display: inline-block;
	}
	.quote__confirmation .order_details_my_account.orderDetailsColumns.firstSection
	 {
		padding-right: 15px !important;
		border: none;
	    padding-top: 0px;
	    min-height: 240px;
	    display: inline-block;
	}
	
	.order_details_my_account.orderHistoryDetailsColumns.thirdSection
	{
		padding-left: 15px !important;
		padding-top: 0px;
		min-height: 240px;
		display: inline-block;
	}
	.order_details_my_account.orderDetailsColumns.thirdSection
	{
		padding-left: 15px !important;
		padding-top: 0px;
		min-height: 240px;
		display: inline-block;
	}
	.order_details_my_account.orderHistoryDetailsColumns.secondSection {
	    padding-right: 15px !important;
	    padding-left: 15px !important;
		border-right: 1px solid #cccccc;
		padding-top: 0px;
		min-height: 240px;
		display: inline-block;
	}
	.order_details_my_account.orderDetailsColumns.secondSection {
	    padding-right: 15px !important;
	    padding-left: 15px !important;
		border-right: 1px solid #cccccc;
		padding-top: 0px;
		min-height: 240px;
		display: inline-block;
	}
	.quote__confirmation .order_details_my_account.orderDetailsColumns.secondSection {
	    padding-right: 15px !important;
	    padding-left: 15px !important;
		padding-top: 0px;
		min-height: 240px;
		display: inline-block;
	}


#ordHistoryDetailWrapper p, span, .denote_required_field{
	margin:4px 0 10px;
}

#ordHistoryDetailWrapper .billing_address{
	padding: 0 83px 5px 0px !important;
}
/*#ordHistoryDetailWrapper{
	width:100%; 
	padding-top: 20px;
	display: inline-block;
}*/
/*4153*/
#ordHistoryDetailWrapper {
    width: 100%;
    padding-top: 0px;
    display: inline-block;
}


#ordHistoryDetailWrapper .info_content{
    color: #565656;
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 25px;
}

#ordHistoryDetailWrapper .my_account_content_bold {
    font-weight: bold;
    color: #2f2f2f;
    font-size: 14px;
}
#ordHistoryDetailWrapper .fieldValue {
    color: #565656;
}

.ordHistoryDetail_qty{

	text-align: right;
}
.ordHistoryDetails #order_details .item_center {
	display: block !important;	
}
.orderHistoryProductWrapperSection{
	/* to remove */
}
.orderHistoryImageSection{
    /*float: left;*/
    margin-left: 70px;
 	
}
.orderHistoryProductSection{
    display: inline-block !important;
    text-align: left;
    /*width: 43%;*/
}
.orderHistoryQuantitySection{
	text-align:right !important;
	width: 5% !important;
}
.orderHistoryAdditionalSection .padding_add_details{
margin-left:0px;

}
.orderHistoryAdditionalSection .add_details_confirm{
	padding-left:0px !important;
    padding-right: 10px !important;
    text-align: right;
    float: right !important;
}
#orderHistoryItemTitleSection{
   text-align: left !important;
    width: 15%;
}
.orderHistoryAvailabilitySection{
    text-align: left !important; 
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}


.orderHistoryUnitPriceTitleSection{
	text-align: right;
	width: 12%;
}
.orderHistoryTotalPriceTitleSection{
	text-align: right;
	width: 12%;
}
 .orderHistoryQuantityTitleSection{
	text-align: right;
}
.orderHistoryAvailabilityTitleSection{
	text-align: left;
	width: 18%;
}
.orderHistoryWeightTitleSection{
	width: 5% !important;
	text-align: right;

}
.orderHistoryWeightSection{
	text-align: right !important;
}
.orderHistoryImageTitleSection{
    text-align: center;
    width: 15%;
}
.orderHistoryEmptyTitleSection, .orderHistoryEmptySection{
	width: 5%;

}
.orderHistoryTotalsTitles{
	font-size: 13px;
	color: #2f2f2f;
	padding-bottom: 1px !important;
}
.orderHistoryTotalsValues{
	font-size: 13px;
	color: #565656;
	padding-bottom: 1px !important;
	
}
.ordHistoryDetails .orderSubTotalBold{
	font-weight: normal !important;
	font-size:12px;
}
.orderHistoryAdditionalSection .editpart_head{
	text-transform: initial !important;
}
.orderHistoryAdditionalSection .edit-part-section.print_edit_align{
	padding: 0px !important;
}
.orderHistoryAdditionalSection .column_label {
    font-family: Arial;
    font-weight: bold;
}
.orderHistoryAdditionalText{
    font-family: Arial;
    font-weight: bold;
    color: #565656 !important;
}
.order_details_border.orderHistoryAdditionalSection{
	padding-top: 0px !important;
}
	#additionalArrowBlockA,#additionalArrowBlockB,#additionalArrowBlockC{

		display:none !important;
	}
	
	#additionalBlockA,#additionalBlockB,#additionalBlockC{

		display:block !important;
	}

	#mobileOrderHistoryWrapper{
		display:none !important;
	}
	#order_details .mobileHeaders{
		display:none !important;
	}

#ordHistoryItemDetailsToggle{
	display:none;
}
.ordHistoryDetails #shipping{
	margin-top:30px;
}
.ordHistoryDetails .display_print{
 font-size: 38px !important;
}
/*---- START: AURORA-6476 - Quote Confirmation Page - Print - Field value font style is not unified ----*/
@font-face {
  font-family: "UniversLTW02-Bold";
  src: url("../fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix");
  src: url("../fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix") format("embedded-opentype"), url("../fonts/21decb60-b395-4de2-bd04-e38eb2a56d2f.woff") format("woff"), url("../fonts/091058d4-36b2-43f6-80d3-16c88e098061.ttf") format("truetype"), url("../fonts/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402") format("svg");
  }
.billing_method.billing-order-summary .orderSummaryText,.billing_method.billing-order-summary  p.orderSummaryText{font-weight:normal;color:#565656}
.order_details_my_account.orderDetailsColumns{word-wrap:break-word}
.order_details_my_account.orderDetailsColumns .orderDetailSecondaryTitle{font-family:"UniversLTW02-Bold", "Arial Narrow", Arial, sans-serif}
.order_details_my_account.orderDetailsColumns.secondSection{position:relative}
.order_details_my_account.orderDetailsColumns.orderSummaryBlock .orderSummaryText{display: inline-block;overflow-wrap: break-word;word-wrap: break-word;word-break:normal; line-break:strict;}
/*---- END: AURORA-6476 - Quote Confirmation Page - Print - Field value font style is not unified ----*/
}
/*Targetting mobile css for OrderHistory Details
--END*/
/**All order history print css 
END	**/
 @media print
{
	.display_only_line_note{
		display:none;
	}
	.print_only_line_note{
	display: inline;
	overflow:hidden;
	}
}
/*---- Start: AURORA-7081 - AURORA-7058 Shopping cart page: Print: Quantity is missing and the text overlap. ----*/

#lhnChatButton{display: none!important;}


.print_quantity {
    width: 50px!important;
    margin-top: -5px!important;
}

/*---- End: AURORA-7081 - AURORA-7058 Shopping cart page: Print: Quantity is missing and the text overlap. ----*/
/*---- START: AURORA-7043: Enhance B2B: UI : Update Cost Breakdown - UI/CSS ----*/
@font-face {
  font-family: "UniversLTW02-67BoldCn";
  src: url("../fonts/8acd73c5-13c0-4d80-a058-56dec919199a.woff2") format("woff2"), url("../fonts/b2388651-dd56-4c8e-8455-c55318f6a734.woff") format("woff"), url("../fonts/346ec69d-90a7-4fef-a216-1a0dafbd3798.ttf") format("truetype"), url("../fonts/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402") format("svg");
  }

.order-calculation table tr td.subTax,
#total_breakdown #order_total .total_details.subTax{
	padding-left:15px;
	font-weight:normal;
}
#order_details tr.nested th{
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.order-calculation table tr td.orderSubTotalBold,
.total_breakdown .orderSubTotalBold,
.ordHistoryDetails .orderSubTotalBold,
.orderHistoryContent #total_breakdown #order_total .total_figures span.orderSubTotalBold{
	font-size:15px !important;
	color:#2f2f2f!important;
	font-weight:normal !important;
	font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
}
.orderHistoryContent #total_breakdown #order_total .total_figures span{
	font-size:12px !important;
	color:#565656 !important;
}
.order-calculation table tr td.breadcrumb_current,
.order-calculation table tr td.breadcrumb_current span,
.orderSubTotalBold,
.summary_mode_changes #totalLabel .label,
.summary_mode_changes #totalLabel span.value,
.summary_mode_changes #totalLabel span{
	font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
	font-weight:normal !important;
	color:#2f2f2f !important;
}
.shoppingCartHeader, 
.shoppingCartHeaderEmpty,
#order_details tr.nested th{
	font-weight:normal;
	
}
.quote__confirmation #order_details .strong_content{
	font-weight: normal !important;
}
.quote__confirmation #order_details .strong_content a{
	text-decoration: none !important;
}

.order-calculation table tr td:first-child,
.total_breakdown table tr td:first-child{
	font-weight:bold;
}
.order-calculation table tr td.subTax,
#total_breakdown #order_total .total_details.subTax,
.orderHistoryContent #total_breakdown #order_total .total_details.subTax{
	padding-left:10px;
	font-weight:normal;
}
#box .main_header_text{
	font-weight:normal
}
body.order-items-list #WC_SingleShipmentOrderTotalsSummary_td_1,
body.order-items-list #WC_SingleShipmentOrderTotalsSummary_td_2,
body.order-items-list #WC_SingleShipmentOrderTotalsSummary_td_2 span{
	font-weight:normal !important;
}
.orderHistoryContent #total_breakdown{
	min-width:282px;
}
.orderHistoryContent #total_breakdown #order_total .total_details,
.order-calculation table tr td.total_details{
	text-align:left;
	color:#2f2f2f !important;
	font-size:12px !important;
	font-weight:bold;
}
.orderHistoryContent #total_breakdown #order_total .order_total{
	font-size:15px !important;
}
.org_order_app_details #summaryOfChanges p span.value{
	color:#2f2f2f !important;
	text-align:right;
}
.org_order_app_details #summaryOfChanges p span.label{
	font-weight:bold;
	color:#565656 !important;
}
.summary_mode_changes #totalLabel{
	margin:0;
	padding:0 10px 0 0;
}
.summary_mode_changes #totalLabel span{
	font-size:15px !important;
	text-transform:uppercase;
}
.myaccount_content .orderHistoryTotalsValues.breadcrumb_current span {
	font-size:15px !important;
	color:#2f2f2f!important;
	font-weight:normal;
	font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
}
.order-calculation table tr td.total_details.orderSubTotalBold,
.myaccount_content .orderHistoryTotalsValues.breadcrumb_current{
	font-size:15px !important;
	color:#2f2f2f!important;
	font-weight:normal;
	font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
}
.myaccount_content.order-calculation #total_breakdown table{
	width:282px !important;
}
.myaccount_content #total_breakdown tr td strong{
	padding:0;
} 
.order-calculation table tr td.subTax{
	font-weight:normal !important;
}
.orderHistoryDetailSecondaryTitle{
	white-space:normal;
}
/*---- END: AURORA-7043: Enhance B2B: UI : Update Cost Breakdown - UI/CSS ----*/
/*---- Start: AURORA-7540: CAL - Orders to Approve Page UI Issue ----*/
.pageSection.ord_sumray_sanpus{
	clear:both;
}
/*---- End: AURORA-7540: CAL - Orders to Approve Page UI Issue ----*/
/*---- START: AURORA-7380 : Zeppelin Russland -120 Byte Addresses - UI ----*/
	.sb-address-content,
	#shipping .sb-address-content,
	#billing_1 .sb-address-content,
	.orderSummaryBlock .orderSummaryTextBlock{
		max-width:300px;
		word-break:break-all;
	}
	.orderSummaryHeaderRow .orderSummaryText{
		word-break:break-all;
	}
	.checkout-page #shipping .sb-address-content,
	.checkout-page #billing_1 .sb-address-content,
	#ordHistoryDetailWrapper .info_content,
	.checkout-page .sb-address-content{
		max-width:240px;
		word-break:break-all;
	}
	.checkout-page .sb-address-content{
		width:240px;
		max-width:240px;
	}
	#ordHistoryDetailWrapper .fieldValue div{
		color:#565656 !important;
	}
	#container_MyAccountDisplayB2B .row.orderSummaryReport .col3{
		padding-right:20px;
	}
/*---- END: AURORA-7380 : Zeppelin Russland -120 Byte Addresses - UI ----*/
/*---- START: AURORA-7403 : Enhance B2B: Equipment: Story 2C: UI : Shopping Cart: Update how Equipment Serial Number is shown ----*/
	.equipment_data{
		display:block;
		width:100%;
	    font-size: 12px !important;
	    line-height: 17px;
	    color: #565656 !important; 
	}
	.equipment_data__label,.equipment_data__content{
		display:block;
	}
	.equipment_data__label{
		font-weight:bold !important;
		color: #2f2f2f !important;
	    font-size: 14px !important;
	}
	.shipping_method_summary .equipment_data__label,.shipping_method_summary .equipment_data__content{
		font-size:13px;
		color:#000 !important;
	}
	
/*---- END: AURORA-7403 : Enhance B2B: Equipment: Story 2C: UI : Shopping Cart: Update how Equipment Serial Number is shown ----*/
/*---- START: AURORA-7189 : INC000013622346 - PRINT: Order Summary UI: Long Dealer name overlaps text due to wrapping ----*/
#order-conf-title-bar{
	height:auto !important
}
/*---- END: AURORA-7189 : INC000013622346 - PRINT: Order Summary UI: Long Dealer name overlaps text due to wrapping ----*/
/*---- START: AURORA-7853 : Print Screen/View UI: Order and Quote confirmation page is not displayed completely. ----*/
div#page{
	overflow:inherit !important
}
.ordConfirmDetails .orderDetailSecondaryTitle > div{
	font-family:"UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
}
.orderDetailSecondaryTitle{
	white-space:normal;
}
/*---- END: AURORA-7853 : Print Screen/View UI: Order and Quote confirmation page is not displayed completely. ----*/
/*---- START: AURORA-7830 : Shopping cart page: All Order Type options display when Print this page. ----*/
.cartOrderTypeRadioOption input[type='radio'] + label, .cartOrderTypeRadioOption input[type='radio'] + label + .cartOrderTypeLabel, .cartOrderTypeRadioOption input[type='radio']{
	display: none;
}
.cartOrderTypeRadioOption{
	padding:0;
	margin: 0;
}
#catOrderTypeLabel{
	font-weight: bold;
}
.cartOrderTypeRadioOption input[type='radio']:checked + label + .cartOrderTypeLabel{
	display: block;
}
/*---- END: AURORA-7830 : Shopping cart page: All Order Type options display when Print this page. ----*/
/*---- START: AURORA-7892 : Enhance B2B: Equipment on Checkout: UI: Serial # should not be in caps ----*/
.equipment_data__content div{
	display:inline-block
}
.equipment_data__content .serial-no{
	text-transform:lowercase;
}
.equipment_data__content .serial-no:first-letter{
	text-transform:capitalize;
}
/*---- END: AURORA-7892 : Enhance B2B: Equipment on Checkout: UI: Serial # should not be in caps ----*/
/*---- START: AURORA-7920 : Shopping cart page: UI issue: Equipment text does not shown complete when Print this page. ----*/
#shopCartHeaderFieldContainer #partLookupEquipmentListContainer #widget_serialNumber{
	width:100%
}
/*---- END: AURORA-7920 : Shopping cart page: UI issue: Equipment text does not shown complete when Print this page. ----*/
/*---- START: AURORA-7706 : Enhance B2B: Line Item Counter ----*/
.order-sum .lineItemCount {
    line-height: 18px;
    margin-top: 0;
    margin-right: 0;
    padding-top:5px;
}
#order_details tr.nested th.orderHistoryTotalPriceTitleSection{
	text-align:center;
}
.pending_wrapper.pending-table table td,
.pending_wrapper.pending-table table th{
	width:30%;
}
.pending_wrapper.pending-table table td:first-child,
.pending_wrapper.pending-table table th:first-child{
	width:15%;
}

/*---- END: AURORA-7706 : Enhance B2B: Line Item Counter ----*/
/*---- START: AURORA-9034 : Shopping Cart Page - Print View - UI issues ----*/
#cartOrderHeaderContainer{
	margin-top:15px;
}
.LPMcontainer.LPMoverlay{
	display:none !important;
}
/*---- END: AURORA-9034 : Shopping Cart Page - Print View - UI issues ----*/
/*---- START: AURORA-9052: Shopping Cart Page - Print View - there's a "*" displaying before the total price ----*/
.total_figures .amount__star{
	display: none;
}
/*---- END: AURORA-9052: Shopping Cart Page - Print View - there's a "*" displaying before the total price ----*/

.prop65_warning-iconlink img{
	width:20px;
	height:16px;
	display:inline-block;
	margin-right:2px;
	position:relative;
	top:3px;
}
.hide_promoCode
{
 display: none;
}
/*-- START: AZURE-38059: Release Bug: PCC Order History Details Page defects --*/
.ordHistoryDetails{
	margin: 0 10px 0 15px !important;
}
.billing_summary .info_content{
	clear: both;
}
/*-- END: AZURE-38059: Release Bug: PCC Order History Details Page defects --*/

/*-- START AZURE-108415: UI : Print view of order confirmation page is misaligned --*/
.order-conf-msg{
	clear: both;
	width: 100%;
}
.quote__confirmation .order-conf-msg{
	display: block !important;
	padding: 5px 10px !important;
	width: inherit;
	border: 1px solid #000000;
	position: absolute !important;
	right: 35px;
	top: 15px;
}
.quote__confirmation .order-conf-msg:lang(ar){
 margin-right: 60%;
 left: 35px;
}
.quote__confirmation .order-conf-msg:lang(he){
 margin-right: 60%;
 left: 35px;
}

.quote__confirmation #checkout_crumb .crumb span {
    display: block !important;
    float: left!important;
    margin: 0px !important;
    line-height: normal !important;
    }
.quote__confirmation #checkout_crumb .crumb span:lang(he) {
    float: right !important;
    }

.quote__confirmation #checkout_crumb .crumb span:lang(ar) {
    float: right !important;
    }

.quote__confirmation h2.orderInformationHeader::after {
    content: '\a';
    white-space: pre;
}
.quote__confirmation .crumb.order-conf-msg span.order-conf-txt-bold {
    clear: left !important;
    text-transform: uppercase;
    min-width: 138px !important;
    font-weight: bold !important;
    font-size: 12px !important;
}
.quote__confirmation #ordDetailWrapper .orderSummaryHeaderRow span {
    display: block !important;
    margin: 0 0 10px;
}
.quote__confirmation .order-conf-msg::before{
		content: "Pending Quote";
		padding-bottom: 20px;
		display: block !important;
		font-weight: bold !important;
		color: #2f2f2f;
		text-transform: uppercase;
    	font-size: 14px;
}
.quote__confirmation #orderConfirmationProCode{
	position: absolute !important;
	top: 100%;
	right: 155px;
}
.quote__confirmation .order_details_my_account.orderDetailsColumns.orderSummaryBlock.secondSection{border: none !important;}
.quote__confirmation span.my_account_content_bold::after{
    content: "\a";
    white-space: pre;
}
.cx-sidebar.position-right {
    display: none;
}
.order_details_my_account.orderDetailsColumns.firstSection,.order_details_my_account.orderDetailsColumns.thirdSection,.order_details_my_account.orderDetailsColumns.secondSection{
	margin: 0 !important;
	padding: 5px !important;
}
.orderConfirmation__guest{
	display: inline-block;
	width: 25% !important;
	position: absolute;
	right: 0;
}
#ordDetailWrapper{
    width: 75% !important;
	clear:both;
	display: inline-block;
}
.quote__confirmation #ordDetailWrapper{
   margin-top: 35px;
	border-top: 2px solid #000000;
	padding-top: 30px;
    width: 100% !important;
	clear:both;
	display: inline-block;
}
.quote__confirmation #ordDetailWrapper:lang(he){
margin-top: 70px;
}
.quote__confirmation #ordDetailWrapper:lang(ar){
margin-top: 70px;
}

.quote__confirmation #ordDetailWrapper > div:last-child {
    padding-left: 10px !important;
}
.WC_CheckoutLogonf_div_registration_guest ,#contentRecommendationWidget_CAT_GUEST_CONFIRMATION_REGISTER{
	padding: 8px 20px 8px 20px!important;
	width: auto !important;
}
.orderConfirmation__guest .orderSummaryBlock{
	position:absolute; 
	right:0;   
	width: auto !important;
}
#guestShopperContinue .button_text {
	height: auto;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-family: "UniversLTW02-67BoldCn", "Arial Narrow", Arial, sans-serif;
    color: #ffffff;
    font-size: 14px;
	line-height: 14px;
	-webkit-print-color-adjust: exact;
	background-image: none !important;
	background: none;

} 
#orderConfirmationCreateAccount .button.primary {
    background-image: none !important;
	text-decoration: none; 
	border-radius: unset;   
	border: none;
    border-spacing: 0;
	background-color: #3f3f3f !important;
   -webkit-print-color-adjust: exact;
    padding: 10px 14px;
    border: 1px solid #000000;
    color: #fff !important;
    line-height: 14px;
    height: auto;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0;
    margin-bottom: 7px;
    margin-top: 10px;
}
#shipping .orderSummaryRow{
	float: right;
}
/*-- END AZURE-108415: UI : Print view of order confirmation page is misaligned --*/
.quote__confirmation #order_total{
	margin-top: 20px;
	margin-right: 20px;
}
.quote__confirmation #ordDetailWrapper .my_account_content_bold, .equipment_data__label, #WC_SingleShipmentOrderTotalsSummary_td_1{
	text-transform: uppercase;
	color: #2f2f2f !important;
}
.quote__confirmation #orderConfirmationProCode span.my_account_content_bold{
	display: block;
	line-height: 0;
	margin-bottom: 2px;
}
.quote__confirmation .ordConfirmDetails{
	font-family:"UniversLTW02-67BoldCn", "Arial Narrow Bold", Arial, sans-serif;
}
.quote__confirmation .billing_summary .billing_method {
    line-height: 14px;
}
.quote__confirmation .orderSummaryTextBlock{
	margin-bottom: 10px;
}

@media print {
	body {
		background: #fff;
	}
}

.quote__confirmation .contact_dealer_print {
        margin-top: -15px !important
}
.quote__confirmation .order_details_center_desc_print {
	margin-top: -2px !important;
}

/*-- START  Bug/Azure-60576: [AURORA-12468] UI : Orders To Approve : Text overlaps in the Order Approval Details View page under the Order To Approve. --*/
@media print {
	.nonRWDPageB .footer {
		display: none;
	}
}
/*-- END Bug/Azure-60576: [AURORA-12468] UI : Orders To Approve : Text overlaps in the Order Approval Details View page under the Order To Approve. --*/