/* CSS Document */
/**
{
	margin: 0;
	padding: 0;
}*/

html,body
{
	height: 100%;
	margin:0;
	padding:0;
}

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align: center;
	color:#fde89e;
	background:#121212 url(/images/bg.gif) repeat;
}


/******** ANCHORS *********/
a 
{
color: #6CB9F7;
text-decoration:none;
border-bottom:1px dashed #6CB9F7;
height:1.2em;
}
a:hover,a:active 
{
color:#6CB9F7;
border-bottom:1px solid #6CB9F7;
}
a:visited 
{
color: #758CAE;
border-bottom:1px dashed #758CAE;
}
a:visited:hover 
{
color:#6CB9F7;
border-bottom:1px solid #6CB9F7;
}
#errors li a, #errors li a:visited
{
	color:#e5273e;
	border:0;
	text-decoration:none;
}
#errors li a:hover, #errors li a:active
{
	color: #CCCCCC;
	text-decoration:underline;
}

#page 
{
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
	/* customize the following */
	width: 886px;
	background: #000000 url(/images/logo_header_wide.gif) left top no-repeat;
	padding-left:23px;
	padding-right:23px;
	padding-top:0px;
	border-left: 2px #222 solid;
	border-right: 2px #222 solid;
}

* html #page 
{
	height: 100%;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
}

* html #nonFooter
{
	height: 100%;
}
	
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden
{
	position: absolute;
	left: -10000px;
}


/******** HEADER *********/
#header
{
	margin:0;
	padding:0;
	height:77px;
}
#headerTopSpacer
{
	height:27px;
}
#headerContent
{
	margin:0;
	padding:0;
	height:50px;
}
#header img
{
	margin:0;
	border:0;
}

#currentUserInfo {
margin:0px 5px 0px 0px;
width:660px;
height:22px;
text-align:right;
color:#FFFFFF;
float:right;
font-size:12px;
}
#currentUserInfo div {
height:22px;
padding:0px 8px 0px 6px;
display:inline;
}
#currentUserInfo a,#currentUserInfo a:hover,#currentUserInfo a:active,#currentUserInfo a:visited {
color:#FFFFFF;
border:none;
text-decoration:underline;
}



/******** CONTENT *********/
#content
{
	/* customize the following */
	padding-bottom:145px;
}

#leftcol
{
	float:left;
	position:relative;
	/* customize the following */
	width:209px;
	line-height:1.4em;
}

#maincol
{
	position:relative;
	/* customize the following */
	font-size:95%;
	padding:10px 10px;
	line-height:1.4em;
}

#page_title
{
	background:url(/images/content_top_bg.jpg) repeat-x top left;
	width:inherit;
	margin-bottom:10px;
}

.small
{
	font-size:85%;
}

#breadCrumb
{
	color:#CCCCCC;
}
#breadCrumb a
{
	border:0px;
}
#breadCrumb a:hover
{
	border:1px;
}
fieldset
{
	padding:15px;
	margin-bottom:10px;
}
.small
{
	font-size: 80%;
	font-weight:normal;
}
.showPrint
{
	display:none;
}


/****** FORMATTED TABLE ******/
table.formattedTable
{
	margin:8px 0px;
	width:100%;
	color:#FFFFFF;
	border-bottom:1px solid #444444;
	border-left:1px solid #444444;
	background:#222222;
}
table.formattedTable td
{
	border-top:1px solid #444444;
	border-right:1px solid #444444;
	vertical-align:top;
	padding:2px;
}
table.formattedTable thead tr td
{
	height:30px;
	color:#fde89e;
	font-family:Arial, Helvetica, sans-serif;
	background:#555555;
	font-size:120%;
	vertical-align:bottom;
}
table.formattedTable tbody tr.highlightedRow td
{
	background:#2a2a2a;
}
table.formattedTable tbody tr.categoryHeader td
{
	color:#CCCCCC;
	padding:2px 5px 1px 5px;
	background-color:#000000;
	font-weight:bold;
}
table.formattedTable tr.summaryRow td
{
	background:#383838;
	text-align:right;
}
table.formattedTable tr.totalRow td
{
	text-align:right;
	background: #666666;
	font-weight:bold;
}


table.stripedTable
{
	margin:0px 0px;
	color:#FFFFFF;
	border-bottom:1px solid #222222;
	border-left:1px solid #222222;
	background:#111111;
}
table.stripedTable td
{
	border-top:1px solid #222222;
	border-right:1px solid #222222;
	vertical-align:top;
	padding:3px 5px;
}
table.stripedTable thead tr td
{
	color:#fde89e;
	font-family:Arial, Helvetica, sans-serif;
	background:#333333;
	font-size:115%;
	padding:3px 5px;
	vertical-align:bottom;
}
table.stripedTable tbody tr.highlightedRow td
{
	background:#191919;
}
table.stripedTable tr.summaryRow td
{
	background:#111111;
	text-align:right;
}
table.stripedTable tr.subtotalRow td
{
	text-align:right;
	background: #111111;
	border-top:8px solid #222222;
	font-weight:bold;
}
table.stripedTable tr.totalRow td
{
	text-align:right;
	background: #3D4658;
	font-weight:bold;
}
table.subTable td
{
	padding:1px 3px;
}
table.subTable thead td
{
	background: #222222;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 3px;
}
.orderItemSeperatorRow td
{
	border-top:10px solid #C4B473;
	padding-bottom:3px;
}

.orderTBL td
{
	border:0px solid #000;
}

.orderNum
{
	font-weight:bold;
	color:rgb(255,0,0);
}
/******** MISC CLASSES *********/
#errors {
color:#e5273e;
}
#errorsDiv {
color:#e5273e;
margin:5px 0px;
clear:both;
}
.errorMsg {
color:#e5273e;
margin:5px 0px;
clear:both;
}
#reportsDiv {
font-weight:bold;
}
#validationHeader, #validationTip {
color: #ff4c62;
}
#validationWrapper
{
	position:relative;
	margin-top:5px;
	padding:1.8em 15px 2px 15px;
	_padding-top:3em;
	/* ie starts padding .5 em higher than other browsers */
	border:1px solid #8C0000;
	background: #222222;
}
#validationWrapper legend
{
	position:absolute;
	top:-1em;
	left:1em;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 7px;
	background: #444444;
	border:1px solid #8C0000;
}
.mainText {
color:#FFFFFF;
}
table .spacerRow {
height:10px;
font-size:1px;
}
.input1 {
border:1px solid #555E6C;
border-bottom:4px solid #555E6C;
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
padding:2px 3px;
color:#FFFFFF;
background:url(/images/textbox_bg_noimage.gif) repeat-x top left #181818;
}
.input2 {
border:1px solid #0070DF;
border-bottom:4px solid #0070DF;
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
background:url(/images/button_bg.gif) repeat-x bottom left #EEEEEE;
font-weight:bold;
padding:3px 6px 2px 6px;
text-align:center;
}
select {
	cursor: pointer;
	cursor: hand;
}
#no_script {
padding:2px;
margin:5px;
background-color: #81FF7D;
font-weight:bold;
width:400px;
color:#000000;
}
a.buttonLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0099CC;
border-bottom: none;/*1px dotted #2C4F8F;*/
}
a.buttonLink:hover, a.buttonLink:active, a.buttonLink:visited {
color: #0099CC;
border-bottom: none;/*1px solid #0099CC;*/
}


table.extraSettingsBox
{
	border:1px solid #333333;
	background: #181818;
	margin-bottom:10px;
	padding:5px;
}
table.extraSettingsBox td
{
	padding:2px;
}
table.extraSettingsBox .input2
{
	margin:0;
	padding:0px 4px;
	vertical-align: absmiddle;
}
table.extraSettingsBox label
{
	font-size:95%;
	font-weight:bold;
	color:#DDDDDD;
	cursor: pointer;
	cursor: hand;
}
table.extraSettingsBox label .note
{
	font-weight:normal;
}

fieldset.extraSettingsBox
{
	position:relative;
	clear:both;
	padding:1.8em 10px 5px 10px;
	_padding-top:3em;
	/* ie starts padding .5 em higher than other browsers */
	border:1px solid #333333;
	background: #181818;
}
fieldset.extraSettingsBox legend
{
	position:absolute;
	top:-1em;
	left:1em;
	color: #BBBBBB;
	font-weight:bold;
	padding:2px 7px;
	background: #222222;
	border:1px solid #333333;
}


/*** holiday announcement ***/
.holiday_announcement img {
margin:5px 10px 5px 0px;
}
.holiday_announcement
{
	position:relative;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px 10px 0px 10px;
	/* ie starts padding .5 em higher than other browsers */
	border:1px solid #666666;
	clear:both;
	color: #FFFFFF;
	font-size:12px;
	background: #330000;
}
.holiday_announcement p
{
	padding:5px 0px;
}

.notice {
padding:3px;
margin:12px 0px;
background-color: #555555;
font-weight:bold;
color: #FFFFFF;
text-align:center;
border:1px solid #93C6FF;
}

.important_notice {
padding:6px;
margin:12px 0px;
background-color: #EEEEEE;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
color: #e5273e;
text-align:center;
border:1px solid #555E6C;
}

.note
{
	font-size:90%;
	color:#888888;
	padding: 3px 0px;
	margin: 0px;
}

/******** NAVIGATION *********/
ul#nav 
{
	list-style: none;
	margin:0;
	padding:0;
	height:34px;
	display:inline;
	float:right;
	width:660px;
	clear:both;
}

ul#nav li 
{
	list-style: none;
	display:inline;
	float:left;
	margin:0 auto;
	padding:0;
	/*width:25%;*/
	height:34px;
	text-align:center;
}

#nav a 
{
	padding:0px;
	border:none;
}

table#nav
{
	float:right;
	height:34px;
	width:660px;
}
table#nav td
{
	/*width:25%;*/
	text-align:center;
}


/******** LOGIN *********/
#loginBox {
margin-top:15px;
clear:both;
text-align:center;
margin-left: 123px;
}
#loginBox div h4 {
background:#666666;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding:4px 8px;
margin:0px 0px 3px 0px;
text-align:left;
}
#loginBox div {
background:#333333;
height:15em;
width:25em;
text-align:left;
}
#loginBox div table {
width:100%;
}
#loginBox div table td {
padding-left:8px;
padding-right:8px;
}
#newCustomer {
float:left;
margin-right:8px;
border:1px solid #666666;
}
#returningCustomer {
float:left;
border:1px solid #666666;
}
#returningCustomer table td {
text-align:right;
}


/******** PROGRESS BAR *********/
.progressBar {
position: relative;
padding: 5px 0px;
width: 250px;
height: 40px;
}
.progressBar .background {
border: 0px solid #00CC00;
width: 250px;
height: 12px;
}
.progressBar .bar {
position: relative;
background: url(/images/progress_bar_bg.gif) repeat-x top left;
width: 0px;
height: 12px;
font-size:6px;
}


/******** HEADERS *********/
h1 {
font-size:1.5em;
margin-top:10px;
margin-bottom:22px;
font-weight:bold;
color:#C1DAF9;
}
h2 {
font-size:1.5em;
font-family:Arial, Helvetica, sans-serif;
font-stretch:ultra-expanded;
}
h3 {
font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
}
h4 {
font-size:1.2em;
margin-bottom:8px;
font-stretch:ultra-expanded;
font-family:Arial, Helvetica, sans-serif;
}
h5 {
font-size:1.1em;
margin-bottom:5px;
font-stretch:ultra-expanded;
font-family:Arial, Helvetica, sans-serif;
}
h5.tableHeader {
margin:0px 0px 0px 20px;
clear:both;
text-align:center;
background-color:#1e1e1e;
border:1px solid #333333;
border-bottom:0px;
padding:2px 25px;
}

p
{
	margin:0 0 1em 0;
}


/******** FOOTER *********/
#footer
{
	position: relative;
	margin: -122px auto 0 auto;
	/* customize the following */
	font-size:95%;
	height:122px;
	width:886px;
	text-align:center;
	background:#000000;
}

* html #footer
{
	margin-top: -122px;
}

#footer_top
{
	background: url(/images/footer_images.jpg) #d81f2d no-repeat top center;
	height:65px;
	font-weight:bold;
}

#footer_middle
{
	height:27px;
	padding-top:1px;
	background: #d81f2d;
	text-align:center;
}
#footer_middle div
{
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:ultra-condensed;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:95%;
}
#footer_bottom 
{
	height:25px;
	text-align:center;
	color:#FFFFFF;
	background-color:#000000;
}

#bottomLinks
{
	list-style: none;
	margin:0;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
}

#bottomLinks li
{
	display: inline;
	border-left: 1px solid #FFFFFF;
	padding-right: 1em;
	padding-left: 1em;
}

#bottomLinks li.first
{
	border-left: 0 none transparent;
}

#bottomLinks a
{
	color: #FFFFFF;
	text-decoration:none;
	border:0;
}

#bottomLinks a:hover
{
	color: #FFFFFF;
	text-decoration:underline;
}

#bottomLinks a:visited
{
	color: #FFFFFF;
}

#copyright_message
{
	color:#FFFFFF;
	float:right;
	text-align:right;
	width:350px;
}


/*printer styles*/ 
@media print
{ 
	/*hide the left column when printing*/ 
	body{background:#FFFFFF;}
	.hidePrint{display:none;}
	#leftcol{display:none;}
	#header{display:none;}
	#twocols,#maincol,#content,#page,#nonFooter,body{ background:url() #FFFFFF; width:600px;float:none;margin:0;color:#000000}
	#page { border-left:0px #FFF solid;border-right: 0px #FFF solid;}
	* {color:#000000}
	p,.mainText {color:#000000}
	#footer{display:none}
	.showPrint{display:block}
	/****** FORMATTED TABLE ******/
table.subTable td
{
	padding:1px 3px;
}
table.subTable thead td
{
	background: #DDDDDD;
	color:#000000;
	font-weight:bold;
	padding:2px 3px;
}
table.stripedTable
{
	margin:0px 0px;
	color:#000000;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	background:#EEEEEE;
}
table.stripedTable td
{
	border-top:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	vertical-align:top;
	padding:3px 5px;
	color:#000000;
}
table.stripedTable thead tr td
{
	background:#CCCCCC;
	color:#000000;
	padding:3px 5px;
	vertical-align:bottom;
	font-weight:bold;
}
table.stripedTable tbody tr td
{
	background-color:#FFFFFF;
}
table.stripedTable tbody tr.highlightedRow td
{
	background:#ECECEC;
}
table.stripedTable tr.summaryRow td
{
	background:#E9E9E9;
	text-align:right;
}
table.stripedTable tr.subtotalRow td
{
	text-align:right;
	background: #E9E9E9;
	border-top:8px solid #DDDDDD;
	font-weight:bold;
}
table.stripedTable tr.totalRow td
{
	text-align:right;
	background:#C7D9EF;
	font-weight:bold;
}

}