/**
 *
 * Main CSS Stylesheet
 *
 */

/***Default Styles***/
html {}
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #3f4167;
	background-image: none;
	background-repeat: no-repeat;
	width: 100%;
	margin: 0 auto 30px auto;}


/***Paragraph***/
p {padding: 0.5em;}


/***Anchors***/
a img {border:none;}
a:link, a:visited {
	color: #3300FF;
	text-decoration: none;}
a:active {color: #0000FF;}
a:hover, #headerNav ul li a:hover, #footerNav ul li a:hover {
	color: #990000;
}


/***Headers***/
h1{font-size:1.5em;}
h2{font-size:1.4em;}
h3{font-size:1.0em;}
h4, h5, h6 {font-size:1.1em;}
h1, h2, h3, h4, h5, h6 {margin: 0.3px 0;}


/***Code Tag***/
code {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;}


/***Forms, Form Fields & Fieldsets***/
form, select, input {
	display: inline;
	font-size: 1em;
	margin: 0.1em;}
textarea {
	margin: auto;
	display: block;
	width: 95%;}
input:focus, select:focus, textarea:focus {
	background: #F0F8FF;}
fieldset {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;}
legend {
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	padding: 0.3em;}
	
	
/***Labels***/
label, h4.optionName {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0.2em;}
label.checkboxLabel, label.radioButtonLabel {
	margin: 0.5em 0.3em;}
label.inputLabel{
	width: 11em;
	float: left;}
label.selectLabel{
	width: 12em;
	float: left;}
	

/***Address***/
address {
	font-size: 1.1em;
	padding: 0.5em;
	font-style: normal;}
	

/***Horizontal Rule***/
hr {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;}
	

/***Warnings, Errors & Messages***/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;}
.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;}
.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;}
.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;}


/***Page & Section Wrappers***/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 800px;
	vertical-align: top;
	border: 1px solid #9a9a9a;}
#headerWrapper, #contentMainWrapper, #headerLogoWrapper, 
#mainWrapper, #cartBoxListWrapper, #cartBoxListWrapper ul {
	margin: 0em;
	padding: 0em;}
#cartBoxListWrapper ul {list-style:none;}
#navLeftColumnWrapper, #navRightColumnWrapper, #mainWrapper {
	margin: auto;}
#navLeftColumnWrapper, #navRightColumnWrapper {
	margin-left: 1.0em;
	margin-right: 1.5em;}
#headerLogoWrapper{
	background-image: url(../images/grayback.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	height: 125px}
#headerNavWrapper, #footerNavWrapper {
	margin: 0em;
	background-color: #D5D5E9;
	background-image: url(../images/bg_dark.jpg);
	padding: 0.5em 0.2em;
	border-top:1px #040a7f solid;
	font-weight: bold;
	color: #000;
	height: 1%;}
#headerLogo {float: left;}
#headerTagline {
	color:#000000;
	font-size: 1.5em;
	text-align: center;
	vertical-align: middle;
	margin: 0;}
.wrapperAttribsOptions {
	margin: 0.3em 0em;}
#faqsWrapper {/*** Utilizing 'content' styles***/}


/***Navigation***/
#headerNav ul, #footerNav ul  {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;}
#headerNav ul li, #footerNav ul li {display: inline;}
#headerNav ul li a, #footerNav ul li a {
	font-weight: 700;
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #040a7f;
	white-space: nowrap;}
#headerNav ul li a:hover, #footerNav ul li a:hover {
	/****SEE a:hover in 'anchor' section
	To override default hover color uncomment the 
	below property and change value.
	*/
	/*color: #ff0000;*/
}
#headerNavSearch {float: right;}
#navBreadCrumb {
	padding: 0.5em 0.5em;
	background-color: #ffffff;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0 20px 0 0;}
#navLeftColumn {background-color: transparent;}
#navRightColumn {background-color: transparent;}


/***Main Content***/
#navLeftColumn, #navRightColumn {vertical-align: top;}
.content, #productDescription {
	font-size: 1.0em;
	padding: 0.5em;}
.centerColumn {padding: 0.8em;}
#productDescription{
	font-size:1.2em;
}
#categoryDescription {
	font-size: 1.4em;
}


/***sideboxes***/
h3.leftBoxHeader, h3.leftBoxHeader a, h3.leftBoxHeader a:visited,
h3.rightBoxHeader, h3.rightBoxHeader a, h3.rightBoxHeader a:visited {
	font-size: 1em;
	color: #000;}
h3.leftBoxHeader a:hover, h3.rightBoxHeader a:hover {
	color: #000;
	text-decoration: none;} 
.leftBoxHeader, .rightBoxHeader {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url('../images/bg_dark.jpg');
	padding: 0.5em 0.2em;}
.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px #9a9a9a solid;
	margin-top: 1.5em;
}
.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;}
.floatingBox {
	margin: 0;
	width: 47%;}


/* categories box parent and child categories */
a.category-top, a.category-top:visited {
	color: #800000;
	text-decoration: none;}
a.category-links, a.category-links:visited {
	color: #800000;
	text-decoration: none;}
a.category-subs, a.category-products, 
a.category-subs:visited, a.category-products:visited {
	color: #000000;
	text-decoration: none;}
a.category-top:hover, a.category-links:hover, 
a.category_subs:hover, a.category-products:hover{
	text-decoration: underline;}
span.category-subs-parent {font-weight: bold;}
span.category-subs-selected {font-weight: bold;}


/***Shopping Cart Display***/
#cartAddToCart {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;}
.tableHeading TH {border-bottom: 1px solid #9a9a9a;}
.tableHeading, #cartSubTotal {background-color: #e9e9e9;}
#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;}
.tableRow, .tableHeading, #cartSubTotal {height: 2.2em;}
.cartProductDisplay, .cartTotalDisplay, 
.cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity 
.cartTotalsDisplay, #cartInstructionsDisplay {
	padding: 0.5em 0em;}
.cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;}
.cartQuantity, .cartProductDisplay, 
.cartUnitDisplay, .cartTotalDisplay, #cartProdTitle
	{color: #000;}
h4.optionName {/****SEE label in 'labels' section*/}
.productListing-data{
	text-align: left;
	vertical-align: top;
	font-size:1.25em}
#productDescription {/****SEE in 'Main Content' section*/}
#productMainImage{
	width: 210px;
}
.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;}
.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;}
.amount {width: 5.5em;}
.cartQuantity {
	width: 4.7em;}
.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/}
.cartOldItem {
	color: #660099;
	position: relative;  /*do not remove-fixes stupid IEbug*/}
.cartBoxTotal {
	text-align: right;
	font-weight: bold;}
.thumbnailsImageViewerText{
	font-size: 1.2em;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	color: gray;
	font-weight: bold;}
.thumbnailsImageViewer{
	float: left;
}
.thumbnailsImageViewer img.normal{border:1px solid #e7e7e7;}
.thumbnailsImageViewer img{
	border:1px solid #e7e7e7;
	width:35px;
	height:26px;}


/***FAQ Properties**/
#faqCategories{
	
}
#faqQuestion {
}
#faqAnswer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}


/***Misc Properties**/
.back {float: left;}
.forward {float: right;}
.clearBoth {clear: both;}
.advisory {}
.alert {
	color: #FF0000;
	margin-left: 0.5em;
	vertical-align: top;}
.important {font-weight: bold;}
.larger {font-size: 1.1em;}
.biggerText {font-size: 1.2em;}
.bold {font-weight: bold;}
.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;}
.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;}
.hiddenField {display: none;}
.visibleField {display: inline;}
.information {padding: 10px 3px; line-height: 150%;}
.buttonRow {margin: 0.5em;}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;}



/***Added for all sections that require centered text***/
TH, .center, .centeredContent, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, 
.leftBoxHeading, .centerBoxHeading, .rightBoxHeading, .accountQuantityDisplay, 
#cartEmptyText, #cartBoxEmpty, #siteinfoLegal, #siteinfoIP, #productMainImage {
	text-align: center;}