body{
	background:#ccc;
	}

#wrapper{
	margin: auto;
	border:2px solid #000066;
	width:800px;
	background-color:#FFF;
	}

#bodyDiv{
	float:left;
	width:80%;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	}


#headerDiv{ }


/* -------------------------- TOP NAVIGATION -------------------------- */
#topNavDiv{
	width:100%;
	background-color:#000066;
	border-top:1px solid #000066;
	border-bottom:1px solid #000066;
	text-decoration: none;
	}

table.topNav td a{
	display: block;
	height:22px;
	text-decoration: none;
	text-align:center;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding-top:4px;
	padding-left:20px;
	padding-right:20px;
	}
table.topNav td{
	border-left:1px solid #000066;
	}

table.topNav td a.topNavLinks:link, table.topNav td a.topNavLinks:visited { color: #FFF; }
table.topNav td a.topNavLinks:focus, table.topNav td a.topNavLinks:hover {
	color: #FFF; 
	text-decoration: none;
	background: #9D0003;
	}
	
/* ~~~~~~~~ TOP NAV CURRENT ~~~~~~~~ */
table.topNav td a.topNavCurrent:link, table.topNav td a.topNavCurrent:visited {
	color: #FFF;
	background: #9D0003;
	}
table.topNav td a.topNavCurrent:focus, table.topNav td a.topNavCurrent:hover {
	color: #FFF; 
	text-decoration: none;
	background: #9D0003;
	}
	
/* ------------ PRODUCT LIST ---------------- */
table.PLST_TBL{
	width:100%;
	margin-bottom:10px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	}

table.PLST_TBL td{
	width:165px;
	height:175px;
	padding:15px 0px 0px 0px;
	background:#FFF url(../images/whiteProdBox.jpg) no-repeat bottom right;
	}
	
/* ------------ CATEGORY LIST ---------------- */
table.CTGY_TBL{
	width:100%;
	margin-bottom:10px;
	border:1px solid #ccc;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
table.CTGY_TBL th{
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCC;
	border-bottom:1px solid #ccc;
	}
table.CTGY_TBL td{
	border-bottom:1px solid #ccc;
	}
		

/* ------------ BASKET DISPLAY ---------------- */
table.basketTBL{
	width:90%;
	margin-bottom:10px;
	border:1px solid #ccc;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
table.basketTBL th{
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	background-color:#F0F0F0;
	border-bottom:1px solid #ccc;
	}
table.basketTBL td{
	border-bottom:1px solid #ccc;
	}

/* ------------ LIVE CART DISPLAY ---------------- */
table.liveCartTBL{
	width:100%;
	margin-bottom:10px;
	border-right:1px solid #ccc;
	font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
	}
table.liveCartTBL th a{
	display: block;
	background-color:#ccc;
	text-align:left;
	padding-left:6px;
	padding-top:3px;
	padding-bottom:3px;
	}
table.liveCartTBL th a:link, table.liveCartTBL th a:visited { color: #333; }
table.liveCartTBL th a:focus, table.liveCartTBL th a:hover {
	color: #333; 
	text-decoration: none;
	background-color:#ccc;
	}
	
table.liveCartTBL td a{
	display: block;
	text-decoration: none;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	border-bottom:1px solid #ccc;
	}
table.liveCartTBL td a.liveCartLink:link, table.liveCartTBL td a.liveCartLink:visited { color: #000066; }
table.liveCartTBL td a.liveCartLink:focus, table.liveCartTBL td a.liveCartLink:hover {
	color: #000066; 
	text-decoration: none;
	background: #F0F0F0;
	}

table.shipInfoTBL{
	width:500px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
table.billInfoTBL{
	width:500px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
.required{
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	}


/* ------------ LEFT NAVIGATION ---------------- */
#leftNavDiv{
	float:left;
	width:16%;	
	}
		
table.leftNav{
	width:100%;
	margin-bottom:10px;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	background-color:#000066;
	border-right:1px solid #000066;
	}
table.leftNav td{
	border-bottom:1px solid #000066;
	}
table.leftNav td a{
	display: block;
	text-decoration: none;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	}

table.leftNav td a.leftNavLink:link, table.leftNav td a.leftNavLink:visited { color: #FFF; }
table.leftNav td a.leftNavLink:focus, table.leftNav td a.leftNavLink:hover {
	color: #FFF; 
	text-decoration: none;
	background: #9D0003;
	}
	
/* ~~~~~~~~ LEFT NAV CURRENT ~~~~~~~~ */
table.leftNav td a.leftNavCurrent:link, table.leftNav td a.leftNavCurrent:visited {
	color: #FFF;
	background: #9D0003;
	}
table.leftNav td a.leftNavCurrent:focus, table.leftNav td a.leftNavCurrent:hover {
	color: #FFF; 
	text-decoration: none;
	background: #9D0003;
	}



/* +++++++++++++++++++ SUB NAV ++++++++++++++++++++ */
tr.leftNavSub td a{
   display: block;
   text-decoration: none;
   font-size: 12px;
   font-weight:normal;
   text-indent: 0.8em;
	}
tr.leftNavSub td a:link, tr.leftNavSub td a:visited {
   color: #FFF;
	}
tr.leftNavSub td a:focus, tr.leftNavSub td a:hover {
	color: #FFF; 
	text-decoration: none;
	background: #9D0003;
	}



/* ---------- Footer Elements ---------- */
#footerDiv{
	width:100%;
	float:left;
	text-align:center;
	background-color:#000066;
	margin-bottom:-1px;
	padding-top:2px;
	padding-bottom:2px;
	}

.footerSpan{
	font:normal normal 10px verdana, arial, sans-serif;
	color: #FFF;
	}

#productDetailDiv{
	float:left;
	width:59%;
	}
#productCodeQtyPrice{
	margin:0px 0px 20px 15px;
	padding:6px;
	border:1px solid #999;
	background-color:#FFFAF0;
	width:45%;
}

#reviewInfoTBL{
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#reviewInfoTBL td{
	width:250px;
	padding:5px;
}

#pageTitle{
	background:#FFF url(../images/pageTitleCompass.jpg) no-repeat center left;
	margin:10px 0px 5px 5px;
	padding:2px 0px 6px 45px;
	font: normal bold 22px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
.pageTitle{
	font: normal normal 20px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

h1{
	font: normal bold 22px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
h3{
	font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
h4{
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
h5{
	font: italic normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}

.title{
	font-family:verdana, arial;
	font-size: 20px;
	font-weight:bold;
	color: #990000 ;
	}
.tagline{
	font-family:verdana, arial;
	font-size: 14px;
	font-weight:bold;
	font-style:italic;
	color: black ;
	}

.bodyText {
	font-family:verdana;
	font-size: 12px;
	font-weight:normal;
	color: black ;
	line-height:1.5;
	word-spacing:.5px;
	}
.bodyTextRight {
	font-family:verdana;
	font-size: 12px;
	font-weight:normal;
	color: black ;
	line-height:1.5;
	word-spacing:.5px;
	text-align:right;
	}
.bodyTextBold {
	font-family:verdana;
	font-size: 12px;
	font-weight:bold;
	color: black ;
	line-height:1.5;
	word-spacing:.5px;
	}
.bodyTextBoldRight {
	font-family:verdana;
	font-size: 12px;
	font-weight:bold;
	color: black ;
	text-align:right;
	line-height:1.5;
	word-spacing:.5px;
	}


/*  Links */
a:link { color: #0D4B98; text-decoration: none;}
a:visited { color: #0D4B98; text-decoration: none;}
a:focus { color: #990000; text-decoration: underline;}
a:hover { color: #990000; text-decoration: underline;}


/* SUB NAV CURRENT LInks */
a.subNavCurrent:link { color: white; text-decoration: none; font-size: 12px; font-weight:bold;}
a.subNavCurrent:visited { color: white; text-decoration: none; font-size: 12px; font-weight:bold;}
a.subNavCurrent:focus { color: white; text-decoration: none; font-size: 12px; font-weight:bold;}
a.subNavCurrent:hover { color: white; text-decoration: none; font-size: 12px; font-weight:bold;}