/* CSS Document */
body {
	text-align: center; /* for IE */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	font: 11px verdana, arial, helvetica;
	line-height: 14px;
	color: #666; }
	
td.lightgray {
	background-color: #ededed; }
td.mediumgray {
	background-color: #e1e1e1; }

/* Text Styles */
a { color: #f6222a;  text-decoration: underline; }
a:hover { color: #f77d82;  text-decoration: underline; }

h1, h2, h3, h4, h5 { 
	margin-top: 0.7em;  margin-bottom: 0.7em;  padding: 0; 
	font-weight: bold; color: #666; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; color: #333; margin-top: 0.5em; }

.imageChkoutBanner {border: 0px width: 770px; height: 120px}

h1.subtotal, h2.subtotal, h3.subtotal, h4.subtotal, h5.subtotal { 
	background-color: #FFEFEF; padding: 5px; 
	width: 310px; margin-top: 1em;
	border: 1px dashed #666; border-width: 1px;}
	
h1.total, h2.total, h3.total, h4.total, h5.total { 
	background-color: #f9979b; padding: 7px; 
	margin-top: 1em;
	border: 1px solid #666; border-width: 1px;}
	
h1.tight, h2.tight, h3.tight, h4.tight, h5.tight { 
	margin-top: 0.2em;  margin-bottom: 0.2em; }
h1.marginhigh, h2.marginhigh, h3.marginhigh, h4.marginhigh, h5.marginhigh { 
	margin-top: 1em;  margin-bottom: 0.2em; }	
h1.marginlow, h2.marginlow, h3.marginlow, h4.marginlow, h5.marginlow { 
	margin-top: 0.2em;  margin-bottom: 1em; }
h1.both, h2.both, h3.both, h4.both, h5.both { 
	margin-top: 1em;  margin-bottom: 1em; }

.boldBlue { color: #666;
	font-weight: bold; }

.grayedOut { color: #ccc;
	font-weight: bold; }
		
.inStock { color: #333;
	font-weight: bold; }
	
.onHold { color: #bf0007;
	font-weight: bold; }
	
/* .errorFine { color: #f00; 
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	margin-top: -8px; 
	margin-bottom: 14px; } */
	
.notes { font-size: 9px;
	line-height: 12px;
	color: #666;
	font-weight: bold;
	width: 300px;
	margin: 0em 0 1em 0; }

.notesWide { font-size: 9px;
	line-height: 12px;
	color: #666;
	font-weight: bold;
	width: 648px;
	margin: 0em 0 1em 0; }
			
ul { list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em; }

li.top { margin-top: -1em; }
li.below { margin-top: 0em; }	




/* Image Styles */
img#product { border: 1px solid #666; 
	margin: 0; 
	padding: px 0px 0px 0px; }




/* Structure */
div#mainBox {
	margin: 0px auto 0px auto;
	width: 770px;
	position: relative;
	background-color: #fff; }

div#contentBox {
	width: 770px;
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #eaeaea; border-width: 1px;
	text-align: left; }

div#contentMain {
	position: relative;
	z-index: 1;
	margin-top: -36px;
	width: 700px; 
	float: left; 
	padding: 0px 35px 0px 35px; }
		
.columnLeft {
	width: 299px;
	float: left;
	background-color: #e6e6e6;
	padding: 12px;
	border: 1px dotted #cdcdcd; border-width: 0 1px 0 0;
	text-align: left; }

.columnLeftCast {
	width: 624px;
	float: left;
	background-color: #e6e6e6;
	padding: 12px;
	text-align: left; }
	
.columnRight {
	width: 300px;
	float: right;
	background-color: #ededed;
	padding: 12px;
	text-align: left; }	

.product { margin-left: 0px;
	padding-left: 1em;
	text-indent: 0em; }




/* Forms Styles */
form, label, input { font-size: 11px; 
	padding: 0px 0px 0px 0px; } 

form#shipping { 
	padding: 15px 25px 25px 25px;
	background-color: #fdfdfd; 
	color: #333; 
	border: 1px solid #eaeaea; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-align: left; }

form#billing { 
	padding: 15px 25px 25px 25px;
	background-color: #fdfdfd; 
	color: #333; 
	border: 1px solid #eaeaea; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-align: left; }
	
formfield { width: 300px; 
	padding: 20px 0px; } 

label { position: relative; 
	width: 110px; 
	text-align: right; 
	display: block; 
	margin: 3px 0px; }
	
label#nickname { position: relative; 
	width: 0px; 
	text-align: right; 
	display: block; 
	margin: 3px 0px; }

.labelStaticNested { top: 0px; 
	width: 190px;
	font-size: 11px; 
	text-align: right; } 

label select { position: absolute; 
	left: 106%; 
	top: 0px; 
	width: 180px;
	background-color: #ddd; 
	color: #333; }		

select#bg { font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ddd; 
	color: #333; }
	
label#wider { position: relative; 
	width: 345px; 
	text-align: right; 
	display: block; 
	margin: 3px 0px; }

label#register { position: relative; 
	width: 345px; 
	text-align: left; 
	display: block; 
	margin: 3px 0px; }
	
label input { position: absolute; 
	left: 106%; 
	top: 0px; 
	width: 180px; 
	background-color: #fff; } 
/* input.submit { margin-left: 106px; } */

label input#grayedOut { 
	background-color: #eee; } 

label input#error { 
	background-color: #f00; }
	
label#error { position: relative; 
	width: 110px; 
	text-align: right;
	color: #f00; 
	display: block; 
	margin: 3px 0px; }

input#bg { 
	background-color: #fff; }
	
.errorMessage { background-color: #f00; 
	padding: 5px; 
	margin-bottom: 1.5em;
	border: 1px dashed #fff; 
	border-width: 1px;
	font-size: 11px; 
	font-weight: bold;
	color: #fff; }
		
textarea { 
	background-color: #eee; 
	color: #333; }
	
#shipping .buttons { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color: #666; 
	color: #333; 
	margin-right: 6px; }	

input.enterButton {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
 	background-color: #fad529;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 2px #dfb909;
	border-right: solid 2px #dfb909;
	border-top: solid 2px #ffeb8d;
	border-left: solid 2px #ffeb8d; }

input.buttonHover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
 	background-color: #fbe060;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 2px #fff0ab;
	border-right: solid 2px #fff0ab;
	border-top: solid 2px #e7cb49;
	border-left: solid 2px #e7cb49; }

/* input.enterButton {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
 	background-color: #f6222a;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 2px #bf0007;
	border-right: solid 2px #bf0007;
	border-top: solid 2px #f77d82;
	border-left: solid 2px #f77d82; }

input.buttonHover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
 	background-color: #f84e55;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 2px #f9979b;
	border-right: solid 2px #f9979b;
	border-top: solid 2px #cc3339;
	border-left: solid 2px #cc3339; } */



/* Table Styles */
.tableText { font: 9px verdana, arial, helvetica;
	line-height: 14px;
	color: #333; }
	
.cellLight { 
	background-color: #ededed; }

.cellMedium { 
	background-color: #ddd; }


/* Other Elements */
.hRule {
	line-height: 1px; 
	clear: both; 
	width: 648px; 
	height: 4px; 
	border-bottom: dotted 1px #eaeaea; 
	margin: 0px 0px 6px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 1px; }
	
.hRuleShort {
	line-height: 1px; 
	clear: both; 
	width: 280px; 
	height: 6px; 
	border-bottom: dotted 1px #fff; 
	margin: 0px 0px 16px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 1px; }

.hRuleMedium {
	line-height: 1px; 
	clear: both; 
	width: 420px; 
	height: 6px; 
	border-bottom: dotted 1px #eaeaea; 
	margin: 0px 0px 16px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 1px; }

.hRuleSpacer {
	line-height: 1px; 
	clear: both; 
	width: 648px; 
	height: 20px; 
	border-bottom: solid 1px #eaeaea;
	margin: 0px 0px 30px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 1px; }




/* Receipt Styles */
.detailLabel {
	font: bold 11px verdana, arial, helvetica;
	color: #333;
	padding: 15px 0px 5px 0px;
	border-bottom: solid 1px #333;
	text-align: left;
}

.detailCopy {
	font: 11px verdana, arial, helvetica;
	color: #333;
	text-align: left;
}

.detailItems {
	font: 10px verdana, arial, helvetica;
	color: #333;
	padding: 4px 0px 4px 0px;
	text-align: left;
}

.detailItemsLabel {
	font: bold 9px verdana, arial, helvetica;
	color: #333;
	border-bottom: solid 1px #333;
	padding: 6px 0px 1px 0px;
	text-align: left;
}

.detailItemList {
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 0px 0px;

}




/* Footer & Copyright */
div#footer {
	margin: 0px auto 0px auto;
	width: 772px;
	position: relative;
	background-color: #ffffff;
	clear: both;
	text-align: left;
	color: #aeaeae;
	padding: 4px 0px 3px 0px;
	/* border-top: solid 1px #efefef; */
}

#footer a {color: #aeaeae; margin: 0px 5px 0px 5px; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer p {margin: 0px 0px 0px 4px; width: 760px; padding: 5px 0px 5px 0px;}
.footerLabel {font-weight: bold; margin-left: 8px; width: 250px;}
/*.footerAltRow {border-top: solid 1px #ECEFF3; border-bottom: solid 1px #ECEFF3;}*/

#footerMailBox {
	margin: -64px 2px 0px 772px;
	background-color: #ECEFF3;
	width: 200px; height: 60px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	background: url("button_bg.gif") 0px -182px repeat-x;
}

div#copyright {
	margin: 0px auto 0px auto;
	width: 772px;
	position: relative;
	border-top: solid 1px #efefef;
	background-color: #ffffff;
	padding: 10px 0px 4px 0px;
	text-align: center;
	color: #bfbfbf;
	clear: both;
}

div#copyright a {color: #bfbfbf; text-decoration: none;}
div#copyright a:hover {text-decoration: underline;}