 @import url(theme.css);
/*cope with inheritance bugs*/
body, table, th, td{
color:<actinic:variable name="TextColor" />;
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
}
.cartbox{
float:left;
margin-right:5px;
}
/*body specific*/
body{

<actinic:block if="true">
	background-colorXL: <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>;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

form{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

a:link{
color:<actinic:variable name="LinkColor"/>;
font-size:10px;
text-decoration:none;
}

a:visited{
color:<actinic:variable name="VLinkColor"/>;
font-size:10px;
text-decoration:none;
}

a:hover{
color:<actinic:variable name="HLinkColor"/>;
font-size:10px;
text-decoration:underline;
}

a:active{
color:<actinic:variable name="ALinkColor"/>;
font-size:10px;
text-decoration:none;
}

li{
color:<actinic:variable name="TextColor"/>;
list-style-type:square;
}

ol{
color:<actinic:variable name="TextColor"/>;
}

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;
}

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 {
color:<actinic:variable name="TextColor"/>;
list-style-type:square;
}

H1, H2, H4, H5, H6 {
font-family:<actinic:variable name="ACTCSSFONTFAMILY"/>;
}

.H3{
font-family:<actinic:variable name="ACTCSSFONTFAMILY"/>;
font-size:12px;color:#e1e1ff;
}

.actCHECKOUTEM {background-color:<actinic:variable name="CheckoutEM"/>;}
.actCHECKOUTBG {background-color:<actinic:variable name="CheckoutBG"/>;}

.actlarger{
    font-size: larger;
    color:<actinic:variable name="TextColor"/>;
    font-family: Arial, Helvetica, sans-serif;
}

.actsmaller{
    font-size: smaller;
    color:<actinic:variable name="TextColor"/>;
    font-family: Arial, Helvetica, sans-serif;
}

.actxxsmall{
    font-size:10px;
    color:<actinic:variable name="TextColor"/>;
    font-family: Arial, Helvetica, sans-serif;
}

.actxsmall{
    font-size:10px;
    color:<actinic:variable name="TextColor"/>;
    font-family: Arial, Helvetica, sans-serif;
}

.actsmall{
    font-size:10px;
    color:<actinic:variable name="TextColor"/>;
    font-family: Arial, Helvetica, sans-serif;
}

.actregular{
    font-size:12px;
    color:<actinic:variable name="TextColor"/>;
    font-family: Arial, Helvetica, sans-serif;
}

.actlarge{
    font-size:14px;
    color:<actinic:variable name="TextColor"/>;
    font-family: Arial, Helvetica, sans-serif;
}

.actxlarge{
    font-size:16px;
    color:<actinic:variable name="TextColor"/>;
    font-family: Arial, Helvetica, sans-serif;
}

.actxxlarge{
    font-size:18px;
    color:<actinic:variable name="TextColor"/>;
    font-family: Arial, Helvetica, sans-serif;
}

.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{color:<actinic:variable name="RequiredColor"/>;}
.actwelcome{color:<actinic:variable name="TextColor"/>;}

.actlogotext {font-family:<actinic:variable name="ACTCSSFONTFAMILY"/>; font-size: x-small; color: #D9090E; font-style: normal; font-weight: bold; text-align: center}
.actlogout{font-size:10px;}

.thinborder {
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: <actinic:variable name="PaletteBG"/>;
    border-right-color: <actinic:variable name="Palette3"/>;
    border-bottom-color: <actinic:variable name="Palette3"/>;
    border-left-color: <actinic:variable name="Palette3"/>;
}

.thinred {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: <actinic:variable name="PaletteBG"/>;
    border-right-color: <actinic:variable name="Palette1"/>;
    border-bottom-color: <actinic:variable name="Palette1"/>;
    border-left-color: <actinic:variable name="Palette1"/>;
}

.thinred2 {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: <actinic:variable name="PaletteBG"/>;
    border-right-color: <actinic:variable name="Palette2"/>;
    border-bottom-color: <actinic:variable name="Palette2"/>;
    border-left-color: <actinic:variable name="Palette2"/>;
}

.actsmallheading {
    font-size:10px;

    color:<actinic:variable name="PaletteBG"/>;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}
.actprix {font-family:<actinic:variable name="ACTCSSFONTFAMILY"/>;
    color: ##006666;
    font-style: normal;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    word-spacing: normal;
    font-size: 12px;
}
.titleboxes {
    color: #FFFFFF;
    font-style: normal;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    word-spacing: normal;
    font-size: 10px;
}

.titleboxes 2{
    color: #ffffff;
    font-style: normal;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    word-spacing: normal;
    font-size: 10px;
}
.actxxsmallfooter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 6px;
    color: #00557d;
}
.sectionname {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #9999CC;
    font-style: normal;
    line-height: 18px;
    font-weight: bold;
    letter-spacing:.1em;
    text-transform: none;
}
/* start of 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: <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 {
    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: square;
}

.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="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;
}

.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;
}

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="PaletteBG" />;
    background-image: url('theme_icon_add_to_cart.gif');
    word-spacing: normal;
    }

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="PaletteBG" />;
    background-image: url('theme_icon_add_to_cart.gif');
    word-spacing: normal;
    }



table.checkout#idBothAddressesTable col {
    width: auto;
}

td#idCheckoutHelpLabel,
table.checkout#idBothAddressesTable col.prompt {
    width: 130px;
}

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" />;
}

.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="BGColor" />;
    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="BGColor" />;
    background: <actinic:variable name="Palette1" />;
    padding: 5px;
    border: solid 1px <actinic:variable name="TextColor" />;
}

.checkout-field-label {
    width: 160px;
}

.checkout-field-input {
    width: *;
}

.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;
}

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="BGColor" />;
    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="BGColor" />;
    background: <actinic:variable name="Palette1" />;
    padding: 5px;
    border: solid 1px <actinic:variable name="TextColor" />;
}

.checkout-field-label {
    width: 160px;
}

.checkout-field-input {
    width: *;
}

.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;
}


.Stiltax{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #9999CC;
    font-style: normal;
    line-height: 10px;
    font-weight: normal;
    letter-spacing:.1em;
    text-transform: none;}
/* end of general styles for all themes */

/* CSS Specific to 'Executive' */

/* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */

    /* page header fomatting elements ----------------------------------------------------- */
    .page_header    {
        background-color: <actinic:variable name="Palette1" />;
        margin: 0px 0px 0px 0px;
        }

    .page_header_content    {
        width: 762px;
        text-align: left;
        height: 63px;
        }

    .page_header_home_search_box    {
        padding: 1px;
        margin: 0px;
        background-image:url('theme_dotted_line_2.gif');
        background-color: <actinic:variable name="Palette2" />;
        }

    .page_header_logo_container    {
        float: left;
        }

    .page_header_menu_cart_login_spacing    {
        padding-left: 2px;
        }

    .page_header_terms_cart_login_container    {
        float: right;
        text-align: right;
        }

    .page_header_terms_container    {
        height: 38px;
        }

    .page_header_menu_cart    {
        padding: 3px 5px 4px 19px;
        background-image:url('theme_icon_cart.gif');
        background-color:<actinic:variable name="Palette3" />;
        border-top: 1px solid <actinic:variable name="Palette2" />;
        border-bottom: 1px solid <actinic:variable name="Palette2" />;
        }

    .page_header_menu_cart_items    {
        padding: 3px 5px 4px 5px;
        background-color:<actinic:variable name="Palette3" />;
        border-left: 1px solid <actinic:variable name="Palette2" />;
        border-top: 1px solid <actinic:variable name="Palette2" />;
        border-bottom: 1px solid <actinic:variable name="Palette2" />;
        }

    .page_header_menu_login    {
        padding: 3px 5px 4px 17px;
        background-image:url('theme_icon_login.gif');
        background-color:<actinic:variable name="Palette3" />;
        border-top: 1px solid <actinic:variable name="Palette2" />;
        border-bottom: 1px solid <actinic:variable name="Palette2" />;
        }
    /* end page header fomatting elements ------------------------------------------------- */


    /* page menu fomatting elements ------------------------------------------------------- */
    .page_menu    {
        background-color: <actinic:variable name="Palette2" />;
        margin: 0px 0px 0px 0px;
        }

    .page_menu_content    {
        width: 762px;
        height: 21px;
        }

    .page_menu_items    {
        background-color: <actinic:variable name="Palette2" />;
        padding: 0px 0px 0px 1px;
        height: 21px;
        float: left;
        width: 65%;
        }

    .page_menu_items_search    {
        background-color: <actinic:variable name="Palette2" />;
        padding: 0px 0px 0px 1px;
        height: 21px;
        float: right;
        width: 30%;
        }
    /* end page menu fomatting elements ---------------------------------------------------- */


    /* page body fomatting elements -------------------------------------------------------- */
    .page_body    {
        padding: 10px 0px 0px 0px;
        }

    .page_body_content    {
        width: 762px;
        text-align: left;
        }

    .page_body_content_left_column    {
        float: left;
        width: 170px;
        }

    .page_body_content_right_column    {
        float: right;
        width: 552px;
        }
    /* end page body fomatting elements ----------------------------------------------------- */


    /* page footer fomatting elements ------------------------------------------------------- */
    .page_footer    {
    padding: 30px 0px 30px 0px;
    clear:both;
    }

    .page_footer_content    {
        width: 762px;
        text-align: left;
        }
    /* end of page footer fomatting elements ------------------------------------------------ */

    /* page left column fomatting elements -------------------------------------------------- */
    .left_column_product_image_description    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
        }
    /* end page left column fomatting elements ---------------------------------------------- */

/* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */




/* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS --------------------------------------------------- */
    /* 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;
        }
    /* end lines ---------------------------------------------------------------------------- */

    .best_selling_items    {
    padding: 10px;
    background-color: <actinic:variable name="PaletteBG" />;
    }

    .best_selling_items_spacing    {
    padding: 0px 0px 8px 8px;
    }

    .product_image_cost    {
        margin: 0px 12px 8px 0px;
        text-align: center;
        float: left;
        }

    .product_list    {
        margin: 20px 0px 20px 0px;
        }
/* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */



/* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */
    .image_float_right    {
        float: right;
        margin: 16px 0px 15px 20px;
        }

    .image_product    {
        margin: 0px 18px 10px 0px;
        text-align: center;
        float: left;
        }
/* END OF IMAGE FORMATTING ELEMENTS ----------------------------------------------------- */




/* TEXT FORMATTING ELEMENTS ------------------------------------------------------------- */

    /* headings ----------------------------------------------------------------------------- */


    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.{
        font-size: 12px;
        font-weight: 300;
        margin: 0px;
        padding: 12px 0px 4px 0px;
        color:#9999CC;
        }
    h3.product    {
        font-size: <actinic:variable name="LargerFontSize" />;
        font-weight: 900;
        margin: 0px;
        padding: 0px 0px 6px 0px;
        color: <actinic:variable name="Palette2" />;
        }

    h3.product_price    {
        font-size: <actinic:variable name="StandardFontSize" />;
        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" />;
        }
    /* end headings ------------------------------------------------------------------------- */

    /* list fomatting ----------------------------------------------------------------------- */
    ul    {
        line-height: 150%;
        padding: 0px 0px 0px 1px;
        margin: 0px 0px 18px 15px;
        font-size: <actinic:variable name="StandardFontSize" />;
        }

    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" />;
        }
    /* end list fomatting ------------------------------------------------------------------- */

    /* menu text --------------------------------------------------------------------------- */
    .text_menu    {
        padding: 2px 0px 2px 0px;
        font-size : <actinic:variable name="StandardFontSize" />;
        margin: 0px;
        color : <actinic:variable name="PaletteBG" />;
        }

    .text_menu_no_space    {
        word-spacing: normal;
        }

    .text_menu_cart    {
        padding: 0px;
        margin: 0px;
        line-height: normal;
        }

    .text_menu_cart_items    {
        padding: 0px;
        margin: 0px;
        line-height: normal;
        font-weight: 900;
        }
    /* end menu text ----------------------------------------------------------------------- */

    /* product text ------------------------------------------------------------------------ */
    .text_product_small_info    {
        font-size: <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" />;
        }

    /* end product text -------------------------------------------------------------------- */

    .text_breadcrumbs    {
        font-size: <actinic:variable name="SmallFontSize" />;
        color: <actinic:variable name="Palette1" />;
        margin: 0px;
        line-height:normal;
        padding: 2px 0px 10px 0px;
        }

    .text_footer    {
        color: <actinic:variable name="Palette2" />;
        font-size: <actinic:variable name="SmallFontSize" />;
        padding:0px;
        margin:4px 0px 0px 0px;
        }

    .text_options    {
        font-weight: 900;
        }

    .text_word_spacing_8px    {
        word-spacing: 8px;
        }

    .text_terms_conditions    {
        color: <actinic:variable name="Palette2" />;
        font-size: <actinic:variable name="StandardFontSize" />;
        border: 0;
        margin: 0;
        padding: 0;
        }
/* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */




/* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */
    /* buttons ----------------------------------------------------------------------------- */
    .form_button    {
        line-height: normal;
        width: 76px;
        margin: 0px;
        padding: 0px 0px 0px 12px;
        font-size : <actinic:variable name="StandardFontSize" />;
        background-color: <actinic:variable name="Palette2" />;
        border: 1px solid <actinic:variable name="Palette1" />;
        color: <actinic:variable name="PaletteBG" />;
        word-spacing: normal;
        }

    .form_button_quick_search    {
        line-height: 13px;
        height: 18px;
        width: 85px;
        margin: 1px 1px 1px 1px;
        padding: 0px 0px 0px 12px;
        font-size : <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;
        }

    .form_button_add_to_cart    {
    line-height: 13px;
    height: 20px;
    width: 86px;
        margin: 0px 1px 0px 0px;
        padding: 1px 0px 1px 14px;
        font-size : <actinic:variable name="StandardFontSize" />;
        background-color: <actinic:variable name="Palette2" />;
        border: 1px solid <actinic:variable name="Palette1" />;
        color: <actinic:variable name="PaletteBG" />;
        float: right;
        background-image: url('theme_icon_add_to_cart.gif');
        word-spacing: normal;
        }
    /* end buttons ------------------------------------------------------------------------- */

.form_input_general    {
    line-height: normal;
    font-size : <actinic:variable name="StandardFontSize" />;
    word-spacing: normal;
    }

.form_main_search_box    {
    line-height: 13px;
    width: 76px;
    height: 16px;
    margin: 0px 1px 0px 1px;
    padding: 0px 0px 0px 2px;
    font-size : <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" />
}

/* END OF FORM FORMATTING ELEMENTS ------------------------------------------------------ */




/* LINK FORMATTING ELEMENTS ------------------------------------------------------------- */

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 : none;
    }

/* ------------------------ */

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 : none;
    background-color: <actinic:variable name="Palette1" />;
    border: 1px solid <actinic:variable name="Palette3" />;
    }


/* ------------------------ */

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;
    }

/* ------------------------ */

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;
    }

/* ------------------------ */

a.link_cart:visited    {
    color : <actinic:variable name="Palette1" />;
    text-decoration : underline;
    }

a.link_cart:link  {
    color : <actinic:variable name="Palette1" />;
    text-decoration : underline;
    }

a.link_cart:active  {
    color : <actinic:variable name="Palette1" />;
    text-decoration : underline;
    }

a.link_cart:hover  {
    color : <actinic:variable name="Palette1" />;
    text-decoration : underline;
    }

/* ------------------------ */

a.link_terms_conditions:visited    {
    color : <actinic:variable name="Palette3" />;
    text-decoration : underline;
    }

a.link_terms_conditions:link  {
    color : <actinic:variable name="Palette3" />;
    text-decoration : underline;
    }

a.link_terms_conditions:active  {
    color : <actinic:variable name="Palette3" />;
    text-decoration : underline;
    }

a.link_terms_conditions:hover  {
    color : <actinic:variable name="Palette3" />;
    text-decoration : underline;
    }

/* ------------------------ */


/* END OF LINK FORMATTING ELEMENTS ------------------------------------------------------ */

/* Elements Specific to the Technical Theme */

/* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */

.tech_page_background    {
    height: 100%;
    }

.tech_page_content    {
    width: 762px;
    text-align: left;
    height: 100%;
    bottom: 0px;
    background-color: <actinic:variable name="BGColor" />;
    border-right: 1px solid <actinic:variable name="Palette1" />;
    border-left: 1px solid <actinic:variable name="Palette1" />;
    padding: 0px 1px 0px 1px;
    }

    /* page header fomatting elements ----------------------------------------------------- */
    .tech_page_header_content    {
        width: 762px;
        text-align: left;
        height: 65px;
        border-bottom: 4px solid <actinic:variable name="Palette1" />;
      }

    .tech_page_header_logo_container    {
        float: left;
        padding: 0px 0px 0px 15px;
      }

    .tech_page_header_menu    {
        background-color: <actinic:variable name="Palette1" />;
        border-bottom: 1px solid <actinic:variable name="Palette3" />;
        height: 27px;
      }

    .tech_page_header_terms_cart_login_container    {
        float: right;
        text-align: right;
      }

    .tech_page_header_terms_container    {
        height: 38px;
      }

    .tech_page_header_menu_cart    {
        padding: 3px 3px 2px 3px;
        border-left: 1px solid <actinic:variable name="Palette3" />;
        height: 21px;
      }

    .tech_page_header_menu_cart_items    {
        padding: 3px 5px 4px 5px;
        border-left: 1px solid <actinic:variable name="Palette3" />;
        border-top: 1px solid <actinic:variable name="Palette3" />;
        border-bottom: 1px solid <actinic:variable name="Palette3" />;
      }

    .tech_page_header_menu_search    {
        padding: 3px 3px 2px 1px;
      }
    /* end page header fomatting elements ------------------------------------------------- */


    /* page menu formatting elements ------------------------------------------------------- */
    .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" />;
      }
    /* end page menu fomatting elements ---------------------------------------------------- */


    /* page body fomatting elements -------------------------------------------------------- */
    .tech_page_body_content    {
        width: 762px;
        text-align: left;
      }

    .tech_page_body_content_left_column    {
        float: left;
        width: 126px;
      }

    .tech_page_body_content_right_column    {
        float: right;
        width: 574px;
        padding: 6px 36px 0px 0px;
      }
    /* end page body fomatting elements ----------------------------------------------------- */


/* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */

/* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS --------------------------------------------------- */

    /* lines -------------------------------------------------------------------------------- */
    .tech_solid_line_blue    {
        height: 1px;
        background-color: <actinic:variable name="Palette1" />;
        clear:both;
      }

    .tech_solid_line_light_blue    {
        height: 1px;
        background-color: <actinic:variable name="Palette3" />;
        clear:both;
      }

    .tech_outline_blue    {
        border: 1px solid <actinic:variable name="Palette3" />;
        padding: 0px;
      }

    /* end lines ---------------------------------------------------------------------------- */

    .tech_product_image_cost    {
        padding: 0px 12px 8px 0px;
        margin: 0px;
        text-align: center;
        float: left;
      }

    .tech_product_mini_title    {
        background-color: <actinic:variable name="Palette3" />;
        margin: 0px;
        padding: 0px;
      }

    .tech_product_mini_padding    {
        margin: 8px 8px 0px 8px;
      }

/* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS -------------------------------------------- */

    /* menu text --------------------------------------------------------------------------- */

    .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;
      }

    .tech_text_menu_cart    {
        padding: 2px 0px 2px 0px;
        font-size : <actinic:variable name="StandardFontSize" />;
        margin: 0px;
        color : <actinic:variable name="PaletteBG" />;
        background-color: <actinic:variable name="Palette1" />;}

    .tech_text_menu_cart_items    {
        color : <actinic:variable name="PaletteBG" />;
        padding: 0px 5px 0px 3px;
        margin: 0px;
        line-height: normal;
        font-weight: 900;
        }
    /* end menu text ----------------------------------------------------------------------- */

    /* best seller and new product text ------------------------------------------------------------------------ */

    .tech_text_product_small_info    {
        font-size: <actinic:variable name="SmallFontSize" />;
        line-height: normal;
        margin: 0px;
        padding: 0px 0px 8px 0px;
        }

    .text_product_small_info_price    {
        margin: 0px;
        padding: 8px 0px 0px 0px;
        line-height:normal;
        color: <actinic:variable name="Palette2" />;
        font-weight: 900;
        font-size: <actinic:variable name="LargerFontSize" />;
        }

    .tech_text_product_mini_title    {
        color: <actinic:variable name="PaletteBG" />;
        font-weight: 900;
        padding: 3px 3px 3px 5px;
        margin: 0px;
        }

    /* end product text -------------------------------------------------------------------- */

/* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */

/* LINK FORMATTING ELEMENTS ------------------------------------------------------------- */

/* View Cart and Checkout In Top Bar */

a.tech_link_menu_cart_left:visited  {
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    color : <actinic:variable name="PaletteBG" />;
    text-decoration : none;
    background-color: <actinic:variable name="Palette2" />;
    border-left: 1px solid <actinic:variable name="PaletteBG" />;
    border-top: 1px solid <actinic:variable name="PaletteBG" />;
    border-bottom: 1px solid <actinic:variable name="PaletteBG" />;
   }

a.tech_link_menu_cart_left:link  {
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    color : <actinic:variable name="PaletteBG" />;
    text-decoration : none;
    background-color: <actinic:variable name="Palette2" />;
    border-left: 1px solid <actinic:variable name="PaletteBG" />;
    border-top: 1px solid <actinic:variable name="PaletteBG" />;
    border-bottom: 1px solid <actinic:variable name="PaletteBG" />;
   }

a.tech_link_menu_cart_left:active  {
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    color : <actinic:variable name="PaletteBG" />;
    text-decoration : none;
    background-color: <actinic:variable name="Palette3" />;
    border-left: 1px solid <actinic:variable name="PaletteBG" />;
    border-top: 1px solid <actinic:variable name="PaletteBG" />;
    border-bottom: 1px solid <actinic:variable name="PaletteBG" />;
   }

a.tech_link_menu_cart_left:hover  {
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    color : <actinic:variable name="PaletteBG" />;
    text-decoration : none;
    background-color: <actinic:variable name="Palette3" />;
    border-left: 1px solid <actinic:variable name="PaletteBG" />;
    border-top: 1px solid <actinic:variable name="PaletteBG" />;
    border-bottom: 1px solid <actinic:variable name="PaletteBG" />;
   }

a.tech_link_menu_cart_right: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-left: 1px dotted <actinic:variable name="PaletteBG" />;
    border-right: 1px solid <actinic:variable name="PaletteBG" />;
    border-top: 1px solid <actinic:variable name="PaletteBG" />;
    border-bottom: 1px solid <actinic:variable name="PaletteBG" />;
   }

a.tech_link_menu_cart_right: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-left: 1px dotted <actinic:variable name="PaletteBG" />;
    border-right: 1px solid <actinic:variable name="PaletteBG" />;
    border-top: 1px solid <actinic:variable name="PaletteBG" />;
    border-bottom: 1px solid <actinic:variable name="PaletteBG" />;
}

a.tech_link_menu_cart_right:active  {
    padding: 2px 5px 2px 5px;
    margin: 0px 1px 0px 0px;
    color : <actinic:variable name="PaletteBG" />;
    text-decoration : none;
    background-color: <actinic:variable name="Palette3" />;
    border-left: 1px dotted <actinic:variable name="PaletteBG" />;
    border-right: 1px solid <actinic:variable name="PaletteBG" />;
    border-top: 1px solid <actinic:variable name="PaletteBG" />;
    border-bottom: 1px solid <actinic:variable name="PaletteBG" />;}

a.tech_link_menu_cart_right:hover  {
    padding: 2px 5px 2px 5px;
    margin: 0px 1px 0px 0px;
    color : <actinic:variable name="PaletteBG" />;
    text-decoration : none;
    background-color: <actinic:variable name="Palette3" />;
    border-left: 1px dotted <actinic:variable name="PaletteBG" />;
    border-right: 1px solid <actinic:variable name="PaletteBG" />;
    border-top: 1px solid <actinic:variable name="PaletteBG" />;
    border-bottom: 1px solid <actinic:variable name="PaletteBG" />;}

/* ------------------------ */

/* Links in Sidebar Menus */

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:none;
    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:none;
    background-color: <actinic:variable name="Palette3" />;
    background-image:url('theme_arrow.gif');
   }

/* END OF LINK FORMATTING ELEMENTS ------------------------------------------------------ */

/* Styles for Contemporary Theme */

#maincontent {
    margin: 0 auto;
    background-color: <actinic:variable name="PaletteBG" />;
    height: 100%;
    padding: 7px;
    width: 776px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 762px;
}

html>div#maincontent {
    width: 776px;
}

#contemporary_top_bar {
    width: auto;
    background-color: <actinic:variable name="Palette1" />;
    height: 64px;
    background-image:url('theme_topbar_background.gif');
    background-position:right;
    background-repeat:no-repeat;
}

#contemporary_second_bar {
    width: auto;
    background-image: url('theme_secondbar_background.gif');
    background-repeat: repeat-x;
    padding: 12px 5px 5px 5px;
}

#contemporary_parent_section_list {
    width: auto;
    padding: 5px 5px 0 5px;
}

.contemporary_body_content    {
    width: 762px;
    text-align: left;
}

.contemporary_left_column    {
    float: left;
    width: 120px;
}

.contemporary_right_column    {
    float: right;
    width: 574px;
    padding: 0px 36px 0px 0px;
}

/* End of Styles for Contemporary Theme */
/*villa le bosquet themes*/

.VIILAcontentName {
    color: #ff8000;
    letter-spacing:0.5ex;

    line-height:normal
    font-family: "Times New Roman", Times, serif;
    font-size: 30px;

    }

.H1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ff8000;
    font-weight: bold;
    font-variant: normal;
    font-stretch: expanded;
    letter-spacing:0.1em;

}
.H2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ff8000;
    font-weight: bold;
    font-variant: normal;
    font-stretch: expanded;
    letter-spacing:0.1em;

}
.villaFragmenttext1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ff8000;
    font-style: normal;
    line-height: 14px;
    font-weight: normal;
    letter-spacing:.1em;
    text-transform: none;
}
.H3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ff8000;
    font-style: normal;
    line-height: 18px;
    font-weight: bold;
    letter-spacing:.1em;
    text-transform: none;
}
.villaproductname-popup {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ff8000;
    font-style: normal;
    line-height: 18px;
    font-weight: bold;
    letter-spacing:.1em;
    text-transform: none;
}
.villaproductdescription{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    font-style: normal;
    line-height: 14px;
    font-weight: normal;
    letter-spacing:.1em;
    text-transform: none;
}
.villaproductdesc_popup{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000080;
    font-style: normal;
    line-height: 14px;
    font-weight: normal;
    letter-spacing:.1em;
    text-transform: none;
}
.villaproductreferenz{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ff8000;
    font-style: normal;
    line-height: 10px;
    font-weight: normal;
    letter-spacing:.2em;
    text-transform: none;
    }.Stiltax{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #9999CC;
    font-style: normal;
    line-height: 10px;
    font-weight: normal;
    letter-spacing:.1em;
    text-transform: none;

}.villaproductref_popup{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ff8000;
    font-style: normal;
    line-height: 10px;
    font-weight: normal;
    letter-spacing:.2em;
    text-transform: none;
    }
        .villaindexsubline{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #006666;
    font-style: normal;
    line-height: 10px;
    letter-spacing:.1em;
    font-weight: normal;
    }
.villa-text-left {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #ff8000;
    text-align: left;
}
    .greyText {
    font:10px Verdana, Arial, Helvetica, sans-serif;
    color:#999999;
    line-height:14px;
    margin-top:0px;
    }
    /* End of Styles for villalebosquet Theme *

/* 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');
    padding-left: 10px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.formbox2 {
    padding: 0px;
    margin: 0px;
    border: 0px;
    height: 19px;
    background-image: url('theme-rounded-searchfield-right.gif');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;

}

.inputfield {
    padding: 0px;
    margin: 0px;
    margin-top: 1px;
    border: 0px;
    font-size: 12px;
}

/* Drop down menus used for top level section lists and brochure page lists in the 'Corporation' and 'Premier' theme */

#corporate_top_menu, #corporate_top_menu ul { /* main menu lists */
    padding: 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    line-height: 1;
    font-size: <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 */

<actinic:variable name="ThemeStyles" value="Styles for Expert Theme" />
<actinic:variable name="ThemeStyles" value="Styles for Hotshot Theme" />
<actinic:variable name="ThemeStyles" value="Styles for Prime Theme" />
<actinic:variable name="ThemeStyles" value="Styles for Reflective Theme" />
<actinic:variable name="ThemeStyles" value="Styles for Corporation Theme" />
<actinic:variable name="ThemeStyles" value="Styles for Premier Theme" />
<actinic:variable value="Styles for Silver Theme" name="ThemeStyles" />
<actinic:variable value="Styles for Bobcat Theme" name="ThemeStyles" />
<actinic:variable value="Styles for Minimal Theme" name="ThemeStyles" />
<actinic:variable value="Styles for Silver Theme" name="ThemeStyles" />
<actinic:variable value="Styles for Bobcat Theme" name="ThemeStyles" />
<actinic:variable value="Styles for Minimal Theme" name="ThemeStyles" />

