/**********************************************************************************

	SquirrelCart CSS
	
	Modification
	11/15/2008 PJS Master copy created.
	11/15/2008 PJS ALL - No circle on list item type!
	11/15/2008 PJS ALL - Button_Left discrepancies!
	11/15/2008 PJS ALL - Reviews section changes...
	11/15/2008 PJS ALL - .content, .header, .sort
	11/15/2008 PJS ALL - added .category_description
	12/01/2008 PJS ALL - Fixed .product_image
	01/16/2009 PJS ALL - Added link specs for .header, .bread_crumb_link
	01/16/2009 PJS ALL - Tweaked general link specs

**********************************************************************************/	

.nav_box_table td {
	text-align: center;
}

body {
	background-color: #ffffff;
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, Helvetica, Arial;
	font-size: 11px;
	background-image: url('/images/bg_paper_page.gif');
}

A:link {text-decoration: none; color: darkolivegreen;}
A:visited {text-decoration: none; color: darkolivegreen;}
A:active {text-decoration: none; color: darkolivegreen;}
A:hover {text-decoration: underline; color: darkslateblue;}

a.nav_header:link, 
a.nav_header:visited, 
a.nav_header:hover, 
a.nav_header:active {
	color: #fff7c6;
	font-size: 11px;
	text-decoration: none;
}

a.nav_header:hover {
	color: #fff7c6;
	font-size: 11px;
	text-decoration: underline;
}

.header_account {
	color: #fff7c6;
	font-size: 11px;
	line-height: 18px;
}

.header_welcome {
	color: #ffffff;
        font-weight: bold;
	font-size: 13px;
}

.fieldValue, TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

.textOurPrice {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #000000;
}

.textYouSave {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #cc0000;
}

td {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}

.stat_table {
	border: black solid 1px;
}

.stat_top_row {
	background-color: #cbd2a8;
	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: Ivory;
}

.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; */
	margin-bottom: 10px;
	width: 135px;
	padding-left: 10px;
}

/* MULTIPLE */
.nav_block div.nav_block_title {
	color: black;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
	width: 135px;
}

/* MULTIPLE */
.nav_block div.nav_block_content {
	background-image: url('/images/bg_paper_page_ivory.gif');
	background-color: ivory;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	width: 135px;
	padding-left: 10px;
	border: #bdaa6b solid 1px;
}

/* This is the width for IE only, due to its box model problem */
*html .nav_block div.nav_block_content {
	/* width: 155px; */
	width: 150px;
}

/* .nav_links_children ul, */

.nav_links_children li {
	/* list-style-type: circle; 11/15/2008 PJS ALL - NO! */
	list-style-type: none;   /* 11/15/2008 PJS ALL - NO! */
	margin-left: 10px;
	margin-bottom: 2px;
	/* list-style-image: URL("/sc_images/rightarrow.gif"); */
	/* list-style-position: inside; */
	/* background-image: URL("/sc_images/rightarrow.gif"); */
	/* background-position: -5px 4px; */
	/* background-repeat: no-repeat; */
}

.best_link_container {
	/* width: 170px; */
	/* background: #ecede4; */
	/* padding: 12px; */
}

.best_link_container a:link,
.best_link_container a:visited {
	color: darkolivegreen;
	text-decoration: none;
}

.best_link_container a:hover {
	text-decoration: underline;
	color: darkslateblue;
}

.best_link_container a.selected {
	font-weight: bold;
	color: darkslateblue;
}

.nav_link_container {
}

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

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

/* 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 {
	color: darkolivegreen;
	text-decoration: none;
}

.nav_link_container a:hover {
	text-decoration: underline;
	color: darkslateblue;
}

.nav_link_container a.selected {
	font-weight: bold;
	color: darkslateblue;
}

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

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

.button_left {
	position: relative;
	left: -24px; /* 11/15/2008 PJS Button_Left */
}

/* 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 0px;
	padding: 0px;
	/* text-align: center; */
	text-align: left;
}

.header {
	font-size: 20px;
	text-align: left;
	color: darkolivegreen;
}
.header A:link {text-decoration: underline; color: darkolivegreen;}
.header A:visited {text-decoration: underline; color: darkolivegreen;}
.header A:active {text-decoration: underline; color: darkolivegreen;}
.header A:hover {text-decoration: underline; color: darkslateblue;}


/* header div for certain sections of content, "Best Seller","Product Catalog", etc... */

.header2 {
	font-weight: bold;
	text-align: left;
	background-color: #e7e3c6;
	border: black solid 1px
	color: maroon;
	padding: 3px;
}

/* links inside header2 */

.header2 a {
	text-decoration: none;
	color: maroon;
}

.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 {
	width: 100%;
	text-align: left;
	margin-top: 10px;
	margin-left: 5px;
}

/* this is for the link */

a.bread_crumb_link:link {
	font-family: Verdana, Arial, Helvetica;
	color: maroon;
	font-size: 10px; 
	text-decoration: underline;
}

a.bread_crumb_link:visited {
	font-family: Verdana, Arial, Helvetica;
	color: maroon;
	font-size: 10px; 
	text-decoration: underline;
}

a.bread_crumb_link:hover {
	font-family: Verdana, Arial, Helvetica;
	color: darkslateblue;
	font-size: 10px; 
	text-decoration: underline;
}

a.bread_crumb_link:selected {
	font-family: Verdana, Arial, Helvetica;
	color: maroon;
	font-size: 10px; 
	text-decoration: underline;
	font-weight: bold;
}

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


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

.cart_info_msg img {
	vertical-align: middle;
}



/**********************************************************************************

	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: maroon;
}

/* this is the div surrounding an expanded parent and its children */

.cat_links .expanded {
	width: 100%;
}

/* this is the div surrounding the expanded parent only */

.cat_links .expanded .parent {
	padding: 1px;
}

/* this is the div inside a parent category that contains the sub cats */

.cat_links .expanded .children {
	padding: 1px;
	padding-left: 0px;
}

.collapsed {
	padding: 0px;
}



/**********************************************************************************

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

/* "restrictions" link for file upload options */

.option_restrictions_link {
	float: left;
	margin-right: 5px;
	color: blue;
}

/* div containing file upload restrictions */

.option_restrictions_list {
	width: 120px;
	border-left: silver solid 1px;
	padding-left: 3px;
	color: gray;
	float: left;
	clear: right;
}

.option_file_saved {
	padding-top: 5px;
}



/***********************************************************************

	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: Verdana, Arial, Helvetica;
	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;
}

/* Controls font size for all field labels */

.field_label_td { 
	font-size: 12px;
}



/******************************************************************

	Styles below are for the Address Form

******************************************************************/

/* Div surrounding form */

.address_form {
}

.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 {
	width: 250px;
}



/******************************************************************

	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: #cbd2a8;
}

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

/* 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: Verdana, Arial, Helvetica;
}

.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)

**********************************************************************************/

.product_detail_td {
	vertical-align: top;
}

/* surrounds the entire product detail area */

.product_detail {
}

.product_detail form {
	margin: 0px;
}

.product_name {
	color: darkolivegreen;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
}

.product_name2 {
	color: darkolivegreen;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 2px;
	text-align: left;
}

.product_name3 {
	color: darkolivegreen;
	/* color: #21348c; */
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
}

.jp1 {
	font-size: 14px;
}

.product_image {
	float: left;
	/* margin-left: 4px; 12/01/2008 PJS */
	margin-left: 0px; /* 12/01/2008 PJS */
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
	/* width=450px; 12/01/2008 PJS */
}

.product_description {
	text-align: left;
	font-size: 11px;
}

.product_detail_price {
	font-size: 16px;
	margin-bottom: 12px;
}

.qty_label {
	font-weight: bold;
}

.qty_field {
	margin-left: 5px;
}

/* box surrounding qty and add to cart button */

.qty_box {
	margin: 10px 0px;
}

/* sections below product (Discounts, Buy Now, etc...) */

.product_section {
	/* padding: 10px 0px 20px 0px; */
	padding: 0px 0px 20px 0px;
	margin-top: 5px;
	/* text-align: center; */
	text-align: left;
	font-size: 11px;
}

.product_section_name {
	/* text-align: left;
	color: blue;
	font-size: 16px;
	padding-bottom: 10px; */
	color: darkolivegreen;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
}



/***********************************************************************************

	Styles for the Product Thumbnail

***********************************************************************************/

.product_price {
	vertical-align: middle;
	width: 300;
}

/* surrounds all thumbnails */

.product_display {
	text-align: center;
}



/*****************************************************************************

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

/* this controls the box at the bottom of the order detail page seen by admins, showing order based discount info */

.order_discount_info {
	padding: 10px;
}

/* div surrounding sort field when viewing a category */

.sort {
	margin-top: 10px;
	margin-left: 5px;
}

.big_red {
	font-size: 18px;
	color: red;
	font-weight: bold;
}

.category_description {
	margin-left: 5px;
}