body{background:#ffffff url("images/BG.gif"); font-family:arial, helvetica, sans-serif; font-size:10pt; color:#000000; padding:0; margin:0;}
a{color:#992222;}

#container{width:728px; padding:0; margin:25px 0; border:1px solid #000000;}

#header{text-align:left; background:#E2BF3E; height:79px;}
#popupHeader{text-align:right; background:#000000; height:79px; height:35px;}
#popupHeader img{margin-top:5px;}
#logo{float:left; width:325px;}
#utilityNav{float:right; width:390px; padding:2px 5px; font-size:8pt; color:#000000; text-align:right;}
#utilityNav a{color:#000000; text-decoration:none;}
#utilityNav a:hover{text-decoration:underline;}
#quotes{clear:right; font-style:italic; text-align:center; font-size:9pt; padding:10px;}
#quotes .author{text-align:right; padding-right:50px;}

#navBar{padding:0; margin:0; height:36px; clear:left; background:#000000; border-bottom:1px solid #e2bf3e; border-top:1px solid #000000;}
#nav{float:left; width:100%; line-height:normal;}
#navBar ul{margin:0; padding:0; list-style-type:none;}
#nav li {display:inline; margin:0; padding:0; float:left;}
#nav a{display:block; text-decoration:none; color:#ffffff; float:left; font-size:8pt; font-weight:bold;}
#nav1 a{border-right:1px solid #e2bf3e;padding:4px 21px; }
#nav2 a{border-right:1px solid #e2bf3e;padding:4px 21px; }
#nav3 a{border-right:1px solid #e2bf3e;padding:4px 21px; }
#nav4 a{border-right:1px solid #e2bf3e;padding:11px 21px; }
#nav5 a{border-right:1px solid #e2bf3e;padding:4px 21px; }
#nav6 a{padding:4px 21px 4px 22px;}
#nav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a{float:none;}
/* End IE5-Mac hack */
#nav a:hover{color:#000000; background:#e2bf3e;}
#nav li:hover, #nav li:hover a{color:#000000; background:#e2bf3e;}
  
.clear{clear:both; font-size:1px;}
.center{text-align:center;}
.floatR{float:right;}
.padding{padding:10px;}

h1{color:#992222; font-size:13pt; margin-top:10px;}
h2{color:#000000; font-size:11pt; margin-top:10px;}
h2.bookTitle{color:#992222; font-size:11pt; margin-top:10px;}
h3{color:#000000; font-size:12pt; margin-top:10px;}
#content{margin:0; padding:10px; background:#ffffff; text-align:left; position:relative;}

#homeContent{text-align:left; background:#ffffff; padding:0; margin:0;}
#grayBox{background:#C4C9D1; float:left; width:170px; padding:10px; margin:0;}
#homeRFloat{float:right; width:490px; margin:20px 5px 0 0; font-size:12pt;}
#homeRFloat li{margin-bottom:10px; font-size:12pt;}

#footer{background:#000000; padding:5px; font-size:8pt; color:#ffffff; text-align:center; margin:-2px 0 0 0; height:40px;}

/* form classes */
.select{font-size:9pt;}
.field{font-size:9pt; font-family:"courier new", monospace, courier;}
.example{font-size:9pt; color:#992222;}
.label{font-size:9pt; font-weight:bold; text-align:right; white-space:nowrap;}
.result{font-size:9pt; text-align:left;}
.error{font-size:9pt; font-weight:bold; color:#ff0000; text-align:center;}
.required{font-size:9pt; font-weight:bold; color:#ff0000;}

/* classes for store pages */
/* paging classes */
.paging{text-align:right; padding-right:10px;}
.pageLink{font-size:9pt; color:#003366;}
.pageList{font-size:9pt; color:#000000;}
.return{font-size:9pt; text-align:right; float:right; margin:5px;}

/* listing page classes */
#listingPage{margin:0; padding:20px; background:#ffffff; text-align:left;}
#listingPage input{text-align:right; margin:0 0 10px 0; }
#listingPage #bookList td{vertical-align:top;}
#listingPage #bookList table{margin-bottom:10px;}
#productDataList td{vertical-align:top;}
.thumbnail{background:#ffffff url("/images/books/listingBG.gif") no-repeat; text-align:center; width:118px;	height:118px;}
.thumbnailDtl{font-size:8pt; color:#000000;}
.viewCart{background:#ffffff; text-align:right;}

/* NN 4 is losing the style on the next class due to the cascade reset it here*/
#listingPage #bookList td.thumbnailPrice{font-size:8pt; height:18px; vertical-align:bottom;}
/* this is the same as the one above - SCB need the precise cascade to override a previous value set on the main table above */
#productDataList .thumbnailPrice{font-size:8pt;	height:18px; vertical-align:bottom;}
#productDataList .thumbnailBtn{text-align:right; height:18px; vertical-align:bottom;}

/* detail page classes */
#detailPage{margin:0; padding:10px; background:#ffffff; text-align:left;}
.detailBorder{border:solid 1px #999999;	margin-top:5px;	margin-bottom:5px; font-size:9pt; padding-left:1%; padding-right:1%;}
.detailImg{background:#ffffff; float:left; padding:7px 0 15px 0; width:232px;}
.detail{font-size:8pt;}
.price{font-size:9pt; text-align:right;}

/* checkout classes */
#checkoutPage{margin:0; padding:10px; background:#ffffff; text-align:left;}
.checkoutTable{background:#000000; text-align:center;}
.checkoutTable td{background:#ffffff;}
.checkoutTable th{background:#000000; color:#ffffff;}
.checkoutTable .checkoutTD2 td{background:#eeeeee;}
.checkoutTable .checkoutTD3{background:#000000; color:#ffffff; font-weight:bold;}
#checkout{margin:0; padding:0; background:#ffffff; text-align:left;}
#storeNav{background:#dddddd; border-right:1px solid #000000;}
#storeNav a{display:block; margin:5px 0;}
#storeNav img{border:0;}
.AddButton{float:right; margin:10px 30px 10px 0;}
/* newly added*/
.mainbgHead {
	 COLOR: white; FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000000; 
}
