/* theme.css contains styles that support different sizes of theme images */
@import url("theme.css");
/* begin general styles for all themes */
body {
text-align: center;
margin: 0px;
padding: 0px;
background-color:#ece8f4;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
}
a img {border: none;
}
p, table, td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
margin-top: 0px;
}
form {
margin: 0px;
}
a:link {
color: #999999;
text-decoration: none;
}
a:visited {
color: #999999;
text-decoration: none;
}
a:hover {
color: #cc0000;
text-decoration: underline;
}
a:active {
color: #666666;
text-decoration: none;
}
a.checkout-checkoutbg {
margin-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
border: #f1eef7 2px solid;
border-top: #f1eef7 2px solid;
border-right: #000000 1px solid;
border-bottom: #000000 1px solid;
}
a.checkout-checkoutbg:link {
color: #f1eef7;
text-decoration: none;
}
a.checkout-checkoutbg:visited {
color: #f1eef7;
text-decoration: none;
}
a.checkout-checkoutbg:hover {
color: #f1eef7;
text-decoration: underline;
}
a.checkout-checkoutbg:active {
color: #f1eef7;
text-decoration: underline;
}
a.checkout-textcolor:link {
color: #000000;
text-decoration: none;
}
a.checkout-textcolor:visited {
color: #000000;
text-decoration: none;
}
a.checkout-textcolor:hover {
color: #000000;
text-decoration: underline;
}
a.checkout-textcolor:active {
color: #000000;
text-decoration: underline;
}
ul {
list-style-type: square;
}
/* Generic text formatting used throughout the store
---------------------------- */
.actCHECKOUTEM {
background-color: #cccccc;
}
.actCHECKOUTBG {
background-color: #f1eef7;
}
.actlarger {
font-size: 13px;
color: #000000;
}
.actsmaller{
font-size: 10px;
color: #000000;
}
.actxxsmall {
font-size: 10px;
color: #000000;
}
.actxsmall {
font-size: 11px;
color: #000000;
}
.actsmall {
font-size: 11px;
color: #000000;
}
.actregular {
font-size: 13px;
color: #000000;
}
.actlarge{
font-size: 16px;
color: #000000;
}
.actxlarge {
font-size: 20px;
color: #000000;
}
.actxxlarge {
font-size: 20px;
color: #000000;
}
.actwarningcolor {
color: #d20000;
}
.actrequiredcolor {
color: #d20000;
}
.actsearchhighlightcolor {
color: #ff0000;
}
.actrequired {
color: #d20000;
}
.actwarning {
font-size: 11px;
color: #d20000;
}
.actwelcome {
font-size: 11px;
color: #000000;
}
.actlogotext {
font-size: 11px;
color: #D9090E;
font-style: normal;
font-weight: bold;
text-align: center;
}
.actlogout {
font-size: 11px;
color: #666666;
}
/* Boxes and borders ------------------------------------------- */
.thinborder1 {
border: 1px solid #c0c0c0;
}
.thinborder2 {
border: 1px solid #c0c0c0;
}
.thinred {
border: solid 1px #c0c0c0;
border-top: 0px;
}
.thinred2 {
border: solid 1px #c0c0c0;
border-top: 0px;
}
.boxheading {
font-weight: bold;
text-transform: uppercase;
color: #ece8f4;
}
a.boxlink:link{
color: #ece8f4;
text-decoration:none;
}
a.boxlink:visited{
color: #ece8f4;
text-decoration:none;
}
a.boxlink:hover{
color: #ece8f4;
text-decoration:underline;
}
a.boxlink:active{
color: #ece8f4;
text-decoration:none;
}
* html .boxhead h2 {height: 1%;}
.sidebox {
background: url('theme_curve4.gif') no-repeat bottom right;
font-size: 100%;
}
.boxhead {
background: url('theme_curve2.gif') no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.boxhead h2 {
background: url('theme_curve1.gif') no-repeat top left;
margin: 0;
padding: 5px 10px 5px;
color: #ffffff;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
}
.boxbody {
background: url('theme_curve3.gif') no-repeat bottom left;
margin: 0;
padding: 5px 10px 11px;
}
.boxbody ol {
margin: 0;
padding: 0;
margin-left: 1.2em;
padding-left: 1.2em;
}
.boxbody ol li {
margin-bottom: 0.2em;
}
/* Shopping cart and checkout fields
------------------------------------------- */
div.CheckoutCartSection {
margin-top: 0px;
margin-bottom: 10px;
}
table.checkout#idTableCheckoutSection {
margin-bottom: 0px;
}
table.checkout-cart {
width: 720px;
border-collapse: collapse;
padding: 0px 0px;
margin-bottom: 5px;
}
table.checkout-cart th{
font-size:12px;
font-weight: bold;
background-color: #c0c0c0;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
padding: 4px 4px;
}
table.checkout-cart td{
padding: 4px 4px;
}
table.checkout {
width: 720px;
border-collapse: collapse;
padding: 0px 0px;
text-align: left;
margin-bottom: 5px;
}
table.checkout th {
background-color: #c0c0c0;
font-size: 13px;
font-weight: bold;
color: #f1eef7;
text-align: left;
padding: 5px 2px;
border-bottom: solid 3px #ece8f4;
}
table.checkout th.instruction {
font-size: 11px;
font-weight: normal;
}
table.checkout th.change {
font-size: 11px;
font-weight: bold;
padding: 0px 0px;
text-align: right;
}
.checkout-change-button {
line-height: 13px;
height: 20px;
width: 86px;
margin: 0px 1px 0px 0px;
padding: 0px 0px 0px 0px;
font-size : 11px;
background-color: #c0c0c0;
border: 1px solid #c0c0c0;
color: #ffffff;
background-image: url('theme_icon_add_to_cart.gif');
word-spacing: normal;
}
table.checkout td {
background-color: #f1eef7;
border-right: solid 1px #ece8f4;
border-bottom: solid 1px #ece8f4;
padding: 2px 2px;
}
table.checkout#idBothAddressesTable col {
width: auto;
}
td#idCheckoutHelpLabel,
table.checkout#idBothAddressesTable col.prompt {
width: 130px;
}
.cart {
background-color: #f1eef7;
border-bottom: solid 1px #cccccc;
}
.checkout-cartheading {
font-weight: bold;
background-color: #f1eef7;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
}
.cartheading {
background-color: #c0c0c0;
font-weight: bold;
color: #f1eef7;
}
h2.checkout-heading {
background-color: #c0c0c0;
font-size: 13px;
font-weight: bold;
color: #f1eef7;
padding: 5px 2px;
border-bottom: solid 3px #ece8f4;
width: 720px;
}
h3.checkout-heading {
width: 720px;
padding: 3px 0;
background-color: #c0c0c0;
font-size: 13px;
font-weight: bold;
color: #f1eef7;
border-bottom: solid 3px #ece8f4;
}
.checkout-subheading {
font-weight: bold;
padding: 0;
margin: 0;
}
img.cartthumbnail {
border: 0px;
margin-left: 2px;
margin-right: 2px;
width: 25px;
}
input.normal-button {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ece8f4;
background: #c0c0c0;
padding: 5px;
border: solid 1px #000000;
}
input.highlight-button {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ece8f4;
background: #c0c0c0;
padding: 5px;
border: solid 1px #000000;
}
.checkout-field-label {
width: 160px;
}
.checkout-field-input {
width: auto;
}
.checkout-field-input input, .checkout-field-input select {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
background-color: #ece8f4;
padding: 2px;
}
.InvoiceField input, .InvoiceField select {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
background-color: #ece8f4;
padding: 2px;
}
.DeliverField input, .DeliverField select {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
background-color: #ece8f4;
padding: 2px;
}
table.checkout#idBothAddressesTable select {
width: 211px;
}
input.checkbox {
background-color: #f1eef7;
border: 0;
}
.checkout-field-area {
background: #f1eef7;
border-bottom: solid 2px #ece8f4;
width: 446px;
}
.checkout-field-area p {
margin: 0;
padding: 4px;
}
div.checkout-buttons {
width: 446px;
height: 50px;
margin-top: 20px;
}
.left {
float : left;
width : 50%;
}
.right {
float : right;
width : 40%;
}
.spacer {
clear : both;
}
.checkout-help-hide {
display: none;
}
/* Checkout Progress Indicator
------------------------------------------------ */
p.checkout-progress-heading {
width: 300px;
margin: 0px auto;
}
#checkout-progress-indicator {
width: 300px;
height: 19px;
background-image: url('cpi-background.gif');
margin: 0 auto 0px auto;
}
.checkout-progress-0 {
width: 75px;
height: 19px;
background-color: #c0c0c0;
background-image: url('cpi-main.gif');
float: left;
}
.checkout-progress-1 {
width: 150px;
height: 19px;
background-color: #c0c0c0;
background-image: url('cpi-main.gif');
float: left;
}
.checkout-progress-2 {
width: 225px;
height: 19px;
background-color: #c0c0c0;
background-image: url('cpi-main.gif');
float: left;
}
.checkout-progress-3 {
width: 300px;
height: 19px;
background-color: #c0c0c0;
background-image: url('cpi-main.gif');
float: left;
}
#checkout-progress-indicator .cpi-end {
width: 8px;
padding: 0;
margin: 0;
border: 0;
height: 19px;
background-image: url('cpi-end.gif');
background-position: right;
background-repeat: no-repeat;
float: left;
}
table#idCheckoutProgress {
margin-bottom: 10px;
}
table#idCheckoutProgress td{
background-repeat:repeat-x;
background-color:transparent;
border: 0px;
padding: 0px;
height:19px;
text-align:center;
}
table#idCheckoutProgress td.cpi-left{
background-image:url("cpi-main.gif");
color:white;
width:160px;
}
table#idCheckoutProgress td.cpi-complete{
background-image:url("cpi-main-mid.gif");
color:white;
width:160px;
}
table#idCheckoutProgress td.cpi-incomplete{
background-image:url("cpi-background.gif");
color:black;
width:160px;
}
table.CheckoutProgress {
width: 446px;
border-collapse: collapse;
margin-bottom: 10px;
}
table.CheckoutProgress td {
padding: 0px 0px;
background-repeat: repeat-x;
background-color: transparent;
height: 19px;
text-align: center;
width: 140px;
}
table.CheckoutProgress td.cpi-start{
background-image: url("cpi-main.gif");
width: 8px;
}
table.CheckoutProgress td.cpi-inactive{
background-image: url("cpi-main-mid.gif");
color: #ece8f4;
}
table.CheckoutProgress td.cpi-active{
background-image: url('cpi-background.gif');
font-weight: bold;
color: #000000;
}
table.CheckoutProgress td.cpi-end {
background-image: url("cpi-end.gif");
width: 8px;
}
table.CheckoutProgress td.cpi-spacer {
background-image: url("cpi-main-mid.gif");
width: auto;
}
/* Formatting for the site map
-------------------------------------------- */
#actinic-sitemap {
margin-left: 5px;
}
#actinic-sitemap ul {
margin-bottom: 0;
padding-bottom: 0;
}
/* Formatting for Feefo customer feedback
--------------------------------- */
.feefositelogo {
margin-top: 10px;
text-align: center;
}
.feefoproductlogo {
margin-top: 10px;
}
/* Recently Viewed Products List Style
------------------------------------ */
/* Used by 'CSS Product Layout'
------------------------------------------- */
.content_left {
text-align: left;
float: left;
margin-right: 20px;
}
.content_right {
text-align: left;
float: left;
}
/* Used by 'Standard Layout Using CSS' and related CSS-based product
layouts */
.product_list {
margin: 20px 0px 20px 0px;
}
/* headings
-----------------------------------------------------------------------------
*/
h1 {
font-size: 20px;
font-weight: 900;
margin: 0px;
padding: 16px 0px 4px 0px;
color: #c0c0c0;
}
h1.subheading {
font-size: 13px;
font-weight: 900;
margin: 0px;
padding: 0px 0px 14px 0px;
color: #c0c0c0;
}
h2 {
font-size: 16px;
font-weight: 900;
margin: 0px;
padding: 2px 0px 14px 0px;
color: #666666;
}
h2.clearall {
font-size: 16px;
font-weight: 900;
margin: 0px;
padding: 2px 0px 14px 0px;
color: #c0c0c0;
clear:both;
}
h3.product {
font-size: 13px;
font-weight: 900;
margin: 0px;
padding: 0px 0px 6px 0px;
color: #c0c0c0;
}
h3.product_price {
font-size: 11px;
font-weight: 900;
margin: 0px;
padding: 0px 0px 20px 0px;
}
.text_heading_left_column {
margin: 0px;
padding: 19px 0px 4px 0px;
line-height:normal;
color: #c0c0c0;
font-weight: 900;
font-size: 13px;
}
/* Default formatting of all text boxes used in store pages
---------------- */
.form_input_general {
line-height: normal;
font-size : 11px;
word-spacing: normal;
}
/* Styles for 'Quick Search Bar With Larger Button'
------------------------ */
.form_main_search_box {
line-height: 13px;
width: 76px;
height: 16px;
margin: 0px 1px 0px 1px;
padding: 0px 0px 0px 2px;
font-size : 11px;
background-color: #f1eef7;
border: 1px solid #f1eef7;
color: #000000;
vertical-align: top;
}
.form_main_search_box_td {
background-color: #c0c0c0
}
.form_button_quick_search {
line-height: 13px;
height: 18px;
width: 85px;
margin: 1px 1px 1px 1px;
padding: 0px 0px 0px 12px;
font-size : 11px;
background-color: #c0c0c0;
border: 1px solid #c0c0c0;
color: #ffffff;
background-image: url('theme_icon_search.gif');
word-spacing: normal;
}
/* Styles for the 'Mini' marketing layouts
---------------------------------- */
.product_image_cost {
margin: 0px 12px 8px 0px;
text-align: center;
float: left;
}
.text_product_small_info {
font-size: 10px;
line-height: normal;
margin: 0px;
padding: 0px 0px 6px 0px;
}
.text_product_small_info_heading {
margin: 0px;
padding: 10px 0px 12px 0px;
line-height:normal;
color: #c0c0c0;
font-weight: 900;
font-size: 11px;
}
.text_product_small_info_price {
margin: 0px;
padding: 8px 0px 0px 0px;
line-height:normal;
font-weight: 900;
font-size: 11px;
}
.best_selling_items {
padding: 10px;
background-color: #ffffff;
}
.best_selling_items_spacing {
padding: 0px 0px 8px 8px;
}
/* Styles for product image and fragment image placement in some layouts
-------------------------- */
.image_float_right {
float: right;
margin: 16px 0px 15px 20px;
}
.image_product {
margin: 0px 18px 10px 0px;
text-align: center;
float: left;
}
/* Links to sections and pages in sidebar menus on some themes
-------------------------------------*/
ul.products {
line-height: normal;
padding: 0px 0px 0px 1px;
margin: 3px 0px 4px 15px;
font-size: 11px;
color: #d20000;
}
a.product_section:visited {
color : #666666;
text-decoration : none;
}
a.product_section:link {
color : #666666;
text-decoration : none;
}
a.product_section:active {
color : #666666;
text-decoration : none;
}
a.product_section:hover {
color : #d20000;
text-decoration : none;
}
/* lines
--------------------------------------------------------------------------------
*/
.dotted_line_blue {
height: 4px;
background-color: #c0c0c0;
background-image:url('theme_dotted_line.gif');
clear:both;
}
.solid_line_light_blue {
height: 1px;
padding: 0px;
margin: 0px;
background-color: #c0c0c0;
clear:both;
}
.solid_line_blue {
height: 1px;
padding: 0px;
margin: 0px;
background-color: #c0c0c0;
clear:both;
}
.dotted_outline_blue {
border: 1px dotted #c0c0c0;
padding: 8px;
}
/* Styles for 'Compact Parent Section List' ------------------------ */
.text_breadcrumbs {
font-size: 10px;
color: #c0c0c0;
margin: 0px;
line-height:normal;
padding: 2px 0px 10px 0px;
}
a.link_breadcrumbs:visited {
color : #c0c0c0;
text-decoration : underline;
}
a.link_breadcrumbs:link {
color : #c0c0c0;
text-decoration : underline;
}
a.link_breadcrumbs:active {
color : #c0c0c0;
text-decoration : underline;
}
a.link_breadcrumbs:hover {
color : #c0c0c0;
text-decoration : underline;
}
/* Page footer --------------------------------------------------------*/
.text_footer {
color: #c0c0c0;
font-size: 10px;
padding:0px;
margin:4px 0px 0px 0px;
}
.text_menu_no_space {
word-spacing: normal;
}
a.link_footer:visited {
color : #c0c0c0;
text-decoration : underline;
}
a.link_footer:link {
color : #c0c0c0;
text-decoration : underline;
}
a.link_footer:active {
color : #c0c0c0;
text-decoration : underline;
}
a.link_footer:hover {
color : #c0c0c0;
text-decoration : underline;
}
/* Heading for attributes
--------------------------------------------------------*/
.text_options {
font-weight: 900;
}
/* Formatting for 'Add To Cart Button With Cart Icon'
----------------------------------------------*/
.form_button_add_to_cart {
line-height: 13px;
height: 20px;
width: 86px;
margin: 0px 1px 0px 0px;
padding: 1px 0px 1px 14px;
font-size : 11px;
background-color: #c0c0c0;
border: 1px solid #c0c0c0;
color: #ffffff;
background-image: url('theme_icon_add_to_cart.gif');
word-spacing: normal;
}
/* Styles for CSS Buttons ----------------------------------------------*/
.text_menu {
padding: 2px 0px 2px 0px;
font-size : 11px;
margin: 0px;
color : #ffffff;
}
a.link_menu:visited {
padding: 2px 5px 2px 5px;
margin: 0px 1px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border: 1px solid #c0c0c0;
}
a.link_menu:link {
padding: 2px 5px 2px 5px;
margin: 0px 1px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border: 1px solid #c0c0c0;
}
a.link_menu:active {
padding: 2px 5px 2px 5px;
margin: 0px 1px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border: 1px solid #c0c0c0;
}
a.link_menu:hover {
padding: 2px 5px 2px 5px;
margin: 0px 1px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border: 1px solid #c0c0c0;
}
/* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In
Boxes' --------------------*/
.tech_main_menu {
background-color: #c0c0c0
}
.tech_menu_bottom {
height: 4px;
background-color: #c0c0c0;
}
.tech_menu_button_border {
width: 121px;
border-right: 1px #ffffff solid;
border-top: 1px #ffffff solid;
}
div.tech_menu_button {
width: 119px;
top: 0px;
left: 0px;
border: 1px #c0c0c0 solid;
}
div.tech_menu_button_product {
width: 119px;
top: 0px;
left: 0px;
border: 1px #c0c0c0 solid;
}
.tech_menu_button_title {
width: 122px;
border-top: 1px #ffffff solid;
background-color: #c0c0c0;
}
.tech_text_product_section {
padding: 3px 3px 3px 5px;
margin: 0px;
color : #ffffff;
font-size : 11px;
font-weight: 900;
}
div.tech_menu_button a {
width: 113px;
color: #ffffff;
text-decoration:none;
display:block;
padding:3px;
text-align:left;
background-color: #c0c0c0;
font-size: 11px;
}
div.tech_menu_button a:visited {
color: #ffffff;
text-decoration:none;
background-color: #c0c0c0;
}
div.tech_menu_button a:active {
color: #ffffff;
text-decoration:none;
background-color: #c0c0c0;
}
div.tech_menu_button a:link {
color: #ffffff;
text-decoration:none;
background-color: #c0c0c0;
}
div.tech_menu_button a:hover {
color: #ffffff;
text-decoration:none;
background-color: #c0c0c0;
}
div.tech_menu_button_product a {
width: 104px;
color: #ffffff;
text-decoration:none;
display:block;
padding:3px 3px 3px 12px;
text-align:left;
background-color: #c0c0c0;
font-size: 11px;
}
div.tech_menu_button_product a:visited {
color: #ffffff;
text-decoration:none;
background-color: #c0c0c0;
background-image:url('theme_arrow.gif');
}
div.tech_menu_button_product a:active {
color: #ffffff;
text-decoration:none;
background-color: #c0c0c0;
background-image:url('theme_arrow.gif');
}
div.tech_menu_button_product a:link {
color: #ffffff;
text-decoration:none;
background-color: #c0c0c0;
background-image:url('theme_arrow.gif');
}
div.tech_menu_button_product a:hover {
color: #ffffff;
text-decoration:none;
background-color: #c0c0c0;
background-image:url('theme_arrow.gif');
}
/* Start of styles new to v9 */
/* Styles for 'Best Seller List in Boxes' and 'New Products List in
Boxes' used on the brochure home page */
.heading_marketing_box {
border: 2px solid #c0c0c0;
width: 229px;
margin: 0px 20px 14px 0px;
}
.heading_marketing_box p.text_product_small_info_heading {
background-color: #c0c0c0;
border-bottom: 2px solid #c0c0c0;
color: #ffffff;
font-weight: 900;
font-size: 11px;
background-image: url('theme_marketing_header.gif');
margin: 0px;
padding: 4px 0px 0px 8px;
height: 20px;
}
.heading_marketing_box p{
padding: 8px;
}
.heading_marketing_box .product_image_cost {
padding: 8px;
}
/* Rounded header and footer used around the bulk areas in 'Expert' and
'Hotshot' themes,
but also used in the lists that have 'Rounded Corners' in the name */
.rounded-heading {
background-image: url('theme_curve2.gif');
background-repeat: no-repeat;
background-position: top right;
}
.rounded-heading p.spacer {
margin: 0;
padding: 3px 0;
background-image: url('theme_curve1.gif');
background-repeat: no-repeat;
margin-right: 10px;
color: #ffffff;
}
.rounded-footer {
background-image: url('expert_rounded_bottom_right.gif');
background-repeat: no-repeat;
background-position: bottom right;
}
.rounded-footer p.spacer {
margin: 0;
padding: 3px 0;
background-image: url('expert_rounded_bottom_left.gif');
background-position: bottom left;
background-repeat: no-repeat;
margin-right: 10px;
color: #ffffff;
}
.indented-link a {
display: block;
background-color: #fff;
width: 140px;
padding: 5px 0 5px 30px;
font-weight: bold;
text-decoration: none;
border-bottom: solid 1px #c0c0c0;
}
.indented-link a:hover {
background-color: #c0c0c0;
}
/* 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 #c0c0c0;
border-bottom: 0;
border-right: 0;
background-image: url('prime_link_background.gif');
background-repeat: no-repeat;
}
/* Style for the 'Shaded Background' for Top Level Section lists and
Brochure Page lists */
.hotshot-link a {
display: block;
padding: 5px 0 5px 30px;
font-weight: bold;
text-decoration: none;
border-bottom: solid 1px #ffffff;
}
.hotshot-link a:hover {
background-image: url('hotshot-link-highlight.gif');
background-repeat: no-repeat;
}
.hotshot-box-main {
background-image: url('hotshot-box-main.gif');
background-position: bottom;
width: 170px;
}
.hotshot-box-content {
background-image: url('hotshot-box-top.gif');
background-repeat: no-repeat;
padding: 10px;
}
/* Styles for 'Quick Search Bar With Curved Box' layout */
.formbox1 {
padding: 0px;
margin: 0px;
border: 0px;
background-image: url('theme-rounded-searchfield-left.gif');
height: 19px;
padding-left: 10px;
background-repeat: no-repeat;
float: left;
}
.formbox2 {
padding: 0px;
margin: 0px;
border: 0px;
height: 19px;
background-image: url('theme-rounded-searchfield-right.gif');
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
}
.inputfield {
padding: 0px;
margin: 1px 0;
border: 0px;
height: 16px;
font-size: 12px;
}
/* Drop down menus used for top level section lists and brochure page
lists in the 'Corporation' and 'Premier' theme */
#corporate_top_menu, #corporate_top_menu ul { /* main menu lists */
padding: 0px;
margin: 0px 0px 0px 0px;
list-style: none;
line-height: 1;
font-size: 11px;
}
#corporate_top_menu a {
display: block;
color: #ffffff;
padding: 3px 6px 3px 13px;
margin: 0;
font-size: 11px;
text-decoration: none;
background-image: url('theme_arrow.gif');
background-position: left;
background-repeat: no-repeat;
background-color: #c0c0c0;
border-right: 1px solid #000000;
}
#corporate_top_menu li a:hover {
display: block;
color: #ffffff;
padding: 3px 6px 3px 13px;
margin: 0;
font-size: 11px;
text-decoration: none;
background-image: none;
background-color: #c0c0c0;
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: #c0c0c0;
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: #c0c0c0;
}
#corporate_top_menu li ul ul { /* third-and-above-level lists */
margin: -24px 0px 0px 149px;
}
#corporate_top_menu li:hover ul ul, #corporate_top_menu li.sfhover ul ul {
left: -999em;
}
#corporate_top_menu li:hover ul, #corporate_top_menu li li:hover ul,
#corporate_top_menu li.sfhover ul, #corporate_top_menu li li.sfhover ul
{ /* lists nested under hovered list items */
left: auto;
}
.corporate_pages_menu ul { /* brochure list */
padding: 0px;
margin: 0px 0px 0px 0px;
line-height: 1;
font-size: 11px;
list-style-image: none;
}
.corporate_pages_menu ul li {
display: block;
background-image:none;
background-color: #c0c0c0;
border-bottom: 1px solid #000000;
}
.corporate_pages_menu li a {
color: #ffffff;
background-image:none;
padding: 3px 6px 4px 6px;
line-height: 150%;
display: block;
}
.corporate_pages_menu li a.product_section {
color: #ffffff
}
.corporate_pages_menu li a:hover {
color: #ffffff;
display: block;
padding: 3px 6px 4px 6px;
background-image: none;
background-color: #c0c0c0;
}
/* 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 */
/* CSS Specific to 'Executive' */
/* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */
/* page header fomatting elements ----------------------------------------------------- */
.page_header {
background-color: #c0c0c0;
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: #c0c0c0;
}
.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:#c0c0c0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}
.page_header_menu_cart_items {
padding: 3px 5px 4px 5px;
background-color:#c0c0c0;
border-left: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}
.page_header_menu_login {
padding: 3px 5px 4px 17px;
background-image:url('theme_icon_login.gif');
background-color:#c0c0c0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}
/* end page header fomatting elements ------------------------------------------------- */
/* page menu fomatting elements ------------------------------------------------------- */
.page_menu {
background-color: #c0c0c0;
margin: 0px 0px 0px 0px;
}
.page_menu_content {
width: 762px;
height: 21px;
}
.page_menu_items {
background-color: #c0c0c0;
padding: 0px 0px 0px 1px;
height: 21px;
float: left;
width: 65%;
}
.page_menu_items_search {
background-color: #c0c0c0;
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 ------------------------------------------------ */
/* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */
/* TEXT FORMATTING ELEMENTS AND LINK ELEMENTS -------------------------------------------- */
/* menu text --------------------------------------------------------------------------- */
.text_menu_cart {
padding: 0px;
margin: 0px;
line-height: normal;
}
.text_menu_cart_items {
padding: 0px;
margin: 0px;
line-height: normal;
font-weight: 900;
}
.text_word_spacing_8px {
word-spacing: 8px;
}
.text_terms_conditions {
color: #c0c0c0;
font-size: 11px;
border: 0;
margin: 0;
padding: 0;
}
/* ------------------------ */
a.link_cart:visited {
color : #c0c0c0;
text-decoration : underline;
}
a.link_cart:link {
color : #c0c0c0;
text-decoration : underline;
}
a.link_cart:active {
color : #c0c0c0;
text-decoration : underline;
}
a.link_cart:hover {
color : #c0c0c0;
text-decoration : underline;
}
/* ------------------------ */
a.link_terms_conditions:visited {
color : #c0c0c0;
text-decoration : underline;
}
a.link_terms_conditions:link {
color : #c0c0c0;
text-decoration : underline;
}
a.link_terms_conditions:active {
color : #c0c0c0;
text-decoration : underline;
}
a.link_terms_conditions:hover {
color : #c0c0c0;
text-decoration : underline;
}
/* ------------------------ */
/* 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: #ece8f4;
border-right: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
padding: 0px 1px 0px 1px;
}
/* page header fomatting elements ----------------------------------------------------- */
.tech_page_header_content {
width: 762px;
text-align: left;
height: 65px;
border-bottom: 4px solid #c0c0c0;
}
.tech_page_header_logo_container {
float: left;
padding: 0px 0px 0px 15px;
}
.tech_page_header_menu {
background-color: #c0c0c0;
border-bottom: 1px solid #c0c0c0;
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 #c0c0c0;
height: 21px;
}
.tech_page_header_menu_cart_items {
padding: 3px 5px 4px 5px;
border-left: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}
.tech_page_header_menu_search {
padding: 3px 3px 2px 1px;
}
/* end page header 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 ------------------------------------------------- */
/* menu text --------------------------------------------------------------------------- */
.tech_text_menu_cart {
padding: 2px 0px 2px 0px;
font-size : 11px;
margin: 0px;
color : #ffffff;
background-color: #c0c0c0;}
.tech_text_menu_cart_items {
color : #ffffff;
padding: 0px 5px 0px 3px;
margin: 0px;
line-height: normal;
font-weight: 900;
}
/* end menu 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 : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
a.tech_link_menu_cart_left:link {
padding: 2px 5px 2px 5px;
margin: 0px 0px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
a.tech_link_menu_cart_left:active {
padding: 2px 5px 2px 5px;
margin: 0px 0px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
a.tech_link_menu_cart_left:hover {
padding: 2px 5px 2px 5px;
margin: 0px 0px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
a.tech_link_menu_cart_right:visited {
padding: 2px 5px 2px 5px;
margin: 0px 1px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border-left: 1px dotted #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
a.tech_link_menu_cart_right:link {
padding: 2px 5px 2px 5px;
margin: 0px 1px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border-left: 1px dotted #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
a.tech_link_menu_cart_right:active {
padding: 2px 5px 2px 5px;
margin: 0px 1px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border-left: 1px dotted #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;}
a.tech_link_menu_cart_right:hover {
padding: 2px 5px 2px 5px;
margin: 0px 1px 0px 0px;
color : #ffffff;
text-decoration : none;
background-color: #c0c0c0;
border-left: 1px dotted #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;}
/* ------------------------ */
/* END OF LINK FORMATTING ELEMENTS ------------------------------------------------------ */
/* Styles specific to Expert theme */
#expert-container {
width: 960px;
}
#expert-quicksearch {
position: absolute;
top: 0;
right: 100px;
z-index: 100;
width: 314px;
height: 24px;
background-image: url('expert_search_background.gif');
}
#expert-quicksearch input.actinic-button {
padding: 0px 3px;
margin: 0px;
border: solid 1px #ffffff;
color: #ffffff;
background-color: #c0c0c0;
font-size: 11px;
}
#expert-quicksearch form {
margin: 0;
margin-left: 20px;
padding: 0;
}
#expert-topbar {
margin: 0;
border-top: solid 10px #c0c0c0;
background-image: url('theme_topbar_background.gif');
background-repeat:repeat-x;
background-position: bottom;
height: 100px;
}
#expert-logo {
width: 400px;
height: 80px;
overflow: hidden;
position: absolute;
top: 25px;
left: 15px;
}
#expert-navbar {
margin: 40px 20px 0 0;
float: right;
}
#expert-parent-sections-bar {
width: auto;
height: 30px;
padding: 5px 0px 0px 20px;
}
#expert-left-bar {
margin: 0 15px 15px 15px;
float: left;
width: 170px;
}
#expert-right-bar {
margin: 0;
float: left;
width: 141px;
}
#expert-bulk-area {
margin: 0 15px 15px 0;
padding: 0;
float: left;
width: 600px;
}
#expert-content {
margin: 10px 0;
padding: 0;
border: 0;
}
/* End of styles for Expert theme */
/* Start of Styles for Hotshot Theme */
#hotshot-outer-border {
width: 1000px;
margin: 0 auto;
padding: 0;
border: solid 5px #c0c0c0;
border-top: 0;
}
#hotshot-border {
background-color: #fff;
width: auto;
margin: 0;
padding: 0;
border: solid 1px #c0c0c0;
border-top: 0;
}
#hotshot-margin {
margin: 0 15px 15px 15px;
}
#hotshot-topbar {
margin: 0;
border-top: solid 10px #c0c0c0;
height: 20px;
background-image:url('theme_topbar_background.gif');
background-repeat:repeat-x;
text-align: right;
}
#hotshot-topbar p {
margin: 0 5px 0 0;
}
#hotshot-logobar {
margin: 0;
height: 80px;
background-image:url('theme_secondbar_background.gif');
border-bottom: solid 2px #c0c0c0;
}
#hotshot-logo {
margin: 0 0 15px 15px;
float: left;
width: 700px;
height: 75px;
overflow: hidden;
}
#hotshot-quicksearch {
float: right;
margin-top: 20px;
margin-right: 5px;
}
#hotshot-quicksearch form {
margin: 0 20px 0 0;
padding: 0;
}
#hotshot-navbar {
margin: 0;
height: 18px;
background-image:url('hotshot-navbar-background.gif');
background-position: right;
background-repeat: no-repeat;
clear: both;
text-align: right;
padding-top: 3px;
}
#hotshot-navbar p {
margin: 0;
}
#hotshot-navbar p a {
color: #ffffff;
text-decoration: none;
padding: 0px 10px;
margin: 0 2px;
font-size: 13px;
}
#hotshot-navbar p a:hover {
background-color: #c0c0c0;
}
#hotshot-left-bar {
margin: 15px 15px 15px 0 ;
float: left;
width: 170px;
}
#hotshot-bulk-area {
margin: 15px 13px 15px 0;
float: left;
width: 600px;
}
#hotshot-right-bar {
margin: 15px 0 15px 0;
float: left;
width: 170px;
}
/* End of Styles for Hotshot Theme */
/* Start of Styles for Prime Theme */
#prime-container {
width: 956px;
margin: 0 auto 0 auto;
}
#prime-top-bar {
width: 956px;
height: 102px;
background-image: url('theme_topbar_background.gif');
clear: both;
}
#prime-logo-image {
float: right;
margin: 20px 20px 0 0;
clear: both;
text-align: right;
width: 550px;
height: 75px;
overflow: hidden;
}
#prime-navbar {
width: 956px;
height: 26px;
background-image: url('prime_nav_bar.gif');
text-align: right;
clear: both;
}
#prime-navbar p {
padding-top: 5px;
padding-bottom: 0;
}
#prime-navbar a {
color: #ffffff;
text-decoration: none;
padding: 0px 10px;
margin: 0 2px;
font-size: 13px;
}
#prime-navbar a:hover {
color: #c0c0c0;
background-color: #c0c0c0;
}
#prime-second-bar {
width: 956px;
height: 34px;
background-image: url('theme_secondbar_background.gif');
}
#prime-second-bar form {
padding: 6px 0 0 20px;
}
#prime-left-bar {
margin: 0 15px 15px 0;
float: left;
width: 170px;
}
#prime-right-bar {
margin: 0 0 0 0;
float: left;
width: 141px;
}
#prime-bulk-area {
margin: 0 15px 15px 0;
padding: 0;
float: left;
width: 615px;
}
/* End of Styles for Prime Theme */
/* Start of styles for Reflective Theme */
/* main structural elements -------------------------------------------- */
#reflective_header {
padding: 0px;
width: 962px;
height: 56px;
text-align: right;
margin: 0 auto 0 auto;
background:url('theme_topbar_background.gif');
}
#reflective_main_content {
padding: 0px;
width: 956px;
text-align: left;
border-right: 2px solid #c0c0c0;
border-left: 2px solid #c0c0c0;
margin: 0 auto 0 auto;
background-color: #ece8f4;
}
#reflective_logo_image {
float: left;
margin: 8px 0px 0px 8px;
text-align: left;
height: 45px;
width: 325px;
overflow: hidden;
}
#reflective_main_content_background {
background-color: #ece8f4;
}
/* footer structural elements -------------------------------------------- */
#reflective_footer {
margin: 0px 0px 0px 0px;
padding-bottom: 0px;
width: 961px;
background-image:url('theme_bottombar_background.gif');
height:22px;
margin:0 auto;
text-align: left;
}
#reflective_footer p{
font-size: 10px;
line-height: 12px;
margin: 0px;
padding: 4px 8px 2px 12px;
color: #ffffff;
}
#reflective_footer a{
color: #ffffff;
text-decoration: underline;
}
/* end footer structural elements -------------------------------------------- */
/* left col structural elements -------------------------------------------- */
#reflective_main_content_background_left_menu {
float: left;
width: 138px;
margin-bottom: 20px;
background-color:#c0c0c0;
background-image: none;
}
#reflective_main_content_background_left_menu H3{
background-color:#c0c0c0;
color: #ffffff;
font-weight: 400;
width: 130px;
font-size: 11px;
background-image: url('reflective_sidebar_header.gif');
margin: 0px;
padding: 4px 0px 0px 8px;
height: 20px;
}
.reflective_sidebar_marketing_box {
border-bottom: 1px solid #c0c0c0;
margin: 0px 1px 0px 1px;
background-color:#ffffff;
}
.reflective_sidebar_marketing_box p{
padding: 8px;
}
.reflective_sidebar_marketing_box .product_image_cost {
padding: 8px 0px 0px 8px;
text-align: left;
float: none;
}
#reflective_menu_left_footer {
background-image: url('reflective_sidebar_footer.gif');
height: 25px;
background-color:#c0c0c0;
}
/* end left col structural elements -------------------------------------------- */
/* right col structural elements -------------------------------------------- */
#reflective_main_content_background_right_col {
float: right;
width: 745px;
background-color: #ece8f4;
padding: 30px 35px 30px 35px;
}
/* end right col structural elements -------------------------------------------- */
/*top menu items -------------------------------------- */
#reflective_top_menu_padding {
padding: 29px 10px 0px 3px;
margin: 0px;
}
#reflective_menu_top, #reflective_menu_top ul { /* all lists */
width: 580px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
line-height: 1;
font-size: 11px;
float: right;
}
#reflective_menu_top input.main_search_box {
line-height: 120%;
width: 120px;
height: 16px;
margin: 3px 0px 3px 3px;
padding: 0px 0px 0px 2px;
font-size : 11px;
background-color: #c0c0c0;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
color: #000000;
vertical-align: top;
}
#reflective_menu_top input.button{
color: #ffffff;
margin: 0px 0px 0px 0px;
font-size: 11px;
background-color: transparent;
border: none;
padding: 5px 6px 5px 24px;
background-image:url('theme_icon_search.gif');
}
#reflective_menu_top input.button:hover{
border:none;
background-color: transparent;
cursor: pointer;
background-image:url('theme_icon_search_highlight.gif');
}
#reflective_menu_top a { /* button formatting no icon */
display: block;
color: #ffffff;
padding: 3px 7px 3px 7px;
margin: 0;
font-size: 11px;
text-decoration: none;
background-image:url('reflective_button_bg.gif');
border-right: 1px solid #000000;
border-left: 1px solid #c0c0c0;
}
#reflective_menu_top li a:hover { /* button formatting no icon */
background-image:url('reflective_button_bg_highlight.gif');
}
#reflective_menu_top a.reflective_cart { /* cart button formatting */
background-image:url('theme_icon_cart.gif');
padding-left: 24px;
}
#reflective_menu_top a.reflective_cart:hover { /* cart button formatting */
background-image:url('theme_icon_cart_highlight.gif');
padding-left: 24px;
}
#reflective_menu_top a.checkout { /* checkout button formatting */
background-image:url('theme_icon_checkout.gif');
padding-left: 24px;
}
#reflective_menu_top a.checkout:hover { /* checkout button formatting */
background-image:url('theme_icon_checkout_highlight.gif');
padding-left: 24px;
}
#reflective_menu_top li.items_value { /* shopping cart summary */
float: left;
padding: 3px 7px 3px 7px;
margin: 0;
list-style-image: none;
line-height: 18px;
color: #ffffff;
background-image:url('reflective_button_bg.gif');
}
#reflective_menu_top a.login { /* login button formatting */
background-image:url('theme_icon_login.gif');
padding-left: 24px;
}
#reflective_menu_top a.login:hover { /* login button formatting */
background-image:url('theme_icon_login_highlight.gif');
padding-left: 24px;
}
#reflective_menu_top li { /* all list items */
float: left;
padding: 0px;
margin: 0;
list-style-image: none;
line-height: 18px;
border-top: 1px solid #c0c0c0;
}
#reflective_menu_top li.spacing { /* spacing for list items */
border-top: none;
width: 10px;
}
#reflective_menu_top li.search_box { /* search box formatting */
background-image:url('reflective_button_bg.gif');
height: 24px;
border-left: 1px solid #c0c0c0;
}
#reflective_menu_top li.search_box_button { /* search box formatting */
background-image:none;
height: 24px;
border-right: 1px solid #000000;
}
#reflective_menu_top li ul { /* second-level lists */
font-size: 100%;
width: 150px;
display: block;
position: absolute;
margin: 0px 0px 0px 0px;
border-top: 1px solid #c0c0c0;
list-style-image: none;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#reflective_menu_top li ul li { /* second-level lists */
width: 150px;
display: block;
background-color: #c0c0c0;
border-bottom: 1px solid #000000;
background-image:url('reflective_button_bg.gif');
}
#reflective_menu_top li ul li a { /* second-level lists */
background-image:none;
padding: 3px 6px 4px 6px;
line-height: 150%;
display: block;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #000000;
}
#reflective_menu_top li ul li a:hover { /* second-level lists */
display: block;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #000000;
padding: 3px 6px 4px 6px;
}
#reflective_menu_top li ul ul { /* third-and-above-level lists */
margin: -24px 0px 0px 149px;
}
#reflective_menu_top li:hover ul ul, #reflective_menu_top li.sfhover ul ul {
left: -999em;
}
#reflective_menu_top li:hover ul, #reflective_menu_top li li:hover ul, #reflective_menu_top li.sfhover ul, #reflective_menu_top li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* end top menu items -------------------------------------- */
/* left top menu items -------------------------------------- */
#reflective_menu_left_top, #reflective_menu_left_top ul { /* all lists */
padding: 0px;
margin: 0px;
list-style: none;
float: left;
width: 136px;
}
#reflective_menu_left_top li { /* all list items */
position: relative;
float: left;
line-height: 21px;
margin: 0px 0px -1px 0px;
width: 136px;
}
#reflective_menu_left_top a {
color: #ffffff;
background-color: #c0c0c0;
background-image:url('theme_arrow.gif');
padding: 0px 6px 0px 14px;
margin: 1px;
font-size: 11px;
text-decoration: none;
display: block;
width: 116px;
}
#reflective_menu_left_top li a:hover {
color: #ffffff;
padding: 0px;
margin: 1px;
padding: 0px 6px 0px 14px;
font-size: 11px;
background-color:#c0c0c0;
background-image:url('theme_arrow_highlight.gif');
text-decoration: none;
}
#reflective_menu_left_top li ul { /* second-level lists */
font-size: 100%;
width: 210px;
display: block;
position: absolute;
margin: -21px 0px 0px 136px;
padding: 0px;
list-style-image: none;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#reflective_menu_left_top li ul li { /* second-level lists */
width: 198px;
display: block;
}
#reflective_menu_left_top li ul li a { /* second-level lists */
background-image:none;
margin: 0px;
padding: 1px 6px 0px 6px;
display: block;
width: 186px;
background-image:url('reflective_menu_bg.gif');
}
#reflective_menu_left_top li ul li a:hover { /* second-level lists */
background-image:none;
margin: 0px;
padding: 1px 6px 0px 6px;
display: block;
width: 186px;
background-image:url('reflective_menu_bg.gif');
}
#reflective_menu_left_top li ul ul { /* third-and-above-level lists */
margin: -21px 0px 0px 198px;
}
#reflective_menu_left_top li:hover ul ul, #reflective_menu_left_top li.sfhover ul ul {
left: -999em;
}
#reflective_menu_left_top li:hover ul, #reflective_menu_left_top li li:hover ul, #reflective_menu_left_top li.sfhover ul, #reflective_menu_left_top li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
.reflective_menu_left_top_other, .reflective_menu_left_top_other ul { /* all lists */
padding: 0px;
margin: 0px;
list-style: none;
float : left;
width : 136px;
}
.reflective_menu_left_top_other li { /* all list items */
position : relative;
float : left;
line-height : 21px;
margin: 0px 0px -1px 0px;
width : 136px;
}
.reflective_menu_left_top_other a {
color: #ffffff;
background-color: #c0c0c0;
background-image:url('reflective_menu_bg.gif');
padding: 0px 6px 0px 14px;
margin: 1px;
font-size: 11px;
text-decoration: none;
display: block;
width: 116px;
}
.reflective_menu_left_top_other li a:hover {
color: #ffffff;
padding: 0px;
margin: 1px;
padding: 0px 6px 0px 14px;
font-size: 11px;
background-color:#c0c0c0;
background-image:url('reflective_menu_bg_highlight.gif');
text-decoration: none;
}
#reflective_menu_left_top_products, #reflective_menu_left_top_products ul { /* all lists */
padding: 0px;
margin: 0px;
list-style: none;
float : left;
width : 136px;
}
#reflective_menu_left_top_products li { /* all list items */
position : relative;
float : left;
line-height : 21px;
margin: 0px 0px -1px 0px;
width : 136px;
}
#reflective_menu_left_top_products a {
color: #ffffff;
background-color: #c0c0c0;
background-image:url('reflective_menu_bg.gif');
padding: 0px 6px 0px 14px;
margin: 1px;
font-size: 11px;
text-decoration: none;
display: block;
width: 116px;
}
#reflective_menu_left_top_products li a:hover {
color: #ffffff;
padding: 0px;
margin: 1px;
padding: 0px 6px 0px 14px;
font-size: 11px;
background-color:#c0c0c0;
background-image:url('reflective_menu_bg_highlight.gif');
text-decoration: none;
}
/*sub menus begin */
#reflective_menu_left_top_products li ul { /* second-level lists */
font-size: 100%;
width: 210px;
display: block;
position: absolute;
margin: -21px 0px 0px 136px;
padding: 0px;
list-style-image: none;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#reflective_menu_left_top_products li ul li { /* second-level lists */
width: 198px;
display: block;
}
#reflective_menu_left_top_products li ul li a { /* second-level lists */
background-image:none;
margin: 0px;
padding: 1px 6px 0px 6px;
display: block;
width: 186px;
background-image:url('reflective_menu_bg.gif');
}
#reflective_menu_left_top_products li ul li a:hover { /* second-level lists */
background-image:none;
margin: 0px;
padding: 1px 6px 0px 6px;
display: block;
width: 186px;
background-image:url('reflective_menu_bg.gif');
}
#reflective_menu_left_top_products li ul ul { /* third-and-above-level lists */
margin: -21px 0px 0px 198px;
}
#reflective_menu_left_top_products li:hover ul ul, #reflective_menu_left_top_products li.sfhover ul ul {
left: -999em;
}
#reflective_menu_left_top_products li:hover ul, #reflective_menu_left_top_products li li:hover ul, #reflective_menu_left_top li.sfhover ul, #reflective_menu_left_top li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/*sub menus end */
/* end top menu items -------------------------------------- */
/* End of styles for Reflective Theme */
/* Start of styles for Corporation Theme */
/* main structural elements -------------------------------------------- */
#corporate_main_container_menu {
padding: 0px;
width: 962px;
text-align: left;
margin:0 auto 0 auto;
}
#corporate_main_container {
padding: 0px;
width: 956px;
text-align: left;
border-right: 3px solid #000000;
border-left: 3px solid #000000;
margin:0 auto 0 auto;
background-color: #ece8f4;
}
#corporate_logo_image {
position: absolute;
z-index: 10;
width: 650px;
height: 72px;
overflow: hidden;
}
#corporate_main_structure_menu {
margin: 0px 0px 0px 0px;
height: 100px;
clear: both;
background-image:url('corporate_black_header.gif');
}
#corporate_main_structure_menu_padding {
padding: 74px 0px 0px 3px;
}
#corporate_main_structure_menu_background {
width: 956px;
background-color: #c0c0c0;
border-bottom: 2px solid #000000;
height: 24px;
}
#corporate_main_structure_page_content_container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 16px 0px;
width: 956px;
background-color: #ffffff;
clear: both;
background-image:url('theme_main_background.gif');
}
#corporate_main_structure_page_content_container_spacing {
padding: 0px 20px 0px 20px;
}
#corporate_banner {
border-bottom: 1px solid #000000;
width: 956px;
height: 92px;
}
#corporate_banner p {
float: right;
color: #ffffff;
font-weight: bold;
margin-right: 10px;
padding-top: 35px;
font-size: 16px;
}
/* footer structural elements -------------------------------------------- */
#corporate_main_structure_footer {
margin: 0px 0px 0px 0px;
padding-bottom: 0px;
width: 962px;
background-image:url('corporate_black_footer.gif');
height: 27px;
margin:0 auto 0 auto;
text-align: right;
}
#corporate_main_structure_footer p{
font-size: 10px;
line-height: 12px;
margin: 0px;
padding: 7px 8px 2px 12px;
color: #c0c0c0;
}
#corporate_main_structure_footer a{
color: #c0c0c0;
text-decoration: none;
}
/* end footer structural elements -------------------------------------------- */
/* left col home structural elements -------------------------------------------- */
/* two column pages -------------------------------------------- */
#corporate_main_structure_left_col_container {
float: left;
width: 274px;
}
#corporate_main_structure_left_col_container h1 {
font-size: 11px;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 5px 6px 5px 10px;
font-weight: 900;
background-color: #c0c0c0;
border-bottom: 1px solid #000000;
}
.corporate_products_box {
margin: 0px;
padding: 8px 8px 0px 8px;
}
.corporate_products_box p{
padding: 4px 8px 0px 8px;
margin: 0px;
}
.corporate_products_box .product_image_cost {
padding: 4px 8px 0px 8px;
}
/* end left col home structural elements -------------------------------------------- */
/* right home col structural elements -------------------------------------------- */
#corporate_main_structure_page_right_col_container {
margin: 0px 0px 0px 0px;
width: 680px;
float: right;
border-left: 2px solid #000000;
padding: 0px;
}
#corporate_main_structure_page_right_col_container_content {
padding: 20px 20px 20px 20px;
}
/* right col general pages structural elements -------------------------------------------- */
#corporate_breadcrumbs {
background-color: #000000;
height: 26px;
background-image:url('theme_arrow.gif');
background-position:left;
background-repeat:no-repeat;
}
#corporate_breadcrumbs p {
color: #ffffff;
padding: 5px 4px 0px 14px;
margin: 0px;
}
#corporate_breadcrumbs a {
color: #ffffff;
padding: 0px 0px 0px 0px;
}
/* end right col general pages structural elements -------------------------------------------- */
/* end right home col structural elements -------------------------------------------- */
/*list style menu items search -------------------------------------- */
#corporate_menu_search, #corporate_menu_search ul { /* quick search */
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
line-height: 1;
font-size: 11px;
float: right;
background-color: #c0c0c0;
}
#corporate_menu_search input.main_search_box { /* quick search */
line-height: 120%;
width: 120px;
height: 16px;
margin: 3px 0px 0px 3px;
padding: 0px 0px 0px 2px;
font-size : 11px;
background-color: #ffffff;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
color: #000000;
vertical-align: top;
}
#corporate_menu_search input.button{ /* quick search */
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 18px;
font-size: 11px;
background-color: #c0c0c0;
border: none;
height: 24px;
background-image: url('theme_icon_search.gif');
background-repeat: no-repeat;
background-position: left;
}
#corporate_menu_search input.button:hover{ /* quick search */
border:none;
background-color: #c0c0c0;
cursor: pointer;
background-image:url('theme_icon_search.gif');
}
#corporate_menu_search li { /* all list items */
float: left;
padding: 0px;
margin: 0;
list-style-image: none;
line-height: 18px;
}
#corporate_menu_search li.spacing { /* spacing for list items */
border-top: none;
width: 10px;
}
#corporate_menu_search li.search_box { /* search box formatting */
height: 24px;
border-left: 1px solid #000000;
}
#corporate_menu_search li.search_box_button { /* search box formatting */
background-image:none;
height: 24px;
}
/*list style menu items cart & login -------------------------------------- */
#corporate_cart_login_menu, #corporate_cart_login_menu ul { /* top right functions */
padding: 0px 0px 0px 0px;
margin: 51px 0px 0px 0px;
list-style: none;
line-height: 1;
font-size: 11px;
float: right;
}
#corporate_cart_login_menu li { /* top right functions */
float: left;
padding: 0px;
margin: 0;
list-style-image: none;
line-height: 18px;
color: #ffffff;
}
#corporate_cart_login_menu li.items_value { /* shopping cart summary */
float: left;
padding: 1px 7px 1px 7px;
margin: 0;
list-style-image: none;
line-height: 18px;
color: #ffffff;
background-color: #c0c0c0;
border-right: 1px solid #000000;
}
#corporate_cart_login_menu a { /* top right functions */
display: block;
color: #ffffff;
padding: 1px 7px 1px 7px;
margin: 0;
font-size: 11px;
text-decoration: none;
background-image:none;
background-color: #c0c0c0;
border-right: 1px solid #000000;
}
#corporate_cart_login_menu li a:hover { /* top right functions */
background-image:none;
background-color: #c0c0c0;
}
#corporate_cart_login_menu a.cart { /* cart button formatting */
background-image:url('theme_tab2_left.gif');
padding-left: 8px;
background-position:left;
background-repeat:no-repeat;
}
#corporate_cart_login_menu a.cart:hover { /* cart button formatting */
background-image:url('theme_tab1_left.gif');
}
#corporate_cart_login_menu a.login { /* login button formatting */
background-image:url('theme_icon_login.gif');
padding-left: 16px;
background-position:left;
background-repeat:no-repeat;
border-right: 3px solid #000000;
}
#corporate_cart_login_menu a.login:hover { /* login button formatting */
background-image:url('theme_icon_login.gif');
}
#corporate_cart_login_menu li ul { /* second-level lists */
font-size: 100%;
width: 150px;
display: block;
position: absolute;
margin: 0px 0px 0px 0px;
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_cart_login_menu li ul li { /* second-level lists */
width: 150px;
display: block;
background-image:none;
background-color: #c0c0c0;
border-bottom: 1px solid #000000;
}
#corporate_cart_login_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_cart_login_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: #c0c0c0;
}
#corporate_cart_login_menu li ul ul { /* third-and-above-level lists */
margin: -24px 0px 0px 149px;
}
#corporate_cart_login_menu li:hover ul ul, #corporate_cart_login_menu li.sfhover ul ul {
left: -999em;
}
#corporate_cart_login_menu li:hover ul, #corporate_cart_login_menu li li:hover ul, #corporate_cart_login_menu li.sfhover ul, #corporate_cart_login_menu li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* End of styles for Corporation theme */
/* Start of styles for Premier theme */
/* main structural elements -------------------------------------------- */
#premier_main_container_menu {
padding: 0px;
width: 962px;
text-align: left;
margin: 0 auto 0 auto;
}
#premier_main_container {
padding: 0px;
width: 954px;
text-align: left;
border-right: 4px solid #c0c0c0;
border-left: 4px solid #c0c0c0;
margin: 0 auto 0 auto;
background-color: #ece8f4;
background-image:url('theme_main_background.gif');
}
#premier_logo_image {
position: absolute;
margin: 10px 0px 0px 10px;
width: 944px;
height: 58px;
overflow: hidden;
}
#premier_main_structure_menu {
margin: 0px 0px 0px 0px;
clear: both;
background-image:url('premier_header.gif');
}
#premier_main_structure_menu_padding {
padding: 74px 4px 0px 4px;
}
#premier_main_structure_menu_background {
background-color: #333333;
padding: 0px;
background-image: url('theme_main_background.gif');
background-repeat: repeat-x;
background-position:top;
height: 25px;
border-bottom: 3px solid #333333;
}
#premier_main_structure_menu_background_shadow {
border-bottom: 2px solid #d8d8d8;
}
#premier_main_structure_page_content_container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 16px 0px;
width: 954px;
background-color: #ece8f4;
clear: both;
background-image:url('premier_background.gif');
}
#premier_main_structure_page_content_container_spacing {
padding: 0px 20px 0px 20px;
}
/* footer structural elements -------------------------------------------- */
#premier_main_structure_footer {
margin: 0px 0px 0px 0px;
padding-bottom: 0px;
width: 962px;
background-image:url('premier_footer.gif');
height: 22px;
margin: 0 auto 0 auto;
text-align: left;
}
#premier_main_structure_footer p{
font-size: 10px;
line-height: 12px;
margin: 0px;
padding: 5px 8px 5px 12px;
color: #d9d9d9;
}
#premier_main_structure_footer a{
color: #d9d9d9;
text-decoration: none;
}
/* end footer structural elements -------------------------------------------- */
/* left col structural elements -------------------------------------------- */
#premier_main_content_background_left_column {
float: left;
width: 160px;
margin-bottom: 20px;
background-image: none;
margin: 30px 0px 0px 0px;
}
#premier_main_content_background_left_column_content_shadow {
border-bottom: 2px solid #d8d8d8;
border-right: 2px solid #d8d8d8;
}
#premier_main_content_background_left_column H3{
background-color: #c0c0c0;
color: #ffffff;
font-weight: 400;
font-size: 11px;
margin: 0px;
padding: 4px 0px 0px 8px;
border-top: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
height: 20px;
}
.premier_marketing_box {
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
margin: 0px 0px 0px 0px;
background-color: #ece8f4;
}
.premier_marketing_box p.text_product_small_info_heading {
font-weight: 900;
border-bottom: 1px solid #333333;
color: #ffffff;
font-size: 11px;
margin: 0px;
background-color: #c0c0c0;
padding: 6px 6px 6px 8px;
}
.premier_marketing_box p{
margin: 0;
padding: 8px;
}
.premier_marketing_box .product_image_cost{
padding: 8px;
}
.premier_marketing_box p.text_product_small_info{
padding: 8px;
clear: both;
}
/* end left col structural elements -------------------------------------------- */
/* right col structural elements -------------------------------------------- */
#premier_main_content_background_right_col {
float: right;
width: 723px;
background-color: #ece8f4;
padding: 30px 35px 30px 35px;
}
/* end right col structural elements -------------------------------------------- */
/* image elements -------------------------------------------- */
.premier_image_homepage_product_overview {
float: right;
margin: 0px 0px 15px 20px;
}
/* end image elements -------------------------------------------- */
/*list style menu items -------------------------------------- */
#premier_top_menu, #premier_top_menu ul { /* main menu lists */
padding: 0px;
margin: 0px 0px 0px 0px;
list-style: none;
line-height: 1;
font-size: 11px;
}
#premier_top_menu a {
display: block;
color: #ffffff;
padding: 3px 6px 3px 6px;
margin: 0px;
font-size: 11px;
text-decoration: none;
background-color: #c0c0c0;
border-right: 1px solid #333333;
}
#premier_top_menu li a:hover {
display: block;
color: #ffffff;
padding: 3px 6px 3px 6px;
margin: 0;
font-size: 11px;
text-decoration: none;
background-color: #c0c0c0;
}
#premier_top_menu li { /* all list items */
float: left;
padding: 0px;
margin: 0;
list-style-image: none;
line-height: 18px;
border-top: 1px solid #333333;
}
#premier_top_menu li ul { /* second-level lists */
font-size: 100%;
width: 150px;
display: block;
position: absolute;
margin: 0px 0px 0px -1px;
border-bottom: 1px solid #333333;
list-style-image: none;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#premier_top_menu li ul li { /* second-level lists */
width: 150px;
display: block;
background-color: #c0c0c0;
border-bottom: none;
}
#premier_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 #333333;
border-right: 1px solid #333333;
}
#premier_top_menu li ul li a:hover { /* second-level lists */
display: block;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
padding: 3px 6px 4px 6px;
}
#premier_top_menu li ul ul { /* third-and-above-level lists */
margin: -24px 0px 0px 149px;
}
#premier_top_menu li:hover ul ul, #premier_top_menu li.sfhover ul ul {
left: -999em;
}
#premier_top_menu li:hover ul, #premier_top_menu li li:hover ul, #premier_top_menu li.sfhover ul, #premier_top_menu li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/*list style menu items top right -------------------------------------- */
#premier_menu_top_right, #premier_menu_top_right ul { /* all lists */
width: 510px;
padding: 0px;
margin: 0px 0px 0px 0px;
list-style: none;
line-height: 1px;
font-size: 11px;
float: right;
}
#premier_menu_top_right input.main_search_box { /* search box formatting */
line-height: 120%;
width: 120px;
height: 18px;
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 5px;
font-size : 10px;
background-color: #c0c0c0;
border: none;
color: #000000;
vertical-align: top;
}
#premier_menu_top_right input.button{ /* search box formatting */
color: #ffffff;
margin: 0px 0px 0px 0px;
font-size: 11px;
height: 24px;
background-color: #c0c0c0;
border: none;
padding: 4px 6px 4px 6px;
}
#premier_menu_top_right input.button:hover{ /* search box formatting */
border:none;
background-color: transparent;
cursor: pointer;
background-color: #c0c0c0;
}
#premier_menu_top_right a { /* button formatting no icon */
display: block;
color: #ffffff;
padding: 3px 6px 3px 6px;
margin: 0;
font-size: 11px;
text-decoration: none;
background-color: #c0c0c0;
border-right: 1px solid #333333;
}
#premier_menu_top_right li a:hover { /* button formatting no icon */
display: block;
color: #ffffff;
padding: 3px 6px 3px 6px;
margin: 0;
font-size: 11px;
text-decoration: none;
background-color: #c0c0c0;
}
#premier_menu_top_right li.items_value { /* all list items */
float: left;
padding: 3px 7px 3px 7px;
margin: 0;
list-style-image: none;
line-height: 18px;
color: #ffffff;
background-color: #c0c0c0;
border-right: 1px solid #333333;
}
#premier_menu_top_right a.login { /* login button formatting */
background-image: url('theme_icon_login.gif');
background-repeat: no-repeat;
background-position:left;
padding-left: 20px;
border-left: 1px solid #333333;
border-right: none;
}
#premier_menu_top_right a.login:hover { /* login button formatting */
background-image:url('theme_icon_login.gif');
padding-left: 20px;
border-right: none;
}
#premier_menu_top_right li { /* all list items */
float: left;
padding: 0px;
margin: 0;
list-style-image: none;
line-height: 18px;
border-top: 1px solid #333333;
}
#premier_menu_top_right li.spacing { /* spacing for list items */
border-top: none;
width: 5px;
}
#premier_menu_top_right li.search_box { /* search box formatting */
border-left: 1px solid #333333;
border-right: 1px solid #333333;
background-color: #c0c0c0;
height: 24px;
}
#premier_menu_top_right li.search_box_button { /* search box formatting */
background-image:none;
height: 24px;
border-right: 1px solid #333333;
}
#premier_menu_top_right li.view_cart { /* search box formatting */
border-left: 1px solid #333333;
}
#premier_menu_top_right li ul { /* second-level lists */
font-size: 100%;
width: 150px;
display: block;
position: absolute;
margin: 0px 0px 0px -1px;
border-bottom: 1px solid #333333;
list-style-image: none;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#premier_menu_top_right li ul li { /* second-level lists */
width: 150px;
display: block;
background-image:none;
background-color: #c0c0c0;
border-bottom: none;
}
#premier_menu_top_right li ul li a { /* second-level lists */
background-image:none;
padding: 3px 6px 4px 6px;
line-height: 150%;
display: block;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}
#premier_menu_top_right li ul li a:hover { /* second-level lists */
display: block;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
padding: 3px 6px 4px 6px;
background-image: none;
}
#premier_menu_top_right li ul ul { /* third-and-above-level lists */
margin: -24px 0px 0px 149px;
}
#premier_menu_top_right li:hover ul ul, #premier_menu_top_right li.sfhover ul ul {
left: -999em;
}
#premier_menu_top_right li:hover ul, #premier_menu_top_right li li:hover ul, #premier_menu_top_right li.sfhover ul, #premier_menu_top_right li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* End of styles for Premier theme */
#floating {
width: 250px; /* Or whatever the width of the ads are */
height: 0px; /* Same thing goes for height */
}
#cover {
position: fixed;
margin-bottom: 0px;
left: 0px;
bottom: 0px;
height: 217px;
width: 250px;
background-image: url('wds_bottom_ad.png');
}
#floating #cover #ads {
}
/* Start of styles for Silver theme */
/* container -------------------------- */
#silver-shadow-left {
width: 967px;
padding: 0;
background: url('silver-theme-shadow-left.png') left repeat-y;
margin: 0 auto;
}
#silver-shadow-right {
background: url('silver-theme-shadow-right.png') right repeat-y;
margin-left: 4px;
padding: 0;
width: 963px;
}
#silver-container {
background: #fff;
padding: 0;
margin-right: 4px;
width: 959px;
padding-bottom: 6px;
}
#silver-page-bottom-rounded {
width: 967px;
margin: 0 auto;
padding: 0;
background: url('silver-theme-rounded-footer.png') no-repeat;
}
/* header area ---------------------------- */
#silver-header img {
margin: 10px;
float: left;
display: inline;
}
#silver-login-terms {
width: 101px;
height: 24px;
background: url('silver-theme-login-box.jpg');
float: right;
margin-right: 10px;
display: inline;
}
#silver-login-terms p {
text-align: center;
padding-top: 4px;
margin: 0;
}
#silver-login-terms p a {
color: #000000;
}
#silver-login-terms p a:hover {
text-decoration: none;
color: #666666;
}
#silver-cart-checkout {
float: right;
text-align: right;
clear: right;
margin-top: 30px;
margin-right: 10px;
display: inline;
text-transform: uppercase;
}
#silver-cart-checkout p {
padding-bottom: 2em;
}
#silver-cart-checkout p a {
color: #000000;
}
#silver-cart-checkout p a:hover {
color: #666666;
}
.silver-cart-link {
padding-left: 20px;
background: url('theme_icon_cart.gif') no-repeat left;
}
#silver-nav-bar {
clear: both;
margin: 0 10px;
height: 29px;
background: url('silver-theme-nav-bar-bg.jpg');
}
#silver-nav-bar-left {
background: url('silver-theme-nav-bar-left.jpg') no-repeat;
}
#silver-nav-bar-left ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 5px;
height: 29px;
}
#silver-nav-bar-left ul li {
display: inline;
}
#silver-nav-bar-left ul li a {
display: block;
float: left;
line-height: 29px;
padding: 0 10px;
border-right: solid 1px #999;
color: #000000;
}
#silver-nav-bar-left ul li a:hover {
text-decoration: none;
color: #666666;
}
#silver-quick-search-container {
float: right;
width: 256px;
height: 29px;
background: url('silver-theme-search-bg.jpg');
}
#silver-quick-search {
background: url('silver-theme-search-end-left.jpg') no-repeat;
height: 29px;
}
#silver-quick-search-field {
background: url('silver-theme-search-end-right.jpg') right no-repeat;
height: 25px;
padding-top: 4px;
}
input.silver-search-field {
margin: 2px 0 0 3px;
border: 0;
float: left;
width: 200px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
input.silver-search-button {
float: right;
margin: 2px 3px 0 0;
}
/* sidebar ---------------------------- */
#silver-sidebar-left {
float: left;
margin: 10px;
display: inline;
width: 210px;
}
.silver-sidebar-list {
background: url('silver-theme-sidebar-curve-bg.gif');
}
.silver-sidebar-list-bottom {
background: url('silver-theme-sidebar-curve-bottom.gif') no-repeat bottom;
}
.silver-sidebar-list-top {
background: url('silver-theme-sidebar-curve-top.gif') no-repeat top;
padding-bottom: 6px;
}
.silver-sidebar-list-top h1 {
padding: 11px;
font-size: 14px;
color: #c0c0c0;
}
/* section/brochure lists -------------------------- */
#silver-section-list ul, #silver-brochure-list ul {
padding: 0;
margin: 0 1px;
list-style: none;
background: url('silver-theme-section-list-gradient.jpg') repeat-x;
border-top: dotted 1px #858585;
}
#silver-section-list ul li, #silver-brochure-list ul li {
padding: 0;
margin: 0;
}
#silver-section-list ul li a, #silver-brochure-list ul li a {
display: block;
border-bottom: dotted 1px #858585;
padding: 5px 11px;
margin: 0;
color: #000000;
}
#silver-section-list ul li a:hover, #silver-brochure-list ul li a:hover {
text-decoration: none;
color: #666666;
}
.silver-sidebar-list-separator {
clear: both;
background-image: none;
background-color: #fff;
}
/* marketing lists ---------------------------- */
#silver-new-products-list h1, #silver-best-sellers-list h1 {
border-bottom: dotted 1px #858585;
}
.silver-sidebar-product {
border-bottom: dotted 1px #858585;
margin: 0 1px;
background: #f4f4f4;
height: 125px;
overflow: hidden;
}
p.silver-sidebar-product-name {
font-weight: bold;
padding: 5px 11px;
border-bottom: solid 1px #afafaf;
background: #fff;
margin: 0;
}
p.silver-sidebar-product-name a {
color: #c0c0c0;
}
p.silver-sidebar-product-name a:hover {
color: #666666;
}
.silver-sidebar-product-image {
width: 95px;
height: 100px;
float: left;
background: #fff;
border-right: solid 1px #afafaf;
text-align: center;
}
.silver-sidebar-product-image img {
margin-top: 5px;
}
.silver-sidebar-product-description {
margin: 5px 4px 0 0;
padding: 0 0 0 100px;
font-size: 10px;
}
.silver-sidebar-product-more {
font-size: 10px;
margin: 5px 0;
padding: 0 0 0 100px;
}
.silver-sidebar-product-price {
font-weight: bold;
margin: 0;
padding: 0 0 0 100px;
}
/* bulk area -------------------------- */
#silver-bulk {
float: right;
width: 718px;
margin: 10px 10px 10px 0;
background: url('silver-theme-bulk-bg.gif');
display: inline;
}
#silver-bulk-bottom {
background: url('silver-theme-bulk-bottom.gif') no-repeat bottom;
}
#silver-bulk-top {
background: url('silver-theme-bulk-top.gif') no-repeat top;
padding: 10px;
}
/* footer ---------------------------- */
#silver-footer {
margin: 0 10px;
background: url('silver-theme-footer-bg.jpg');
clear: both;
}
#silver-footer-left {
background: url('silver-theme-footer-left.jpg') no-repeat;
}
#silver-footer-right {
background: url('silver-theme-footer-right.jpg') no-repeat right;
height: 88px;
}
.silver-address-box {
float: left;
display: inline;
width: 180px;
margin: 10px 20px;
height: 68px;
font-size: 11px;
color: #666;
}
.silver-copyright-info {
float: right;
display: inline;
margin: 10px 20px;
height: 68px;
font-size: 11px;
color: #666;
}
/* End of styles for Silver theme */
/* Start of styles for Bobcat theme */
/* general layout --------------------*/
#bobcat-container {
width: 940px;
margin: 10px auto;
}
#bobcat-header-area {
background: url('bobcat-header-bg.gif');
}
#bobcat-logo-area {
background: url('bobcat-header-top.gif') no-repeat;
padding: 5px;
}
#bobcat-navigation-bar {
height: 30px;
background: url('bobcat-header-bottom.gif') no-repeat;
}
#bobcat-navigation-bar ul {
margin: 0 5px;
padding: 0;
list-style: none;
}
#bobcat-navigation-bar ul li {
display: inline;
}
li.bobcat-search-field {
display: block;
float: left;
padding: 0;
height: 30px;
}
li.bobcat-search-field input {
border: solid 1px #000000;
font: 12px Arial, Helvetica, sans-serif;
padding: 1px;
background: #ffffff;
color: #000000;
margin-top: 5px;
}
li.bobcat-search-button {
display: block;
float: left;
padding: 0 10px 0 0;
height: 30px;
}
#bobcat-navigation-bar ul li a {
color: #ffffff;
display: block;
float: left;
line-height: 30px;
padding: 0 10px;
border-left: solid 1px #ffffff;
text-decoration: none;
text-transform: lowercase;
}
#bobcat-navigation-bar ul li a:hover {
background: #c0c0c0;
}
#bobcat-navigation-bar ul li.bobcat-home-link a {
border: 0;
}
#bobcat-navigation-bar ul li.bobcat-view-cart {
float: right;
}
#bobcat-navigation-bar ul li.bobcat-view-cart a {
background: url('theme_icon_cart.gif') no-repeat left;
padding-left: 30px;
border: 0;
}
#bobcat-navigation-bar ul li.bobcat-view-cart a:hover {
background: #c0c0c0 url('theme_icon_cart.gif') no-repeat left;
}
#bobcat-navigation-bar ul li.bobcat-checkout {
float: right;
}
#bobcat-bulk-top {
height: 10px;
margin-top: 10px;
}
#bobcat-bulk {
background: url('bobcat-bulk-bg.gif');
padding: 0 10px;
}
#bobcat-sidebar-left {
float: left;
width: 130px;
margin-right: 30px;
}
#bobcat-sidebar-right {
float: right;
width: 130px;
}
#bobcat-content {
float: left;
width: 600px;
}
#bobcat-bulk-bottom {
height: 10px;
margin-bottom: 10px;
}
#bobcat-footer {
height: 100px;
background: #ffffff;
}
.bobcat-address-box {
float: left;
display: inline;
width: 180px;
margin: 0 20px;
height: 80px;
padding: 10px 0;
font-size: 11px;
color: #000000;
}
.bobcat-copyright-info {
float: right;
display: inline;
margin: 0 20px;
height: 80px;
width: 200px;
text-align: right;
padding: 10px 0;
font-size: 11px;
color: #000000;
}
/* overriding default styles */
.bobcat-sidebar .text_heading_left_column {
color: #f1eef7;
}
.bobcat-sidebar .dotted_line_blue {
background-color: #f1eef7;
}
.bobcat-sidebar ul {
color : #ffffff;
}
.bobcat-sidebar a {
color : #f1eef7;
}
.bobcat-sidebar .solid_line_blue {
background-color: #f1eef7;
}
.bobcat-sidebar a.product_section:visited {
color : #ffffff;
}
.bobcat-sidebar a.product_section:link {
color : #ffffff;
}
.bobcat-sidebar a.product_section:active {
color : #ffffff;
}
.bobcat-sidebar a.product_section:hover {
color : #ffffff;
}
.bobcat-sidebar .product_image_cost {
float: none;
margin: 0;
}
.bobcat-sidebar .text_product_small_info_heading {
color : #f1eef7;
text-align: center;
}
.bobcat-sidebar .text_product_small_info_price {
color : #ffffff;
clear: both;
padding: 5px 0;
text-align: center;
}
.bobcat-sidebar .text_product_small_info {
display: none;
}
/* End of styles for Bobcat theme */
/* Start of styles for Minimal theme */
/* general layout --------------------*/
#minimal-container {
width: 940px;
margin: 10px auto;
}
#minimal-header-area {
}
#minimal-logo-area {
}
#minimal-navigation-bar {
height: 30px;
}
#minimal-navigation-bar ul {
margin: 0;
padding: 0;
list-style: none;
}
#minimal-navigation-bar ul li {
display: inline;
}
li.minimal-search-field {
display: block;
float: left;
padding: 0;
height: 30px;
}
li.minimal-search-field input {
border: solid 1px #000000;
font: 12px Arial, Helvetica, sans-serif;
padding: 1px;
background: #ffffff;
color: #000000;
margin-top: 5px;
}
li.minimal-search-button {
display: block;
float: left;
padding: 0 10px 0 0;
height: 30px;
}
#minimal-navigation-bar ul li a {
display: block;
color: #c0c0c0;
float: left;
line-height: 30px;
padding-right: 10px;
text-decoration: none;
text-transform: uppercase;
}
#minimal-navigation-bar ul li a:hover {
color: #c0c0c0;
}
#minimal-navigation-bar ul li.minimal-view-cart {
float: right;
}
#minimal-navigation-bar ul li.minimal-view-cart a {
background: url('theme_icon_cart.gif') no-repeat left;
padding-left: 20px;
border: 0;
}
#minimal-navigation-bar ul li.minimal-view-cart a:hover {
}
#minimal-navigation-bar ul li.minimal-checkout {
float: right;
}
#minimal-navigation-bar ul li.minimal-checkout a {
padding: 0;
}
#minimal-bulk-top {
height: 10px;
margin-top: 10px;
border-top: solid 1px #c0c0c0;
}
#minimal-bulk {
}
#minimal-sidebar-left {
float: left;
width: 140px;
margin-right: 30px;
}
#minimal-sidebar-right {
float: right;
width: 140px;
}
#minimal-content {
float: left;
width: 600px;
}
#minimal-bulk-bottom {
height: 10px;
margin-bottom: 10px;
}
#minimal-footer {
height: 100px;
border-top: solid 1px #c0c0c0;
}
.minimal-address-box {
float: left;
display: inline;
width: 180px;
margin: 0 20px;
height: 80px;
padding: 10px 0;
font-size: 11px;
color: #000000;
}
.minimal-copyright-info {
float: right;
display: inline;
margin: 0 20px;
height: 80px;
width: 200px;
text-align: right;
padding: 10px 0;
font-size: 11px;
color: #000000;
}
.minimal-sidebar .product_image_cost {
float: none;
margin: 0;
}
.minimal-sidebar .text_product_small_info_heading {
text-align: center;
}
.minimal-sidebar .text_product_small_info_price {
clear: both;
padding: 5px 0;
text-align: center;
}
.minimal-sidebar .text_product_small_info {
display: none;
}
/* End of styles for Minimal theme */
#wrapper #header {
height: 200px;
width: 960px;
margin: auto;
}
#wrapper #header #left1 {
height: 144px;
width: 144px;
background-image: url('hc_logo.png');
margin-top: 10px;
margin-left: 10px;
display: block;
float: left;
}
#wrapper #header #mid1 {
width: 335px;
height: 29px;
float: left;
margin-left: 10px;
}
#wrapper #header #mid1 #yrs_trading {
height: 25px;
width: 230px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #FFF;
text-align: right;
line-height: 30px;
letter-spacing: 1px;
display: block;
float: left;
}
#wrapper #header #mid1 #twitter {
float: left;
height: 29px;
width: 29px;
display: block;
margin-left: 20px;
}
#wrapper #header #mid1 #facebook {
float: left;
height: 29px;
width: 29px;
display: block;
margin-left: 10px;
}
#wrapper #header #mid1 #logo_text {
background-image: url('logo_text.png');
height: 71px;
background-repeat: no-repeat;
margin-top: 25px;
display: block;
width: 325px;
float: left;
}
#wrapper #header #right1 {
width: 420px;
float: right;
}
#wrapper #header #right1 #phone_number {
height: 32px;
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
color: #F47321;
font-weight: bold;
text-align: right;
float: right;
}
#wrapper #header #right1 #link_panel {
height: 32px;
width: 346px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #FFF;
text-align: center;
line-height: 30px;
}
#wrapper #header #right1 #link_panel a{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #FFF;
text-align: center;text-decoration: none;
}
#wrapper #header #right1 #link_panel a:hover{
text-decoration:underline;
}
#wrapper #header #header2 {
float: left;
display: block;
clear: both;
width: 960px;
margin-top: 10px;
}
#wrapper #header #header2 #left2{
display: block;
float: left;
height: 32px;
width: 54px;
}
#wrapper #header #header2 #left2 a {
background-image: url('home_button.png');
background-repeat: no-repeat;
background-position: top;
height: 32px;
width: 55px;
display: block;
}
#wrapper #header #header2 #left2 a:hover {
background-position: bottom;
}
#wrapper #header #right1 #basket {
display: block;
width: 185px;
float: right;
height: 80px;
}
#wrapper #header #header2 #mid2 #nav a{
background-image: url('nav_bg.png');
background-position: top;
height: 32px;
width: 136px;
display: block;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
text-align: center;
line-height: 38px;
font-size: 16px;
float: left;
margin-left: 10px;
overflow: hidden;
}
#wrapper #header #header2 #mid2 #nav a:hover {
background-image: url('nav_bg.png');
background-position: 0px -32px;
height: 32px;
width: 136px;
display: block;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
text-align: center;
line-height: 38px;
font-size: 16px;
float: left;
margin-left: 10px;
overflow: hidden;
}
#wrapper #main {
width: 960px;
margin: auto;
}
#wrapper #main #main_left {
width: 190px;
float: left;
display: block;
}
#wrapper #main #main_left #main_left_top {
width: 190px;
float: left;
display: block;
background-color: #97999C;
}
#wrapper #main #main_left #main_left_footer {
clear: both;
overflow: hidden;
}
#wrapper #main #main_left #main_left_top img {
margin-left: 10px;
margin-top: 10px;
}
#wrapper #main #main_left #main_left_bottom {
width: 190px;
height: 45px;
background-image: url('bottom_grey.png');
float: left;
display: block;
}
#wrapper #main #main_right {
margin-left: 10px;
width: 760px;
background-color: #ffffff;
float: left;
display: block;
}
#wrapper #main #main_right #main_right_content {
width: 710px;
margin: auto;
}
#wrapper #footer {
display: block;
clear: both;
overflow: hidden;
background-color: #2E2D2D;
width: 100%;
}
#footer {
display: block;
background-color: #2E2D2D;
width: 100%;
}
.index_panel {
margin: auto;
height: 469px;
width: 962px;
background-image: url('index_panel.png');
}
.index_panel_left {
background-image: url('index_main_image.png');
height: 435px;
width: 376px;
margin-top: 14px;
margin-left: 20px;
float: left;
}
.index_panel_middle {
float: left;
height: 435px;
width: 355px;
margin-top: 14px;
margin-left: 28px;
}
.index_text {
height: 367px;
width: 355px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFF;
line-height: 20px;
font-weight: normal;
}
.index_panel_right {
width: 125px;
margin-top: 14px;
margin-left: 28px;
float: left;
background-image: url('index_panel_right.png');
height: 371px;
}
.white_20_bold_arial {
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: normal;
color: #FFF;
line-height: 28px;
}
.enter_button a {
display: block;
width:304px;
height: 69px;
background: transparent url('enter_shop.png') no-repeat;
margin: auto;
}
.enter_button a:hover {
background-position: 0px -69px;
}
.latest_offer {
height: 222px;
width: 960px;
margin-top: 20px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
display: block;
}
.latest_offer_top {
height: 32px;
width: 960px;
}
.latest_offer_title {
height: 34px;
width: 220px;
background-image: url('latest_offers.png');
}
.latest_offer_bottom {
height: 190px;
width: 960px;
}
.latest_offer_img_1 a {
float: left;
background-color: #ffffff;
height: 190px;
width: 220px;
border: thin solid #3C3C3E;
margin-bottom: 20px;
}
.latest_offer_img_1 a:hover {
float: left;
height: 190px;
width: 220px;
background-color: #F47321;
border: thin solid #F47321;
}
.latest_offer_img a {
margin-left: 20px;
background-color: #ffffff;
float: left;
height: 190px;
width: 220px;
border: thin solid #3C3C3E;
margin-bottom: 20px;
}
.latest_offer_img a:hover {
margin-left: 20px;
float: left;
height: 190px;
width: 220px;
background-color: #F47321;
border: thin solid #F47321;
}
.sitemap_table {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
line-height: 20px;
padding: 10px;
margin: auto;
}
.sitemap_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
.sitemap_table a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
}
.sitemap_table a visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
}
.sitemap_table a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: underline;
}