/* theme.css contains styles that support different sizes of theme images */
@import url("theme.css");

/* begin general styles for all themes */
body {
	margin: 0px;
	padding: 0px;
	background: #363636 url('site-background.jpg') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #363636;
	font-size: 12px;
}

p, table, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #363636;
	margin-top: 0px;
}

form {
	margin: 0px;
}

a:link {
	color: #0066cc;
	text-decoration: none;
}

a:visited {
	color: #0066cc;
	text-decoration: none;
}

a:hover {
	color: #363636;
	text-decoration: underline;
}

a:active {
	color: #363636;
	text-decoration: none;
}

ul {
	list-style-type: square;
}

.actCHECKOUTEM {
	background-color: #0066cc;
}

.actCHECKOUTBG {
	background-color: #eaeaea;
}

.actlarger {
	font-size: 14px;
	color: #363636;
}

.actsmaller{
	font-size: 10px;
	color: #363636;
}

.actxxsmall {
	font-size: 10px;
	color: #363636;
}

.actxsmall {
	font-size: 12px;
	color: #363636;
}

.actsmall {
	font-size: 12px;
	color: #363636;
}

.actregular {
	font-size: 14px;
	color: #363636;
}

.actlarge{
	font-size: 16px;
	color: #363636;
}

.actxlarge {
	font-size: 18px;
	color: #363636;
}

.actxxlarge {
	font-size: 18px;
	color: #363636;
}

.actwarningcolor {
	color: #ff3300;
}
	
.actrequiredcolor {
	color: #ff3300;
}

.actsearchhighlightcolor {
	color: #ff0000;
}

.actrequired {
	color: #ff3300;
}

.actwarning {
	font-size: 12px;
	color: #ff3300;
}

.actwelcome {
	font-size: 12px;
	color: #363636;
}
.actlogout {
	font-size: 12px;
	color: #0066cc;
}

.thinborder1 {
	border: 1px solid #363636;
}

.thinborder2 {
	border: 1px solid #0066cc;
}

.thinred {
	border: solid 1px #363636;
	border-top: 0px;
}

.thinred2 {
	border: solid 1px #0066cc;
	border-top: 0px;
}

.boxheading {
	font-weight: bold;
	text-transform: uppercase;
	color: #363636;
}

a.boxlink:link{
	color: #363636;
	text-decoration:none;
}

a.boxlink:visited{
	color: #363636;
	text-decoration:none;
}

a.boxlink:hover{
	color: #363636;
	text-decoration:underline;
}

a.boxlink:active{
	color: #363636;
	text-decoration:none;
}

table.checkout td {
	background-color: #eaeaea;
}

table.checkout th {
	background-color: #0066cc;
}

.cart {
	background-color: #eaeaea;
}

.cartheading {
	background-color: #0066cc;
	font-weight: bold;
	color: #FFFFFF;
}

/* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS --------------------------------------------------- */
	/* lines -------------------------------------------------------------------------------- */
	.dotted_line_blue	{
		height: 1px;
		background-color: #0066cc;
		background-image:url('theme_dotted_line.gif');
		clear:both;
		}
		
	.solid_line_light_blue	{
		height: 1px;
		padding: 0px;
		margin: 0px;
		background-color: #0066cc;
		clear:both;
		}
		
	.solid_line_blue	{
		height: 1px;
		padding: 0px;
		margin: 0px;
		background-color: #363636;
		clear:both;
		}
		
	.dotted_outline_blue	{
		border: 1px solid #CCCCCC;
		padding: 8px;
		}

	.rightBorderOnly {
		border-right: 1px solid #CCCCCC;
		padding: 8px;
	}
	
	.noBorder {
		border: none;
		padding: 8px;
	}
	
	/* end lines ---------------------------------------------------------------------------- */
	
	.best_selling_items	{
	padding: 10px;
	background-color: #eaeaea;
	}
	
	.best_selling_items_spacing	{
	padding: 0px 0px 8px 8px;
	}
	
	.product_image_cost	{
		margin: 0px 0px 5px 0px;
		text-align: center;
		}
		
	.product_list	{
		margin: 10px 0px;
		}	
/* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */



/* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */
	.image_float_right	{
		float: right;
		margin: 30px 0px 15px 20px;
		}
	
	.image_product	{
		margin: 0px 10px 5px 0px;
		text-align: center;
		float: left;
		}
	
	.image_product_thumbs	{
		margin: 0px 0px 10px 0px;
		text-align: center;
		}
		
/* END OF IMAGE FORMATTING ELEMENTS ----------------------------------------------------- */




/* TEXT FORMATTING ELEMENTS ------------------------------------------------------------- */

	/* headings ----------------------------------------------------------------------------- */
	h1	{
		font-size: 18px;
		font-weight: 900;
		margin: 0px 0px 10px 0px;		
		padding: 0px;
		color: #363636;
		}
		
	h1.subheading	{
		font-size: 18px;
		font-weight: 900;
		margin: 0px 0px 10px 0px;		
		padding: 0px;
		color: #363636;
		}
		
	h1.sectionHeading	{
		font-size: 18px;
		font-weight: 900;
		margin: 0px 0px 0px 0px;		
		padding: 0px 0px 4px 0px;
		color: #363636;
		border-bottom: 3px solid #363636;
		}
	
	h1.fragment	{
		font-size: 18px;
		font-weight: 900;
		margin: 0px;		
		padding: 0px;
		color: #363636;
		text-align: center;
		}
		
	h2	{
		font-size: 16px;
		font-weight: 900;
		margin: 0px 0px 5px 0px;		
		padding: 0px;
		color: #363636;
		}
		
	h2.fragment	{
		font-size: 16px;
		font-weight: 900;
		margin: 20px 0px 5px 0px;		
		padding: 0px;
		color: #363636;
		}
		
	h2.related {
		font-size: 16px;
		font-weight: bold;
		margin: 30px 0px 0px 0px;		
		padding: 7px 0px 7px 10px;
		background: #363636 url('related-background.jpg') repeat-x;
		color: #FFFFFF;
		}
		
	h2.alsoBought {
		font-size: 16px;
		font-weight: 900;
		margin: 30px 0px 10px 0px;		
		padding: 0px;
		color: #363636;
		}
		
	h2.clearall	{
		font-size: 16px;
		font-weight: 900;
		margin: 25px 0px 10px 0px;		
		padding: 0px;
		color: #363636;
		clear:both;
		}
		
	h2.product	{
		font-size: 18px;
		font-weight: 900;
		margin: 0px 0px 10px 0px;		
		padding: 0px;
		color: #363636;
		}
	
	h2.sectionName	{
		font-size: 14px;
		font-weight: 900;
		margin: 0px 0px 10px 0px;		
		padding: 0px;
		color: #363636;
		}
	
	h3.product	{
		font-size: 14px;
		font-weight: bold;
		margin: 0px;
		padding: 0px 0px 6px 0px;
		color: #363636;
		}
	
	h3.marketingPrice	{
		font-size: 14px;
		font-weight: bold;
		margin: 0px;
		padding: 0px 0px 6px 0px;
		color: #0066cc;
		text-align: center;
		}
		
	h3.product_price	{
		font-size: 14px;
		font-weight: 900;
		margin: 0px 0px 10px 0px;		
		padding: 0px;
		color: #0066cc;
		}
		
	.text_heading_left_column	{
		margin: 0px;
		padding: 19px 0px 4px 0px;
		line-height:normal;
		color: #363636;
		font-weight: 900;
		font-size: 14px;
		}
	/* end headings ------------------------------------------------------------------------- */
	
	/* list fomatting ----------------------------------------------------------------------- */
	ul	{
		line-height: 150%;
		padding: 0px 0px 0px 1px;
		margin: 0px 0px 18px 15px;
		font-size: 12px;
		}
	
	ul.products	{
		line-height: normal;
		padding: 0px 0px 0px 1px;
		margin: 3px 0px 4px 15px;
		font-size: 12px;
		color: #ff3300;
		}
	/* end list fomatting ------------------------------------------------------------------- */
		
	/* menu text --------------------------------------------------------------------------- */
	.text_menu	{
		padding: 2px 0px 2px 0px;
		font-size : 12px;
		margin: 0px;
		color : #eaeaea;
		}
	
	.text_menu_no_space	{
		word-spacing: normal;
		}
		
	.text_menu_cart	{
		padding: 0px;
		margin: 0px;
		line-height: normal;
		}
		
	.text_menu_cart_items	{
		padding: 0px;
		margin: 0px;
		line-height: normal;
		font-weight: 900;
		}	
	/* end menu text ----------------------------------------------------------------------- */

	/* product text ------------------------------------------------------------------------ */
	.text_product_small_info	{
		font-size: 10px;
		line-height: normal;
		margin: 0px;
		padding: 0px 0px 6px 0px;
		text-align: center;
		clear: both;
		}
	
	.related_product_heading	{
		margin: 0px;
		padding: 5px 0px;
		height: 34px;
		line-height:normal;
		color: #0066cc;
		font-weight: 900;
		font-size: 10px;
		text-align: center;
		}
	
	.text_product_small_info_heading	{
		margin: 0px;
		padding: 5px 0px;
		line-height:normal;
		color: #0066cc;
		font-weight: 900;
		font-size: 12px;
		text-align: center;
		}
		
	.text_product_small_info_price	{
		margin: 0px;
		padding: 0px;
		line-height:normal;
		font-weight: 900;
		font-size: 12px;
		text-align: center;
		clear: both;
		}
		
	/* end product text -------------------------------------------------------------------- */

	.text_breadcrumbs	{
		font-size: 10px;
		color: #363636;
		margin: 0px;
		line-height:normal;
		padding: 2px 0px 10px 0px;
		}	
	
	.text_footer	{
		color: #0066cc;
		font-size: 10px;
		padding:0px;
		margin:4px 0px 0px 0px;
		}

	.text_options	{
		font-weight: 900;
		}

	.text_word_spacing_8px	{
		word-spacing: 8px;
		}
	
	.text_terms_conditions	{
		color: #0066cc;
		font-size: 12px;
		border: 0;
		margin: 0;
		padding: 0;
		}
/* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */




/* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */
	/* buttons ----------------------------------------------------------------------------- */
	.form_button	{
		line-height: normal;
		width: 76px;
		margin: 0px;
		padding: 0px 0px 0px 12px;
		font-size : 12px;
		background-color: #0066cc;
		border: 1px solid #363636;
		color: #eaeaea;
		word-spacing: normal;
		}	
	
	.form_button_quick_search	{
		line-height: 13px;
		height: 18px;
		width: 85px;
		margin: 1px 1px 1px 1px;
		padding: 0px 0px 0px 12px;
		font-size : 12px;
		background-color: #0066cc;
		border: 1px solid #363636;
		color: #eaeaea;
		background-image: url('theme_icon_search.gif');
		word-spacing: normal;
		}
	
	.form_button_add_to_cart	{
		line-height: 13px;
		height: 20px;
		width: 76px;
		margin: 0px 1px 0px 0px;
		padding: 1px 0px 1px 14px;
		font-size : 12px;
		background-color: #0066cc;
		border: 1px solid #363636;
		color: #eaeaea;
		background-image: url('theme_icon_add_to_cart.gif');
		word-spacing: normal;
		}	
	/* end buttons ------------------------------------------------------------------------- */

.form_input_general	{
	line-height: normal;
	font-size : 12px;
	word-spacing: normal;
	}

.form_main_search_box	{
	line-height: 13px;
	width: 76px;
	height: 16px;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 2px;
	font-size : 12px;
	background-color: #eaeaea;
	border: 1px solid #eaeaea;
	color: #363636;
	vertical-align: top;
	}

.form_main_search_box_td	{
	background-color: #0066cc
}

/* END OF FORM FORMATTING ELEMENTS ------------------------------------------------------ */

#navBar {
	background: url('navbar-background.jpg') no-repeat;
}
#searchBar {
	background: url('search-background.jpg') no-repeat;
}
#newProductsHeader, #bestSellersHeader {
	background: #339933 url('marketing-header.jpg') no-repeat;
}
#TLSHeader, #cartHeader, #custInfo {
	background: url('departments-header.jpg') no-repeat;
}
#footer {
	background: url('footer-background.jpg') no-repeat;
}
#main {
	background: #FFFFFF url('xerox-logo-small.gif') top right no-repeat;
}

/* Start of styles new to v9 */

/* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */

	.heading_marketing_box	{
		border: 2px solid #363636;
		width: 229px;
		margin: 0px 20px 14px 0px;
	}
		
	.heading_marketing_box p.text_product_small_info_heading	{
		background-color: #363636;
		border-bottom: 2px solid #363636;
		color: #eaeaea;
		font-weight: 900;
		font-size: 12px;
		background-image: url('theme_marketing_header.gif');
		margin: 0px;
		padding: 4px 0px 0px 8px;
		height: 20px;
	}
	
	.heading_marketing_box	p{
		padding: 8px;
	}

	.heading_marketing_box .product_image_cost	{
		padding: 8px;
	}


/* Rounded header and footer used around the bulk areas in 'Expert' and 'Hotshot' themes,
but also used in the lists that have 'Rounded Corners' in the name */

.rounded-heading {
	background-image: url('theme_curve2.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

.rounded-heading p.spacer {
	margin: 0;
	padding: 3px 0;
	background-image: url('theme_curve1.gif');
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #eaeaea;
}

.rounded-footer {
	background-image: url('expert_rounded_bottom_right.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.rounded-footer p.spacer {
	margin: 0;
	padding: 3px 0;
	background-image: url('expert_rounded_bottom_left.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #eaeaea;
}

.indented-link a {
	display: block;
	background-color: #fff;
	width: 140px;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #363636;
}

.indented-link a:hover {
	background-color: #339933;
}

/* Style for the 'Graduated Background' for Top Level Section lists and Brochure Page lists */

.graduated-link a {
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #339933;
	border-bottom: 0;
	border-right: 0;
	background-image: url('prime_link_background.gif');
	background-repeat: no-repeat;
}

/* Style for the 'Shaded Background' for Top Level Section lists and Brochure Page lists */

.hotshot-link a {
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #eaeaea;
}

.hotshot-link a:hover {
	background-image: url('hotshot-link-highlight.gif');
	background-repeat: no-repeat;
}

.hotshot-box-main {
	background-image: url('hotshot-box-main.gif');
	background-position: bottom;
	width: 170px;
}

.hotshot-box-content {
	background-image: url('hotshot-box-top.gif');
	background-repeat: no-repeat;
	padding: 10px;	
}

/* Styles for 'Quick Search Bar With Curved Box' layout */

.formbox1 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url('theme-rounded-searchfield-left.gif');
	padding-left: 10px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

.formbox2 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 19px;
	background-image: url('theme-rounded-searchfield-right.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;

}

.inputfield {
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	border: 0px;
	font-size: 12px;
}

/* Drop down menus used for top level section lists and brochure page lists in the 'Corporation' and 'Premier' theme */

#corporate_top_menu, #corporate_top_menu ul { /* main menu lists */
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	font-size: 12px;	
	}

#corporate_top_menu a {
	display: block;
	color: #eaeaea;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: 12px;	
	text-decoration: none;
	background-image: url('theme_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	background-color: #0066cc;
	border-right: 1px solid #000000;		
	}

#corporate_top_menu li a:hover {
	display: block;
	color: #eaeaea;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: 12px;	
	text-decoration: none;
	background-image: none;
	background-color: #363636;
	background-image: url('theme_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	}

#corporate_top_menu li { /* all list items */
	float: left;
	padding: 0px;
	margin: 0;
	list-style-image: none;
	line-height: 18px;
	}

#corporate_top_menu li ul { /* second-level lists */
	font-size: 100%;
	width: 150px; 
	display: block;
	position: absolute;
	margin: 0px 0px 0px -2px;
	border-top: 1px solid #000000;
	list-style-image: none;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#corporate_top_menu li ul li { /* second-level lists */
	width: 150px; 
	display: block;
	background-image: none;
	background-color: #0066cc;
	border-bottom: 1px solid #000000;
	}

#corporate_top_menu li ul li a { /* second-level lists */
	background-image:none;
	padding: 3px 6px 4px 6px;
	line-height: 150%;
	display: block;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}

#corporate_top_menu li ul li a:hover { /* second-level lists */
	display: block;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 3px 6px 4px 6px;
	background-image:none;
	background-color: #363636;
	}

#corporate_top_menu li ul ul { /* third-and-above-level lists */
	margin: -24px 0px 0px 149px;
	}

#corporate_top_menu li:hover ul ul, #corporate_top_menu li.sfhover ul ul {
	left: -999em;
	}

#corporate_top_menu li:hover ul, #corporate_top_menu li li:hover ul, #corporate_top_menu li.sfhover ul, #corporate_top_menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

.corporate_pages_menu ul { /* brochure list */
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 12px;	
	list-style-image: none;
	}

.corporate_pages_menu ul li {
	display: block;
	background-image:none;
	background-color: #0066cc;
	border-bottom: 1px solid #000000;
	}

.corporate_pages_menu li a {
	color: #eaeaea;
	background-image:none;
	padding: 3px 6px 4px 6px;
	line-height: 150%;
	display: block;
	}

.corporate_pages_menu li a.product_section {
	color: #eaeaea
	}
	
.corporate_pages_menu li a:hover {
	color: #eaeaea;
	display: block;
	padding: 3px 6px 4px 6px;
	background-image: none;
	background-color: #363636;
	}
.pricesFrom {
	margin: 12px 0px 0px 0px;
	font-weight: bold;
	color: #339933;
	text-align: center;
}