body {
	text-align:center;
	margin:5px;
	padding:0;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #00AEED;
	background-image: url(../../../img/pageBG.jpg);
	background-position: 50% top;
	background-attachment: fixed;
	background-repeat: repeat-x;
}
h1 { font-size:24px; color:#8493A9; margin:32px 0 8px 0;}
h2 { font-size:21px; color:#8493A9; margin:32px 0 8px 0;}
h3 {
	font-size:14px;
	color:#294E88;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}
h4 { font-size:16px; color:#8493A9; margin:32px 0 8px 0;}
h5 { font-size:14px; color:#8493A9; margin:32px 0 8px 0;}
h6 { font-size:13px; color:#8493A9; margin:32px 0 8px 0;}
h7 { font-size:13px; color:#ffffff; margin:32px 0 8px 0;}
p { font-size:12px; line-height:16px; color:#555; margin:8px 0 16px 0;}
p.txtError { color:#8C1500; font-weight:bold;}
h2 + p { margin-top:24px;}
a { color:#2B5089; text-decoration:underline;}
a:hover { color:#0A1834; text-decoration:underline;}
form { margin:0; padding:0;}
fieldset { margin:30px 30px 30px 0; padding:12px; border:1px solid #B3B3B3;}
legend { color:#999; font-size:13px; font-weight:normal;}
label { font-size:10px; color:#999; display:block; margin:12px 0 2px 0;}
label.req { color:#D72912;}
img { border:0;}
address { font-size:12px; font-style:normal;}
address span { display:block;}

/* page container */
#pageBox {
	width:787px;
	padding:0;
	margin:0 auto;
	background:#333 url(../../../img/cntBG.jpg) repeat-y;
	text-align:left;
	font-size: 12px;
}

/* header */
#hdr {
	height:90px;
	border-bottom:2px solid #FFF;
	margin:0 24px;
	clear:both;
	background-color: transparent;
	background-image: url(../../../img/hdrBG2.gif);
	background-repeat: no-repeat;
}
#hdr img { margin:2px 0 0 20px; float:left;}
#hdr h1 {
	float:right;
	font-size:16px;
	font-weight:normal;
	letter-spacing:.1em;
	color:#FAF5F2;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}

/* content */
#cnt { float:right; width:540px; padding:0 24px 0 0;}
#cnt p { margin-right:30px; margin-left:30px;}
#cnt h3 { margin-right:30px; margin-left:30px;}
#sidebar { width:160px; padding:0 0 0 44px; float:left;}
#sidebar h3 { margin:0 0 10px 0; color:#333333; font-size:16px; font-weight:normal;}
#sidebar h3 a { color:#8696AB;}
#cnt h2 {
	margin:0;
	padding:8px 0 4px 10px;
	font-size:16px;
	color:#FFF;
	background-color: #F5A701;
	background-image: url(../../../img/pgTtlBG.jpg);
	background-repeat: repeat-y;
}

#cnt h4 {
	margin:0;
	padding:8px 0 4px 10px;
	font-size:16px;
	color:#FFF;
	background-color: #D3331D;
}
/* form input */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font:100% verdana,arial,sans-serif;
	margin: 0;
	min-width: 500px;
	max-width: 530px;
	width: 535px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 250px;
	padding: 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #334E9F;
	font-size: 11px;
	vertical-align: middle;
}

form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}






/* footer */
#ftr {
	height:93px;
	clear:both;
	padding:0 24px;
	background-color: transparent;
	background-image: url(../../../img/hdrBG2.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#ftr ul { margin:0; padding:16px 0 0 20px;}
#ftr ul li { font-size:11px; color:#AF6B60; display:inline; padding-right:12px; border-right:1px solid #933223; margin-right:12px;}
#ftr ul li a { color:#333333; text-decoration:none;}
#ftr ul li a:hover { color:#FFFFFF;}
#ftr p { margin:8px 0 0 20px; color:#990000; font-size:11px;}

/* nav */
#home {
	border-bottom:1px solid #5C728E;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#home a { font-size:16px; line-height:16px; color:#FFFFFF; background:transparent url(../../../img/homePlate.gif) left no-repeat; padding:3px 0 0 22px;}
#home a:hover { color:#FFF; text-decoration:underline;}
#browse { border-bottom:1px solid #5C728E; margin:10px 0 10px 0; padding-bottom:10px;}
#browse form { margin:0 0 5px 0;}
#browse select { width:150px; border:1px solid #708DAB; background:#0A1834; color:#FFF; font-size:11px;}
#siteSearch { border-bottom:1px solid #5C728E; margin:0 0 10px 0; padding-bottom:10px;}
#siteSearch input { width:120px; border:1px solid #708DAB; background:#0A1834; color:#FFF; font-size:11px;}
#siteSearch input.btn { width:auto; border:0; vertical-align:middle;}
#cart { border-bottom:1px solid #5C728E; margin:0 0 10px 0; padding-bottom:10px; font-size:12px; color:#CAD0D9;}
#cart img { vertical-align:middle;}
#cart a { color:#CAD0D9; text-decoration:none;}
#cart a:hover { color:#FFF; text-decoration:underline;}
#cart em { font-style:normal; color:#919FB3; font-size:11px;}
#cart ul { margin:10px 0 0 0; padding:0; list-style-type:none;}
#cart ul li { margin:0 0 2px 0; padding:0; font-size:11px; color:#FFF;}
#cart ul li em { color:#5F738E;}
#cart ul li a { color:#F29414;}
#cart h5 { border-top:1px dashed #FFF; margin:5px 0 0 0; padding-top:5px; font-weight:normal; color:#FFF; font-size:11px;}
#cart h4 { font-size:12px; font-weight:normal; margin:10px 0 0 0;}
#cart h4 a { color:#F29414;}
#login { border-bottom:1px solid #5C728E; margin:0 0 10px 0; padding-bottom:10px; font-size:12px; color:#CAD0D9;}
#login h5 { font-size:11px; margin:10px 0 0 0; font-weight:normal; color:#CAD0D9;}
#login p { font-size:11px; margin:10px 0 0 0; color:#CAD0D9;}
#login p a { color:#F29414; text-decoration:none;}
#login p a:hover { color:#FFF; text-decoration:underline;}
#mNav { margin:0 0 30px 0; padding:0; list-style-type:none;}
#mNav li { font-size:12px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #5C728E;}
#mNav li a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
#mNav li a:hover {
	color:#E7CA02;
	text-decoration:none;
	font-weight: bold;
}

/* home page */
#homePic { border-bottom:2px solid #FFF;}
#homeContent {
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#homeContent h3 { margin-left:30px; margin-right:30px;}

/* latest products */
#latProd { border:2px solid #FFF; border-width:0 0 2px 0;}
#latProd tr { vertical-align:top;}
#latProd td {
	padding:0px;
	width:520px;
	color: #334E9F;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
#latProd img { float:left; margin:0;}
#latProd td h4 { color:#8C1500; font-size:11px; margin:0 0 4px 90px; font-weight:normal;}
#latProd td h4 a { color:#8C1500; font-size:11px; font-weight:normal; text-decoration:none;}
#latProd td h4 a:hover { text-decoration:underline;}
#latProd td p { color:#333; font-size:10px; margin:4px 0 4px 90px; line-height:11px;}
#latProd td h3 { color:#334E9F; font-size:14px; margin:4px 0 0 90px;}
#latProd td.latProd1 { border-right-width:0px;}

/* product list page */
#prod { }
#prod tr { vertical-align:top;}
#prod td { padding:10px; border:2px solid #FFF; border-width:2px 0 0 0; width:100%;}
#prod img { float:left; margin:0;}
#prod td h4 { color:#8C1500; font-size:11px; margin:0 0 4px 90px; font-weight:normal;}
#prod td h4 a { color:#8C1500; font-size:11px; font-weight:normal; text-decoration:none;}
#prod td h4 a:hover { text-decoration:underline; color:#D92100;}
#prod td p { color:#333; font-size:10px; margin:4px 0 4px 90px; line-height:11px;}
#prod td h3 { color:#F29414; font-size:14px; margin:4px 0 0 90px;}
#prod td form { margin:4px 0 0 90px; color:#2B5089; font-size:11px;}
#prod td form a { color:#2B5089; font-size:11px; text-decoration:none;}
#prod td form a:hover { color:#0A1834; text-decoration:underline;}
#prod td div.txtOutOfStock { margin:4px 0 0 90px; font-size:11px; color:#F00;}
ul#subCats { list-style-type:none; margin:20px 0 40px 20px; padding:0;}
ul#subCats li { font-size:12px; margin:0 0 8px 0; display:block; width:240px; float:left; color:#999;}
ul#subCats li a { color:#8C1500; text-decoration:none;}
ul#subCats li a:hover { color:#D92100; text-decoration:underline;}
.txtOldPrice { color:#999; font-weight:normal; text-decoration:line-through;}

/* product details page */
div#bct { font-size:11px; padding:4px 15px; background:#C2C2C2; color:#777; text-align:right; border-top:2px solid #FFF;}
div#bct strong { font-weight:bold; color:#555;}
div#bct a { text-decoration:none; font-size;11px; color:#8C1500;}
div#bct a:hover { text-decoration:underline; color:#D92100;}
form#prodDet { margin:20px 20px 20px 0;}
form#prodDet tr { vertical-align:top;}
form#prodDet td { padding-left:20px;}
form#prodDet h3 { margin:0 0 5px 0; color:#8C1500;}
form#prodDet h4 a { font-size:14px; text-decoration:none; border:1px solid #0A1834; padding:4px 8px; background:#2B5089; color:#FFF; margin:16px 0 40px 0;}
form#prodDet h4 a img { vertical-align:text-bottom;}
form#prodDet h5 { color:#F29414; font-size:18px; margin:10px 0;}
form#prodDet h6 { margin:10px 0 5px 0; font-size:11px; font-weight:normal;}
form#prodDet p { font-size:11px; line-height:12px; margin:5px 0 10px 0;}
form#prodDet div.txtOutOfStock { margin:10px 0 5px 0; font-size:11px; color:#F00;}

div.txtCopyright { font-size:10px; line-height:14px; color:#999; margin-bottom:30px;}
div.txtCopyright a { color:#CCC; text-decoration:none;}
div.txtCopyright a:hover { color:#FFF; text-decoration:underline;}

/* pagination */
div.pagination {
	font-size:11px;
	padding:4px 15px;
	background:#C2C2C2;
	color:#777;
	text-align:right;
	border-top:2px solid #FFF;
}
div.pagination strong { font-weight:bold; color:#555;}
div.pagination a { text-decoration:none; font-size;11px; color:#8C1500;}
div.pagination a:hover { text-decoration:underline; color:#D92100;}

/* cart */
div#cartProgress { font-size:11px; padding:4px 15px; background:#C2C2C2; color:#888; text-align:right; border-top:2px solid #FFF;}
.txtcartProgressCurrent { color:#8C1500;}
#cartTbl { }
#cartTbl tr { vertical-align:top;}
#cartTbl td { padding:10px; border:2px solid #FFF; border-width:2px 0 0 0; width:100%; font-size:12px;}
#cartTbl img { float:left; margin:0;}
#cartTbl td h4 { color:#8C1500; font-size:11px; margin:0 0 4px 90px; font-weight:normal;}
#cartTbl td p { color:#333; font-size:10px; margin:4px 0 4px 90px; line-height:11px;}
#cartTbl td p.warn { color:#F00; font-size:10px; margin:6px 0 6px 90px; line-height:11px;}
#cartTbl td p.options { color:#333; font-size:10px; margin:2px 0 2px 90px; line-height:11px;}
#cartTbl td h3 { color:#F29414; font-size:14px; margin:4px 0 0 90px;}
#cartTbl td h5 { color:#999; font-size:11px; margin:8px 0 4px 90px; font-weight:normal;}
#cartTbl td h5 a { color:#2B5089; text-decoration:none;}
#cartTbl td h6 { color:#8C1500; font-size:11px; margin:0 0 4px 90px; font-weight:normal;}
#cartTbl td.totals { padding-left:100px; font-size:12px;}
dl.subTotal { margin:12px 0; list-style-type:none; clear:both; color:#8C1500; font-size:12px;}
dl.subTotal dt { width:60px; float:left;}
dl.subTotal dd { margin-left:75px;}
dl.tax { margin:12px 0; list-style-type:none; clear:both;}
dl.tax dt { width:60px; float:left;}
dl.tax dd { margin-left:75px;}
dl.shipping { margin:12px 0; list-style-type:none; clear:both;}
dl.shipping dt { width:60px; float:left;}
dl.shipping dd { margin-left:75px;}
dl.grandTotal { list-style-type:none; clear:both; color:#F29414; font-size:14px; margin:4px 0 0 0;}
dl.grandTotal dt { width:60px; float:left;}
dl.grandTotal dd { margin-left:75px; font-weight:bold;}
#cartTbl td.checkout { padding:16px 10px 0 100px; border:0;}
a.checkoutBtn { font-size:14px; text-decoration:none; border:1px solid #0A1834; padding:4px 8px; background:#2B5089; color:#FFF; margin:16px 0 40px 0;}
a.checkoutBtn2 { font-size:14px; text-decoration:none; border:1px solid #0A1834; padding:4px 8px; background:#2B5089; color:#FFF; margin:16px 0 40px 30px;}
a:hover.checkoutBtn { text-decoration:underline; color:#FFF; }
a:hover.checkoutBtn2 {text-decoration:underline; color:#FFF; }
.forgotPass { color:#2B5089; text-decoration:none;}
form#account { margin-left:30px; font-size:12px; color:#555;}
form#account input { background:#FFF; border:1px solid #999; color:555; padding:2px 4px; margin-bottom:4px; font-size:12px;}
form#account input.submitBtn { font-size:14px; border:1px solid #0A1834; padding:4px 8px; background:#F29414; color:#FFF; margin:18px 0 24px 0; display:block;}
table#cartAddrTbl tr { vertical-align:top;}
table#cartAddrTbl td { padding:5px 30px 15px 10px;}
table#cartAddrTbl td h4 { margin-top:5px;}

/* account info */
ul#accountNav { list-style-type:none; margin:27px 0 30px 30px; padding:0;}
ul#accountNav li { font-size:13px; line-height:25px;}
ul#accountNav li a { color:#8C1500; text-decoration:none;}
ul#accountNav li a:hover { color:#0A1834; text-decoration:underline;}
form#account a.submitLnk { font-size:14px; border:1px solid #0A1834; padding:4px 8px; background:#F29414; color:#FFF; margin:18px 0 24px 0;}
#orders { margin:30px; width:460px;}
#orders tr { vertical-align:top;}
#orders th { padding:0 10px 10px 5px; font-size:11px; font-weight:normal; text-align:left; color:#999;}
#orders td { padding:5px 10px 5px 5px; font-size:12px; border-bottom:1px solid #FFF;}
#orderDet { margin:30px; width:460px;}
#orderDet tr { vertical-align:top;}
#orderDet td { padding:5px 10px 5px 5px; font-size:12px;}
