/**********************************************************************************
	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%;
	color: #ffffff;
	font-size: 1em;
}

.product_photo {
	float: left;
	margin: 1em 8px 8px 0;
}
	
/* surrounds the entire product detail area */
.product_display {
	border-spacing: 10px;
	text-align: center;
	width: 100%;
}
	.product_display td {
		/*border: 1px solid #666;*/
		vertical-align: bottom;
	}
	.product_display td form {
		margin: 0;
		padding: 8px;
	}
	.product_display td img {
		display: block;
		margin-bottom: 10px;
	}
	.product_display td .product_price {
		margin-top: 5px;
	}
	
.header {
	color: #e08112;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}

.product_name {
	color: #e08112;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	width: 100%;
}

.instruction { font-weight: bold; }
.radios { font-size: 0.9em; }

/* header for sections (Discounts, Buy Now, etc...) */
.product_section {
	text-align: left;
	color: #e08112;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.product_price {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

span.product_price {
	font-size: 14px;
	color: #ffffff;
	}

.product_add {
	text-align: right;
}	

/**********************************************************************************
	Bread Crumb and Page navigation
**********************************************************************************/	
/* this is for the div that surrounds all the links */
.bread_crumb_nav {
	font-size: 9px;
	padding: 5px 0 8px 0;
	text-align: left;
	width: 100%;
}
/* 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: underline;
}

.page_nav_div a
,.page_nav_div a:visited
{
	text-decoration: none;
	color: blue;
}

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

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

/* table that surrounds the items and other info */
.checkout_table {
	width: 100%;
	border: black solid 1px;
	font-size: .9em;
}

/* address blocks (table) */
.address_block {
	height: 65px;
	width: 130px;
	font-size: .8em;
}

/* 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;
	color: #ffffff;
	font-size: .9em;
 	height: 22px;
 	background-color: #333333;
}

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

/* 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 {
	margin-bottom: 15px;
}

/* checkout progress links */
.checkout_progress a,
.checkout_progress a:visited {
	color: white;
	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: white;
	font-weight: bold;
	border-top: 3px solid #666666;
	padding: 3px;
}
.checkout_step_done {
	color: white;
	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 {
	color: #e08112;
	font-size: .8em;
}
.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;
}

/******************************************************************
	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 {
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

/* fieldset properties hidden from IE :) */
.address_form_trick_ie>fieldset {
	-moz-border-radius: 6px 6px 6px 6px;
	
}

/* 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, .select_input {
	width: 250px;
	background-color: #333333;
	border: 1px solid #666666;
	color: #ffffff;
}


.small_text 
{
	color: gray;
	font-size: .8em;
}

/**********************************************************************************
	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: .9em; 
	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: 0px;
	color: #e08112;
	font-weight: bold;
	margin-bottom: 10px;
}


.nav_link_container {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	
}

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

}

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

/* 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: #e08112;
	text-decoration: none;
}

.nav_link_container a:hover {
	background-color: #333333;
	width: 130px;
}

.nav_link_container a.selected {
	font-weight: bold;
	color: #e08112;
}
.nav_block {
	border-top: 3px solid black;
	/*
		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;
	*/
	width: 175px;
	
	/*margin-bottom: 10px;*/
}
.nav_block div.nav_block_title {
	background-color: #B4B9D2;
	color: black;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 10px;
}
.nav_block div.nav_block_content {
	padding: 10px;
}