body {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-family: Verdana, Arial, sans-serif;
   background-image: url(img/jj-background-gray.png); background-repeat: repeat;
}

a {
   color: #0066CC;
}
a:hover {
}
a:visited {
   color: #0066CC;
}

h1 { width: 950px; margin-left: auto; margin-right: auto; text-align: center;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   font-size: 10px; font-weight: normal; line-height: 15px; margin-top:0; margin-bottom:0;
   color:#BFD2E3;
 }
h2 { font-family: Verdana, sans-serif; font-weight: bold; }
h3 { font-family: "Times New Roman", serif; font-weight: bold; margin: 5px;}
#big {
   max-width: 950px; min-width: 950px; width:expression(document.body.clientWidth > 950? "950px": "auto" );
   border: 1px solid gray;
   margin-left: auto; margin-right: auto; background: white;
}
.clear { clear:both; height:1px; overflow:hidden; }

/** HEADER **/
.head { height: 75px; }
.headmenu { float: left; height: 33px; padding-bottom: 6px; }
.headmenu ul { list-style: none; margin: 0; padding: 0;
   background-color: white; color: black;
   width: 790px;}
.headmenu ul li { display: inline;
   font: 70%/130% Times New Roman, serif;
   padding: 0.2em 0.3em 0.2em 0.3em;
   float: left;
   text-align: center;
}
.headmenu ul li a {
   /*padding: 0.2em 0.7em 0.2em 0.7em;*/
   background-color: white;
   /*color: #2E6B15;*/
   color: #26374c;
   font-weight: bold;
   text-decoration: none;
   /*float: left;*/
   /*border: 1px solid white;*/
}
.headmenu ul li a:hover {
   /*border: 1px solid black;*/
}
.headmenu ul li a:visited {
   /*color: #2E6B15;*/
   color: #26374c;
}
.headmenu ul li a.active {
   background-color: #263575;
   border: 1px solid black;
}

#picBag { float: right;
   width: 515px; height: 54px;
   padding-left: 10px;
}
#picBag div { float: right; }
#picBag div img { margin: 2px; }
#bag {
   float: right;
   width: 160px;
   background-color: lightgray;
   font-size: 8pt;
}
#bag div a {
   color: #5D5F5D;
   vertical-align: middle;
}
#bag .checkout {
   font-size: 10px;
   height: 25px;
   background-color: #EC2D00;
   /*background-color: #6D91AD;*/
   /*background-color: #49be67; */
   /*background-color: #d3def2;*/
   /*background-color: #4c79a6;*/
   /*background-color: #f57900;*/
   /*background-color: #b7cbd9;*/
   /*background-color: #466F35;*/
   color: white;
}
#bag .checkout img {
   vertical-align: middle;
   margin: 2px 5px 0 5px;
}
#bag .checkout span {
   padding-left: 0px;
   vertical-align: middle;
}
#bag .checkout a {
   /*color: #26374c;*/color:white;
   vertical-align: middle;
}
#bag .checkout a.checkout {
   /*color: #26374c;*/color:white;
   font-weight: bold;
   margin-left: 10px;
}

/** Main Content Container **/
.main { width: 950px; font-size: 10pt; background-color: #EEEEEE; }
h2 { font-size: 16px; margin: 0; }
h3 { font-size: 12px; margin-top: 10px; }
#content { padding: 3px; }
#content p {
   width: 98%;
   margin: 0 10px 0 10px;
   padding-top: 10px;
   
   font: 80%/140% "Book Antiqua", Corbel, serif;
   font-weight: normal;
}
#content .question { font-size: 11pt; font-weight: bold; margin-top: 20px; }
#content ol { font-family: "Book Antiqua", Constantina, Corbel, serif; font-size: 8pt; font-weight: normal; }
#revision-date { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
   font-size: 10px; font-weight: normal; margin-top:25px; }
.signature { font-size: 11pt; }
a.enter { color: #26374c; };
a.enter:visited { color: #26374c; }
#crumbtrail { float: left; font-size: 11px; color: gray; height: 15px; margin-left: 5px; }
#crumbtrail a { text-decoration: underline; color: gray; }
#crumbtrail a:visited { text-decoration: none; color: gray; }
#bannerImg { margin:2px; border: 1px solid black; }
#footer { font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; 
   font-size: 10px; height: 20px; width: 900px; 
   margin-left: auto; margin-right: auto; padding-top: 2px; }
#footer ul { list-style: none; width: 1000px; margin:auto; padding: 0; }
#footer ul li { float:left; padding: 0 5px 0 5px; margin: 0;}
#footer ul li a { color:black; text-decoration: underline;  }
#footer ul li a:hover { color:black; text-decoration: underline; }
#footer ul li a:visited { color:black; }
#footer .author { margin: 0 0 0 5px; color: #2F2F2F; /*color:#b7cbd9;*/ }
#footer .newsletter { float: right; margin-right: -1px; }
#email { font-size: 10px; }

/** category page **/
.left { float:left; width: 244px; background-color: #eeeeee; overflow:hidden;}
.left img { margin: 0; padding: 10px 0 0 25px; border: 0;}
.left ul { margin: 0; padding: 10px 0 0 15px; list-style-type: none; font-size: 11px; }
li { margin: 2px 0 2px 5px;  }
li.active { background-color: #D4DEBF; color: white; text-decoration: none; }
.left ul li a { /*color: #466F35;*/ color:#26374c; text-decoration: none; }
.left ul li a:hover { text-decoration: underline; }
.left ul li a:visited { /*color: #466F35;*/ color:#26374c; }
li.title { font-weight: bold; margin: 5px 0 5px 0; }
li.title a { font-color:black; font-weight: bold; margin: 5px 0 5px 0; }
.right { float:right; width: 700px; background-color: white;}
.cathead { width: 678px; text-align: center; background-color: #DDDDDD; }
.cathead img { border: 1px solid lightgrey; padding: 2px; }
.toppager { border-bottom: 1px dashed lightgrey; background-color: white; padding-bottom: 3px; padding-left:3px; text-align: right; font-size: 11px;}
.products { width: 678px; text-align: center; border: 1px solid lightgrey; border-top: 0; background-color: #DDDDDD; }
.prod { float: left; width: 225px; height: 290px;
   border-bottom: 1px dashed lightgrey; border-right: 1px solid lightgrey;
   font-size: 8pt; color: black;
}
.last { border-right: 0; width:225px; }
.prod a { color: black; text-decoration: none; }
.prod a:hover { color:black; text-decoration: underline; }
.prod a:visited { color: black; }
.prod .othercolors { height: 25px; width: 225px; z-index: 25; }
.prod .othercolors img { border: 1px solid black; margin:0; padding:0; }
.prod .othercolors img.leftcol { float:left; margin-left:10px; }
.prod .othercolors img.rightcol { float:right; margin-right:10px; }
.prod img { border-bottom: 1px dotted lightgrey; margin: 5px 0 1px 0; }
.prod .desc { clear:both; text-align: left; margin: 5px 5px 0 5px; font-size:10px;}
.prod .price { text-align: left; color: black; font-weight: bold; margin: 2px 5px 0 5px; }
.botpager { font-size: 11px; text-align: right; };

/** product page **/
#imgContainer { float:left; width: 305px; margin-left:2px; }
.right h3 { font-family: sans-serif; margin: 5px 0 5px 315px; }
.right #deals h3 { font-size: 15px; margin: 5px 0 0 0; }
#deals { height: 40px; background-color: rgb(73, 190, 103); padding: 5px 5px 0 5px; }
.left #deals { font-family: sans-serif; height: 30px; width: 250px; margin: 10px 0 0 0; padding: 5px; }
.left #deals h3 { font-size:13px; margin: 0; padding: 0; }
#descContainer { float:left; width: 365px; margin-left: 5px; font-size: 8pt; }
#descTop { width: 360px; padding: 2px; border: 1px solid black; background-color: lightgrey; }
#descTop p { margin-bottom: 5px; }
#descTop ul { margin: 0 0 5px 15px; padding: 0; }
#descTop ul li { padding: 0; margin: 0; }
#descBottom { width: 360px; padding: 2px; border: 1px solid black; border-top: 0px; background-color: lightgrey; }
.color { border: 2px solid #d3d3d3; padding:1px; }
#descTipping { width: 360px; height: 90px; padding: 2px;
   border: 1px solid black; border-top: 0px; background-color: lightgrey; }
.tipping { border: 2px solid #d3d3d3; padding:1px; }
#tippingContainer div { float: left; padding: 0 3px 0 3px; }
#tippingContainer div img { float: left; }
#tippingContainer div div { clear:both; width: 60px; margin: 0 auto 0 auto; }
#tippingContainer a { font-size: 12px; text-decoration: none; }
#tippingContainer a span#tooltip { display: none; width: 300px; color:black; }
#tippingContainer a:hover { position: relative; cursor:help; }
#tippingContainer a:hover span#tooltip {
   display: block; position:absolute; top: 10px; left:0; z-index:99; cursor:help;
   padding: 5px; margin: 10px; background: #f0f0f0; border: 1px dotted #c0c0c0;
   text-decoration: none; font-size: 12px;
}

#addContainer { width: 360px; height: 105px; margin-top:2px; padding: 2px;
   border: 1px solid black; background-color: lightgrey; cursor: pointer;
}
#addContainer p { float: left; }
#addContainer #addToCart { float: right; margin: 0 5px 3px 0; }
#addContainer #check { display: none; clear:right; float: right; margin: 0 5px 3px 0; }
#priceFill { }
.testimonial { padding: 3px; font-size: 9pt; }
.testimonial p { font-style: italic; font-size: 9pt; margin-bottom: 3px;}
.thumbBox { width: 300px; float:left; margin: 0 5px 0 5px; }
.thumbBox img { margin: 0 1px 0 1px; padding: 1px; }
.thumbBox h5 { margin:0; padding:0; text-align: center; }

/** bag.show **/
#cart_container { border:1px solid #eeeeee; border-top: none; border-left: none; } /* IE hack */
#cart_items { clear:both; }
th { background-color: #D5D5D5; }
td { background-color: #F2F2F2; }
td.item_desc { width: 650px; }
td.item_price { width: 100px; padding-left: 20px; }
th#intltext { font-weight: normal; font-size:11px; text-align: right; }
select#shipMeth { width: 275px; }
#badges { float:left; height:23px;width:184px; margin-top: 50px; }
#intlship { border: 1px solid black; float:left; margin: 0 0 1px 80px; font-size: 11px; }
#cart_actions { height: 25px; background-color:white; }
#cart_checkout { float:right; width: 200px; height: 50px; }
#cart_checkout .yuibutton { float:right; }
#cart_subtotal th, #cart_shipping th, #cart_tax th, #cart_total th { height: 30px; text-align: right; }