/* 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-color:#ffffff;
	
	
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}

p, table, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
}

form {
	margin: 0px;
}

a:link {
	color: #d10318;
	text-decoration: none;
}

a:visited {
	color: #d10318;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a:active {
	color: #d10318;
	text-decoration: none;
}

a.checkout-checkoutbg {
	margin-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	border: #eeeeee 2px solid;
	border-top: #eeeeee 2px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

a.checkout-checkoutbg:link {
	color: #eeeeee;
	text-decoration: none;
}

a.checkout-checkoutbg:visited {
	color: #eeeeee;
	text-decoration: none;
}

a.checkout-checkoutbg:hover {
	color: #eeeeee;
	text-decoration: underline;
}

a.checkout-checkoutbg:active {
	color: #eeeeee;
	text-decoration: underline;
}

a.checkout-textcolor:link {
	color: #000000;
	text-decoration: none;
}

a.checkout-textcolor:visited {
	color: #000000;
	text-decoration: none;
}

a.checkout-textcolor:hover {
	color: #000000;
	text-decoration: underline;
}

a.checkout-textcolor:active {
	color: #000000;
	text-decoration: underline;
}

ul {
	list-style-type: square;
}

/* Generic text formatting used throughout the store ---------------------------- */

.actCHECKOUTEM {
	background-color: #678298;
}

.actCHECKOUTBG {
	background-color: #eeeeee;
}

.actlarger {
	font-size: 13px;
	color: #000000;
}

.actsmaller{
	font-size: 10px;
	color: #000000;
}

.actxxsmall {
	font-size: 10px;
	color: #000000;
}

.actxsmall {
	font-size: 11px;
	color: #000000;
}

.actsmall {
	font-size: 11px;
	color: #000000;
}

.actregular {
	font-size: 13px;
	color: #000000;
}

.actlarge{
	font-size: 16px;
	color: #000000;
}

.actxlarge {
	font-size: 20px;
	color: #000000;
}

.actxxlarge {
	font-size: 20px;
	color: #000000;
}

.actwarningcolor {
	color: #d10318;
}
	
.actrequiredcolor {
	color: #d10318;
}

.actsearchhighlightcolor {
	color: #d10318;
}

.actrequired {
	color: #d10318;
}

.actwarning {
	font-size: 11px;
	color: #d10318;
}

.actwelcome {
	font-size: 11px;
	color: #000000;
}

.actlogotext {
	font-size: 11px;
	color: #D9090E;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.actlogout {
	font-size: 11px;
	color: #d10318;
}

/* Boxes and borders ------------------------------------------- */

.thinborder1 {
	border: 1px solid #333333;
}

.thinborder2 {
	border: 1px solid #666666;
}

.thinred {
	border: solid 1px #333333;
	border-top: 0px;
}

.thinred2 {
	border: solid 1px #666666;
	border-top: 0px;
} 

.boxheading {
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

a.boxlink:link{
	color: #ffffff;
	text-decoration:none;
}

a.boxlink:visited{
	color: #ffffff;
	text-decoration:none;
}

a.boxlink:hover{
	color: #ffffff;
	text-decoration:underline;
}

a.boxlink:active{
	color: #ffffff;
	text-decoration:none;
}

* html .boxhead h2 {height: 1%;}

.sidebox {
	background: url('theme_curve4.gif') no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url('theme_curve2.gif') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}

.boxhead h2 {
	background: url('theme_curve1.gif') no-repeat top left;
	margin: 0;
	padding: 5px 10px 5px;
	color: #ffffff; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}

.boxbody {
	background: url('theme_curve3.gif') no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 11px;
}

.boxbody ol {
	margin: 0;
	padding: 0;
	margin-left: 1.2em;
	padding-left: 1.2em;
}

.boxbody ol li {
	margin-bottom: 0.2em;
}

/* Shopping cart and checkout fields ------------------------------------------- */

div.CheckoutCartSection {
	margin-top: 0px;
	margin-bottom: 10px;
}

table.checkout#idTableCheckoutSection {
	margin-bottom: 0px;
}

table.checkout-cart {
	width: 600px;
	border-collapse: collapse;
	padding: 0px 0px;
	margin-bottom: 5px;
}

table.checkout-cart th{
	font-weight: bold;
	background-color: #eeeeee;
	border-top: solid 1px #678298;
	border-bottom: solid 1px #678298;
	padding: 4px 4px;
}

table.checkout-cart td{
	padding: 4px 4px;
}

table.checkout {
	width: 600px;
	border-collapse: collapse;
	padding: 0px 0px;
	text-align: left;
	margin-bottom: 5px;
}

table.checkout th {
	background-color: #678298;
	font-size: 13px;
	font-weight: bold;
	color: #eeeeee;
	text-align: left;
	padding: 5px 2px;
	border-bottom: solid 3px #ffffff;
}

table.checkout th.instruction {
	font-size: 11px;
	font-weight: normal;
}

table.checkout th.change {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px;
	text-align: right;
}

.checkout-change-button	{
	line-height: 13px;
	height: 20px;
	width: 86px;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size : 11px;
	background-color: #666666;
	border: 1px solid #333333;
	color: #ffffff;
	background-image: url('theme_icon_add_to_cart.gif');
	word-spacing: normal;
	}

table.checkout td {
	background-color: #eeeeee;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding: 2px 2px;
}

table.checkout#idBothAddressesTable col {
	width: auto;
}

td#idCheckoutHelpLabel,
table.checkout#idBothAddressesTable col.prompt {
	width: 130px;
}

.cart {
	background-color: #eeeeee;
	border-bottom: solid 1px #678298;
}

.checkout-cartheading {
	font-weight: bold;
	background-color: #eeeeee;
	border-top: solid 1px #678298;
	border-bottom: solid 1px #678298;
}

.cartheading {
	background-color: #678298;
	font-weight: bold;
	color: #eeeeee;
}

h2.checkout-heading {
	background-color: #678298;
	font-size: 13px;
	font-weight: bold;
	color: #eeeeee;
	padding: 5px 2px;
	border-bottom: solid 3px #ffffff;
	width: 600px;
}

h3.checkout-heading {
	width: 600px; 
	padding: 3px 0;
	background-color: #678298;
	font-size: 13px;
	font-weight: bold;
	color: #eeeeee;
	border-bottom: solid 3px #ffffff;
}

.checkout-subheading {
	font-weight: bold;
	padding: 0;
	margin: 0;
}

img.cartthumbnail {
	border: 0px;
	margin-left: 2px;
	margin-right: 2px;
	width: 25px;
}

input.normal-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: #666666;
	padding: 5px;
	border: solid 1px #000000;
}

input.highlight-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: #333333;
	padding: 5px;
	border: solid 1px #000000;
}

.checkout-field-label {
	width: 160px;
}

.checkout-field-input {
	width: auto;
}

.checkout-field-input input, .checkout-field-input select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #ffffff;
	padding: 2px;
}

.InvoiceField input, .InvoiceField select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #ffffff;
	padding: 2px;
}

.DeliverField input, .DeliverField select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #ffffff;
	padding: 2px;
}

table.checkout#idBothAddressesTable select {
	width: 211px;
}

input.checkbox {
	background-color: #eeeeee;
	border: 0;	
}

.checkout-field-area {
	background: #eeeeee;
	border-bottom: solid 2px #ffffff;
	width: 600px;
}

.checkout-field-area p {
	margin: 0;
	padding: 4px;
}

div.checkout-buttons {
	width: 600px; 
	height: 50px; 
	margin-top: 20px;
}
	
.left { 
	float : left; 
	width : 50%; 
}

.right { 
	float : right; 
	width : 40%; 
}

.spacer { 
	clear : both; 
}

.checkout-help-hide { 
	display: none; 
}

/* Checkout Progress Indicator  ------------------------------------------------ */

p.checkout-progress-heading {
	width: 300px;
	margin: 0px auto;
}

#checkout-progress-indicator {
	width: 300px;
	height: 19px;
	background-image: url('cpi-background.gif');
	margin: 0 auto 0px auto;
}

.checkout-progress-0 {
	width: 75px;
	height: 19px;
	background-color: #333333;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-1 {
	width: 150px;
	height: 19px;
	background-color: #333333;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-2 {
	width: 225px;
	height: 19px;
	background-color: #333333;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-3 {
	width: 300px;
	height: 19px;
	background-color: #333333;
	background-image: url('cpi-main.gif');
	float: left;
}

#checkout-progress-indicator .cpi-end {
	width: 8px;
	padding: 0;
	margin: 0;
	border: 0;
	height: 19px;
	background-image: url('cpi-end.gif');
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

table#idCheckoutProgress {
	margin-bottom: 10px;
}

table#idCheckoutProgress td{
	background-repeat:repeat-x;
	background-color:transparent;
	border: 0px;
	padding: 0px;
	height:19px;
	text-align:center;
}

table#idCheckoutProgress td.cpi-left{
	background-image:url("cpi-main.gif");
	color:white;
	width:160px;
}

table#idCheckoutProgress td.cpi-complete{
	background-image:url("cpi-main-mid.gif");
	color:white;
	width:160px;
}

table#idCheckoutProgress td.cpi-incomplete{
	background-image:url("cpi-background.gif");
	color:black;
	width:160px;
}

table.CheckoutProgress {
	width: 600px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.CheckoutProgress td {
	padding: 0px 0px;
	background-repeat: repeat-x;
	background-color: transparent;
	height: 19px;
	text-align: center;
	width: 140px;
}

table.CheckoutProgress td.cpi-start{
	background-image: url("cpi-main.gif");
	width: 8px;
}

table.CheckoutProgress td.cpi-inactive{
	background-image: url("cpi-main-mid.gif");
	color: #ffffff;
}

table.CheckoutProgress td.cpi-active{
	background-image: url('cpi-background.gif');
	font-weight: bold;
	color: #000000;
}

table.CheckoutProgress td.cpi-end {
	background-image: url("cpi-end.gif");
	width: 8px;
}

table.CheckoutProgress td.cpi-spacer {
	background-image: url("cpi-main-mid.gif");
	width: auto;
}

/* Formatting for the site map -------------------------------------------- */

#actinic-sitemap {
	margin-left: 5px;
}

#actinic-sitemap ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Formatting for Feefo customer feedback --------------------------------- */

.feefositelogo {
	margin-top: 10px;
	text-align: center;
} 

.feefoproductlogo {
	margin-top: 10px;
}

 

/* Recently Viewed Products List Style ------------------------------------ */



/* Used by 'CSS Product Layout' ------------------------------------------- */

.content_left {
	text-align: left;
	float: left;
	margin-right: 20px;
}

.content_right {
	text-align: left;
	float: left;
}

/* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */

.product_list	{
	margin: 20px 0px 20px 0px;
	}	
/* headings ----------------------------------------------------------------------------- */

h1	{
	font-size: 20px;
	font-weight: 900;
	margin: 0px;		
	padding: 16px 0px 4px 0px;
	color: #333333;
	}
	
h1.subheading	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #d10318;
	}
	
h2	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #666666;
	}
	
h2.clearall	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #666666;
	clear:both;
	}
	
h3.product	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #666666;
	}
	
h3.product_price	{
	font-size: 11px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.text_heading_left_column	{
	margin: 0px;
	padding: 9px 0px 4px 0px;
	line-height:normal;
	color: #333333;
	font-weight: 900;
	font-size: 13px;
	}

/* Default formatting of all text boxes used in store pages ---------------- */

.form_input_general	{
	line-height: normal;
	font-size : 11px;
	word-spacing: normal;
	}

/* Styles for 'Quick Search Bar With Larger Button' ------------------------ */

.form_main_search_box	{
	line-height: 13px;
	width: 76px;
	height: 16px;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 2px;
	font-size : 11px;
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	color: #000000;
	vertical-align: top;
	}

.form_main_search_box_td	{
	background-color: #666666
	}

.form_button_quick_search	{
	line-height: 13px;
	height: 18px;
	width: 85px;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 12px;
	font-size : 11px;
	background-color: #666666;
	border: 1px solid #333333;
	color: #ffffff;
	background-image: url('theme_icon_search.gif');
	word-spacing: normal;
	}


/* Styles for the 'Mini' marketing layouts ---------------------------------- */

.product_image_cost	{
	margin: 0px 12px 8px 0px;
	text-align: center;
	float: left;
	}
	
.text_product_small_info	{
	font-size: 10px;
	line-height: normal;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	}

.text_product_small_info_heading	{
	line-height:normal;
	color: #666666;
	padding: 10px 0px 0px 0px;
	font-weight: 900;
	font-size: 11px;
	}

.text_product_small_info_heading a:link,.text_product_small_info_heading a:visited {
	color: #666666; 
	}
	
.text_product_small_info_price	{
	text-align:right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	font-weight: 900;
	font-size: 11px;
	color: #d10318;
	}

.best_selling_items	{
	padding: 10px;
	background-color: #ffffff;
	}
	
.best_selling_items_spacing	{
	padding: 0px 0px 8px 8px;
	}

/* Styles for product image and fragment image placement in some layouts -------------------------- */

.image_float_right	{
	float: right;
	margin: 16px 10px 15px 20px;
	}
	
.image_float_left {
	float:left;
	margin: 1px 5px 15px 10px; 
	border:0;
}	
	
.image_center {
	display:block;
	width: 150px;
	margin: 0px auto 0px auto;
	}

.image_product	{
	margin: 0px 10px 10px 0px;
	text-align: center;
	float:left;
	}


/* Links to sections and pages in sidebar menus on some themes -------------------------------------*/

ul.products	{
	line-height: normal;
	padding: 0px 0px 0px 1px;
	margin: 3px 0px 4px 15px;
	font-size: 11px;
	color: #d10318;
	}

a.product_section:visited  {
	color : #d10318;
	text-decoration : none;
	}
	
a.product_section:link  {
	color : #d10318;
	text-decoration : none;
	}
	
a.product_section:active  {
	color : #d10318;
	text-decoration : none;
	}
	
a.product_section:hover  {
	color : #000000;
	text-decoration : none;
	}

/* lines -------------------------------------------------------------------------------- */

.dotted_line_blue	{
	height: 1px;
	background-color: #666666;
	background-image:url('theme_dotted_line.gif');
	clear:both;
	}
	
.solid_line_light_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #666666;
	clear:both;
	}
	
.solid_line_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #333333;
	clear:both;
	}
	
.dotted_outline_blue	{
	border: 1px dotted #666666;
	padding: 8px;
	}		



/* Styles for 'Compact Parent Section List' ------------------------ */

.text_breadcrumbs	{
	font-size: 10px;
	color: #333333;
	margin: 0px;
	line-height:normal;
	padding: 2px 0px 10px 0px;
	}	

a.link_breadcrumbs:visited	{	
	color : #333333;
	text-decoration : underline;
	}

a.link_breadcrumbs:link  {
	color : #333333;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:active  {
	color : #333333;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:hover  {
	color : #333333;
	text-decoration : underline;
	}
	

/* Page footer  --------------------------------------------------------*/

.text_footer	{
	color: #666666;
	font-size: 10px;
	padding:0px;
	margin:4px 0px 0px 0px;
	}

.text_menu_no_space	{
	word-spacing: normal;
	}

a.link_footer:visited  {
	color : #f0f0f0;
	text-decoration : underline;
	}
	
a.link_footer:link  {
	color : #f0f0f0;
	text-decoration : underline;
	}
	
a.link_footer:active  {
	color : #f0f0f0;
	text-decoration : underline;
	}
	
a.link_footer:hover  {
	color : #f0f0f0;
	text-decoration : underline;
	}


/* Heading for attributes  --------------------------------------------------------*/

.text_options	{
	font-weight: 900;
	}


/* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/

.form_button_add_to_cart	{
	line-height: 13px;
	height: 20px;
	width: 86px;
	margin: 0px 1px 0px 0px;
	padding: 1px 0px 1px 14px;
	font-size : 11px;
	background-color: #666666;
	border: 1px solid #333333;
	color: #ffffff;
	background-image: url('theme_icon_add_to_cart.gif');
	word-spacing: normal;
	}	


/* Styles for CSS Buttons ----------------------------------------------*/

.text_menu	{
	padding: 2px 0px 2px 0px;
	font-size : 11px;
	margin: 0px;
	color : #ffffff;
	}
	

a.link_menu:visited  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #666666; 
	border: 1px solid #f0f0f0;
	}
	
a.link_menu:link  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #666666;
	border: 1px solid #f0f0f0;
	}
	
a.link_menu:active  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #666666;
	border: 1px solid #f0f0f0;
	}
	
a.link_menu:hover  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #333333;
	border: 1px solid #f0f0f0;
	}

/* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/

.tech_main_menu	{
	background-color: #333333
   }
		
.tech_menu_bottom	{
	height: 4px;
	background-color: #333333;
	}
		
.tech_menu_button_border	{
	width: 121px; 
	border-right: 1px #ffffff solid;
	border-top: 1px #ffffff solid;
   }
	
div.tech_menu_button {
	width: 119px; 
	top: 0px;
	left: 0px; 
	border: 1px #333333 solid;
   }
		
div.tech_menu_button_product {
	width: 119px; 
	top: 0px;
	left: 0px; 
	border: 1px #333333 solid;
   }
		
.tech_menu_button_title	{
	width: 122px;
	border-top: 1px #ffffff solid;
	background-color: #333333;
   }

.tech_text_product_section	{
	padding: 3px 3px 3px 5px;
	margin: 0px;
	color : #ffffff;
	font-size : 11px;
	font-weight: 900;
   }

div.tech_menu_button a  {
	width: 113px; 
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:3px;
	text-align:left;
	background-color: #666666;
	font-size: 11px;
   }
	
div.tech_menu_button a:visited {
	color: #ffffff; 
	text-decoration:none;
	background-color: #666666;
   }
	
div.tech_menu_button a:active {
	color: #ffffff; 
	text-decoration:none;
	background-color: #f0f0f0;
   }
	
div.tech_menu_button a:link {
	color: #ffffff; 
	text-decoration:none;
	background-color: #666666;
	}

div.tech_menu_button a:hover {
	color: #ffffff;
	text-decoration:none;
	background-color: #f0f0f0;
   }

div.tech_menu_button_product a   {
	width: 104px; 
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:3px 3px 3px 12px;
	text-align:left;
	background-color: #666666;
	font-size: 11px;
   }
	
div.tech_menu_button_product a:visited {
	color: #ffffff; 
	text-decoration:none;
	background-color: #333333;
	background-image:url('theme_arrow.gif');
   }
	
div.tech_menu_button_product a:active {
	color: #ffffff; 
	text-decoration:none;
	background-color: #333333;
	background-image:url('theme_arrow.gif');
   }
	
div.tech_menu_button_product a:link {
	color: #ffffff; 
	text-decoration:none;
	background-color: #333333;
	background-image:url('theme_arrow.gif');
   }

div.tech_menu_button_product a:hover {
	color: #ffffff; 
	text-decoration:none;
	background-color: #f0f0f0;
	background-image:url('theme_arrow.gif');
   }

/* 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 #333333;
	width: 229px;
	margin: 0px 20px 14px 0px;
	}
		
.heading_marketing_box p.text_product_small_info_heading	{
	background-color: #333333;
	border-bottom: 2px solid #333333;
	color: #ffffff;
	font-weight: 900;
	font-size: 11px;
	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: #ffffff;
	}

.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: #ffffff;
	}

.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 #333333;
	}

.indented-link a:hover {
	background-color: #f0f0f0;
	}

/* 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 #f0f0f0;
	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 #ffffff;
	}

.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');
	height: 19px;
	padding-left: 10px;
	background-repeat: no-repeat;
	float: left;
	}

.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: 1px 0;
	border: 0px;
	height: 16px;
	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: 11px;	
	}

#corporate_top_menu a {
	display: block;
	color: #ffffff;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: 11px;	
	text-decoration: none;
	background-image: url('theme_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	background-color: #666666;
	border-right: 1px solid #000000;		
	}

#corporate_top_menu li a:hover {
	display: block;
	color: #ffffff;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: 11px;	
	text-decoration: none;
	background-image: none;
	background-color: #333333;
	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: #666666;
	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: #333333;
	}

#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: 11px;	
	list-style-image: none;
	}

.corporate_pages_menu ul li {
	display: block;
	background-image:none;
	background-color: #666666;
	border-bottom: 1px solid #000000;
	}

.corporate_pages_menu li a {
	color: #ffffff;
	background-image:none;
	padding: 3px 6px 4px 6px;
	line-height: 150%;
	display: block;
	}

.corporate_pages_menu li a.product_section {
	color: #ffffff
	}
	
.corporate_pages_menu li a:hover {
	color: #ffffff;
	display: block;
	padding: 3px 6px 4px 6px;
	background-image: none;
	background-color: #333333;
	}

/* These layout selectors bring in styles for specific themes, that are ONLY used by that theme. */
/* If you are not using these themes, you can safely remove this code */

/* WSPLC CSS - needs tidying up later on!!! */
#brochure_page, #catalog {
	width:1000px;
	margin:auto;
	}
#topbar {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border: 0px;
	background: #ffffff;
	height: 93px;
}

#logo {
	width: 240px;
	height: 93px;
	float: left;
	}
#logo a img{
	border:0px;
	}

#hotline {
	text-align: center;
	font-size:16px;
	border:0px;
   margin-top:30px;
   margin-left:160px;
   float:left;

	}

/* #toolbar {
	border: 0px;
	margin-right: 10px;
	margin-left: 240px;
	height: 93px;
	text-align: right;
} */

#search {
	margin-top: 10px;
	margin-left: 10px;
	float: right;
}

#cartsummary {
	margin-top: 13px;
	float: right;
	text-align:center;
}

#middle {
	clear:both;
	padding: 0px;
	background: #ffffff;
	margin: 70px 0px 0px 0px; 
}

#referrer {
	clear:both;
	}

#footer {
	clear:both;
        padding:10px;
	}
#footer div {
        border-top:1px solid;
        padding:10px;
        text-align:center;
        }
.compact_product_text {
		float:left;
		width:600px;
		}

.wssmall { width:198px; height:200px; margin:1px; float:left; text-align:center;}
.wsmedium {width: 398px; height:200px; float:left; margin:1px; }
.wslargeleft, .wslargeright {width: 398px; height:402px; margin:1px;}
.wslargeleft img, .wslargeright img{margin:10px 10px 10px 5px;} 
.wslargeright p {font-size:13px;}
.wslargeleft {float:left;}
.wslargeright {float:right;}
.wssidebar {width:198px; height:806px; margin:1px; float:right;}
.wsevent,.wseventold { width:198px; height:100px; margin:1px; float:left;}
.wseventold {text-decoration: line-through;}
.wslink, .wslink a, .wslinkwide, .wslinkwide a {color:#333333; width:198px; margin:1px; float:left;}
.wslinkwide, .wslinkwide a{width:398px;}
.wslinktitle { color:#d10318; width:398px; margin:1px; clear:left;}

/* Product Layout CSS */
.product_subsection {
		}

.product_top {	
			}
.price {
			margin-top:-3px;
			float:right;
			}
.product_text {
			}
.product_sidebar {
			
			float:right;
			width:180px;
			margin:10px;
			margin-left:50px;
			border: 0;
			}
.multiimage{
float:left;
}

/* Product Multi Image */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
padding-top:400px;
width:500px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* Start of styles for Silver theme */

/* container -------------------------- */

#silver-shadow-left {
	width: 967px;
	padding: 0;
	background: url('silver-theme-shadow-left.png') left repeat-y;
	margin: 0 auto;
}

#silver-shadow-right {
	background: url('silver-theme-shadow-right.png') right repeat-y;
	margin-left: 4px;
	padding: 0;
	width: 963px;
}

#silver-container {
	background: #fff;
	padding: 0;
	margin-right: 4px;
	width: 959px;
	padding-bottom: 6px;
}

#silver-page-bottom-rounded {
	width: 967px;
	margin: 0 auto;
	padding: 0;
	background: url('silver-theme-rounded-footer.png') no-repeat;
}

/* header area ---------------------------- */

#silver-header img {
	margin: 10px;
	float: left;
	display: inline;
}

#silver-login-terms {
	width: 101px;
	height: 24px;
	background: url('silver-theme-login-box.jpg');
	float: right;
	margin-right: 10px;
	display: inline;
}

#silver-login-terms p {
	text-align: center;
	padding-top: 4px;
	margin: 0;
}

#silver-login-terms p a {
	color: #000000;
}

#silver-login-terms p a:hover {
	text-decoration: none;
	color: #d10318;
}

#silver-cart-checkout {
	float: right;
	text-align: right;
	clear: right;
	margin-top: 30px;
	margin-right: 10px;
	display: inline;
	text-transform: uppercase;
}

#silver-cart-checkout p {
	padding-bottom: 2em;
}

#silver-cart-checkout p a {
	color: #000000;
}

#silver-cart-checkout p a:hover {
	color: #d10318;
}


.silver-cart-link {
	padding-left: 20px;
	background: url('theme_icon_cart.gif') no-repeat left;
}

#silver-nav-bar {
	clear: both;
	margin: 0 10px;
	height: 29px;
	background: url('silver-theme-nav-bar-bg.jpg');
}

#silver-nav-bar-left {
	background: url('silver-theme-nav-bar-left.jpg') no-repeat;
}

#silver-nav-bar-left ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 5px;
	height: 29px;
}

#silver-nav-bar-left ul li {
	display: inline;
}

#silver-nav-bar-left ul li a {
	display: block;
	float: left;
	line-height: 29px;
	padding: 0 10px;
	border-right: solid 1px #999;
	color: #000000;
}

#silver-nav-bar-left ul li a:hover {
	text-decoration: none;
	color: #d10318;
}

#silver-quick-search-container {
	float: right;
	width: 256px;
	height: 29px;
	background: url('silver-theme-search-bg.jpg');
}

#silver-quick-search {
	background: url('silver-theme-search-end-left.jpg') no-repeat;
	height: 29px;
}

#silver-quick-search-field {
	background: url('silver-theme-search-end-right.jpg') right no-repeat;
	height: 25px;
	padding-top: 4px;
}

input.silver-search-field {
	margin: 2px 0 0 3px;
	border: 0;
	float: left;
	width: 200px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

input.silver-search-button {
	float: right;
	margin: 2px 3px 0 0;
}

/* sidebar ---------------------------- */

#silver-sidebar-left {
	float: left;
	margin: 10px;
	display: inline;
	width: 210px;
}

.silver-sidebar-list {
	background: url('silver-theme-sidebar-curve-bg.gif');
}

.silver-sidebar-list-bottom {
	background: url('silver-theme-sidebar-curve-bottom.gif') no-repeat bottom;
}

.silver-sidebar-list-top {
	background: url('silver-theme-sidebar-curve-top.gif') no-repeat top;
	padding-bottom: 6px;
}

.silver-sidebar-list-top h1 {
	padding: 11px;
	font-size: 14px;
	color: #333333;
}

/* section/brochure lists -------------------------- */

#silver-section-list ul, #silver-brochure-list ul {
	padding: 0;
	margin: 0 1px;
	list-style: none;
	background: url('silver-theme-section-list-gradient.jpg') repeat-x;
	border-top: dotted 1px #858585;
}

#silver-section-list ul li, #silver-brochure-list ul li {
	padding: 0;
	margin: 0;
}

#silver-section-list ul li a, #silver-brochure-list ul li a {
	display: block;
	border-bottom: dotted 1px #858585;
	padding: 5px 11px;
	margin: 0;
	color: #000000;
}

#silver-section-list ul li a:hover, #silver-brochure-list ul li a:hover {
	text-decoration: none;
	color: #d10318;
}

.silver-sidebar-list-separator {
	clear: both;
	background-image: none;
	background-color: #fff;
}

/* marketing lists ---------------------------- */

#silver-new-products-list h1, #silver-best-sellers-list h1 {
	border-bottom: dotted 1px #858585;
}

.silver-sidebar-product {
	border-bottom: dotted 1px #858585;
	margin: 0 1px;
	background: #f4f4f4;
	height: 125px;
	overflow: hidden;
}

p.silver-sidebar-product-name {
	font-weight: bold;
	padding: 5px 11px;
	border-bottom: solid 1px #afafaf;
	background: #fff;
	margin: 0;
}

p.silver-sidebar-product-name a {
	color: #666666;
}

p.silver-sidebar-product-name a:hover {
	color: #d10318;
}

.silver-sidebar-product-image {
	width: 95px;
	height: 100px;
	float: left;
	background: #fff;
	border-right: solid 1px #afafaf;
	text-align: center;
}

.silver-sidebar-product-image img {
	margin-top: 5px;
}

.silver-sidebar-product-description {
	margin: 5px 4px 0 0;
	padding: 0 0 0 100px;
	font-size: 10px;
}

.silver-sidebar-product-more {
	font-size: 10px;
	margin: 5px 0;
	padding: 0 0 0 100px;
}

.silver-sidebar-product-price {
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 100px;
}

/* bulk area -------------------------- */

#silver-bulk {
	float: right;
	width: 718px;
	margin: 10px 10px 10px 0;
	background: url('silver-theme-bulk-bg.gif');
	display: inline;
}

#silver-bulk-bottom {
	background: url('silver-theme-bulk-bottom.gif') no-repeat bottom;
}

#silver-bulk-top {
	background: url('silver-theme-bulk-top.gif') no-repeat top;
	padding: 10px;
}

/* footer ---------------------------- */

#silver-footer {
	margin: 0 10px;
	background: url('silver-theme-footer-bg.jpg');
	clear: both;
}

#silver-footer-left {
	background: url('silver-theme-footer-left.jpg') no-repeat;
}

#silver-footer-right {
	background: url('silver-theme-footer-right.jpg') no-repeat right;
	height: 88px;
}

.silver-address-box {
	float: left;
	display: inline;
	width: 180px;
	margin: 10px 20px;
	height: 68px;
	font-size: 11px;
	color: #666;
}

.silver-copyright-info {
	float: right;
	display: inline;
	margin: 10px 20px;
	height: 68px;
	font-size: 11px;
	color: #666;	
}

/* End of styles for Silver theme */
/* Start of styles for Bobcat theme */

/* general layout --------------------*/

#bobcat-container {
	width: 940px;
	margin: 10px auto;
}

#bobcat-header-area {
	background: url('bobcat-header-bg.gif');
}

#bobcat-logo-area {
	background: url('bobcat-header-top.gif') no-repeat;
	padding: 5px;
}

#bobcat-navigation-bar {
	height: 30px;
	background: url('bobcat-header-bottom.gif') no-repeat;
}

#bobcat-navigation-bar ul {
	margin: 0 5px;
	padding: 0;
	list-style: none;
}

#bobcat-navigation-bar ul li {
	display: inline;
}

li.bobcat-search-field {
	display: block;
	float: left;
	padding: 0;
	height: 30px;
}

li.bobcat-search-field input {
	border: solid 1px #000000;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 1px;
	background: #ffffff;
	color: #000000;
	margin-top: 5px;
}

li.bobcat-search-button {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	height: 30px;
}

#bobcat-navigation-bar ul li a {
	color: #ffffff;
	display: block;
	float: left;
	line-height: 30px;
	padding: 0 10px;
	border-left: solid 1px #ffffff;
	text-decoration: none;
	text-transform: lowercase;
}

#bobcat-navigation-bar ul li a:hover {
	background: #666666;
}

#bobcat-navigation-bar ul li.bobcat-home-link a {
	border: 0;
}

#bobcat-navigation-bar ul li.bobcat-view-cart {
	float: right;
}

#bobcat-navigation-bar ul li.bobcat-view-cart a {
	background: url('theme_icon_cart.gif') no-repeat left;
	padding-left: 30px;
	border: 0;
}

#bobcat-navigation-bar ul li.bobcat-view-cart a:hover {
	background: #666666 url('theme_icon_cart.gif') no-repeat left;
}

#bobcat-navigation-bar ul li.bobcat-checkout {
	float: right;
}



#bobcat-bulk-top {
	height: 10px;
	margin-top: 10px;
}

#bobcat-bulk {
	background: url('bobcat-bulk-bg.gif');
	padding: 0 10px;
}

#bobcat-sidebar-left {
	float: left;
	width: 130px;
	margin-right: 30px;
}

#bobcat-sidebar-right {
	float: right;
	width: 130px;
}

#bobcat-content {
	float: left;
	width: 600px;
}

#bobcat-bulk-bottom {
	height: 10px;
	margin-bottom: 10px;
}

#bobcat-footer {
	height: 100px;
	background: #ffffff;
}

.bobcat-address-box {
	float: left;
	display: inline;
	width: 180px;
	margin: 0 20px;
	height: 80px;
	padding: 10px 0;
	font-size: 11px;
	color: #000000;
}

.bobcat-copyright-info {
	float: right;
	display: inline;
	margin: 0 20px;
	height: 80px;
	width: 200px;
	text-align: right;
	padding: 10px 0;
	font-size: 11px;
	color: #000000;	
}

/* overriding default styles */

.bobcat-sidebar .text_heading_left_column {
	color: #eeeeee;
}

.bobcat-sidebar .dotted_line_blue {
	background-color: #eeeeee;
}
	
.bobcat-sidebar ul {
	color : #ffffff;
}

.bobcat-sidebar a {
	color : #eeeeee;
}

.bobcat-sidebar .solid_line_blue {
	background-color: #eeeeee;
}

.bobcat-sidebar a.product_section:visited {
	color : #ffffff;
}
	
.bobcat-sidebar a.product_section:link {
	color : #ffffff;
}
	
.bobcat-sidebar a.product_section:active {
	color : #ffffff;
}
	
.bobcat-sidebar a.product_section:hover {
	color : #ffffff;
}

.bobcat-sidebar .product_image_cost {
	float: none;
	margin: 0;
}


.bobcat-sidebar .text_product_small_info_heading {
	color : #eeeeee;
	text-align: center;
}

.bobcat-sidebar .text_product_small_info_price {
	color : #ffffff;
	clear: both;
	padding: 5px 0;
	text-align: center;
}

.bobcat-sidebar .text_product_small_info {
	display: none;
	
}




/* End of styles for Bobcat theme */
/* Start of styles for Minimal theme */

/* general layout --------------------*/

#minimal-container {
	width: 940px;
	margin: 10px auto;
}

#minimal-header-area {

}

#minimal-logo-area {

}

#minimal-navigation-bar {
	height: 30px;
}

#minimal-navigation-bar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#minimal-navigation-bar ul li {
	display: inline;
}

li.minimal-search-field {
	display: block;
	float: left;
	padding: 0;
	height: 30px;
}

li.minimal-search-field input {
	border: solid 1px #000000;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 1px;
	background: #ffffff;
	color: #000000;
	margin-top: 5px;
}

li.minimal-search-button {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	height: 30px;
}

#minimal-navigation-bar ul li a {
	display: block;
	color: #333333;
	float: left;
	line-height: 30px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#minimal-navigation-bar ul li a:hover {
	color: #666666;
}


#minimal-navigation-bar ul li.minimal-view-cart {
	float: right;
}

#minimal-navigation-bar ul li.minimal-view-cart a {
	background: url('theme_icon_cart.gif') no-repeat left;
	padding-left: 20px;
	border: 0;
}

#minimal-navigation-bar ul li.minimal-view-cart a:hover {

}

#minimal-navigation-bar ul li.minimal-checkout {
	float: right;
}

#minimal-navigation-bar ul li.minimal-checkout a {
	padding: 0;
}

#minimal-bulk-top {
	height: 10px;
	margin-top: 10px;
	border-top: solid 1px #333333;
}

#minimal-bulk {
}

#minimal-sidebar-left {
	float: left;
	width: 140px;
	margin-right: 30px;
}

#minimal-sidebar-right {
	float: right;
	width: 140px;
}

#minimal-content {
	float: left;
	width: 600px;
}

#minimal-bulk-bottom {
	height: 10px;
	margin-bottom: 10px;
}

#minimal-footer {
	height: 100px;
	border-top: solid 1px #333333;
}

.minimal-address-box {
	float: left;
	display: inline;
	width: 180px;
	margin: 0 20px;
	height: 80px;
	padding: 10px 0;
	font-size: 11px;
	color: #000000;
}

.minimal-copyright-info {
	float: right;
	display: inline;
	margin: 0 20px;
	height: 80px;
	width: 200px;
	text-align: right;
	padding: 10px 0;
	font-size: 11px;
	color: #000000;	
}


.minimal-sidebar .product_image_cost {
	float: none;
	margin: 0;
}


.minimal-sidebar .text_product_small_info_heading {
	text-align: center;
}

.minimal-sidebar .text_product_small_info_price {
	clear: both;
	padding: 5px 0;
	text-align: center;
}

.minimal-sidebar .text_product_small_info {
	display: none;
	
}




/* End of styles for Minimal theme */
