﻿body
{
	background-color: #727D85;
	background-image: url(../main/images/apr_bg.png);
	background-position: top;
	background-repeat: repeat-x;
	margin: 10px 15px 30px 15px;
}

body, td, div, span
{
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 11px;
	color: #333333;
}

A:hover
{
	color: red;
	text-decoration: underline;
}

A:visited
{
	text-decoration: none;
}

input, select, textarea
{
	font-size: 11px;
}


.small_white_link:link
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.small_white_link:visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.small_white_link:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}

.main_nav_link:link
{
	color: #CCCFD1;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

.main_nav_link:visited
{
	color: #CCCFD1;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

.main_nav_link:hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

.category_link:link
{
	color: #003366;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.category_link:visited
{
	color: #003366;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.category_link:hover
{
	color: red;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.white_link:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.white_link:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.white_link:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.stat_table
{
	border: black solid 1px;
}
.stat_top_row
{
	background-color: #B4B9D2;
	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: #F1F3F9;
}

.nav_block
{
	/* 		Width was moved from here to the nav_block_content div because it wouldn't allow the  		box to become wider if the content required it 		width: 155px; 	*/ /*border: black solid 1px;*/
	background-color: #ffffff;
	margin-bottom: 20px;
}
.nav_block div.nav_block_title
{
	/*background-color: #B4B9D2; 	color: black; 	font-weight: bold; 	border-bottom: black solid 1px; 	padding: 3px;*/
	font-family: lucida sans, verdana, arial, helvetica, tahoma, sans-serif;
	font-size: 18px;
	color: #bd0002;
	font-weight: bold;
}
.nav_block div.nav_block_content
{
	/*border-bottom: silver solid 1px;*/
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 10px; /*width: 145px;*/
}

/* This is the width for IE only, due to its box model problem */
*html .nav_block div.nav_block_content
{
	/*width: 155px;*/
}




.nav_link_container
{
}

.nav_link_container ul
{
	list-style-type: none;
	margin: 0px;
	padding-left: 10px;
	width: 215px;
}

.nav_link_container a
{
	display: block;
	color: #727D85;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	text-decoration: none;
	line-height: 24px;
}

/* width here is only for IE's benefit :( */
* html .nav_link_container a
{
	width: 100%;
}

.nav_link_container a:link, .nav_link_container a:visited
{
	text-decoration: none;
}

.nav_link_container a:hover
{
	/*background-color: #dfdfdf;*/
}

.nav_link_container a.selected
{
	font-weight: bold;
	color: #bd0002;
	background-image: url(../../../../apr_images/nav/menu_arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
}


/* 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;
}

/* 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;
	padding-bottom: 20px;
}

/* 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) */
.content
{
	background-color: white;
	border: gray solid 1px;
	padding: 7px;
	text-align: center;
}

.header
{
	font-size: 21px;
	color: #003366;
	padding-left: 0;
}

/* header for contact, about, faqs, etc. */
.supplemental_header
{
	font-size: 21px;
	color: #FFFFFF;
	padding-left: 5px;
}

/* header div for certain sections of content, "Best Seller","Product Catalog", etc... */
.header2
{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color: #CED1E0;
	padding: 2px;
	border: gray solid 1px;
}

/* links inside header2 */
.header2 a
{
	text-decoration: none;
	color: navy;
}

.tiny_gray
{
	color: gray;
	font-size: 7pt;
}

.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
{
	text-align: left;
	background-color: #727D85;
	padding: 5px 0px 5px 20px;
	color: #CCCCCC;
}

.bread_crumb_link
{
	color: #cccccc;
	font-size: 10px;
}

.bread_crumb_link:link
{
	color: #CCCCCC;
	font-size: 10px;
	text-decoration: underline;
}
.bread_crumb_link:active
{
	font-size: 10px;
	color: orange;
	text-decoration: none;
}
.bread_crumb_link:visited
{
	color: #CCCCCC;
	font-size: 10px;
	text-decoration: underline;
}
.bread_crumb_link:hover
{
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}


/* 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: underline;
}

.page_nav_div a, .page_nav_div a:visited
{
	text-decoration: none;
	color: blue;
}

/* a disabled link */
.page_nav_disabled
{
	color: silver;
}


/**********************************************************************************
	Messages to customer
**********************************************************************************/
/* this is usually used for error messages */
.action_msg
{
	color: red;
	font-weight: bold;
	padding: 15px;
}

/* instruction message to customer */
.cart_instruction
{
	font-size: 10pt;
	margin-bottom: 10px;
}

/* 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;
}

/* add to cart error messages (div) */
.add_cart_errors
{
	margin-top: 10px;
	color: red;
	text-align: center;
}

/* for messages that are informational (with Balloon image to left of text) */
.cart_info_msg
{
	margin-top: 5px;
	color: blue;
	font-weight: bold;
}




/**********************************************************************************
	Category links in the "Product Catalog" nav block
**********************************************************************************/
/* this is for text inside the anchor for selected categories, and for parents that are expanded */
.cat_links .expanded .parent a
{
	font-weight: bold;
	color: #bd0002;
	cursor: pointer; /*width: 100%;*/
}


/* this is the div surrounding an expanded parent and its children */
.cat_links .expanded
{
	border-top: silver solid 1px;
	border-bottom: silver solid 1px;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 100%;
}

/* this is the div surrounding the expanded parent only */
.cat_links .expanded .parent
{
	padding: 2px;
}

/* this is the div inside a parent category that contains the sub cats */
.cat_links .expanded .children
{
	padding: 2px;
	padding-left: 24px;
}



/**********************************************************************************
	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;
	margin-top: 5px;
}
.discount_separator
{
	height: 20px;
}

.coupon
{
	border: #FF4500 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 the condition/rule/rule set descriptions
	seen on discount advertisements and other places
********************************************************************/
/* div containing the word AND/OR */
.condition_and_or
{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.condition_parens
{
	padding-left: 5px;
	margin-left: 0px;
	border-left: silver dashed 1px;
}




/*****************************************************************
	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
{
	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: lightblue;
}

/* 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: white;
	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
{
	text-align: right;
	border-top: silver solid 1px;
	padding-top: 5px;
}

/* keep links from looking visited */
#cart_options_advanced a, #cart_options_advanced a:visited
{
	text-decoration: underline;
	color: blue;
}



/******************************************************************
	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 */
.small_text
{
	color: gray;
}

/* table td that contains field labels */
.account_choice_form .field_label_td
{
	text-align: right;
}

/* table td that contains fields */
.account_choice_form .field_td
{
	text-align: left;
}






/******************************************************************
	Styles below are for the Address Form
******************************************************************/
/* Div surrounding form */
.address_form
{
	margin-bottom: 20px;
}

.address_form form
{
	margin: 0px;
}

/* header above each section of fields */
.address_form_header
{
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 10px;
}

/* fieldset surrounding each set of fields */
.address_form fieldset
{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}


/* table containing labels & fields*/
.address_form table
{
	margin-left: auto;
	margin-right: auto;
}

/* fieldset properties hidden from IE :) */
.address_form_trick_ie > fieldset
{
	-moz-border-radius: 6px 6px 6px 6px;
	border: solid silver 1px;
}

/* required and missing field indicator message */
.address_form .required_field_indicator
{
	float: right;
	padding-top: 12px;
}

.address_form .required_field_indicator img, .address_form .required_field_indicator span
{
	vertical-align: middle;
}

/* td containing label for form field */
.address_form .field_label_td
{
	text-align: right;
}

/* image inside field label td...usually the req. field indicator */
.address_form .field_label_td img, .address_form .field_label_td span, .address_form .field_td img, .address_form .field_td select
{
	vertical-align: middle;
}

/* td containing form field */
.address_form .field_td
{
	text-align: left;
}

/* inputs */
.address_form .text_input, .address_form textarea
{
	width: 300px;
}






/******************************************************************
	Styles below are for the Checkout
******************************************************************/

/* table that surrounds the items and other info */
.checkout_table
{
	/*width: 100%;*/
	border: black solid 1px;
}

/* address blocks (table) */
.address_block
{
	border: black solid 1px;
	height: 75px;
	width: 130px;
}

/* 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: bold;
	height: 22px;
	background-color: #7F99B2;
}

/* 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 1px;
	color: white;
}


/* 1st td in top row - "Description" */
.checkout_table .header_row .td_1
{
	text-align: left;
	padding-left: 4px;
}

/* 2nd, 3rd, and 4th td in top row - Options, Unit Price, Total" */
.checkout_table .header_row .td_2, .checkout_table .header_row .td_3, .checkout_table .header_row .td_4
{
	text-align: right;
	padding-right: 4px;
}

/* 1st column in table */
.checkout_table .header_row .td_1, .checkout_table .item_row .td_1
{
	width: 50%;
}

/* 2nd column in table */
.checkout_table .header_row .td_2, .checkout_table .item_row .td_2
{
	width: %30;
	text-align: right;
	line-height: 150%;
}

.checkout_table .item_row .td_2W
{
	line-height: 175%;
	font-size: 7pt;
}

/* 3rd column in table */
.checkout_table .header_row .td_3, .checkout_table .item_row .td_3
{
	width: 12%;
	text-align: right;
	line-height: 150%;
}

/* 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;
}

/* 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;
}

/* 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;
}

/* quantity field & label */
.qty_row input, .qty_row span
{
	vertical-align: middle;
}

/* div containing thumbnail of product */
.checkout_table .product
{
	margin: 4px 0px 4px 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;
}

/* 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;
}

/* div for option detail */
.checkout_table .order_option_detail
{
	padding: 3px;
	margin-top: 5px;
}

/* div for each option line */
.checkout_table .order_option_detail_line, .checkout_table .order_option_detail_line_alt
{
	padding: 2px 2px 4px 2px;
	border-bottom: silver solid 1px;
}

/* div for alternating option lines */
.checkout_table .order_option_detail_line_alt
{
	background-color: #f7f7f7;
}

/* label for option name */
.checkout_table .order_option_detail_line .label, .checkout_table .order_option_detail_line_alt .label
{
	font-weight: bold;
	margin-right: 4px;
	color: #515151;
}

/* alternating color for label of option name */
.checkout_table .order_option_detail_line_alt .label
{
	color: green;
}

.checkout_table .opt_detail_btn
{
	border: 0px;
	cursor: pointer;
}

/***************************************************************
	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
{
	color: green;
	text-decoration: none;
	vertical-align: middle;
}
.checkout_progress a:hover
{
	color: green;
	text-decoration: underline;
}

.checkout_step_pending
{
	color: silver;
	font-size: 10pt;
}
.checkout_step_active
{
	font-size: 10pt;
	color: blue;
	font-weight: bold;
	font-style: italic;
}
.checkout_step_done
{
	color: green;
	font-size: 10pt;
}
.checkout_step_pending, .checkout_step_active, .checkout_step_done
{
	width: 20%;
	text-align: left;
	font-family: "Trebuchet MS" , Verdana, Arial;
}
.checkout_step_active .checkout_step_num
{
	font-style: italic;
}
.checkout_buttons_row1, .checkout_buttons_row2
{
	text-align: center;
}
.checkout_buttons_row2
{
	margin-top: 15px;
}
.checkout_buttons_row1 img, .checkout_buttons_row2 img
{
	border: 0px;
}
#checkout_button_w_gc
{
	margin-bottom: 17px;
	border: 0px;
}
#checkout_or
{
	margin: 0px 4px 17px 6px;
}




/************************************************************************************
	Form field styles
************************************************************************************/
/* for incomplete fields */
.error_field, .error_field_radios
{
	background-color: #ff6767;
}
/* 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 product description and image */
.product_description
{
	text-align: left;
	vertical-align: top;
	width: 100%;
}

/* surrounds the entire product detail area */
.product_display
{
	text-align: center;
	width: 100%;
}

.product_name
{
	color: blue;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	width: 100%;
}

/* header for sections (Discounts, Buy Now, etc...) */
.product_section
{
	text-align: left;
	color: blue;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 10px;
}



/***********************************************************************************
	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: #ffffff;
}

/* 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: white;
}

/* 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;
	border: gray solid 1px;
	background-color: #F5F5F5;
	text-align: left;
	font-size: 8pt;
}
.diag_true
{
	color: green;
	font-weight: bold;
}
.diag_false
{
	color: red;
	font-weight: bold;
}
.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;
}



/************************************
	Div surrounding wait indicator
	image in storefront
************************************/
.wait img
{
	vertical-align: middle;
}
.wait span
{
	vertical-align: middle;
	padding-bottom: 2px;
}



/* to fix divs that have floated children, so they expand around them..
.. put this div at the bottom, inside the one that won't expand */
.clear_float
{
	clear: both;
	line-height: 0;
	height: 0;
}

.large_heading
{
	font-size: 16px;
}

.large_button
{
	font-size: 14px;
}

.prod_detail
{
	margin-top: 50px;
	margin-bottom: 20px;
	padding-right: 20px;
}

.prod_detail .price
{
	font-size: 16px;
	color: #bd0002;
	font-weight: bold;
	width: 210px;
	border-top: grey solid 1px;
	padding-top: 10px;
	margin-bottom: 20px;
}

.prod_detail .qty
{
	font-weight: bold;
}

.prod_detail_left
{
	float: left;
	width: 300px;
	margin-left: 10px;
	text-align: left;
}

.prod_detail_left img
{
	border-bottom: silver solid 1px;
	margin-bottom: 5px;
}

.prod_detail_right
{
	float: right;
	width: 250px;
	text-align: left;
}

.prod_description
{
	padding-bottom: 50px;
}

.main_content
{
	padding-left: 10px;
	padding-right: 10px;
}

.cart_top
{
	font-size: 18px;
	color: #fff;
	background-color: #727D85;
	position: absolute;
	width: 614px;
	margin-left: -10px;
	padding-top: 10px;
	background-image:url(../main/images/title_bg.gif);
	background-position:center bottom;
	height:30px;
}

#cart, .account_choice_form, .address_form
{
	/*padding-top: 35px;*/
}
.products-list
{
	padding: 0;
}
.products-list > li
{
	width: 33%;
	float: left;
	display: block;
	height: 200px;
	padding-bottom: 15px;
	margin-bottom:10px;
	padding-top: 10px;
	text-align: center;
}
.hidden
{
	display: none;
}

.add-holder
{
	width: 577px;
	padding: 10px 9px 0 19px;
	overflow: hidden;
}
.add-holder a
{
	float: right;
	background: url(images/add-to-quote.gif) no-repeat;
	width: 130px;
	height: 28px;
	text-indent: -9999em;
	float: right;
	margin-top: 10px;
}
.add-holder span
{
	color: #666;
	font-size: 11px;
	float: right;
	width: 113px;
	margin-right:10px;
	padding-left:5px;
	font-style: italic;
}
.add-holder span a
{
	float: none;
	background: none;
	text-indent: 0;
	width: auto;
	color: #443c7e;
}
.add-holder span a:hover
{
	text-decoration: none;
}
.ltl-box table
{
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
}
.ltl-box table tr
{
	background:#F1F1F1 url(images/table-bg.gif) repeat-x scroll 0 0;
	padding: 0;
}
.ltl-box table td
{
	/*background:Transparent url(images/table-separator.gif) repeat-y scroll 0 0;*/
	vertical-align: middle;
	background-color:Transparent;
	color: #336;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 0;
	overflow: hidden;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.ltl-box table td strong
{
	font-size: 12px;
	margin-left: 10px;
}
.ltl-box table td span
{
	font-size: 15px;
	font-weight: bold;
	color: #36c;
	display: block;
	margin-left: 10px;
}
.ltl-box table td label
{
	vertical-align: middle;
	padding-left: 6px;
}
.ltl-box table td label.check
{
	color: #666;
	font-size: 12px;
	padding: 0;
}
.ltl-box table td select
{
	display: block;
	padding: 0;
	max-width: 300px;
}
.ltl-box table td input
{
	vertical-align: middle;
}
.ltl-box table td > div
{ 
	padding: 0 7px 0 15px;
	min-height: 37px;
	overflow: hidden;
}
.ltl-box table.second td label
{
	font-size: 15px;
}
.ltl-box table.second td input
{
	display: inline;
	width: 27px;
	vertical-align: middle;
}
.ltl-box table.second td span
{
	font-size: 15px;
}
.ltl-box table.second td.title
{
	padding-left: 17px;
	font-weight: normal;
}
.ltl-box table.second td.title strong
{
	padding: 0;
	font-size: 11px;
}
.ltl-box
{
	background: url(images/ltl-box-bg-595.gif) repeat-y;
	margin-bottom: 19px;
	clear: both;
	width: 595px;
}
.ltl-box .top
{
	background: url(images/ltl-box-top-595.gif) no-repeat;
	padding: 0;
}
.ltl-box .bottom
{
	background: url(images/ltl-box-bottom-595.gif) no-repeat 0 100%;
	overflow: hidden;
	padding-bottom: 15px;
}
.ltl-box h3
{
	margin: 0;
	font-size: 15px;
	line-height: 37px;
	font-weight: bold;
	color: #336;
	padding-left: 18px;
}
.ltl-box h4
{
	margin: 0 0 10px;
	background: url(images/ltl-box-ul-bg.gif) repeat-x;
	font-size: 13px;
	font-weight: bold;
	color: #336;
	padding-left: 18px;
	line-height: 41px;
	border-top: 1px solid #fff7ea;
}

.details
{
	/*width: 366px;
	padding: 8px 35px 0 20px;*/
	width: 555px;
	padding: 8px 20px 0;
}
.details h5
{
	margin: 0;
	color: #36c;
	font-size: 11px;
	font-weight: bold;
}
.details ul
{
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
	color: #336;
	font-size: 11px;
}
.details ul li
{
	padding-left: 7px;
	background: url(images/details-bg.gif) no-repeat 0 5px;
	margin-bottom: 3px;
}
.details p
{
	margin: 0 0 10px;
	color: #336;
	font-size: 11px;
	line-height: 16px;
}
.gallery-holder
{
	width: 100%;
	overflow: hidden;
}
.gallery-holder img
{
	display: block;
	border: 1px solid #d1d1d1;
}
.gallery-holder ul
{
	list-style: none;
	margin: 0;
	padding: 8px 0 0;
	width: 100%;
	overflow: hidden;
}
.gallery-holder ul li
{
	float: left;
	margin-right: 8px;
}
.Error
{
	display: block;
	color:Red;
}
.leftSideMenuLinks
{
	padding: 14px 20px 0 23px;
	background-image: url(../main/images/left_nav_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.topMenu
{
	height: 50px;
	background-image: url(../main/images/content_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.pageArea
{
	padding: 0pt 14px 0pt 15px;
	background-image: url(../main/images/content_bg.png);
}
.bottomPageArea
{
	height: 145px;
	background-image: url(../main/images/content_footer.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.productViewDescription
{
	max-height:43px;
	overflow:hidden;
	padding: 0 20px;
	text-align:justify;
}
.account_choice_line_vert{
	background-image: url(../main/images/account_choice_line_vert.gif);
}
.account_choice_line_horiz{
	background-image: url(../main/images/account_choice_line_horiz.gif);
	height: 27px;
}
.Parent-With-Child-Selected > a,
.AspNet-TreeView-ChildSelected > a,
.AspNet-TreeView-Selected > a,
.Parent-With-No-Child-Selected > a
{ 
	color:#BD0002;
}
.AspNet-TreeView-Leaf.AspNet-TreeView-ParentSelected a,
.AspNet-TreeView-ChildSelected .AspNet-TreeView-Leaf a,
.AspNet-TreeView-ChildSelected .AspNet-TreeView-Selected a
{
	font-size:11px;
}
.AspNet-TreeView-Collapse
{
	display:none;
}
