/* storeBlox2 default stylesheet v1.0 05-17-07 */

/* @group Defaults */

error {
	color: #CC0000;
	font-weight:bold;
}

hr {
	color: #CCCCCC;
}

body {
	color: black;
	font: 12px Verdana, sans-serif;
	background-color: white;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	padding: 0;
}

td {
	color: black;
	font: 12px Verdana, sans-serif;
}

a {
	color: #0066C4;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

ul {
	font-size: 10px;
}

li {
	font-weight: bold;
}

.prodNumber {
	color: #0066C4;
}

.prodName {
	color: #FF6600;
}

/* @end */

/* @group Headers */

h1 {
	display:block;
	margin: 0px;
	padding: 0px;
	color: #666666;
	font: bold 18px Verdana, sans-serif;

}

h2 {
	font: bold 24px Verdana, sans-serif;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	color: black;
	margin: 0 0 0 0px;		
}

h3 {
	top: 0px;
	left: 0px;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 0 0px;	
}

h4 {
	top: 0px;
	left: 0px;
	color: black;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 0px;		
}


/* @end */

/* @group priceGrid */

#priceGrid {
	font-size:10px;
}

#priceGrid .border {
	border:1px solid #BDE0F8;
}

#priceGrid .gridHeader{
	background:#BDE0F8;
	color:#0066C4;
	font-weight:bold;
	border-right:1px solid #fff;
}

#priceGrid td {
	font-size: 10px;
	padding: 4px;
}

#priceGrid tr {
	border-style: solid;
}

#priceGrid td.last {
	font-weight: bold;
}


/* @end */

/* @group Forms */

input {
	font-size: 10px;
}

inputLabel {
	font-weight: bold;
}

inputLabelReq {
	color: red;
}

select {
	font-size: 10px;
}

textarea {
	font-size: 10px;
}



/* @end */



/* @group leftNav */

#leftNav {
	margin: 5px;
	font-size:12px;
}

#leftNav a {
	color: #0066C4;
	text-decoration:none;
	font-weight:normal;
}

#leftNav a:hover {
	text-decoration:underline;
}

#leftNav h1 {
	color: #FF6600;
	font-size: 14px;
	margin-left:0px;
	margin-top: 5px;
	margin-bottom: 5px;
	background:none;
	height:20px;
	padding-left:0px;	
	border:none;
	width:150px;
}

#leftNav input {
	font-size:12px;	
	width:120px;
}

#leftNav .submit {
	font-size:11px;
	font-family:Verdana,sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF6600;
	border-top-style:outset;
	border-top-color:#999999;
	border-top-width:2px;
	border-bottom-style:outset;
	border-bottom-color:#666666;
	border-bottom-width:2px;
	border-left-style:outset;
	border-left-color:#999999;
	border-left-width:2px;
	border-right-style:outset;
	border-right-color:#666666;
	border-right-width:2px;
	padding:2 5 2 5;  	
}

#leftNav select {
	
}

#leftNav li {

}

/* @end */





/* @group topNav */

#topNav {
	margin: 5px;
	border: 1px solid orange;
}

#topNav a {
	color: aqua;
}

topNav a:hover {
	
}

#topNav li {
	font-size: 12px;
	color: blue;
}

#topNav h1 {
	color: orange;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#topNav input {
	
}

#topNav submit {
	
}

#topNav select {
	
}

/* @end */




/* @group footer */

#footer {
	margin: 5px;
	border: 1px solid orange;
}

#footer a {
	color: aqua;
}

footer a:hover {
	
}

#footer li {
	font-size: 12px;
	color: blue;
}

#footer h1 {
	color: orange;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#footer input {
	
}

#footer submit {
	
}

#footer select {
	
}

/* @end */




/* @group prodPage */

#prodPage {
	margin: 5px;
}

#prodPage a {
	color: #0066C4;
	text-decoration:none;
}

prodPage a:hover {
	text-decoration:underline;
}

#prodPage li {
	font-size: 12px;
	color: blue;
}



#prodPage input {
	
}

#prodPage .submit {
	font-size:11px;
	font-family:Verdana,sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#0066C4;
	border-top-style:outset;
	border-top-color:#999999;
	border-top-width:2px;
	border-bottom-style:outset;
	border-bottom-color:#666666;
	border-bottom-width:2px;
	border-left-style:outset;
	border-left-color:#999999;
	border-left-width:2px;
	border-right-style:outset;
	border-right-color:#666666;
	border-right-width:2px;
	padding:2 5 2 5;  		
	text-decoration:none;
}

#prodPage select {
	
}


/* this controls the color of the swatches on the product page. We will need to be able to dynamically change the hex code for each individual td on the product page in this section */	
.swatchColor {
	background-color:#FF0000;
}
/* @end */