body {
	margin: 0;
	padding-bottom: 2em;
	background-color: #E6B9C8;
	background-image: url(images/JTObackground.gif);
	background-repeat: repeat;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	behavior: url("csshover.htc"); /* WinIE behavior call */ /* Note that this will ALWAYS cause your CSS to NOT validate.  ;(  */ 
}
#header {
	border-top: 1px solid #31373D;
	border-bottom: 1px dotted #31373D;
	height: 270px;
}
#header .strapline {
	font: 100% Arial, Helvetica, sans-serif;
	color: #31373D;
	background-color: transparent;
/*	margin: 2em 2em 2em 0;
*/
	margin: 4em 4em 4em 0;
	padding: 4em 4em 4em 0;
	}
#header .logo {
	float: left;
	margin-left: 0.5em;
	margin-top: 0.5em;
}
#header .logo2 {
	float: right;
	margin: 5px;
	border: 2px solid #31373D;
}

#footer {
	clear: both;
	padding: 10px 0 5px 20px;
	font-size: 80%;
	color: #3B3B3B;
	background-color: inherit;
	border-top: 1px solid #3B3B3B;
}

#footer a {
	color: #3B3B3B;
	background-color: inherit;
	text-decoration: none;
}

#footer p {
	margin-top: 0;
	margin-bottom: 0;
}

.linklist {
	list-style: square;
	line-height: 1.5em;
}

.linklist li {
	margin-bottom: 15px;
	font-size: 80%;
}


.pagingStyle {
	font:  14px/14px sans-serif; 
	color: #39299C;
	margin: 1px;
	padding: 3px;
}
.pagingStyle a { 
  margin: 20px;
  padding: 5px;
}
.currentPage {
  font-weight: bold;
  color: #711D47;
  border: 1px solid #711D47;
  margin: 20px;
  padding: 5px;
}
.textcol { 
	max-width: 600px;
}
#navigation {
	position: absolute;
	float: left;
	top: 260px;
	left: 1em;
	width: 12em;
}
body > #navigation {
	position: fixed;
}
div#navigation ul {
	list-style: none;
	margin-left: 1em;
	padding-left: 0;
	width: 7em;
}
div#navigation li {
	position: relative;
	font-size: 80%;
	border-bottom: 1px dotted #31373D;
	margin-bottom: 0.3em;
}
div#navigation li a {width: 12em; display: block; }
div#navigation li a:link, #navigation li a:visited {
	text-decoration: none;
	color: #31373D;
	background-color: transparent;
}
div#navigation li a:hover {
	color: #000000;
}
div#navigation li.submenu {  
	background: url(images/subArrow.gif) 95% 50% no-repeat;}
div#navigation ul ul {position: absolute; top: 0; left: 6.5em;
	  display: none;}
div#navigation ul.level1 li.submenu:hover ul.bwhlevel {display:block;}
div#navigation .logo {
	float: left;
	margin-left: 1.5em;
	margin-top: 0.5em;
	border: 2px solid #31373D;
}
#content {
	margin-left: 16em;
	margin-right: 2em;
}
div#content a:link {color: #000000;}
div#content a:visited {color: #31373D;}
div#content a:link:hover {color: #000000;}
div#content a:visited:hover {color: #31373D;}

#content h1 { 
	font: bold 14pt Verdana, sans-serif;
	color: #000000;
}
#content h2 {
	font: bold 12pt Verdana, sans-serif;
	color: #31373D;
}
#content h3 { 
	color: #000000;
}
#content h4 {
	color: #31373D;
}
#content h5 { 
	color: #000000;
}
div#topcontent {
	position: absolute; 
	top: 225px;
	right: 20px;
	width: 80%;
	}

#topcontent h2, #topcontent p {
	display: inline;
	margin-right: 0.5em;
	}
div#topcontent ul {
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px 0px 40px 0px;
	}
div#topcontent ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #31373D;	
	}
div#topcontent ul li.first {
	border-left: 0px none;
	}
div#topcontent ul li a {
	font: 0.8em verdana, sans-serif;
	color: #31373D;
	background-color: inherit;
	}
div#topcontent ul li a:hover {
	color: #000000;
	background-color: inherit;
	}
h1 {
	font: 150% Arial, Helvetica, sans-serif;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 1.2em;
}
div.pic { float: left; height: 275px; width: 160px; 
	padding: 15px;
	margin: 5px 5px; 
	border: 1px solid #31373D; 
	position: relative;
	background: #B59EA6;
	}
div.pic img {
	border: 1px solid #31373D; 
	padding: 2px;
	margin: 5px;
}
div.pic ul { margin: 0.25em 0 0 0; padding: 0;
	font: bold small Arial, Verdana, sans-serif;}

div.pic li {
	list-style: none; 
	font: small Arial, Verdana, sans-serif; }
/* Following hack was put in place b/c of IE. IE wasn't
   consistently putting the border-bottom on my titles.
   Found this hack at sitepoint that does the trick!     */ 
/* mac hide \*/
* html li {height:1%}
/* end hide */
div.pic li.title, li.catno, li.price, li.status  {display: block; list-style: none; text-align: center;}
div.pic li.title { 
	font: bold small Arial, Verdana, sans-serif; 
	padding-top: 1.5em; 
	border-bottom: 1px solid #31373D;}
div.pic a.titlelink { 
	color: #000; 
	font: bold small Arial, Verdana, sans-serif; 
/*	padding-top: 0.5em; */
	text-decoration: none;
	}
div.pic li.catno { 
	color: #31373D; 
	text-align: right; }
div.pic li.price { 
	color: #31373D; 
	text-align: right; 
	font-style: italic }
div.pic li.salePrice { 
	color: #CC0033; 
	text-align: right; 
	font-style: italic }
div.pic li.Xout { 
	color: #31373D; 
	text-decoration: line-through; 
	}
div.pic li.status { 
	color: #31373D; 
	text-align: right; 
	}

.salePrice { 
	color: #CC0033; 
	font-style: italic }
.Xout { 
	color: #776; 
	text-decoration: line-through; 
	}

.clrfloat {
    clear: both;
    }
.clrFloat {
    clear: both;
    }
.images {
	margin: 10px; 
	/*padding: 1% 3%; */ 
	border: 3px solid #31373D;
	padding: 5px;
	}
.imageView {
	margin: 0px 0px 0px 0px; 
	/*padding: 1% 3%; */ 
	color: #31373D;
	}

.imageView img {
	display: block;
	border: 3px solid #31373D;
	padding: 5px;
}
#content dt { 
	padding-top: 20px;
	font: bold 1em Arial, Helvetica, sans-serif;
}
/************************************************************/
/* Begin Form Styling                                       */
/************************************************************/
.searchForm form {
	position: relative;
	left: 5px;
	font: .9em verdana,arial,sans-serif; 
	margin: 0; 
	padding: 10px 0 0 0; 
	max-width: 400px; 
	}
form.searchForm fieldset { 
	border: 1px solid #330066;
	padding: 10px;        /* padding in fieldset support spotty in IE */ 
	margin: 0; 
	} 
form.searchForm legend { 
	color: #330066;
	font: bold .8em verdana,arial,sans-serif;
	} 
	
form.searchForm fieldset.rad { 
	border: none;
	display: inline;
	padding: 0;        /* padding in fieldset support spotty in IE */ 
	margin: 0; 
	} 
form.searchForm label {
	color: #330066;
	background-color: inherit;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	padding: 0; 
	margin: 0;
	text-align:inherit;
	}
form.searchForm p {
	color: #330066;
	background-color: inherit;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0 ; 
	margin: 0;
	}
form.searchForm input {
	color: #330066;
	background-color: #ffffff;
	border: 1px solid #330066;
	margin: 0;
	}
form.searchForm input.txt {
	color: #330066;
	background-color: #ffffff;
	border: 1px solid #330066;
	margin: 0; padding: 0;
	width: 150px;
	}
form.searchForm label.rad {
	margin: 2px;
	/*float: right;*/
	padding: 0 0 3px 0;
	} 
form.searchForm input.rad /*, form.searchForm label.rad */ { 
	margin: 6px 2px 2px 2px;
	/*float: right;*/
	padding: 0 0 3px 0;
	}
form.searchForm img.srchImg { 
	float:right;
	}
	
form.bwh {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */ 
  font:90% verdana,arial,sans-serif; 
  margin: 10px; 
  padding: 0; 
  min-width: 500px; 
  max-width: 600px; 
  width: 560px; 
	} 
form.bwh span {
/*  This span was added b/c Netscape doesn't cope well with float on labels. Basically, 
 	it shows no label at all. So, we put it in a span and then span the entire label     */
	float: left;
	}
form.bwh label {
	color: #31373D;
	display: block;  
	background-color: inherit;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	width: 150px; 
	padding: 0 10px 0 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */ 
	text-align: right;
	}

form.bwh fieldset { 
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */ 
	border: 1px solid #31373D;
	padding: 10px;        /* padding in fieldset support spotty in IE */ 
	margin: 0; 
	} 
form.bwh fieldset legend { 
   font: bold 1.1em Arial, Helvetica, sans-serif;
	} 

form.bwh br { 
        clear:left; 
	} 
form.bwh select {
	width: 275px;
	color: #31373D;
	background-color: #FFFFFF;
	border: 1px solid #31373D;
	margin: 2px 1px 3px 1px;
	}
form.bwh textarea {
	width: 350px;
	height: 100px;
	color: #31373D;
	background-color: #FFFFFF;
	border: 1px solid #31373D;
	font: 0.9em Arial, sans-serif;
	}
form.bwh input {
	color: #31373D;
/*	background-color: #FFFFFF;
	border: 1px solid #31373D; */
	margin: 2px 1px 3px 1px;
	}
/************************************************************/
/* End Form Styling                                         */
/************************************************************/

#returns ul {
	list-style: none;
	margin-left: 2.5em;
	padding-left: 0;
}
#returns li {
	font-size: 80%;
	margin-bottom: 0.3em;
}

.rightJustify { 
	text-align: right;
}

#ShippingTable table  { /* table-layout: fixed;    */    
	       font-family: Verdana, sans-serif;
		   font-size: medium; 
           border: 2px solid #31373D; 
           padding: 1em; 
           margin-bottom: 0.5em; }
#ShippingTable thead th { border: 1px solid #31373D; }
#ShippingTable tbody th { border: 1px solid #31373D; 
	font: bold 10pt Verdana, sans-serif;
}
#ShippingTable  td { 
	border: 1px solid #31373D; 
	font:  10pt Verdana, sans-serif;
}
.ErrMsgInset {  /* inset text on right - see training schedule */
	margin: 40px;
	padding: 10px;
	text-align: left; /* added 01/30/06 */
	width: 80%; /* added 01/30/06 */
	border: 2px solid #31373D;
	font-family: Arial, Helvetica, sans-serif;
}