/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: bold;
	background-color: #999999;
}


.bodyTable {
	border-collapse: collapse;
	margin: 0px;
	border: none;
	background-color: #FFFFFF;
}

a:link, a:visited, a:hover {
	color: #660033;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

h2{
	font-size: 9px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 90%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 80%;
 color: #334d55;
}

.masthead{
	margin: 0px;
	padding: 0px;
	background-image: url(../page_images/header.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #993399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;

}

.leftNav {
	width: 100%;
	background-image: none;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#leftNav {
	padding: 0px;
	width: 100px;
	color: White;
}

#leftNav h1 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}


#leftNav a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
}
#leftNav a:hover  {
	color:#CCCCCC;
}

.content{
	background-color: #FFFFFF;
	margin: 0;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.dividerBar {
	background-image: url(../page_images/divBar_bg.jpg);
	background-repeat: repeat-x;
	background-color: #D8A45B;
	padding: 3px 3px 3px 3px;
	border-bottom: 1px solid #cccccc;
    width: 100%;
}

.navBar {
	ackground-repeat: repeat;
	background-image: none;
}

#navBar {
	color: #FFF8DC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10%;
	font-weight: bold;
}

#navBar a {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

.navBarLeft{
	float: left;
	white-space: nowrap;
}

.navBarRight{
	float: right;
	white-space: nowrap;
}

#siteName{
	margin: 20px 100px;
	padding: 0px 30px 10px 10px;
}

.pageName{
	font-size: 14px;
	font-style: normal;
	color: #663366;
	padding-left: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.announce {
	color: #6D4E74;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
}
.highlight_box {
	background-color: #ECD7E1;
	color: #660066;
	text-align: left;
	font-style: normal;
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.template_instr {
	background-color: #FFFFCC;
	font-style: italic;
	font-size: 85%;
	padding: 5px;
}
.welcome_text {
	padding: 5px;
	background-color: #CCCCCC;
	padding: 10px;
}


/************* #globalNav styles **************/

#globalNav{
	color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	white-space: nowrap;
	float: right;
}

#globalNav img{
	display: block;
}

#globalNav a {
	font-size: 90%;
	color: #000000;
}

#breadCrumb{
	font-size: 12px;
	color: #660033;
}

#breadCrumb a {
	color: #6600CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
.formlabel, .formlabel_req {
	background-color: #ECD7E1;
	text-align: right;
	font-size: 10px;
	padding: 5px;
	width: 25%;
	vertical-align:  top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.formlabel_req {
	color: Maroon;
}

.formfields {
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px none #003366;
	height: 18px;
}

.form_instr {
	font-size: 80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
    vertical-align:  top;
}
.form_content {
	font-size: 80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    vertical-align:  top;
}
.form_error	{
	font-size: 90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: bold;
	color: Red;
	padding: 5px;
    vertical-align:  top;

}

.checkout_head {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #996699;
	color: #FFFFFF;
	padding: 2px 10px 2px 10px;
	vertical-align: top;
	white-space: nowrap;
	margin: 10px;
}

.checkout_row1 {
	background-color: White;
	padding: 10px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.checkout_row2 {
	background-color: #FEF7E7;
	padding: 10px;
	font-size: 90%;
}

/* Featured Items */

.featuredHead, .featuredFooter {
/* shared elements of .featuredHead and .featuredFooter */
	background-color: #993399;
/*	border: 1px solid #F0E68C;*/
	padding: 3px;
	font-family: "Verdana Geneva Arial Helvetica sans-serif";
	font-size: 90%;
	font-style: italic;
	color: #FFFFFF;
}

.featuredHead {
	background-image: none;
	background-attachment: fixed;
	background-repeat: no-repeat;
	height: 20px;
	background-color: #993399;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.featuredFooter {
	height: 10px;
	background-color: #993399;
}

.featuredBody1, .featuredBody2 {
/* Alternate featured items body style */
	border-left: 1px solid #669966;
	border-right: 1px solid #669966;
	background-color: #FFFFFF;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px 5px 5px 5px;
}

.featuredBody2 {
	background-color: #F0E68C; /* overrides pre-defined color */
}


#pageNav {
	color: Maroon;
	text-align: center;
	font-size: 90%;
}

#pageNav a {
	color: Maroon;
}

#pageNav .pageShow {
	color: #660066;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}

.categoryName {
	color: #006699;
	font-variant: small-caps;
	font-style: italic;
	font-weight: bold;
	padding-left: 15px;
}
.detail_prodName{
	font-size: 18px;
	font-style: normal;
	color: #996699;
	padding-left: 10px;
	font-weight: bold;
}
.product_description {
	font-size: 10px;
	padding: 5px;
	background-color: #FFFFFF;
	padding: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* listpage elements */

#listBody1, #listBody2 {
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #006699;
	padding: 8px;
	margin: 5px;
	font-size: 90%;
}

#listBody2 {
	/* override pre-defined elements */
	background-color: #D9D9D9;
}

.list_row1, .list_row2 {
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #006699;
	padding: 8px;
	margin: 5px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.list_row2 {
	/* override pre-defined elements */
	background-color: #D9D9D9;
}

.prodName {
	font-size: 12px;
	font-weight: bold;
	color: #996699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.prodName a:link, .prodName a:visited {
	color: #669966;
}

/* ---------- Rating and review elements ------------- */

/* Currently the rating and review tables share this definition */
/* however, each can have its own if desired. */

.rating_head {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #006699;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 3px 3px 3px;
	vertical-align: top;
	white-space: nowrap;
	margin: 10px;
}

.rating_row1 {
	background-color: White;
	padding: 3px;
	font-size: 90%;
}

.review_row2 {
	background-color: #EFEFEF;
	padding: 3px;
	font-size: 90%;
}
.categorylink {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #993399;
}
.regprice,.featuredPrice, .price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #660066;
}
.regprice{	
	text-decoration: line-through;
}

