﻿/***Default Styles***/
html {}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background: #fff url('../images/bricks_gray.jpg') repeat;
	margin:0;
	padding:0px;
	width: 100%;
	overflow-y: scroll;}


/***Paragraph***/
p {padding: 0.5em;}


/***Anchors***/
a img {border:none;}
a:visited {
	color: #000;
	text-decoration: none;}
a:link {
	color: #000;
	text-decoration: none;}
a:active {color: #000;}
a:hover {color: #0066FF;}


/***Headers***/
h1{font-size:1.5em;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4 {font-size:1.1em;}
h5 {font-size:1.1em;}
h6 {font-size:1.1em;}

h1, h2, h3, h4, h5, h6 {margin: 0.3px 0;}


/***Forms, Form Fields & Fieldsets***/
input {
	font-size: 1em;
	margin: 0.2em;}
select {
	font-size: 1em;
	margin: 0.2em;}
form {
	font-size: 1em;
	margin: 0.2em;}
textarea {
	margin: auto;
	display: block;
	width: 95%;}
/*
textarea:focus {
	background: #F0F8FF;}
select:focus {
	background: #F0F8FF;}
input: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***/
h4.optionName {
	font-size: 1.0em;
	line-height: 1.5em;
	padding: 0.2em;}
label {
	font-size: 1.0em;
	line-height: 1.5em;
	padding: 0.2em;
	font-weight: 700;}
label.radioButtonLabel {
	font-size: 0.9em;
	margin: 0.5em 0.3em;
	font-weight: normal;}
label.checkboxLabel {
	font-size: 0.9em;
	margin: 0.5em 0.3em;
	font-weight: normal;}
label.inputLabel{
	width: 11em;
	float: left;}
label.selectLabel{
	width: 12em;
	float: left;
	font-weight: normal;}


/***Address***/
address {
	font-size: 1.1em;
	padding: 0.5em;
	margin-left:20px;
	margin-bottom:5px;
	font-style: normal;
	color:#3333FF}


/***Horizontal Rule***/
hr {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;}


/***Lists***/
ul {
	font-size: 1.1em;
	line-height:1.25em;
	font-weight:700;
	color: #000000;
	list-style-image:url('../images/list_reddot.png');
	margin-left:30px;}


/***Warnings, Errors & Messages***/
.messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;}
.messageStackSuccess {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;}
.messageStackError {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;}
.messageStackWarning {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;}
.messageStackError {
	background-color: #ff0000;
	color: #ffffff;}
.messageStackWarning {
	background-color: #ff0000;
	color: #ffffff;}
.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;}
.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;}


/***Page & Section Wrappers***/
.mainPagewrapper {
	width: 1000px;
	min-height:500px;
	border:0px #000 solid;
/***	
	background: #fff;
	background-color: transparent;
***/
	margin:20px auto}
#mainWrapper {
	margin: 0em;
	padding: 0em;}
#headerLogoWrapper {
	margin: 0em;
	padding: 0em;}
#contentMainWrapper {
	margin: 0em;
	padding: 0em;}
#headerWrapper {
	margin: 0em;
	padding: 0em;}
#mainWrapper {
	margin: auto;}
#headerWrapper {border-bottom:0px #333333 solid;}
#bodyWrapper {
	background-image:url('../images/white_80_opacity.png');
	background-repeat:repeat;
	border-bottom:1px #808080 solid;
	border-right:2px #808080 solid;}
#headerLogoWrapper {
	background-image:url('../images/white_80_opacity.png');
	background-repeat:repeat;
	border-bottom:1px #808080 solid;
	border-right:2px #808080 solid;}
#headerLogoWrapper{
/***
	background-image:url('../images/white_80_opacity.png');
	background-image:url('../images/bricks_gray.jpg');
***/
	font-size:10px;
	font-weight:700;}
#footerNavWrapper {
	text-align: center;
	margin: 0em;
	background-image:url('../images/white_80_opacity.png');
	background-repeat:repeat;
	border-bottom:1px #808080 solid;
	border-right:2px #808080 solid;
	min-height: 1%;}
#headerNavWrapper {
	color: #808080;
	font-size:10px;
	text-align: center;
	margin: 0em;
	background-color: transparent;
	font-weight: bold;
	height: 1%;}
#headerLogo {float: left;}
#bodyWrapper {padding: 10px 20px 20px 20px;}
#headerTaglineWrapper{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.75em;
	padding-top:28px;
	text-align:center;
	min-height:105px}

/***Navigation***/
#footerNav ul  {
	margin: 0;
	padding:  0.25em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1em;}
#footerNav ul li {display:inline;}
#footerNav ul li a {
	font-weight:700;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: .75em;
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color:  #A4171B;
	white-space: nowrap;}
#footerNav ul li a:hover {color:  #3333FF;}


/*Service Rates Dropdown*/
#serviceRates{
	width: 800px;
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
	margin: auto;}
#serviceRates dl {margin: 0;}
#serviceRates dd {
	border-bottom: 0px #000 solid;
	margin: 0;
	padding: 5px;}
#serviceRates dt {
	border-bottom: 0px #000 solid;
	margin: 0;
	padding: 5px;}
#serviceRates dt {
	text-indent: 15px;
	font-size:1.25em;
	font-weight:400;
	background: transparent url('../images/asc.gif') no-repeat left center;}
#serviceRates dt.ratesOn {background: url('../images/desc.gif') no-repeat left center;}
#serviceRates dt:hover {
	color:blue;
	cursor: pointer;}
#serviceRates dd {
	background: transparent url('../images/black_30_opacity.png') repeat;
	}


/***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;}
#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;}
.cartAttribsList {
	font-size: 0.9em;
	font-weight: normal;
	list-style: disc;
	margin: 0;}


/*Google Maps*/
#map {
	width: 500px;
	height: 500px;
	border: 2px #000 solid;}


/***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;}
.underline { text-decoration:underline;}
.italic { font-style:italic;}
.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;}
#siteinfoIP {font-size: 0.9em;}
#siteinfoStatus {font-size: 0.9em;}
#siteinfoCredits {font-size: 0.9em;}
#siteinfoLegal {font-size: 0.9em;}
.smallText {font-size: 0.9em;}
