@charset "utf-8";

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

/* Dev: legacy */

 @import url("legacy1_1.css");
  @import url("base.css");
  @import url("styles.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: #fff;
	height: 100%;
	width: 100%;

}

#searchBar {
    padding: 2px;
    position: absolute;
    right: 18px;
    top: 0;
    width: 162px;
}
#WC_OrderShippingBillingConfirmationPage_links_1{

	display:none;
}

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

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

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