<!--
/* 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;
	<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20True">
	background-color:<actinic:variable name="BGColor"/>;
	</actinic:block>
	<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20False">
	background-image: url("<actinic:variable name="BackgroundImageFileName" />");
	</actinic:block>
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	font-size: 12px;
}

p, table, td, th {
	font-style: normal;
	font-weight: normal;
	color:#000066;
	margin-top: 0px;
	font-size:11px;
}
p{
float:left;
}
table{
float:left;
line-height:18px;
}

form {
	margin: 0px;
}
label{
width:125px;
float:left;
margin-right:15px;
}
form ol{
list-style:none;
float:left;
width:670px;
margin-left:0;
padding-left:0;
margin-top:0;
padding-top:0;
}
form ol li{
float:left;
width:100%;
margin-bottom:12px;
}
input{
border:1px solid #CCCCCC;
}
textarea{
border:1px solid #CCCCCC;
}
hr{
float:left;
width:100%;
clear:both;
}

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

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

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

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

ul {
	list-style-type: none;
}

/* Generic text formatting used throughout the store ---------------------------- */

.actCHECKOUTEM {
	background-color: <actinic:variable name="CheckoutEM" />;
}

.actCHECKOUTBG {
	background-color: <actinic:variable name="CheckoutBG" />;
}

.actlarger {
	font-size: <actinic:variable name="LargerFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actsmaller{
	font-size: <actinic:variable name="SmallFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxxsmall {
	font-size: <actinic:variable name="SmallFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxsmall {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actsmall {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actregular {
float:left;
width:100%;
	font-size: <actinic:variable name="LargerFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actlarge{
	font-size: <actinic:variable name="LargeFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxlarge {
	font-size: <actinic:variable name="ExtraLargeFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxxlarge {
	font-size: <actinic:variable name="ExtraLargeFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actwarningcolor {
	color: <actinic:variable name="RequiredColor" />;
}
	
.actrequiredcolor {
	color: #FF0000;
}

.actsearchhighlightcolor {
	color: <actinic:variable name="SearchHighlightColor" />;
}

.actrequired {
	color: #FF0000;
}

.actwarning {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: #FF0000;
}

.actwelcome {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actlogotext {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: #D9090E;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.actlogout {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="LinkColor" />;
}

/* Boxes and borders ------------------------------------------- */

.thinborder1 {
	border: 1px solid <actinic:variable name="Palette1" />;
}

.thinborder2 {
	border: 1px solid <actinic:variable name="Palette2" />;
}

.thinred {
	border: solid 1px <actinic:variable name="Palette1" />;
	border-top: 0px;
}

.thinred2 {
	border: solid 1px <actinic:variable name="Palette2" />;
	border-top: 0px;
} 

.boxheading {
	font-weight: bold;
	text-transform: uppercase;
	color: <actinic:variable name="BGColor" />;
}

a.boxlink:link{
	color: <actinic:variable name="BGColor" />;
	text-decoration:none;
}

a.boxlink:visited{
	color: <actinic:variable name="BGColor" />;
	text-decoration:none;
}

a.boxlink:hover{
	color: <actinic:variable name="BGColor" />;
	text-decoration:underline;
}

a.boxlink:active{
	color: <actinic:variable name="BGColor" />;
	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: <actinic:variable name="PaletteBG" />; 
	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 ------------------------------------------- */

table.checkout td {
	background-color: <actinic:variable name="CheckoutBG" />;
}

table.checkout th {
	background-color: <actinic:variable name="CheckoutEM" />;
}

.cart {
	background-color: <actinic:variable name="CheckoutBG" />;
}

.cartheading {
	background-color: #FFCC66;
	font-weight: bold;
}


/* Checkout Progress Indicator  ------------------------------------------------ */

p.checkout-progress-heading {
	width: 300px;
	margin: 10px auto;
	float:left;
}

#checkout-progress-indicator {
float:left;
	width: 300px;
	height: 19px;
	background-image: url('cpi-background.gif');
	margin: 0 auto 20px auto;
}

.checkout-progress-0 {
	width: 75px;
	height: 19px;
	background-color: <actinic:variable name="Palette1" />;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-1 {
	width: 150px;
	height: 19px;
	background-color: <actinic:variable name="Palette1" />;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-2 {
	width: 225px;
	height: 19px;
	background-color: <actinic:variable name="Palette1" />;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-3 {
	width: 300px;
	height: 19px;
	background-color: <actinic:variable name="Palette1" />;
	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;
}

/* Formatting for the site map -------------------------------------------- */

#actinic-sitemap {
	margin-left: 5px;
}

#actinic-sitemap ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* 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_subs	{
	margin: 5px 0px 5px 0px;
	float:left;
	padding:10px 15px 10px 10px;
	border-bottom:#FF9900 1px solid;
	width:308px;
	background-color:#FF9900;
	background-image:url(orange-stripe-large.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-right:0px;
	}
	
	.product_subs p{
	float:right;
	width:150px;
	}	
	
	.product_subs ol{
	float:right;
	width:555px;
	margin:0;
	list-style:none;
	margin-bottom:10px;
	}	
	.product_subs li{
	float:left;
	width:555px;
	margin:0;
	}	
		.product_subs img{
		height:100px;
		width:100px;
	}	


.product_list	{
	margin: 5px 0px 5px 0px;
	float:left;
	padding:10px 10px 10px 10px;
	border-bottom:#FF9900 1px solid;
	width:98%;
	}
	
	.product_list p{
	float:right;
	width:555px;
	line-height:18px;
	}	
	
	.product_list ol{
	float:right;
	width:555px;
	margin:0;
	list-style:none;
	margin-bottom:10px;
	}	
	.product_list li{
	float:left;
	width:555px;
	margin:0;
	}	

/* headings ----------------------------------------------------------------------------- */

h1	{
	font-size: <actinic:variable name="ExtraLargeFontSize" />;
	font-weight: 900;
	margin: 0px;		
	padding: 0px 0px 4px 0px;
	color: <actinic:variable name="Palette1" />;
	}
	
h1.subheading	{
	font-size: <actinic:variable name="LargerFontSize" />;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 14px 0px;
	color: <actinic:variable name="Palette2" />;
	}
	
h2	{
	font-size: <actinic:variable name="LargeFontSize" />;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: <actinic:variable name="Palette2" />;
	}
	
h2.clearall	{
	font-size: <actinic:variable name="LargeFontSize" />;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: <actinic:variable name="Palette2" />;
	clear:both;
	}
	
h3.product	{
	font-size: 1.2em;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #000066;
	}
	h3.product	a{
	font-size: 1.2em;
	font-weight: 900;
	color: #000066;
	}
	
h3.product_price	{
color: #FF6600;
	font-size: 11px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.text_heading_left_column	{
	margin: 0px;
	padding: 19px 0px 4px 0px;
	line-height:normal;
	color: <actinic:variable name="Palette1" />;
	font-weight: 900;
	font-size: <actinic:variable name="LargerFontSize" />;
	}

/* Default formatting of all text boxes used in store pages ---------------- */

.form_input_general	{
	line-height: normal;
	font-size : <actinic:variable name="StandardFontSize" />;
	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 : <actinic:variable name="StandardFontSize" />;
	background-color: <actinic:variable name="CheckoutBG" />;
	border: 1px solid <actinic:variable name="CheckoutBG" />;
	color: <actinic:variable name="TextColor" />;
	vertical-align: top;
	}

.form_main_search_box_td	{
	background-color: <actinic:variable name="Palette2" />
	}

.form_button_quick_search	{
	line-height: 13px;
	height: 18px;
	width: 85px;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 12px;
	font-size : <actinic:variable name="StandardFontSize" />;
	background-color: <actinic:variable name="Palette2" />;
	border: 1px solid <actinic:variable name="Palette1" />;
	color: <actinic:variable name="PaletteBG" />;
	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: <actinic:variable name="SmallFontSize" />;
	line-height: normal;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	}

.text_product_small_info_heading	{
	margin: 0px;
	padding: 10px 0px 12px 0px;
	line-height:normal;
	color: <actinic:variable name="Palette2" />;
	font-weight: 900;
	font-size: <actinic:variable name="StandardFontSize" />;
	}
	
.text_product_small_info_price	{
	margin: 0px;
	padding: 8px 0px 0px 0px;
	line-height:normal;
	font-weight: 900;
	font-size: <actinic:variable name="StandardFontSize" />;
	}

.best_selling_items	{
	padding: 10px;
	background-color: <actinic:variable name="PaletteBG" />;
	}
	
.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 0px 15px 20px;
	}

.image_product	{
	margin: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	width:118px;
	}
	.image_product	img{
	width:100px;
	}


/* 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: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="RequiredColor" />;
	}
#inner-pad a.product_section  {
	width:40%;
	float:left;
	height:24px;
	background-image:url(index_07.gif);
	font-weight:900;
	padding-left:15px;
	padding-top:6px;
	margin-bottom:10px;
	}
a.product_section:visited  {
	color : <actinic:variable name="VLinkColor" />;
	text-decoration : none;
	}
	
a.product_section:link  {
	color : <actinic:variable name="LinkColor" />;
	text-decoration : none;
	}
	
a.product_section:active  {
	color : <actinic:variable name="ALinkColor" />;
	text-decoration : none;
	}
	
a.product_section:hover  {
	color : <actinic:variable name="HLinkColor" />;
	text-decoration : underline;
	}

/* lines -------------------------------------------------------------------------------- */

.dotted_line_blue	{
	height: 1px;
	background-color: <actinic:variable name="Palette2" />;
	background-image:url('theme_dotted_line.gif');
	clear:both;
	}
	
.solid_line_light_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: <actinic:variable name="Palette2" />;
	clear:both;
	}
	
.solid_line_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: <actinic:variable name="Palette1" />;
	clear:both;
	}
	
.dotted_outline_blue	{
	border: 1px dotted <actinic:variable name="Palette2" />;
	padding: 8px;
	}		


/* Styles for 'Compact Parent Section List' ------------------------ */

.text_breadcrumbs	{
	font-size: 10px;
	color: <actinic:variable name="Palette1" />;
	margin: 0px;
	margin-bottom:15px;
	line-height:normal;
	padding: 2px 0px 5px 0px;
	float:left;
	width:100%;
	border-bottom:1px solid #1A3665;
	}	

a.link_breadcrumbs:visited	{	
	color : <actinic:variable name="Palette1" />;
	text-decoration : underline;
	}

a.link_breadcrumbs:link  {
	color : <actinic:variable name="Palette1" />;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:active  {
	color : <actinic:variable name="Palette1" />;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:hover  {
	color : <actinic:variable name="Palette1" />;
	text-decoration : underline;
	}
	

/* Page footer  --------------------------------------------------------*/

.text_footer	{
	color: <actinic:variable name="Palette2" />;
	font-size: <actinic:variable name="SmallFontSize" />;
	padding:0px;
	margin:4px 0px 0px 0px;
	}

.text_menu_no_space	{
	word-spacing: normal;
	}

a.link_footer:visited  {
	color : <actinic:variable name="Palette3" />;
	text-decoration : underline;
	}
	
a.link_footer:link  {
	color : <actinic:variable name="Palette3" />;
	text-decoration : underline;
	}
	
a.link_footer:active  {
	color : <actinic:variable name="Palette3" />;
	text-decoration : underline;
	}
	
a.link_footer:hover  {
	color : <actinic:variable name="Palette3" />;
	text-decoration : underline;
	}


/* Heading for attributes  --------------------------------------------------------*/

.text_options	{
float:left;
width:100px;
	font-weight: 900;
	}


/* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/

.form_button_add_to_cart	{
	line-height: 13px;
	height: 20px;
	width:95px;
	margin: 0px 1px 0px 0px;
	padding:1px 6px 10px 25px;
	font-size : 10px;
	background-color: #FF6600;
	border: 1px solid #FFF;
	color: #fff;
	background-image: url('theme_icon_add_to_cart.gif');
	background-position:5px 0px;
	background-repeat:no-repeat;
	word-spacing: normal;
	}	


/* Styles for CSS Buttons ----------------------------------------------*/

.text_menu	{
	padding: 2px 0px 2px 0px;
	font-size : <actinic:variable name="StandardFontSize" />;
	margin: 0px;
	color : <actinic:variable name="PaletteBG" />;
	}
	

a.link_menu:visited  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : <actinic:variable name="PaletteBG" />;
	text-decoration : none;
	background-color: <actinic:variable name="Palette2" />; 
	border: 1px solid <actinic:variable name="Palette3" />;
	}
	
a.link_menu:link  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : <actinic:variable name="PaletteBG" />;
	text-decoration : none;
	background-color: <actinic:variable name="Palette2" />;
	border: 1px solid <actinic:variable name="Palette3" />;
	}
	
a.link_menu:active  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : <actinic:variable name="PaletteBG" />;
	text-decoration : none;
	background-color: <actinic:variable name="Palette2" />;
	border: 1px solid <actinic:variable name="Palette3" />;
	}
	
a.link_menu:hover  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : <actinic:variable name="PaletteBG" />;
	text-decoration : underline;
	background-color: <actinic:variable name="Palette1" />;
	border: 1px solid <actinic:variable name="Palette3" />;
	}

/* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/

.tech_main_menu	{
	background-color: <actinic:variable name="Palette1" />
   }
		
.tech_menu_bottom	{
	height: 4px;
	background-color: <actinic:variable name="Palette1" />;
	}
		
.tech_menu_button_border	{
	width: 121px; 
	border-right: 1px <actinic:variable name="PaletteBG" /> solid;
	border-top: 1px <actinic:variable name="PaletteBG" /> solid;
   }
	
div.tech_menu_button {
	width: 119px; 
	top: 0px;
	left: 0px; 
	border: 1px <actinic:variable name="Palette1" /> solid;
   }
		
div.tech_menu_button_product {
	width: 119px; 
	top: 0px;
	left: 0px; 
	border: 1px <actinic:variable name="Palette1" /> solid;
   }
		
.tech_menu_button_title	{
	width: 122px;
	border-top: 1px <actinic:variable name="PaletteBG" /> solid;
	background-color: <actinic:variable name="Palette1" />;
   }

.tech_text_product_section	{
	padding: 3px 3px 3px 5px;
	margin: 0px;
	color : <actinic:variable name="PaletteBG" />;
	font-size : <actinic:variable name="StandardFontSize" />;
	font-weight: 900;
   }

div.tech_menu_button a  {
	width: 113px; 
	color: <actinic:variable name="PaletteBG" />;
	text-decoration:none;
	display:block;
	padding:3px;
	text-align:left;
	background-color: <actinic:variable name="Palette2" />;
	font-size: 11px;
   }
	
div.tech_menu_button a:visited {
	color: <actinic:variable name="PaletteBG" />; 
	text-decoration:none;
	background-color: <actinic:variable name="Palette2" />;
   }
	
div.tech_menu_button a:active {
	color: <actinic:variable name="PaletteBG" />; 
	text-decoration:none;
	background-color: <actinic:variable name="Palette3" />;
   }
	
div.tech_menu_button a:link {
	color: <actinic:variable name="PaletteBG" />; 
	text-decoration:none;
	background-color: <actinic:variable name="Palette2" />;
	}

div.tech_menu_button a:hover {
	color: <actinic:variable name="PaletteBG" />;
	text-decoration:underline;
	background-color: <actinic:variable name="Palette3" />;
   }

div.tech_menu_button_product a   {
	width: 104px; 
	color: <actinic:variable name="PaletteBG" />;
	text-decoration:none;
	display:block;
	padding:3px 3px 3px 12px;
	text-align:left;
	background-color: <actinic:variable name="Palette2" />;
	font-size: <actinic:variable name="StandardFontSize" />;
   }
	
div.tech_menu_button_product a:visited {
	color: <actinic:variable name="PaletteBG" />; 
	text-decoration:none;
	background-color: <actinic:variable name="Palette1" />;
	background-image:url('theme_arrow.gif');
   }
	
div.tech_menu_button_product a:active {
	color: <actinic:variable name="PaletteBG" />; 
	text-decoration:none;
	background-color: <actinic:variable name="Palette1" />;
	background-image:url('theme_arrow.gif');
   }
	
div.tech_menu_button_product a:link {
	color: <actinic:variable name="PaletteBG" />; 
	text-decoration:none;
	background-color: <actinic:variable name="Palette1" />;
	background-image:url('theme_arrow.gif');
   }

div.tech_menu_button_product a:hover {
	color: <actinic:variable name="PaletteBG" />; 
	text-decoration:underline;
	background-color: <actinic:variable name="Palette3" />;
	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 <actinic:variable name="Palette1" />;
	width: 229px;
	margin: 0px 20px 14px 0px;
	}
		
.heading_marketing_box p.text_product_small_info_heading	{
	background-color: <actinic:variable name="Palette1" />;
	border-bottom: 2px solid <actinic:variable name="Palette1" />;
	color: <actinic:variable name="PaletteBG" />;
	font-weight: 900;
	font-size: <actinic:variable name="StandardFontSize" />;
	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: <actinic:variable name="PaletteBG" />;
	}

.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: <actinic:variable name="PaletteBG" />;
	}

.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 <actinic:variable name="Palette1" />;
	}

.indented-link a:hover {
	background-color: <actinic:variable name="Palette3" />;
	}

/* 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 <actinic:variable name="Palette3" />;
	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 <actinic:variable name="PaletteBG" />;
	}

.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: <actinic:variable name="StandardFontSize" />;	
	}

#corporate_top_menu a {
	display: block;
	color: <actinic:variable name="PaletteBG" />;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: <actinic:variable name="StandardFontSize" />;	
	text-decoration: none;
	background-image: url('theme_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	background-color: <actinic:variable name="Palette2" />;
	border-right: 1px solid #000000;		
	}

#corporate_top_menu li a:hover {
	display: block;
	color: <actinic:variable name="PaletteBG" />;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: <actinic:variable name="StandardFontSize" />;	
	text-decoration: none;
	background-image: none;
	background-color: <actinic:variable name="Palette1" />;
	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: <actinic:variable name="Palette2" />;
	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: <actinic:variable name="Palette1" />;
	}

#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: <actinic:variable name="StandardFontSize" />;	
	list-style-image: none;
	}

.corporate_pages_menu ul li {
	display: block;
	background-image:none;
	background-color: <actinic:variable name="Palette2" />;
	border-bottom: 1px solid #000000;
	}

.corporate_pages_menu li a {
	color: <actinic:variable name="PaletteBG" />;
	background-image:none;
	padding: 3px 6px 4px 6px;
	line-height: 150%;
	display: block;
	}

.corporate_pages_menu li a.product_section {
	color: <actinic:variable name="PaletteBG" />
	}
	
.corporate_pages_menu li a:hover {
	color: <actinic:variable name="PaletteBG" />;
	display: block;
	padding: 3px 6px 4px 6px;
	background-image: none;
	background-color: <actinic:variable name="Palette1" />;
	}

/* 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 */


html{
height:100%;
}
body{
background-color:#FFFFFF; margin:0; padding:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
}
p{
margin:0;
padding:0;
line-height:20px;
}
#wrapper{
min-height:100%;
height:100%;
width:100%;
text-align:center;
}
#inner {
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#header {
position:relative;
float:left;
	width:900px;
	height:136px;
}
#save-link{
display:block;
position:absolute;
width:240px;
height:135px;
right:0;
top:0;
z-index:100;
}
#nav-bar{
float:left;
width:900px;
height:30px;
color:#FFFFFF;
font-weight:bold;
margin-bottom:1px;
}
#nav-bar a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#nav-bar a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

#cart-header {
background-image:url('index_05.gif');
float:left;
	width:179px;
	height:30px;
	overflow:hidden;
}
#cart-header h3{
font-size:12px;
margin-top:6px;
margin-left:15px;
}


#top-nav {
position:relative;
float:left;
background-image:url('index_07.gif');
width:720px;
height:30px;
}
#top-nav ul{
float:left;
list-style:none;
margin:0;
padding:5px;
padding-top:6px;
padding-left:17px;
}
#top-nav li{
float:left;
list-style:none;
margin:0;
padding:0;
margin-right:25px;
}
#top-nav form{
position:absolute;
right:20px;
top:4px;
padding:0;
margin:0;
float:right;
width:185px;
}
#top-nav input{
vertical-align:text-top;
border:none;
padding-top:4px;
padding-left:4px;
padding-right:4px;
margin:0;
height:15px;
font-size:11px;
}
#top-nav input[type=button]{
width:auto;
height:20px;
background-color:#FF6600;
color:#FFFFFF;
font-weight:bold;
}
#top-nav input[type=submit]{
width:auto;
height:20px;
background-color:#FF6600;
color:#FFFFFF;
font-weight:bold;
}
.submit-button{
width:auto;
height:20px;
background-color:#FF6600;
color:#FFFFFF;
font-weight:bold;
}
#top-nav button{
float:right;
width:auto;
height:20px;
background-color:#FF6600;
color:#FFFFFF;
font-weight:bold;
}
#top-nav label{
margin-right:25px;
}

#left-column {
background-image:url('blue-bg_02.gif');
background-repeat:repeat-x;
float:left;
	width:179px;
	min-height:300px;
	margin-right:1px;
	padding-bottom:65px;
}

#content-holder{
float:left;
width:720px;
overflow:hidden;
/*min-height:479px;*/
min-height:600px;
}
#content-holder ul{
float:left;
padding:0;
width:100%;
margin:0;
}
#content-holder li{
float:left;
padding:0;
width:47%;
margin-right:3%;
}
#content-holder h1{
float:left;
width:675px;
font-size:1.5em;
margin-top:0;
background-image:url(orange-stripe.gif);
background-repeat:repeat-x;
background-color:#FF9900;
padding:0px;
padding-top:1px;
padding-left:15px;
height:28px;
font-weight:900;
margin-bottom:10px;
}

.front-intro{
background-image:url('blue-bg_02.gif');
background-repeat:repeat-x;
}

#intro-text {
height:145px;
color:#FFFFFF;
padding-top:17px;
padding-left:17px;
width:610px;
}
#intro-text a{
color:#FFFFFF;
}
#intro-text p{
color:#FFFFFF;
}


#for-the-horse {
float:left;
	width:168px;
	height:216px;
	padding-left:17px;
}

.inner-pad {
float:left;
	width:8px;
	height:224px;
}

#for-the-rider {
float:left;
	width:168px;
	height:216px;
	margin-left:9px;
}

#for-the-stable {
float:left;
	width:168px;
	height:216px;
	margin-left:9px;
}

#special-offers {
float:left;
	width:168px;
	height:216px;
	margin-left:9px;
}

#index-19 {
	position:absolute;
	left:198px;
	top:546px;
	width:168px;
	height:8px;
}

#index-20 {
	position:absolute;
	left:374px;
	top:546px;
	width:168px;
	height:8px;
}

#index-21 {
	position:absolute;
	left:551px;
	top:546px;
	width:168px;
	height:8px;
}

#index-22 {
	position:absolute;
	left:728px;
	top:546px;
	width:168px;
	height:8px;
}

#index-23 {
	position:absolute;
	left:198px;
	top:554px;
	width:698px;
	height:33px;
}

#index-24 {
	position:absolute;
	left:198px;
	top:587px;
	width:2px;
	height:244px;
	background-image:url(http://www.sharptack.co.uk/images/index_24.gif);
	background-position:bottom left;
	/*height:137px;*/
}

#index-25 {
	position:absolute;
	left:200px;
	top:587px;
	width:104px;
	height:95px;
}

#index-26 {
	position:absolute;
	left:304px;
	top:587px;
	width:94px;
	height:68px;
}

#index-27 {
	position:absolute;
	left:398px;
	top:587px;
	width:94px;
	height:68px;
}

#index-28 {
	position:absolute;
	left:492px;
	top:587px;
	width:94px;
	height:68px;
}

#index-29 {
	position:absolute;
	left:586px;
	top:587px;
	width:94px;
	height:68px;
}

#index-30 {
	position:absolute;
	left:680px;
	top:587px;
	width:94px;
	height:68px;
}

#index-31 {
	position:absolute;
	left:774px;
	top:587px;
	width:104px;
	height:68px;
}

#index-32 {
	position:absolute;
	left:878px;
	top:587px;
	width:18px;
	height:244px;
	background-image:url(http://www.sharptack.co.uk/images/index_32.gif);
	background-position:bottom left;
	/*height:137px;*/
}

#index-33 {
	position:absolute;
	left:200px;
	top:655px;
	width:104px;
	height:69px;
}

#index-34 {
	position:absolute;
	left:304px;
	top:655px;
	width:94px;
	height:69px;
}

#index-35 {
	position:absolute;
	left:398px;
	top:655px;
	width:94px;
	height:69px;
}

#index-36 {
	position:absolute;
	left:492px;
	top:655px;
	width:94px;
	height:69px;
}

#globalherbs {
	position:absolute;
	left:586px;
	top:655px;
	width:94px;
	height:69px;
}
#horseware {
	position:absolute;
	left:680px;
	top:655px;
	width:94px;
	height:69px;
}
#horslyx {
	position:absolute;
	left:774px;
	top:655px;
	width:94px;
	height:69px;
}

#index-37 {
	position:absolute;
	left:586px;
	top:655px;
	width:292px;
	height:69px;
}

#index-38 {
	position:absolute;
	left:198px;
	/*top:724px;*/
	top:830px;
	width:698px;
	height:17px;
}
#postal-strike {
	position:absolute;
	left:200px;
	/*top:724px;*/
	top:850px;
	width:698px;
	height:17px;
}
#description-bottom{
position:absolute;
left:218px;
top:730px;
width:640px;
line-height:14px;
}
#description-bottom p{
line-height:14px;
margin-bottom:12px;
}
#cartsummary{
height:178px;
padding-top:15px;
padding-left:15px;
font-size:11px;
font-weight:bold;
}
#cartsummary a{
color:#000066;
}
#cartsummary ul{
float:left;
padding:0;
margin:0;
padding-left:0px;
list-style:none;
}
#cartsummary li{
background-color:#99CCFF;
margin-bottom:1px;
list-style:none;
width:140px;
padding-left:15px;
height:17px;
padding-top:3px;
}
#cart-quantity{
clear:left;
padding-top:3px;
width:140px;
padding-left:15px;
background-color:#FFFFFF;
min-height:30px;
overflow:visible;
}
.department-list{
background-color:#FFCC66;
margin-left:0;
padding-left:0px;
color:#000066;
list-style:none;
}
.department-list a{
font-weight:900;
margin-top:3px;
color:#000066;
text-decoration:none;
float:left;
}
.department-list li{
border-bottom:1px solid #FFFFFF;
height:20px;
font-size:11px;
padding-left:15px;
}
.new-products{
background-color:#99ff99;
margin-left:0;
padding-left:0px;
color:#000066;
list-style:none;
}
.new-products a{
margin-top:3px;
color:#000066;
text-decoration:none;
float:left;
width:147px;
}
.new-products a:hover{
text-decoration:underline;
}
.new-products li{
border-bottom:1px solid #FFFFFF;
font-size:10px;
padding-left:15px;
min-height:30px;
}
.new-products li a{
float:left;
clear:both;
font-weight:900;
}
.new-products h2{
margin:0;
padding:0;
margin-top:2px;
font-size:12px;
color:#000066;
}
.department-header{
height:20px;
font-size:12px;
background-color:#FF9900;
}
.department-header h2{
margin:0;
padding:0;
margin-top:2px;
font-size:12px;
color:#000066;
}
#newproducts-header{
height:20px;
min-height:20px;
max-height:20px;
font-size:12px;
background-color:#00cc00;
clear:left;
}
#newproducts-header h2{
float:left;
margin:0;
padding:0;
margin-top:3px;
font-size:12px;
color:#000066;
}
#outer-pad{
width:690px;
float:left;
padding:15px;
}
#inner-pad{
padding:0px;
}
#product-layout{
width:100%;
}

.product-row{
width:100%;
float:left;
clear:both;
}

.mid-spacer{
float:left;
width:20px;
height:20px;
}
.fragment{
padding-left:0;
margin-left:0;
margin-bottom:15px;
float:left;
width:100%;
}
.fragment p{
margin-bottom:12px;
}
.fragment a{
font-weight:bold;
}
#footer-front{
position:absolute;
top:965px;
left:0;
width:885px;
height:22px;
background-image:url(index_05.gif);
text-align:right;
color:#FFFFFF;
padding-right:15px;
padding-top:8px;
}
#footer-front a{
font-weight:bold;
color:#FFFFFF;
}
#footer-inner{
float:left;
clear:both;
width:885px;
height:22px;
background-image:url(index_05.gif);
text-align:right;
color:#FFFFFF;
padding-right:15px;
padding-top:8px;
}
#footer-inner a{
font-weight:bold;
color:#FFFFFF;
}
#ssl{
width:179px;
text-align:center;
}
#department_list a{
float:left;
height:20px;
width:40%;
}
#contact-form ol{
background-image:url(Contact_Stickies.png);
background-repeat:no-repeat;
background-position:top right;
}
#contact-form li{
width:100%;
}
#contact-form input{
width:350px;
}
#contact-form input[type=submit]{
margin-left:140px;
}
#contact-form textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
width:350px;
}
.div-spacer{
float:left;
display:block;
width:240px;
height:135px;
}
-->