a:link    {color: #000000; text-decoration: none;}
 a:active  {color: #000000; text-decoration: none;}
 a:visited {color: #000000; text-decoration: none;}
 a:hover   {color: #000000; text-decoration: underline;}

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Verdana', Arial, Sans-Serif;
background: #d9dae8;
background-repeat:no-repeat; 
background-position:center;
background-position:top;
padding: 0; /*removes indent Mozilla and NN7*/
margin: 0; /*removes indent IE and Opera*/
background-attachment:fixed}

td {vertical-align: top;}
 
.main {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8.4pt;
line-height: 1.3;
font-weight: normal;
color: #000000;}

.second {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal; 
color: #003366;}

.third {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal; 
color: #000000;}
       
.headline {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold; 
letter-spacing: 1.5pt; 
color: #003366;}

.heading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold; 
color: #003366;}

.heading2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold; 
color: #c00000;}

.boxstyle {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;}

.leftMenu a:hover {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #aab4c7;
text-decoration: none;
color: #000000;}

.leftMenu_text {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.0;
text-decoration: none;
color: #000000;
padding-left: 10px;
padding-top: 6px;
padding-bottom: 6px;} 

.leftMenu_headers {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1.5pt; 
color: #003366;
padding-left: 60px;}

.rightMenu a:hover {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #aab4c7;
text-decoration: none;
color: #000000;}

.rightMenu_text{
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.0;
text-decoration: none;
color: #000000;
padding-right: 10px;
padding-left: 10px;
padding-top: 6px;
padding-bottom: 6px;} 

.rightMenu_headers {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1.5pt; 
color: #003366;
padding-left: 1px;
padding-left: 6px;
padding-top: 6px;
padding-bottom: 6px;} 

.footer {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #000000;}

.sale {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;}

.header {
font-size: 14px; 
text-align: left;}

.stat_table {
border: black solid 1px;}

.stat_top_row {
background-color: #D9DBE7;
color: black;
font-weight: bold;}

.stat_top_td {
border-bottom: solid black 1px;}

.stat_td {
border-bottom: silver solid 1px;}

.stat_td_alternate {
border-bottom: silver solid 1px;
background-color: #D9DBE7;}

.nav_block {
width: 155px;
border: black solid 1px;
margin-bottom: 10px;}

.nav_block div.nav_block_title {
background-color: #D9DBE7;
color: black;
font-weight: bold;
border-bottom: black solid 1px;
padding: 3px;
margin-bottom: 10px;}

.nav_block div.nav_block_content {
border-bottom: silver solid 1px;
/*
margin-left: 10px;
margin-right: 10px;
*/
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;}

.nav_link_container {}

.nav_link_container ul {
list-style-type: none;
margin: 0px;
padding-left: 0px;}

.nav_link_container a {
display: block;
padding: 2px;}

/* width here is only for IE's benefit :( */
* html .nav_link_container a {
width: 100%;}

/* a little spacing above and below the links in the Account Options block */
.acct_options div.nav_link_container {
margin-top: 10px;
margin-bottom: 10px;}

/* fix margins for best sellers ol */
.best_sellers ol {
margin: 0px;
padding-left: 27px;
text-align: left;}

.best_sellers ol li {
vertical-align: top;
margin-bottom: 5px;}

/* move the links a little closer to the bullets */
.best_sellers a {
position: relative;
left: -5px;}

/* move the links a little closer to the bullets */
.best_sellers a {
position: relative;
left: -5px;}

/* fix alignment of text with numbered bullet for IE only */
* html .best_sellers a {
position: relative;
top: -2px;}

/* table that contains subcategory links, below category detail */
.subcategory_table {
width: 100%;}

.subcategory_table td {
text-align:center;}

/* vertical align elements with form fields, labels, etc... */
.valign_middle span,
.valign_middle a,
.valign_middle img,
.valign_middle input,
.valign_middle select {
vertical-align: middle;}

/* drop shadow div */
.drop_shadow {
height: 10px;
background-repeat: repeat-x;}

/* content boxes (used on a <td> by deafult) */
.content2 {
width: 100%;
margin-left: 10px; 
padding: 7px;
text-align: left;}

/* header div for certain sections of content, "Best Seller","Product Catalog", etc... */
.header2 {
font-size: 1.6em;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
text-align: left;
color: #000000;}

/* links inside header2 */
.header2 a {
text-decoration: none;
color: navy;}

.tiny_gray {
color: gray;
font-size: 7pt;}

.cart_black {
color: #000;
font-size: 9pt;}

.small_link {
font-size: 7pt;
font-weight: normal;}

/**********************************************************************************
	Bread Crumb and Page navigation
**********************************************************************************/	
/* this is for the div that surrounds all the links */
.bread_crumb_nav {
width: 100%;
text-align: left;}

/* this is for the link */
.bread_crumb_link {
font-family: Verdana, Tahoma, Helvetica;
font-size: 9px }

/* the div surrounding the entire page nav */
.page_nav_div {
text-align: center;}

/* controls the spacing between the links */
.page_nav_spacing {
padding-left: 5px;
padding-right: 5px;}

/* the current page number */
.page_nav_div .page_nav_current {
font-weight: bold;}

/* page links */
.page_nav_div a:hover{
text-decoration: none;}

/* a disabled link */
.page_nav_disabled {
color: silver;}

/**********************************************************************************
	Messages to customer
**********************************************************************************/
/* this is usually used for error messages */
.action_msg {
color: #CC0000;
font-weight: normal;
text-align: center;}

/* instruction message to customer */
.cart_instruction { 
font-size: 10pt; 
margin-bottom: 10px;
text-align: center;}

/* this is for the image of either a hand OR a balloon, and aligns it vertically with the msg text */
.cart_instruction img {
vertical-align: middle;
text-align: center;}

/* add to cart error messages (div) */
.add_cart_errors {
margin-top: 10px;
color: #CC0000;
text-align: center;}

/* for messages that are informational (with Balloon image to left of text) */
.cart_info_msg {
margin-top: 5px;
font-size:11px;
color: #CC0000;
text-align: center;}

/* this is the div surrounding an expanded parent and its children */
.cat_links .expanded {
border: silver solid 0px;
margin-top: 4px;
margin-bottom: 4px;
width: 100%;}

/* this is the div surrounding the expanded parent only */
.cat_links .expanded .parent {
border-bottom: silver solid 1px;
padding: 2px;}

/* this is the div inside a parent category that contains the sub cats */
.cat_links .expanded .children {
padding: 2px;}


/**********************************************************************************
	Discount related styles
**********************************************************************************/
/* name of discount when it is advertised */
.discount_name {
font-style: italic;
text-align: left;
font-weight: bold;
margin-bottom: 4px;}

/* image for discount when advertised */
.discount_image {
float: left;}

/* description of discount when advertised */
.discount_description {
vertical-align: middle;
text-align: left;}

.discount_description .image_div {
float: left;}

/* hide margin from IE */
.discount_description>.image_div {
margin-right: 10px;}

.discount_conditions, .discount_product_link {
color: gray;
font-style: italic;}

.discount_separator {height: 20px}

.coupon {
border: black dashed 3px;
padding: 10px;
padding-top: 15px;
padding-bottom: 18px;
margin-top: 0px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
background-color: #DBFFDB;
width: 90%;}

.coupon_code_field {
width: 100px; margin: 8px}


/*****************************************************************
 Styles below are for product options...
 They control the way the options appear when viewing a product
******************************************************************/

/* table containing all options */
.options table {
margin-left: auto;
margin-right: auto;}

/* keeps option rows evenly spaced vertically */
.options td {
height: 30px;} 

/* This is a break that appears below textarea/radio options, to maintain spacing
   by default, it should be half of the height for the style immediately above this - ".options td" 
*/
.options .extra_br {
height: 15px;}

/* 1st td inside options table...contains instruction for selecting option */
.options .instruction {
font-size: 9pt;
text-align: right;
vertical-align: top;
padding-top: 3px;}

/* 2nd td inside options table...contains actual form field */
.options .field {
text-align: left;}


/* Custom Detail Link ... defaults to (details) */
.options .custom_detail_link {
font-size: 7pt;}

.options select {
vertical-align: middle;}

.options img {
vertical-align: middle;}

.options span {
vertical-align: middle;}

.options input {
vertical-align: middle;}

.options textarea {}

/* this is for the div surrounding the radio options */
.options .radios {
line-height: 170%;}

/* below aligns radio buttons and checkboxes to the left, for IE only */
.radios input,
.options .checkbox {
margin-left: -3px;}

/* below aligns radio buttons and checkboxes to the left, for all but IE */
.radios>input,
.checkbox_span>.checkbox {
margin-left: 0px;}


/***********************************************************************
  Styles below are for the product option detail page, 
  which opens when you click a link near an option for more detail
***********************************************************************/
.option_detail_body {
background-color: #FFFFFF;
font-size: 11px;
margin: 5px;}

/* div that surrounds the entire content, directly inside <body>*/
.option_detail_div {
text-align: left;}

/* this is the div that surrounds the detail for the option itself */
.option_detail_div .option_detail {}

/* this is the div that surrounds the name (or image of name) for the option */
.option_detail_div .product_section {
text-align: center;
padding-bottom: 0px;}

/* image for option */
.option_detail .option_img {
float: left;}

/* DIV separating option and choices */
.option_detail_div .separator {
clear: left;
height: 10px;}

/* table cell containing a single choice */
.option_detail_div .choices_table td {
padding: 2px;}

/* table containing choices for this option */
.option_detail_div .choices_table {
width: 100%;
background-color: #19415F;}

/* name of choice */
.choices_table .choice_name {
font-weight: bold;
font-size: 12px;
text-align: center;}

.choices_table .choice_price {
text-align: center;}

/* DIV surrounding a choice's image */
.choices_table .choice_img_div {
float: left;}

/* description of choice */
.choices_table .choice_description {
vertical-align: top;
text-align: left;}

.choices_table .single_choice_table {
border: silver solid 1px;
background-color: #D9DBE7;
margin-left: auto;
margin-right: auto;}


/******************************************************************
	Styles below are for the best sellers nav block
******************************************************************/
#best_sellers_table td {
height: 40px;
vertical-align: top;}

/******************************************************************
	Styles below are for the cart options (advanced) nav block
******************************************************************/
/* table containing cart breakdown...IE doesn't like the width on this, so the > trick is used to exclude IE */
div.nav_block_content>#cart_options_advanced {
width: 100%;}

/* controls all td (table cells) */
#cart_options_advanced td {
font-family: Arial;
font-size: 9px;}

/* controls the TD in the first row */
#cart_options_advanced .header_row_td {
padding-bottom: 5px;}

/* the td that contains the qty */
#cart_options_advanced .qty_td {
text-align: left;}

/* the td that contains the name of the item */
#cart_options_advanced .name_td {
text-align: left;
white-space: nowrap;}

/* the td that contains the price of the item */
#cart_options_advanced .total_td {
text-align: right;}

/* controls the TD in the first row */
#cart_options_advanced .footer_row_td {
width: 100%;
text-align: right; 
border-top: silver solid 1px;
padding-top: 5px;}

/******************************************************************
	Styles below are for the Account Choice page
******************************************************************/

/* login form on account choice page */
.account_choice_form {}

/* table containing login fields */
.account_choice_form .login_table{
margin-top: 10px;}

/* username and password fields */
.account_choice_form .login_field {
width: 120px;}

.account_choice_form input {
vertical-align: middle;}

/* login button */
.account_choice_form .submit {
font-size: 10px;
width: 70px;}

/* div containing text right below images for each choice..slightly larger than normal */
.sub_heading {
font-size: 13px;
text-align: center;}

/* secondary text on page...field labels also use this */
.account_choice_form .small_text {
color: gray;}

/******************************************************************
	Styles below are for the Checkout
******************************************************************/

/* table that surrounds the items and other info */
.checkout_table {
width: 100%;
border: black solid 0px;}

/* address blocks (table) */
.address_block {
border: black solid 0px;
height: 75px;
width: 292px;}

/* address block TDs */
.address_block td{
text-align: left;
white-space: nowrap;}

/* tracking number DIV inside address block */
.address_block .tracking_number {
margin-top: 4px;
text-align: center;}

/* row that contains the column labels */
.checkout_table .header_row,
.address_block .header_row {
font-weight: normal;
font-size: 11pt;
height: 22px;
background-color: #a5b6cb;}

/* row that contains an item */
.checkout_table .item_row td {
vertical-align: top;}

/* td inside top row */
.checkout_table .header_row td,
.address_block .header_row td{
border-bottom: black solid 0px;}

/* 1st td in top row - "Description" */
.checkout_table .header_row .td_1{
text-align: left;
padding-left: 4px;
font-size:8pt;
width: 42%;}

/* 2nd td in top row - Options" */
.checkout_table .header_row .td_2{
text-align: left;
padding-left: 4px;
font-size:8pt;
width: 33%;}

/* 3nd td in top row - Unit Price" */
.checkout_table .header_row .td_3{
text-align: left;
padding-left: 4px;
font-size:8pt;
width: 12%;}

/* 4th td in top row - Total" */
.checkout_table .header_row .td_4{
text-align: right;
padding-right: 4px;
font-size:8pt;}

/* 1st column in table */
.checkout_table .header_row .td_1,
.checkout_table .item_row .td_1{
width: 42%;}

/* 2nd column in table */
.checkout_table .header_row .td_2,
.checkout_table .item_row .td_2 {
width: 33%;
text-align:right;
line-height: 130%;
font-size:8pt;}

.checkout_table .item_row .td_2W {
line-height: 175%;	
font-size: 8pt;}

/* 3rd column in table */
.checkout_table .header_row .td_3,
.checkout_table .item_row .td_3{
width: 12%;
text-align:right;
line-height: 150%;
font-size: 8pt;}

/* 4th column in table */
.checkout_table .header_row .td_4,
.checkout_table .item_row .td_4{
width: 8%;
text-align:right;}

/* 1st td in item row */
.checkout_table .item_row .td_1 {
height: 100px;
font-size:8pt;}

/* vertical border on certain cells */
.checkout_table .item_row .td_1,
.checkout_table .item_row .td_2,
.checkout_table .item_row .td_3,
.checkout_table .qty_row .td_1,
.checkout_table .qty_row .td_2{
border-right: silver solid 1px;}

/* right padding for all td's in rows other than the first one */
.checkout_table .item_row td,
.checkout_table .qty_row td,
.checkout_table .footer_row td{
padding-right: 4px;
font-size: 8pt;}

/* td inside qty row */
.checkout_table .qty_row td{
border-bottom: silver solid 1px;
border-top: silver solid 1px;
text-align: right;
background-color: #f1f3f9;}

/* payment method TD in footer row */
.checkout_table .footer_row .pay_method {
vertical-align: bottom;
padding: 4px;
font-size: 8pt;}

/* quantity field & label */
.qty_row input,
.qty_row span{
vertical-align: middle;}

/* div containing thumbnail of product */
.checkout_table .product {
padding: 4px;
width: 100%;}

/* all tds in product table */
.checkout_table td {
text-align: left;}

/* td for product name */
.checkout_table .prod_name {
margin-bottom: 5px;
padding: 2px;
font-size: 8pt;}

/* div for product image */
.checkout_table .product .prod_img {
margin: 4px;
float: left;}

/* td for product buttons - modify, remove */
.checkout_table .prod_btns {
padding-top: 4px;}

/* div for savings info for item */
.checkout_table .savings_info {
margin-top: 4px;
margin-bottom: 4px;
font-style: italic;
clear: left;}

/***************************************************************
 Styles below are for the checkout progress indicator
 above checkout form..."Step 1, Step 2, etc..."
***************************************************************/
/* table that contains the progress links */
.checkout_progress {}

/* checkout progress links */
.checkout_progress a,
.checkout_progress a:visited {
font-size:8.5pt;
color: green;
text-decoration: none;
vertical-align: middle;}

.checkout_progress a:hover {
font-size:8.5pt;
color: green;	
text-decoration: underline;}

.checkout_step_pending {
color: silver;
font-size: 8.5pt;}

.checkout_step_active {
font-size: 8.5pt;	
color: #000000;
font-weight: bold;
font-style: italic;}

.checkout_step_done {
color: green;
font-size: 8.5pt;}

.checkout_step_pending,
.checkout_step_active,
.checkout_step_done {
font-size:8.5pt;
width: 20%;
text-align: left;
font-family: "Trebuchet MS", Verdana, Arial;}

.checkout_step_active .checkout_step_num {
font-style: italic;}

/************************************************************************************
	Form field styles
************************************************************************************/
/* for incomplete fields */
.error_field,
.error_field_radios {
background-color: #F6F068;}

/* border around incomplete radio button fields */
.error_field_radios {
border: gray solid 1px;
padding-left: 2px;}

/* readonly text input fields */
.readonly {
background-color: silver;}

input, select {
font-size: 11px;}
	
/**********************************************************************************
  Styles for the Product Detail page (shown when a thumbnail is clicked)
**********************************************************************************/
	
/* surrounds the entire product detail area */
.product_display {
text-align: center;
width: 100%;}

/***********************************************************************************
	Styles for the Product Thumbnail
***********************************************************************************/
.product_price {
vertical-align: middle;
width: 300;}

/*****************************************************************************
	Styles for UPS tracking form
*****************************************************************************/
.ups_window {
border: black solid 1;
width: 100%;}

.ups_window_header {
background-color: #804000;
height: 30px;
color: white;
font-size: 10pt;
font-weight: bold;
padding: 5px;}
	
/*************************************************************************
	The following styles control the appearance of HTML order emails
*************************************************************************/

.order_email_body {
background-color: #D9DBE7;}

/* DIV surrounding HTML emails */
.order_email_htm {
background-color: #ffffff;
padding: 10px;
text-align: left;
font-size: 10pt;
width: 100%;}

.order_email_htm .header {
margin-bottom: 5px;}

/****************************************************************************
	Styles for fedex tracking results 
****************************************************************************/

/* body tag for fedex tracking */
.fedex_track_body {
background-color: #D9DBE7;}

/* table surrounding results */
.fedex_track_table {
width: 100%;}

/* other individual tables inside main one */
.fedex_track {
border: black solid 1px;
width: 100%;}

.fedex_track td {
text-align: left;}

.fedex_track .header_row {
background-color: #660099;
color: white;
padding: 4px;}

.fedex_track .scantd {
border-bottom: black solid 1px;}

.fedex_track .scantd_alt {
border-bottom: black solid 1px;
background-color: #F1F3F9;}

/***********************************
  Styles for diag mode window
***********************************/

.diag {
padding: 8px;
width: 100%;
text-align: left;
font-size: 8pt;
border: gray solid 1px;
background-color:#F5F5F5}

.diag_true {
color: green;}

.diag_false {
color: red;}

.diag_code {
margin-left: 6px; 
margin-right: 6px; 
margin-top: 4px; 
margin-bottom: 10px; 
font-family:"Courier New", Courier, mono; 
background-color: silver}

.diag_discount {
margin-left: 6px; 
margin-bottom: 10px; 
padding: 2px; 
padding-bottom: 10px; 
background-color:#E8E8E8;}

.diag_discount_name {
text-decoration:underline; 
margin-bottom: 2px;}