/* 
   Updated: Sat Feb  2 22:08:08 PST 2008
   Author:	Eric Casequin for Progetta Consulting 

   Overall design tightening... removing some white space
   Chris Irvine - 3/5/2009
   
   Changing a few 3 digit hex codes to 6 digit to supress IE errors
   Chris Irvine - 7/24/2009

   1/19/2010 - Chris Irvine - New class, markdown
   ----------------------------------------------------*/

/* Details:
	primary text color: #111;
	secondary text color : #333;
	Primary link color: #004AAA;
	Background color:  #FFF;

   ----------------------------------------------------*/

/* =GENERIC
   ----------------------------------------------------*/
*, html, body {
	margin: 0;
	padding: 0;

	}

body {
	font: 0.75em/1.333em "Lucida Grande", Helvetica, Arial, sans-serif;
	background: url('../images/bg_img_topRightCorner.jpg') no-repeat top right;
	color :#363636;
/* temporarily disabled per designer request Chris Irvine 10/22/2008	letter-spacing: .075em;*/

	}

body img { border: 0;}

h1, h2, h3, h4, h5, h6 { letter-spacing: .10em;}
h1 	{ font-size: 2em; }
h2 	{ font-size: 1.5em; padding-bottom:10px; margin-bottom: 10px; }
h3 	{ font-size: 1.33em; }
h4 	{ font-size: 1.22em; }
h5 	{ font-size: 1em; }
h6 	{ font-size: 0.85em; }

p 	{ padding: 0.33em 0 1em 0; }

hr {
	border: none;
	border-top: 1px solid #CCC;
	padding: 5px;
	height: 1px;
}

a, a:visited {
	color: #004AAA;
	text-decoration: none;
	}
a:hover { 
	color: #004AAA; 
	text-decoration: underline;
	}

.alert { color: red; padding: 1em; background-color: #FF8; border: 1px solid;}
.highlight { background-color: #F3F08E; font-weight: bold;}

img { border: 0; vertical-align: middle; }

abbr {
	border-bottom: 1px dotted #AAA;
	}

/* = Primary Content Structure
----------------------------------------------*/

/* ####################################################### */
/* #### This will define the priamry width on the right### */
/* ####################################################### */
		#primaryContentContainer,
		#shoppingCart,
		.accInfo {
			width: 772px;
		}
/* ####################################################### */

#container {
	
}


#container #headerContainer {
/*	min-width: 1004px;*/
/*	min-width: 1004px;*/

}
#rightContentContainer {
/*	min-width: 815px;*/
	min-width: 540px;
}



#container #headerContainer {
	background: #C69920 url('../images/bg_img_topRightCorner.jpg') no-repeat top right;
	height: 71px;
	
}
#container #headerContainer h1 {
	padding: 5px 0 0 20px;
}

#container #headerContainer h1 a {
	text-indent: -9999px;
	display: block;
	width: 250px;
	height: 60px;
	background: url('../images/logo_dr_bott.gif') no-repeat top left;
}
#contentContainer {
	
}



/* = LEFT NAVIGATION
----------------------------------------------*/
#leftNavContainer {
	color: #FFF;
	width: 190px; 
	float: left;
	font: 90%/1.10em Verdana, sans-serif;

}
#leftNavContainer p a,#leftNavContainer h3 {
	color:#FFCC00;
}
#leftNavContainer p, #leftNavContainer h3 {
	letter-spacing: 0;
	padding: 5px;
}

#leftNavContainer hr {
	border-top: 1px solid #FFF;
}
#leftNavContainer ul li {
	list-style: none;
}
#leftNavContainer #leftNavContent {
	background: #001236 url('../images/leftNav_bgTop.jpg') repeat-x top;
	padding-top: 15px;
	margin-right: 21px;
}
/*  phase out by chris irvine 9/19/2008 not used with our current navigation
#leftNavContainer #leftNavContent ul {
	padding: 0 5px 10px 5px;
}
#leftNavContainer #leftNavContent ul li a {
	color: #FFF;
}
#leftNavContainer #leftNavContent ul a:hover {
	color: #FFF;
	text-decoration: underline;
}*/
#leftNavContainer #leftNavInsetTabs{
	width:21px;
	float: right;
	padding-top: 20px;
}
#leftNavContainer #leftNavInsetTabs ul li {
/*	If the tabs need spacing between each tab.*/
	/*padding-bottom: 3px;*/
}
#leftNavContainer #leftNavInsetTabs ul li a {
	display: block;
	width: 21px;
	text-indent: -9999px;
}

#leftNavContainer #leftNavInsetTabs ul li #btnProducts  {
	height: 83px;
	background: url('../images/nav_tabs_vertical_products.jpg') no-repeat left top;
}
#btnPurchase{
	height: 81px;
	background: url('../images/nav_tabs_vertical_purchase.jpg') no-repeat left top;
} 
#btnResellersInfo {
	height: 109px;
	background: url('../images/nav_tabs_vertical_reseller_info.jpg') no-repeat left top;
}

/* phase out by chris irvine 9/19/2008 not used with our current navigation
#leftNavContent #utilityBox {
	text-align: center;
}
#leftNavContent #utilityBox form input {
	margin: 3px 0;
}
*/
/* END LEFT NAVIGATION */
 
/* = Right Content
----------------------------------------------*/
#rightContentContainer {
	margin-left: 190px;

}


#rightContentContainer .contentBarNav {
	background: url('../images//bar_gradient_light.jpg') repeat-x bottom;
	border-bottom: 1px solid #D7D7D7;
	text-align: right;

}
#rightContentContainer .contentBarNav #subNavigation {
	background: url('../images/bar_gradient_light_secondary.gif') no-repeat top right;
	color: #000;
	padding: 9px 15px;
}
#rightContentContainer .rightContent {
	padding: 20px 35px 20px 20px;

}


#rightContentContainer .cartTitle {
	overflow: hidden;
/*	_height: 1%; _overflow: visible;*/
	background-position: top right;
}

#rightContentContainer .cartTitle h2 {
	display:inline;
	float: left;
	width: 180px;

}

#rightContentContainer .cartTitle img {
	float: left;
}


/* PROGRESS BAR*/
#rightContentContainer .rightContent .progressContainer {
	width: 576px;
	float: right;

}
#rightContentContainer .rightContent .progressContainer ul {
	list-style: none;
	overflow: hidden;
/*	_height: 1%; _overflow: visible;*/
	float: right;
}
#rightContentContainer .rightContent .progressContainer ul li {
	float: left;
	
}
/* add equiv selector for span to go with a */
#rightContentContainer .rightContent .progressContainer ul li a, #rightContentContainer .rightContent .progressContainer ul li span {
	text-indent: -9999px;
	display: block;
	width: 144px;
	height:28px;
}
#rightContentContainer .rightContent .progressContainer ul li .tl_cart,
#rightContentContainer .rightContent .progressContainer ul li .tl_billing,
#rightContentContainer .rightContent .progressContainer ul li .tl_delivery,
#rightContentContainer .rightContent .progressContainer ul li .tl_confirmation {
	background: url('../images/cart_time_line.gif') no-repeat top right;
}

#rightContentContainer .rightContent .progressContainer ul li .tl_cart         {background-position: -6px 0}
#rightContentContainer .rightContent .progressContainer ul li .tl_billing      {background-position: -165px 0 ;}
#rightContentContainer .rightContent .progressContainer ul li .tl_delivery     {background-position: -322px 0;}
#rightContentContainer .rightContent .progressContainer ul li .tl_confirmation {background-position: -468px 0;}


#rightContentContainer .rightContent .progressContainer ul .selected .tl_cart         {background-position: -6px -32px}
#rightContentContainer .rightContent .progressContainer ul .selected .tl_billing      {background-position: -165px -32px ;}
#rightContentContainer .rightContent .progressContainer ul .selected .tl_delivery     {background-position: -322px -32px;}
#rightContentContainer .rightContent .progressContainer ul .selected .tl_confirmation {background-position: -468px -32px;}


/* = Shopping Cart CheckOut
----------------------------------------------*/
#shoppingCart {
	overflow: hidden;
/*	_height: 1%; _overflow: visible;*/
	color: #333;
	
}

#shoppingCart #leftCol {
	width: 452px;
	float: left;
}



/* = Form Input Basic
---------------------------------------------- */
form input, form select {
	border-collapse: collapse;
	padding: 3px;
	font-weight: bold;
	color: #000;
}
form select {
	padding: 0;

}
/* experimental... remove padding from this selector */
form input[type="image"] {
	border: none;
	vertical-align: top;
	padding: 0;
}
form fieldset {
	border: none;
	margin-bottom: 20px;
}
form fieldset legend {
	color:#333333;
	display: block;
	overflow: hidden;
/*	_height: 1%; _overflow: visible;*/
	position: relative;
	padding: 7px 0;
	margin: 0;
	width: 100%;
	font-size: 1.22em;
	/*border-bottom: 1px solid #CCC;*/
}


form fieldset legend label {
	font-size: .8em;
/*	float: right;*/

}
form .fieldRow {
	overflow: hidden;
	position: relative;
/*	_height: 1%; _overflow: visible;*/
	padding: 6px 10px;
}

	/* --- REQUIRED HIGHLIGHTING  --- */
	/* ****************************** */
	form .required {
		color:#C50000;
	}
	form .required input, form .required .multiChoiceBox {
		border: 1px solid #C50000;
		background-color: #FFEFEF;
		color: #C50000;
	}
	form .required .multiChoiceBox input {
		border: none;
	}
	/* ****************************** */
	/* -- END REQUIRED HIGHLIGHTING --- */
					
					
form .fieldRow .warning {
	color: #C50000;
}

form .fieldRow .alertMessage {
	font-weight: bold;
	padding: 5px 0;
	font-size: .9em;
	margin-left: 190px; /* this is the width of the column + 10px*/
}

form .fieldRow .fieldLabel {
	font-weight: bold;
	width: 148px; /* 7/16/08 tightened a little more for chunky IE render */
	float: left;
	text-align: right;
	padding-top: 4px;
	
}
form .fieldRow .fieldInput {
	float: left;
	margin-left: 10px;

}
form .fieldRow .fieldInput input:focus {
	background-color:#FEFCDF;
}

form .fieldRow .fieldInput input[type="text"],
form .fieldRow .fieldInput input[type="password"] {
	/*width: 215px;*/
		border: 1px solid #A1A1A1;

}
form .fieldRow .fieldInput .multiChoiceBox {
	padding: 3px;
	
}
form .fieldRow .fieldInput .multiChoiceBox img {
	vertical-align: middle;
}
form .fieldRow .fieldInput span {
	font-size: .8em;
	color: #004AAA;
}

.shippingPreviewContainer .shippingPreviewContent {
	overflow: hidden; 
/*	_height: 1%; _overflow: visible;*/
	border: 1px solid #F9D988;
	background-color: #FFFAD6;
	padding: 5px;
	text-align: left;
}
.shippingPreviewContainer .shippingPreviewContent .shippingPreviewLeft {
	float: left;
}
.shippingPreviewContainer .shippingPreviewContent .shippingPreviewRight {
	float: right;
	text-align: right;
}
.shippingPreviewContainer .shippingPreviewContent .shippingPreviewLeft #preview-name {
	/* simulate strong on this element */
	font-weight: bold;
}

.baseButtons {
	overflow: hidden; 
/*	_height: 1%; _overflow: visible;*/
	
}
.baseButtons input, .baseButtons a 	{	float: left;	}
.baseButtons span 	{	float: right;	}

#shoppingCart #rightCol {
	width: 40%;
	float: right;
	padding-top: 20px;
}

.alertMessage {
	color: #C50000;
}




/* END SHOPPING CART CHECK OUT */

/* = Shopping Cart Item Listing Table
----------------------------------------------*/
#shoppingCart table {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

/* Widths */
#shoppingCart #tColumns #col1 {width: 10%} 
#shoppingCart #tColumns #col2 {width: 13%}
#shoppingCart #tColumns #col3 {width: 50%}
#shoppingCart #tColumns #col4 {width: 13%}
#shoppingCart #tColumns #col5 {width: 10%}

/* Header Alignments */
#shoppingCart table thead tr #image        {} 
#shoppingCart table thead tr #quantiy      {text-align: left} 
#shoppingCart table thead tr #description  {text-align: left} 
#shoppingCart table thead tr #itemNumber   {text-align: center;} 
#shoppingCart table thead tr #extPrice	   {text-align: right;}

/* Cell Content Alignments */
#shoppingCart table tbody tr .image        {} 
#shoppingCart table tbody tr .quantiy      {text-align: left} 
#shoppingCart table tbody tr .description  {text-align: left} 
#shoppingCart table tbody tr .itemNumber   {text-align: center;} 
#shoppingCart table tbody tr .extPrice	   {text-align: right;}	


#shoppingCart table thead tr th, #shoppingCart table tr td {
	border-bottom: 1px solid #CCC;
	}
#shoppingCart table thead tr th {
	background: url('../images/bar_gradient_light.jpg') repeat-x bottom;
	padding: 24px 0 5px 0;
}	
#shoppingCart table tbody tr td {
	padding: 8px 0;
}

#shoppingCart table tbody tr .quantity {
}
#shoppingCart table tbody tr .quantity input, #shoppingCart input.text  {
	border-collapse: collapse;
	border: 1px solid #9B9B9B;
	text-align: center;
/*	padding: 4px;*/
}

/*#shoppingCart table tbody tr .description {
	text-align: left;
}*/
#shoppingCart table tbody tr .description a {
	color:#363636;
}
#shoppingCart table tbody tr .itemNumber a {
	color:#333333;
}
#shoppingCart table tbody tr .description .itemDetails {
	font-size: 10px;
}

#shoppingCart table tbody tr .description .itemDetails ul {
	overflow: hidden;
/*	_height: 1%; _overflow: visible;*/
	
}

#shoppingCart table tbody tr .description .itemDetails ul li {
	list-style: none;
	float: left;
	overflow: hidden;
/*	_height: 1%; _overflow: visible;*/
	padding: 0 5px;
}
/*original
#shoppingCart table tbody tr .description .itemDetails ul .highlight,
#shoppingCart table tbody tr .description .itemDetails ul li:hover {
	background: url('../images/details_highlight_right_corner.jpg') no-repeat right center;
	color: #FFF;
	font-weight: normal;
	padding-left: 0;

}
#shoppingCart table tbody tr .description .itemDetails ul .highlight a,
#shoppingCart table tbody tr .description .itemDetails ul li:hover a {
	color: #FFF;
	text-decoration: none;
}
#shoppingCart table tbody tr .description .itemDetails .highlight strong,
#shoppingCart table tbody tr .description .itemDetails li:hover strong {
	background: url('../images/details_highlight_left_corner.jpg') no-repeat left center;
	font-weight: normal;
	display: block;
	float: left;
	padding-left: 10px;

}
*/
#shoppingCart table tbody tr .description .itemDetails ul .highlight {
	background: #1A58B5 url('../images/details_highlight_right_corner_inv2.png') no-repeat right center;
	color: #FFFFFF;
	font-weight: normal;
	padding-left: 0;

}
#shoppingCart table tbody tr .description .itemDetails ul li {
	background: #FFFFFF url('../images/details_highlight_right_corner_inv2.png') no-repeat right center;
	color: #000000;
	font-weight: normal;
	padding-left: 0;
	/*letter-spacing: .075em;*/

}
#shoppingCart table tbody tr .description .itemDetails strong {
	background: transparent url('../images/details_highlight_left_corner_inv2.png') no-repeat left center;
	display: block;
	float: left;
	padding-left: 10px;
	/*letter-spacing: .075em;*/
}
#shoppingCart table tbody tr .description .itemDetails .highlight strong {
	background: transparent url('../images/details_highlight_left_corner_inv2.png') no-repeat left center;
	font-weight: normal;
	display: block;
	float: left;
	padding-left: 10px;
}

#shoppingCart table tfoot tr td {
	border: 2px solid #CCC;
	text-align: left;
	padding: 10px;
}

#shoppingCart table tfoot tr .endOptions {
	background: url('../images/bar_dropdown_gradient_light.jpg') repeat-x left top;
	overflow: hidden;
/*	_height: 1%; _overflow: visible;*/
}
#shoppingCart table tfoot tr .endOptions p {
	margin: 0;
	padding: 0  0 10px 0;
}
#shoppingCart table tfoot tr .endOptions #quickAdd label {
	float: left;
	padding: 3px 15px 0 0;
}

#shoppingCart table tfoot tr td {
	padding: 0;
}
#shoppingCart table tfoot tr .endOptions #quickAdd { 
	width: 65%; 
	float: left; 
	}
#shoppingCart table tfoot tr .endOptions #quickAdd .qContent {
	padding: 10px 15px;
}
#shoppingCart table tfoot tr .endOptions #subTotal { 
	width: 34%; 
	float: right;
	border-left: 1px solid #CCC;

	background-color: #FFF;
	text-align: center;
	}


#shoppingCart table tfoot tr .endOptions #subTotal p { 
	margin: 0; 
	padding: 10px 15px; 
	background-color: #EAF8FD;
	border-bottom: 1px solid #CCC;
	text-align: right; 
	}
#shoppingCart table tfoot tr .endOptions #subTotal .inputs{
	padding: 15px 8px;
}

#shoppingCart #emptyMessage {
	padding-top: 2em;
}

/*END SHOPPING CART LISTING TABLE*/

/* = Grey Box
----------------------------------------------*/
/*#rightCol .greyBox .greyTop .greyContentContainer .greyBottom*/

.greyBox .greyTop p, .greyBox .greyTop h4 {
	margin: 0;
	padding: 0;
}
.greyBox .greyTop h4 {
	position: relative;
	padding-bottom: 4px;
	
}
.greyBox .greyTop h4 span {
	position: absolute;
	top: 0;
	right: 0;
}

.greyBox {
	background: url('../images/bar_grey_top_left_corner.jpg') no-repeat top left;
	margin-bottom: 25px;
}
.greyBox .greyTop {
	background: url('../images/bar_grey_top_right_corner.jpg') no-repeat top right;
}

.greyBox .greyBottom {
	background: url('../images/bar_grey_btm_left_corner.jpg') no-repeat bottom left;
}
.greyBox .greyBottom div {
	background: url('../images/bar_grey_btm_right_corner.jpg') no-repeat bottom right;
}
.greyBox .greyTop .greyTopMeat{
	padding: 11px;
}
.greyBox .greyTop .greyTopMeat p {
	color: #777;
	font-size: 95%;
}
.greyBox .greyContentContainer {
	background-color: #E1E1E1;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}

.greyBox .greyContentContainer .greyContentForm {
	border-top: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	background-color: #EEE;
	padding: 5px;
	
}

.greyBox .greyContentContainer .greyContentList {
	padding: 0 5px;
}
.greyBox .greyContentContainer .greyContentList ul {
	background-color:#FFF;
	padding: 8px;
	border: 1px solid #CACACA;
}
.greyBox .greyContentContainer .greyContentList ul li {
	list-style: none;
	padding: 5px 0 ;
	margin: 5px 0;
	border-bottom: 1px solid #DDD;
	overflow: hidden; 
/*	_height: 1%; _overflow: visible;*/
}
.greyBox .greyContentContainer .greyContentList ul .last {
	border: none;
}
					/*.greyContentList .itemName .itemQty .itemPrice*/
.greyBox .greyContentContainer .greyContentList ul li span {
	display: block;
	float: left;
}					
.greyBox .greyContentContainer .greyContentList ul li .itemName {
	width: 55%;
}
.greyBox .greyContentContainer .greyContentList ul li .itemQty {
	width: 19%;
}
.greyBox .greyContentContainer .greyContentList ul li .itemPrice,
.greyBox .greyContentContainer .greyContentList ul li .colTwo  {
	float: right;
	text-align: right;
	width: 25%;
}
.greyBox .greyContentContainer .greyContentList ul li .colTwo {
	width: 40%;
}
.greyBox .greyBottomMeat {
	text-align: right;
}
.greyBox .greyBottomMeat input {
	margin: 0;
	padding: 10px;
}


/* END Grey Box */

/* = Order Details & Delivery Options
----------------------------------------------*/
.deliveryOptions h4,
.orderDetails h4 {
		border-bottom: 1px solid #CCC;
		padding: 5px 0;
		overflow: hidden; 
/*		_height: 1%; _overflow: visible;*/
}

.deliveryOptions .total,
.orderDetails .total {
	background: url('../images/bar_grey_top_wrap.jpg') repeat-x top;
	border-bottom: 1px solid #CCC;
	padding: 5px;
	text-align: right;
	overflow: hidden;
}

.deliveryOptions .total span,
.orderDetails .total span {
	width: 90px;
	display: inline-block;
}


.orderDetails {
	margin-bottom: 20px;
}
.orderDetails h4 {
	border-bottom: 1px solid #CCC;
	padding: 5px 0;
	position: relative;
}
.orderDetails h4 span {
	position: absolute;
	top: 8px;
	right: 0;
	font-size: 80%;
}

.orderDetails ul li,
.deliveryOptions ul li label {
	list-style: none;
	display: block;
	padding: 5px 0 3px 0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	position: relative;
	overflow: hidden; 
/*	_height: 1%; _overflow: visible;*/
}
.orderDetails ul li {
	border-bottom: 1px solid #DDD;
}
.deliveryOptions ul .selected:hover label:hover,
.deliveryOptions ul .selected label {
	background-color: #FFFB74;
	background: #F9F0C0 url('../images/bg_orange_highlight.gif') repeat-x top;
	border-top-color: #EED9B2;
	border-bottom-color: #EED9B2;
}
.deliveryOptions ul li:hover label:hover {
	background-color: #FFFB74;
	background: #F9F0C0 url('../images/bg_orange_highlight.gif') repeat-x top;
/*	border: none;*/

}
.deliveryOptions ul li label input,
.deliveryOptions ul li label img {
	vertical-align: middle;
}

.orderDetails ul li .qty,
.deliveryOptions ul li label img,
.deliveryOptions ul li label input {
	margin-right: 10px;
}


.orderDetails ul li .price,
.deliveryOptions ul li label span {
	position: absolute;
	top: 5px;
	right: 5px;
}
.deliveryOptions .message {
	font-size: 90%;
}


.deliveryOptions p {
}
.deliveryOptions p img {
	
}

/* this section used for style when customer submits messages like comments or gift messages */
.customerMessages label {
	display: block;
	font-weight: bold;
	margin: 2px 0;
}
.customerMessages textarea {
	width: 98%;
	height: 2.5em;
	padding: 2px;
	margin: 2px 0 .8em 0;
}

.confirmationInformation {
	width: 710px;
}
.confirmationInformation h4 {
	border-bottom: 1px solid #CCC;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
.confirmationInformation .summaryBoxs {
	overflow: hidden; 
/*	_height: 1%; _overflow: visible;*/
	padding: 25px 0;
}
.confirmationInformation .leftBox,
.confirmationInformation .rightBox {
	border: 1px solid #CCC;
}
.confirmationInformation .leftBox {
	float: left;
	width: 49%;
}
.confirmationInformation .rightBox {
	float: right;
	width: 48%;
}
.confirmationInformation h5 {
	background-color: #F2F2F2;
	padding: 7px;
	border-bottom: 1px solid #CCC;
}
.confirmationInformation p {
	padding: 5px 0;
}
.confirmationInformation .summaryBoxs p {
	padding: 9px 18px;
}
.confirmationInformation table tr .price {
	text-align: right;
}

.confirmationInformation .orderDetails table .subTotal {
	background-color:#F2F2F2;
}
.confirmationInformation .orderDetails table .grandTotal {
	background-color:#E4E4E4;
}
.confirmationInformation .orderDetails table .grandTotal,
.confirmationInformation .orderDetails table .subTotal {
	text-align: right;
	font-weight: 700;
}

/* confirmation page items added by Chris 10/3/2008*/
#shoppingCart .confirmationInformation td.quantitiy {
	padding-right: 5px;
}
#shoppingCart .confirmationInformation td.itemNumber {
	padding-left: 5px;
	text-align: left;
	width: 35%;
}
#shoppingCart .confirmationInformation td.price {
	padding-right: 40px;
	width: 7.5em;
}
.confirmationInformation .orderDetails h4 {
	margin-bottom: 0;
}
#shoppingCart .confirmationInformation .orderDetails .subTotal td,
#shoppingCart .confirmationInformation .orderDetails .grandTotal td {
	padding-top: 6px;
	padding-bottom: 6px;
}
.confirmationInformation hr {
	padding: 0px;
}


/* END Order Details & Delivery Options

/* = My Account Basic Structure
----------------------------------------------*/
		.accInfo .accInfoNav {
			overflow: hidden;
			display: block;
/*			_height:1%;*/
		}
		.accInfo .accInfoNav ul {
			list-style: none;
			overflow: hidden; 
/*			_height: 1%; */
			background: url('../images/bar_gradient_light.jpg') repeat-x bottom;
			padding: 0 20px;
		}

		.accInfo .accInfoNav ul li{
			float: left;
			padding-right: 20px;

		}
		.accInfo .accInfoNav ul li a {
			display: block;
			height: 21px;
			margin-left: 10px;
			padding: 3px 15px 3px 3px;
			text-decoration: none;
			color: #676767;
		}
		.accInfo .accInfoNav ul li a:hover {
			text-decoration: underline;
		}
	/*	.accInfo .accInfoNav ul li:hover ,*/
		.accInfo .accInfoNav ul .selected {
			background: url('../images/nav_lft_edge_rnd_drk_grey') no-repeat top left;
		}

	/*	.accInfo .accInfoNav ul li a:hover,*/
		.accInfo .accInfoNav ul .selected a {
			background: url('../images/nav_rt_edge_rnd_drk_grey') no-repeat top right;
		}

		.accInfo .accInfoNav ul .selected,
		.accInfo .accInfoNav ul .selected a,
		.accInfo .accInfoNav ul .selected a:hover {
			color:#FFF;
			text-decoration: none;
		}

		.accInfo #accAccSel {
			background: url('../images/bg_lt_down_gradient.jpg') repeat-x top left;
			padding: 15px;
		}
/* = END MY ACCOUNT BASIC STRUCTURE */

/* = Cage Listing Structures
----------------------------------------------*/
	.cageContainer,
	.cageContainerDefault {
		background-color: #FFF;
		border: 1px solid #D7D7D7;
		margin-bottom: 7px;
		padding: 10px;
	}
	
	.cageContainerDefault {
		background-color: #FFFAD6;
		border: 1px solid #F9D988;
		
	}
	
	.cageMeat {
		overflow: hidden; 
/*		_height: 1%;*/
		display: block;
		width: 100%;
	}
	
	.cageMeat .leftBox {
		width: 49%;
		float: left;
		
	}
	.cageMeat .rightBox {
		width: 50%;
		float: right;
		text-align: right;
	}
/* END Cage Listing Structures */

/* = Messages
----------------------------------------------*/

	.messageContainer {
		background: #FFF url('../images/bg_md_lt_up_gradient.jpg') repeat-x bottom;
		border: 1px solid #D7D7D7;
	}
	
	.messageContainer .messageMeat {
		padding: 15px;
		
	}

	.messageContainer .messageMeat .messageBaseNav {
		text-align: right;
	}
	.messageContainer .messageMeat .messageBaseNav a {
		padding-left: 25px;
	}

	/* = Message Highlighting
	----------------------------------------------*/
	.warningMessage {
		border: 1px solid #C50000;
		color: #C50000;
		text-align: center;
		font-weight: bold;
		background-color: #FFEFEF;
		padding:5px;
		margin: 10px 0;
	}



	/* = Footer Stuff
	----------------------------------------------*/

	#footerContainer {
		background: #000;
		color: #DDD;
		clear: both;
		padding-bottom: 50px;
	}

	#footerContainer p {
		padding: 15px;
		font-size: 80%;
	}


/* = Modal Box & Simple Version
----------------------------------------------*/

.modalBoxPopupContainer {
	background-color: #EBEBEB;
	border: 1px solid #AAA;
	width: 640px;
}
.modalBoxPopupContainer .modalBoxHead {
	background: url('../images/modal_bg_top.jpg') repeat-x top;
}
.modalBoxPopupContainer .modalBoxHead h3 {
	text-align: center;
	padding: 8px;
	position: relative;
}

.modalBoxPopupContainer .modalBoxHead h3 span {
	position: absolute;
	top: 5px;
	right: 10px;
	
	font-size: 75%;
}

.modalBoxPopupContainer .modalBoxHead h3 span a, 
.modalBoxPopupContainer .modalBoxFoot a {

	color: #BD1818;
	font-weight: 700;
}
.modalBoxPopupContainer .modalBoxMeat {
	padding: 10px;
}
.modalBoxPopupContainer .whiteBoxContainer {
	background-color: #FFF;
	border: 1px solid #AAA;
	padding: 15px;
	margin: 15px;
}
.modalBoxPopupContainer .whiteBoxContainer h3 {
	padding-bottom: 15px;
}

/* updated by chris on 9/26/2008 to work on all selectoin boxes that are in cageMeat
old selector: .modalBoxPopupContainer .whiteBoxContainer .selectionBox
*/
.cageMeat .selectionBox {
	float: left;
	width: 20px;
	height: 30px;
}

.modalBoxPopupContainer .modalBoxFoot {
	background: url('../images/modal_bg_bottom.jpg') repeat-x top;
	padding: 15px;
	overflow: hidden; 
/*	_height: 1%; _overflow: visible;*/
	position: relative;
}
.modalBoxPopupContainer .modalBoxFoot .btn {

/*		top: 10px;
		right: 15px;*/
		display: inline-block;
		float: right;
}
.data {
	float: left;
}
/* padding on left and right is redundant when field rows are inside cageContainer... take it out */
form .cageContainer .fieldRow {
	padding-left: 0;
	padding-right: 0;
}
#modalCancelAnchor {
	float: left;
}
#modalCancelButton {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #BD1818;
	vertical-align: baseline;
	font-size: 1em;
/*	letter-spacing: 0.075em;*/
	float: left;
}
#modalCancelButton:hover {
	text-decoration: underline;
}
#loginPanel {
	width: 540px;
}
/* Begin Chris's additions for rounded read-only form fields CSS3*/
form .fieldRow .readOnlyField {
	background-color: #F0F0F0;
	border: 1px solid #A4A4A4;
	float:left;
	margin-left:10px;
	padding: 5px;
}
form .fieldRow > .readOnlyField { /* this should only work in newer browsers because of the selector capability */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px;
}

form .fieldInput .readOnlyField {
	background-color: #F0F0F0;
	border: 1px solid #A4A4A4;
	float:left;
	margin-left: 0;
	padding: 5px;
}
form .fieldInput > .readOnlyField { /* this should only work in newer browsers because of the selector capability */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px;
}

/*end*/
/* Begin Chris's tweaks to columnize checkout stage 2 qty */
.orderDetails ul li span.qty {
	float: left;
	min-width: 2em;
}
/*end*/
/* Begin Chris's tweaks to support a password reset drawer */
#passwordResetDrawer {
	width: 500px;
	margin-top: 15px;
}
#passwordResetDrawer .btn {
	float: right;
}


/* = dev
----------------------------------------------*/	
#devNav {
	background-color: #000;
	padding: 5px;
	color:#FFF;
}
#devNav h4 {
	padding: 10px 0;
}
#devNav ul li {
	list-style: none;
}
#devNav ul li a {
	padding: 5px;
	display: block;
	color:#FFF;
}
#devNav ul li a:hover {
	background-color: #333;
	text-decoration: none;
}

/* Additions by Chris Irvine - experimental */
#shoppingCart table tbody tr .quantity input.remove_item_button {
	border: medium none;
	padding: 0;
	vertical-align: middle;
}
#checkoutButton img {
	vertical-align: top;
}
/* chris added #shipToBillingLabel to this selector on 9/26/2008 */
/*#shipToBillingLabel {
	font-size: .975em;
}*/
/* chris added this to help allying checkboxes on 3/27/2009 */
.saveForNextTime {
	padding-left: 166px;
	padding-bottom: 5px;
	font-size: 0.975em;
}
#shipToBillingLabel input {
	margin-right: 5px;
}
.greyBox .greyContentContainer .greyContentList ul li.last .itemPrice {
	width: 40%;
}

/* Additions by Chris Irvine - for legacy listing pages */
#leg_listing table {
	padding-left: 8px;
	border-spacing: 0;
}
#leg_listing td {
	border: medium none;
	padding: 0;
	margin: 0;
}
#leg_listing .spacer_line td {
	height: 5px;	
}
#leg_listing .product_title {
	font-weight: bold;
	font-size: 1.083em;
	padding: 0 4px;
}
#leg_listing .product_mfg {
	font-size: 1.083em;
	padding: 0 4px;
}

#leg_listing .product_tagline, #leg_listing .product_code {
	font-size: .833em;
	padding: 0 4px;
}
#leg_listing .price_cell_light {
	font-size: 1.083em;
	text-align: right;
	padding: 3px 3px;
}
#leg_listing .price_cell_dark {
	font-size: 1.083em;
	text-align: right;
	background-color: #aab9ca;
	padding: 3px 3px;
}
#leg_listing .inventory_cell_dark {
	font-size: .833em;
	text-align: center;
	background-color: #aab9ca;	
	padding: 0 3px 3px 3px;
}
#leg_listing .inventory_cell_dark button {
	border: medium none;
	background-color: #aab9ca;
}
#leg_listing .inventory_cell_light {
	font-size: .833em;
	text-align: center;
	padding: 0 3px 3px 3px;
}
#leg_listing .inventory_cell_light button {
	border: medium none;
	background-color: #d3e0f1;
}
#leg_detail {
	color: black;
}
#leg_detail .product_title {
	font-weight: bold;
	font-size: 1.083em;
}
#leg_detail ul {
	padding-left: 40px;
	margin: 11px 0;
}
#leg_detail td {
	padding: 4px;
}
#leg_detail #inv_pricing_left, #leg_detail #inv_pricing_right {
	padding: 8px 0;
}
#leg_detail #inv_pricing_pnum {
	padding: 0;
}
#leg_detail .bullet_lists {
	font-size: .833em;
}
#leg_detail #fm_desc_long {
	font-size: .917em
}
#leg_detail #inv_pricing_right ul {
	padding-left: 5px;
}
#leg_detail #inv_pricing_right ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
#leg_detail #inv_pricing_right strong {
/*	display: block;*/
	float: left;
	padding-right: 2px;
}
/*
	Begin Chris Irvine Sidebar Navigation Section (concept developed originally by David Baehler)
*/
#leftNavContent {
	padding: 0px 8px;
	color: #FFFFFF;
	line-height: normal;
	letter-spacing: normal;
}
#leftNavContent hr {
	width: 100%;
	height: 1px;
	border: none;
	border-top: 1px solid #999999;
	margin: 0px 0px;
	padding: 0;
}
#leftNavContent h4 {
	font-size: .9em;
	color: #FFCC00;
	text-align: center;
	margin: 3px 0px;
}
#leftNavContent a {
	color: #FFFFFF;
	margin: inherit;
	font-size: 1em;
}
#leftNavContent h4 a {
	color: #FFCC00;
	font-size: 1em;
}
#leftNavContent ul {
	padding: 0px;
	margin: 8px 0px;
	list-style: none;
}
#leftNavContent p {
	font-size: .9em;
}
#leftNavContent em {
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
	font-size: 1.3em
}
#leftNavContent p a {
	font-weight: bold;
	color: #FFCC00;
}
#leftNavContent form {
	margin-bottom: 11px;
}
#leftNavContent form input {
	padding: 1px 0;
}


/*
	Credit on cool cross-browswer piped list idea goes in part to http://lumino.us/weblog/pipe-dream
	Used in navigation to create sub-lists.
*/
#leftNavContent .pipedream {
	width: 100%;
	overflow: hidden;
}
#leftNavContent ul.pipedream {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	font-style: italic;
	font-size: .9em;
}
#leftNavContent .pipedream li {
	border-left: 1px solid #FFFFFF;
	float: left;
	line-height: 1.2em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
/*	white-space: nowrap;*/
}
#leftNavContent .pipedream a {
	margin: 0px;
}

/* Price reductions, such as for show specials */
.markdown {
	text-decoration: line-through;
}