@charset "utf-8";
/* CSS Document */
/* v2.9 begin Actinic general styles for all themes inc Sep 2011 new design*/
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: <actinic:variable name="ACTCSSFONTFAMILY" />;
	color: <actinic:variable name="TextColor" />;
	font-size: <actinic:variable name="StandardFontSize" />;
}

p, table, td, th {
	font-family: <actinic:variable name="ACTCSSFONTFAMILY" />;
	font-size: <actinic:variable name="StandardFontSize" />;
	font-style: normal;
	font-weight: normal;
	color: <actinic:variable name="TextColor" />;   
	margin-top: 0px;
}

form {
	margin: 0px;
}

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

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

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

a:active {
	color: <actinic:variable name="ALinkColor" />;
	text-decoration: none;
}

a.checkout-checkoutbg {
	margin-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	border: <actinic:variable name="CheckoutBG" /> 2px solid;
	border-top: <actinic:variable name="CheckoutBG" /> 2px solid;
	border-right: <actinic:variable name="TextColor" /> 1px solid;
	border-bottom: <actinic:variable name="TextColor" /> 1px solid;
}

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

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

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

a.checkout-checkoutbg:active {
	color: <actinic:variable name="CheckoutBG" />;
	text-decoration: underline;
}

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

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

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

a.checkout-textcolor:active {
	color: <actinic:variable name="TextColor" />;
	text-decoration: underline;
}

ul {
	list-style-type: disc;
}

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

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

.actrequired {
	color: <actinic:variable name="RequiredColor" />;
}

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

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

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

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

.content_left {
	text-align: left;
	float: left;
	margin-right: 20px;
}

.content_right {
	text-align: left;
	float: left;
}

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



div.CheckoutCartSection {
	margin-top: 0px;
	margin-bottom: 10px;
}

table.checkout#idTableCheckoutSection {
	margin-bottom: 0px;
}

table.checkout-cart {
	width: <actinic:variable name="ACTSTDWIDTH" />px;
	border-collapse: collapse;
	padding: 0px 0px;
	margin-bottom: 5px;
}

table.checkout-cart th{
	font-weight: bold;
	background-color: <actinic:variable name="CheckoutBG" />;
	border-top: solid 1px <actinic:variable name="CheckoutEM" />;
	border-bottom: solid 1px <actinic:variable name="CheckoutEM" />;
	padding: 4px 4px;
}

table.checkout-cart td{
	padding: 4px 4px;
}

table.checkout {
	width: <actinic:variable name="ACTSTDWIDTH" />px;
	border-collapse: collapse;
	padding: 0px 0px;
	text-align: left;
	margin-bottom: 5px;
}

table.checkout th {
	background-color: <actinic:variable name="CheckoutEM" />;
	font-size: <actinic:variable name="LargerFontSize" />;
	font-weight: bold;
	color: <actinic:variable name="CheckoutBG" />;
	text-align: left;
	padding: 5px 2px;
	border-bottom: solid 3px <actinic:variable name="BGColor" />;
}

table.checkout th.instruction {
	font-size: <actinic:variable name="StandardFontSize" />;
	font-weight: normal;
}

table.checkout th.change {
	font-size: <actinic:variable name="StandardFontSize" />;
	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 : <actinic:variable name="StandardFontSize" />;
	background-color: <actinic:variable name="Palette2" />;
	border: 1px solid <actinic:variable name="Palette1" />;
	color: <actinic:variable name="Palette3" />;
	background-image: url('theme_icon_add_to_cart.gif');
	word-spacing: normal;
	}

table.checkout td {
	background-color: <actinic:variable name="CheckoutBG" />;
	border-right: solid 1px <actinic:variable name="BGColor" />;
	border-bottom: solid 1px <actinic:variable name="BGColor" />;
	padding: 2px 2px;
}

table.checkout#idBothAddressesTable col {
	width: auto;
}

td#idCheckoutHelpLabel,
table.checkout#idBothAddressesTable col.prompt {
	width: 130px;
}

.cart {
	background-color: <actinic:variable name="CheckoutBG" />;
	border-bottom: solid 1px <actinic:variable name="CheckoutEM" />;
}

.checkout-cartheading {
	font-weight: bold;
	background-color: <actinic:variable name="CheckoutBG" />;
	border-top: solid 1px <actinic:variable name="CheckoutEM" />;
	border-bottom: solid 1px <actinic:variable name="CheckoutEM" />;
}

.cartheading {
	background-color: <actinic:variable name="CheckoutEM" />;
	font-weight: bold;
	color: <actinic:variable name="CheckoutBG" />;
}

h2.checkout-heading {
	background-color: <actinic:variable name="CheckoutEM" />;
	font-size: <actinic:variable name="LargerFontSize" />;
	font-weight: bold;
	color: <actinic:variable name="CheckoutBG" />;
	padding: 5px 2px;
	border-bottom: solid 3px <actinic:variable name="BGColor" />;
	width: <actinic:variable name="ACTSTDWIDTH" />px;
}

h3.checkout-heading {
	width: <actinic:variable name="ACTSTDWIDTH" />px; 
	padding: 3px 0;
	background-color: <actinic:variable name="CheckoutEM" />;
	font-size: <actinic:variable name="LargerFontSize" />;
	font-weight: bold;
	color: <actinic:variable name="CheckoutBG" />;
	border-bottom: solid 3px <actinic:variable name="BGColor" />;
}

.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: <actinic:variable name="ACTCSSFONTFAMILY" />;
	font-size: <actinic:variable name="StandardFontSize" />;
	font-weight: bold;
	color: <actinic:variable name="Palette3" />;
	background: <actinic:variable name="Palette2" />;
	padding: 5px;
	border: solid 1px <actinic:variable name="TextColor" />;
}

input.highlight-button {
	font-family: <actinic:variable name="ACTCSSFONTFAMILY" />;
	font-size: <actinic:variable name="StandardFontSize" />;
	font-weight: bold;
	color: <actinic:variable name="Palette3" />;
	background: <actinic:variable name="Palette1" />;
	padding: 5px;
	border: solid 1px <actinic:variable name="TextColor" />;
}

.checkout-field-label {
	width: 160px;
}

.checkout-field-input {
	width: auto;
}

.checkout-field-input input, .checkout-field-input select {
	font-family: <actinic:variable name="ACTCSSFONTFAMILY" />;
	font-size: <actinic:variable name="LargerFontSize" />;
	color: <actinic:variable name="TextColor" />;
	background-color: <actinic:variable name="BGColor" />;
	padding: 2px;
}

.InvoiceField input, .InvoiceField select {
	font-family: <actinic:variable name="ACTCSSFONTFAMILY" />;
	font-size: <actinic:variable name="LargerFontSize" />;
	color: <actinic:variable name="TextColor" />;
	background-color: <actinic:variable name="BGColor" />;
	padding: 2px;
}

.DeliverField input, .DeliverField select {
	font-family: <actinic:variable name="ACTCSSFONTFAMILY" />;
	font-size: <actinic:variable name="LargerFontSize" />;
	color: <actinic:variable name="TextColor" />;
	background-color: <actinic:variable name="BGColor" />;
	padding: 2px;
}

table.checkout#idBothAddressesTable select {
	width: 211px;
}

input.checkbox {
	background-color: <actinic:variable name="CheckoutBG" />;
	border: 0;	
}

.checkout-field-area {
	background: <actinic:variable name="CheckoutBG" />;
	border-bottom: solid 2px <actinic:variable name="BGColor" />;
	width: <actinic:variable name="ACTSTDWIDTH" />px;
}

.checkout-field-area p {
	margin: 0;
	padding: 4px;
}

div.checkout-buttons {
	width: <actinic:variable name="ACTSTDWIDTH" />px; 
	height: 50px; 
	margin-top: 20px;
}
	
.left { 
	float : left; 
	width : 50%; 
}

.right { 
	float : right; 
	width : 40%; 
}

.spacer { 
	clear : both; 
}

.checkout-help-hide { 
	display: 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;
}

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

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

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


/* end of Actinic general styles for all themes */


/* ------------------------------- 2011 White Cloud Styles v2.1 -------------------------------------------------------- */


/* CSS Reset (Eric Meyer) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: normal;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of CSS Reset */

.clearfix {
	clear: both;
}

body {
	background-color: #c4d0ff;
	/* prev font Georgia, "Times New Roman", Times, serif; */
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
}

#wrapper {
	width: 1000px;
	margin: 20px auto;
	margin-top: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 10px #999;
}

#header_wrapper {
	padding: 7px;
	padding-bottom: 0px;
	position: relative;
	/*background: url(../tagline.png) top left no-repeat;*/
}

#header_logo {
	float: left;
}
#phone_number {
/*	position: absolute;
	bottom: 18px;
	left: 40%; */
	float:left;
	margin-top:50px;
	margin-left:70px;
	padding-right:90px;
	font-size: 16px;
	text-shadow: 1px 1px 0px #eee;
	letter-spacing: 0.2em;
	font-family: Verdana, Geneva, sans-serif;
	color: <actinic:variable name="Palette3" />;
	text-align:center;
}
#shopping_cart {
	/* position: absolute; 
	clear:both;*/
	top: 0px;
	right: -24px;
	width: 124px;
	float: right;
	padding: 15px 10px 34px 90px;
	background: url('cart_banner.png') top left no-repeat;
	text-shadow: 1px 1px 0px #fff;
	margin-right:-30px;
	margin-top:0px;

}

#shopping_cart div {
	margin-bottom: 0.5em;
}

#shopping_cart a#view_cart {
	display: block;
	font-size: 0.8em;
	margin-top: 1em;
}

#quicksearchbar{
/*	position: absolute;
	bottom: 14px;
	right: 7px; */
	float:right;
	margin-top: -10px;
	margin-right:30px;
}

#quicksearchbar form input {
	vertical-align: middle;
}

#quicksearchbar form input[type="text"] {
	border: 1px solid #bbb;
	border-radius: 5px 0px;
	padding: 3px;
}

#quicksearchbar form input[type="image"] {
	margin-left: -10px;
}


	
/*---------------------------------------NAVIGATION AT TOP OF PAGE -----------------------------*/
ul#main_nav {
	overflow:visible;
	width: auto;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #ddd;
	text-align: center;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
}

ul#main_nav>li {
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: <actinic:variable name="StandardFontSize" />;
	margin: 5px 5px;
	zoom: 1; /* Inline block fixes for IE */
    *display: inline;
}

ul#main_nav>li>a {
	display: block;
	position: relative;
	font-size: 0.8em;
	line-height: 1em;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	color: <actinic:variable name="TextColor" />;
	color: #4f4f4f;
	text-shadow: 1px 1px 0px #dfdfdf;
	border: 1px solid;
	border-color: transparent;
}

ul#main_nav>li:hover {
	z-index: 15;
}

ul#main_nav>li:hover>a {
	background-color: #fff;
	color: #000;
	border-color: #ddd;
	border-bottom-color: #fff;
	z-index: 10;
}

ul#main_nav>li:hover ul.sub_nav {
	display: block;
}

ul.sub_nav {
	display: none;
	position: absolute;
	width: 200px;
	z-index: 9;
	top: 95%;
	background-color: #fff;
	padding: 10px 5px 5px 5px;;
	text-align: left;
	border: 1px solid #ddd;
	box-shadow: 0px 0px 5px #cdcdcd;
	list-style:none;
}

ul.sub_nav>li {
	padding: 3px 0px;
	border-bottom: 1px dotted #ccc;
	font-size: <actinic:variable name="StandardFontSize" />;
}

ul.sub_nav>li>a {
	display: block;
	font-size: 0.9em;
	text-decoration: none;
	padding: 5px;
	position: relative;
}

ul.sub_nav>li>a .sub_nav_thumb {
	display: inline-block;
	vertical-align: middle;
	zoom: 1; /* Inline block fixes for IE */
    *display: inline;
}

ul.sub_nav>li>a .sub_nav_thumb img {
	height: 40px;
	width: 40px;
}

ul.sub_nav>li>a .sub_nav_text {
	color: #4c4c4c;
	display: inline-block;
	vertical-align: middle;
	width: 140px;
	margin-left: 5px;
	zoom: 1; /* Inline block fixes for IE */
    *display: inline;
}

ul.sub_nav>li>a:hover {
	background-color: #d5d5d5;
	color: #fff;
}
/*  END NAVIGATION AT TOP OF PAGE  */

/* ------------------------------------------ NAV FOR HERO PAGES ------------------------------------ */

#home_page_picture_container_hero img {
	float:left;
	max-width: 1100px;
	width:50%;
}

#home_page_picture_caption_text_hero {
	margin-left:5px;	
	margin-top: 3px;
	float:right;
	font-size: 0.8em;
	list-style: none;
	width:49%;	
}

#home_page_picture_caption_text_hero ul {
	list-style: outside;
	padding-left: 10px;
	list-style: none;
}
#home_page_picture_caption_text_hero ul li {
	margin: 0px 0px;
	text-align: left;
	padding: 1px 0px;
	list-style: none;
	/* border-bottom: 1px dotted grey; */
}
#home_page_picture_caption_text_hero img {
	margin: 1px 0px;
	text-align: left;
	opacity: 1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
ul.sub_nav_hero>li {
	border-bottom: 1px dotted #cccccc;
	font-size: <actinic:variable name="StandardFontSize" />;
}

ul.sub_nav_hero>li>a {
	display: block;
	font-size: 1.2em;
	text-decoration: none;
	list-style:none;
	position: relative;
}

ul.sub_nav_hero>li>a .sub_nav_thumb_hero {
	display: inline-block;
	vertical-align: middle;
	list-style:none;
	width: 25%;
	zoom: 1; /* Inline block fixes for IE */
    *display: inline;

}

ul.sub_nav_hero>li img {

}

ul.sub_nav_hero>li>a .sub_nav_text_hero {
	color: #4c4c4c;
	display: inline-block;
	vertical-align: middle;
	width: 70%;
	list-style:none;
	margin-left: 5px;
	zoom: 1; /* Inline block fixes for IE */
    *display: inline;
}

ul.sub_nav_hero>li>a:hover {
	background-color: #d5d5d5;
	color: #fff;
}


/*                                         END NAV FOR HERO PAGES                                       */      


#page_content {
	padding: 20px 10px 5px 10px;
	line-height: 1.2em;
}

/* HOME PAGE STYLES */
#home_page_picture_container {
	width: 100%;
	margin: 0 auto;
}

#home_page_picture_container>img {
	float:left;
	width:58%;
}

#home_page_picture_caption_text {
	float:right;
	width:41%;
}

#home_page_picture_caption_text h1 {
	color: #99adff;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom: 0.9em;
}

#home_page_picture_caption_text ul {
	list-style: none;
}
#home_page_picture_caption_text ul li {
	padding: 0px 10px 11px 30px;
	margin: 11px 0px;
	font-size: 11px;
	color: #333;
	text-shadow: 1px 1px 0px #eee;
	border-bottom: 1px dotted #ccc;
	background: url('list_icon.png') 3px 3px no-repeat;
}

#home_page_picture_caption_text ul .last_item {
	border: none;
	margin-bottom: 0px;
}

#home_page_quote {
	position:relative;
	margin-bottom: 40px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	font-size: 1.1em;
	padding-bottom: 20px;
	/* border-bottom: 1px dotted #ccc; */
	color: #99adff;
}

#home_page_quote .right_quote,
#home_page_quote .left_quote {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 14px;
	zoom: 1; /* Inline block fixes for IE */
    *display: inline;
}

#home_page_quote .left_quote {
	margin-right: 10px;
	background-image: url('quote_mark_left.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#home_page_quote .right_quote {
	margin-left: 10px;
	background-image: url('quote_mark_right.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#home_page_quote img#signature {
	display: block;
	position: absolute;
	right: 50px;
	bottom: -45px;
}
/* --------------------------------------MW PAGE SETTINGS ----------------------------------- */
#mw_two_col_container {
	width: 100%;
	float: left;
	margin-left: -135px; /* Minumum = product_related Width + Padding */
	border-right: 1px dotted #aaa;	
	border-right: 1px dotted <actinic:variable name="Palette3" />;
}
#mw_product_images {
	width: 400px;
	float: left;
	margin-left: 135px;  /* two_col_container Left Margin */
	z-index: 2; /* For IE - to make MagicZoom appear above Tabber but below ul#main_nav */
	position: relative;
}
#mw_product_middle_column {
	margin-left: 545px; /* Minimum = #product_images Width + Left Margin */
	padding-right: 10px;
}
#mw_product_related {
	width: 125px;
	float: right;
}
#mw_product_related .product_related_title {
	font-weight: bold;
	text-align: center;
	font-style: italic;
	font-size: 0.8em;
	color: <actinic:variable name="TextColor" />;
}
#mw_page_picture_container {
	width: 100%;
	margin: 0 auto;
}#mw_page_text_container {
	width: 100%;
	margin: 0 auto;
}
#mw_page_picture_container>img {
	float:left;
	width:35%;
}
#mw_page_picture_caption_text {
	float:right;
	width:62%;
}
#mw_page_picture_caption_text h1 {
	color: #99adff;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom: 0.9em;
}
#mw_page_picture_caption_text ul {
	list-style: none;
}
#mw_page_picture_caption_text ul li {
	padding: 0px 10px 11px 30px;
	margin: 11px 0px;
	font-size: 11px;
	color: #333;
	text-shadow: 1px 1px 0px #eee;
	border-bottom: 1px dotted #ccc;
	background: url('list_icon.png') 3px 3px no-repeat;
}
#mw_box_inner {
	/*margin: 10px;*/
	text-align: center;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
}

#mw_box_inner .column {
	display: inline;
	vertical-align: top;
	font-size: <actinic:variable name="StandardFontSize" />;
	margin: 5px 20px;
	width: 125px;
	zoom: 1; /* Inline block fixes for IE */
    *display: inline;
}

#mw_box_inner .column a.nav {
	display: block;
	text-decoration: none;
	color: <actinic:variable name="Palette3" />;
	margin: 7px 0px;
	font-size: <actinic:variable name="SmallFontSize" />;
}

#mw_box_inner .column a.nav:hover {
	text-decoration: underline;
}
#mw_box_inner .column .mw_col_title {
	color: <actinic:variable name="Palette3" />;
	font-weight: bold;
	font-size: 0.8em;
}
/* ---------------------------------------END MW PAGE SETTINGS ----------------------------------------*/
/*--------------------------------------- THUMBNAIL NAVIGATION FRAGMENT   -----------------------------*/

#home_page_thumbnails {
	margin: 5px 0px;
	padding: 0em 0px;
	/* border-bottom: 1px solid #ddd; 
	border-top: 1px dotted #ccc; */
}

/* bx-slide specific styles */
#home_page_thumbnails .bx-wrapper {
	margin: 0 auto;
}

#home_page_thumbnails  .bx-prev {
    position: absolute;
    top: 50%;
	 margin-top: -15px;
    left: -33px;
    width: 31px;
    height: 31px;
    text-indent: -999999px;
    background: url('icon_arrow_left.png') no-repeat 0 -31px; 
}

#home_page_thumbnails .bx-next {
    position: absolute;
    top: 50%;
	 margin-top: -15px;
    right: -37px;
    width: 31px;
    height: 31px;
    text-indent: -999999px;
    background: url('icon_arrow_right.png') no-repeat 0 -31px;
}

#home_page_thumbnails  .bx-next:hover,
#home_page_thumbnails  .bx-prev:hover {
    background-position: 0 0;
}
/* end of bx-slide styles */

#home_page_thumbnails ul#thumbnails_list {
	list-style: none;
	list-style-type: none;
	height: 126px;
	overflow: hidden;
}

#home_page_thumbnails ul#thumbnails_list li {
	padding: 0px 7px;
	width: 124px;
}

#home_page_thumbnails ul#thumbnails_list li a {
	border: 1px solid #99ADFF;
	box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	display: block;
	text-align: center;
	position: relative;
	height: 124px;
	width: 124px;
	color: #333;;
}

#home_page_thumbnails ul#thumbnails_list li a:hover {
	color: #fff;
	text-decoration: none;
	border-color: #777;
}

#home_page_thumbnails ul#thumbnails_list li a img {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 124px;
	width: 124px;
}

#home_page_thumbnails ul#thumbnails_list li a .thumbnail_text_container {
	position: absolute;
	bottom: 6%;
	left: 0px;
	width: 100%;
}

#home_page_thumbnails ul#thumbnails_list li a:hover .thumbnail_text {
	background-color: #99adff;
	background-color: #777;
}

#home_page_thumbnails ul#thumbnails_list li a .thumbnail_text {
	padding: 2px 3px 7px;
	line-height: 1.2em;
	max-height: 20px;
	font-size: 0.8em;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
}
/*                           END THUMBNAIL NAVIGATION FRAGMENT                                        */

#two_col_container {
	width: 100%;
	float: left;
	margin-left: -135px; /* Minumum = product_related Width + Padding */
	border-right: 1px dotted #aaa;	
	border-right: 1px dotted <actinic:variable name="Palette3" />;
}

#product_images {
	width: 400px;
	float: left;
	margin-left: 135px;  /* two_col_container Left Margin */
	z-index: 2; /* For IE - to make MagicZoom appear above Tabber but below ul#main_nav */
	position: relative;
}

#product_middle_column {
	margin-left: 545px; /* Minimum = #product_images Width + Left Margin */
	padding-right: 10px;
}

#product_middle_column .product_title {
	font-size: 1.1em;
	font-weight: bold;
	color: <actinic:variable name="TextColor" />;
	margin-bottom: 10px;
}

#product_middle_column .product_description {

}

#product_related {
	width: 125px;
	float: right;
}

#product_related .product_related_title {
	font-weight: bold;
	text-align: center;
	font-style: italic;
	font-size: ;
	color: <actinic:variable name="TextColor" />;
}

#product_related .related_item_wrapper {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	font-size:0.8em;
}

#product_related .related_item_image {
	width: 100%;
}

#product_related a.related_item_description {
	margin-top: 0px;
	text-align: center;
	display: block;
	font-size: 1em;
}
.wct_button {
   width:100px;
   font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="Palette3" />;
	font-style: normal;
	font-weight: bold; 
	text-align: center;
	font-size:1.4em;
    }
.wct_button_related {
    width:60px;
    font-size: 0.9em;
	color: #999;
	font-style: normal;
	font-weight: bold; 
	text-align: center;
    }
.wct_detail_button
        {
        width:140px;
        }

#bottom_box_outer {
	/*padding: 10px;*/
}

#bottom_box_inner {
	/*margin: 10px;*/
	text-align: center;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
}

#bottom_box_inner .column {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: <actinic:variable name="StandardFontSize" />;
	margin: 5px 00px;
	width: 130px;
	zoom: 1; /* Inline block fixes for IE */
    *display: inline;
}

#bottom_box_inner .column a.nav {
	display: block;
	text-decoration: none;
	color: <actinic:variable name="TextColor" />;
	margin: 7px 0px;
	font-size: <actinic:variable name="SmallFontSize" />;
}

#bottom_box_inner .column a.nav:hover {
	text-decoration: underline;
}

#bottom_box_inner .column .footer_col_title {
	color: #333;
	font-weight: bold;
	font-size: 0.8em;
	margin-bottom: 7px; 
}

#bottom_box_inner .shopping_cart {
	width: 150px;
}

#bottom_box_inner .shopping_cart a#sign_up_form_container {
	position: relative;
	display: block;
	/* margin-top: 1em; */
	width: 75px;
	padding-top: 58px;
	/* border: 1px solid <actinic:variable name="Palette3" />;*/
	font-size: 10px; 
	text-align: center;
	background-image: url("email_newsletter_icon99adff-2.1.gif");
}

#bottom_box_inner .shopping_cart a#sign_up_form_container:hover #popup {
	display:block;
}

#bottom_box_inner .shopping_cart #popup {
	display: none;
	position: absolute;
	top: -94px;
	padding-left: 10px;
	left: 54px;
	width: 260px;
}

#bottom_box_inner .shopping_cart #sign_up_form {
	background-color: #fff;
	padding: 10px;
	margin-left: 15px;
	border: 5px solid #555;
	border-radius: 8px;
	box-shadow: 0px 0px 8px #ccc;
	color: #000;
}

#bottom_box_inner .shopping_cart .arrow {
	width: 0px;
	position: absolute;
	left: 10px;
	top: 50%;
	border-width: 12px 9px 12px 0px;
	border-style: solid;
	border-left: none;
	border-color: transparent grey transparent transparent;
}

/* FOOTER STYLES */

#footer { 
	width: 90%;
	margin: 15px auto;
	text-align: center;
}

#footer .text_footer {
	color: <actinic:variable name="Palette2" />;
	font-size: <actinic:variable name="SmallFontSize" />;
/*	padding:0px; */
	margin:10px 0px;
}
#footer .text_footer_copyright {
	color: <actinic:variable name="Palette2" />;
	font-size: 8px;
	margin:10px 0px;
}

#footer a.link_footer {
	color : <actinic:variable name="Palette3" />;
	text-decoration : underline;
}


/* Fluid resizing */
@media (max-width: 800px) {

	#two_col_container, #product_images {
		margin-left: 0px;
	}
	
	#two_col_container  {
		width: -moz-available;
	}

	#product_images {
		width: 50%;
		min-width: 200px;
	}
	
	#product_middle_column {
		margin-left: 330px;
	}

	#product_related {
		clear: both;
		width:auto;
		float: none;
		padding-left: 0px;
		border: none;
		text-align: center;
	}
	
	#product_related .related_item_wrapper {
		margin: 0px 15px 15px 15px;
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Inline block fixes for IE */
    	*display: inline;
	}
	
}

/* Iphone Specific Styles */
@media (max-width: 600px) {
	
	#header_logo {
		width:100%;
	}
	
	#header_logo img {
		width: 100%;
	}
	
	ul#main_nav li {
		display: block;
	}
	
	#product_images {
		float: none;
		width: auto;
	}
	
	#product_middle_column {
		margin-left: 0px;
	}
}


/* Start of Tabber ******************************************************** Start of Tabber  */

.tab-container {
/*background: #fff; 
border-left:1px solid #99adff; 
border-right:1px solid #99adff; 
border-bottom:1px solid #99adff;*/
border: 1px solid #c4d0ff ;
border-top: none ;
padding: 5px ;
}

.tab-panes {
/*min-width:200px;
max-width:100%;
margin: 3px;*/
text-align:left;
height: auto !important;
width: auto !important;
}

.tab-panes p {
	margin: 0.2em 0em;
}

.tab-panes p.question {
	margin: 0px;
	color: <actinic:variable name="Palette3" />
}

.tab-panes p.answer {
	font-style: italic;
	color: #444;
	margin: 0px;
}
	
#tab-header {
/*float:left;
width:100%;
background:#e4e1fb url("tabber-round_bg.gif") repeat-x bottom;
font-size:93%;     
line-height:normal;*/
background-color: #fff;
border-bottom: 1px solid #c4d0ff ;
}
	  
#tab-header ul {
margin:0;
padding:5px 5px 0;
list-style:none;
text-align: left;
}
	  
#tab-header li {
/*float:left;
background:url("tabber-round_left.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;*/
list-style:none;
background-color: transparent ;
padding: 0px ;
margin: 0px 2px ;
float: none ;
display: inline-block;
vertical-align: bottom ;
zoom:1; /* Inline blocks for IE */
*display: inline;
}
	  
#tab-header a {
/*background:url("tabber-round_right.gif") no-repeat right top;
padding:10px 15px 4px 6px;
font-weight:300px;
color:#000;
list-style:none;*/
display:block;
text-decoration:none;
padding: 5px ;
border-radius: 5px 5px 0px 0px ;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border: 1px solid #ddd ;
border-bottom: none ;
font-size: 11px ;
color: #555 ;
background: #eff2ff; /* Old browsers */
background: -moz-linear-gradient(top, #eff2ff 0%, #99adff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff2ff), color-stop(100%,#99adff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eff2ff 0%,#99adff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eff2ff 0%,#99adff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eff2ff 0%,#99adff 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff2ff', endColorstr='#99adff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #eff2ff 0%,#99adff 100%); /* W3C */
}

#tab-header a:hover {
/*color:#6f6c6c;*/
}
	  
#tab-header #tab-current {
/*background-image:url("tabber-round_left_on.gif");
list-style-type: none;*/
}

#tab-header #tab-current a {
/* background-image:url("tabber-round_right_on.gif");
color:#333;
padding-bottom:5px;*/
position: relative;
z-index: 1;
top: 1px;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) ;
background: none ;
background-color: #fff ;
border-color: #c4d0ff ;
color: #000 ;
padding-bottom: 10px ;
text-shadow: 1px 1px 0px #e0e0e0;
}
	  

/* End of Tabber ********************************************************** End of Tabber */

/* start of MagicZoomPlus ************************************************* Start of MagicZoomPlus  */
/* MagicZoomPlus CSS added by Guy 23Jan10 ---------- */
/*   Magic Zoom Plus v2.0.2 
   Copyright 2010 Magic Toolbox
   You must buy a license to use this tool.
   Go to www.magictoolbox.com/magiczoomplus/  */

/* Style of zoomed window */
.MagicZoomBigImageCont {
margin-top: <actinic:variable name="ZoomDistanceTop" />px;
border: 1px solid <actinic:variable name="Palette3" />;
}
.MagicZoomBigImageCont p {
padding-left:100px;
} 

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt ;
line-height: normal ;
color: #fff;
background: <actinic:variable name="Palette3" />;
background-color: #333;
text-align: center ;
}

/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}

/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url('graphics/loader.gif') no-repeat 2px 50%;
padding: 4px 4px 4px 24px ;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}
/* Style of the small/std image link */
.MagicZoomStd {
cursor: url('graphics/zoomin.cur'), pointer;
padding: 0 ;
outline: 0 ;
/* border: 1px solid <actinic:variable name="Palette3" />; */
}

/* Style of the small/std image */
.MagicZoomStd img {
padding: 0 ;
margin: 0 ;
border: 1px solid #99ADFF;
border: 1px solid <actinic:variable name="Palette3" />;
}

/* Style of the span inside the small/std image link */
.MagicZoomStd span {
display: none ; 
}

.MagicThumbAddThis {
/* border: 1px solid #99ADFF;
border: 1px solid <actinic:variable name="Palette3" />; */
margin-left: 125px;
}

.MagicThumb .MagicThumb-swap img {
border: 1px solid #99ADFF;
border: 1px solid <actinic:variable name="Palette3" />;
margin: 0px <actinic:variable name="ZoomThumbSpacing" />px;
}

/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
background: #fff url('graphics/loader.gif') no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
}