body {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-family: Verdana, Arial, sans-serif;
   background-image: url(/img/jj-background-red.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:#a25c5c;
 }
h2 { font-family: Verdana, sans-serif; font-weight: bold; }
h3 {
    font-family: 'Volkhov', "Times New Roman", serif; font-weight: normal; margin: 5px;
}
#big {
   max-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; overflow: visible; }

.headmenu ul#navigation, .headmenu ul.dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
}

.headmenu ul#navigation .home, .headmenu ul#navigation .ties, .headmenu ul#navigation .accessories, .headmenu ul#navigation .skinny, .headmenu ul#navigation .cert {
    float: left;
}

.headmenu ul#navigation .home, .headmenu ul#navigation .home:hover {
    width: 105px;
}
.headmenu ul#navigation .ties, .headmenu ul#navigation .ties:hover {
    width: 160px;
    background: url('/img/sprite.png') no-repeat scroll 80% 17px transparent;
}
.headmenu ul#navigation .skinny, .headmenu ul#navigation .skinny:hover {
    width: 230px;
    background: url('/img/sprite.png') no-repeat scroll 88% 17px transparent;
}
.headmenu ul#navigation .accessories, .headmenu ul#navigation .accessories:hover {
    width: 165px;
    background: url('/img/sprite.png') no-repeat scroll 83% 17px transparent;
}
.headmenu ul#navigation .cert, .headmenu ul#navigation .cert:hover {
    width: 250px;
}
.headmenu ul#navigation h3, .headmenu ul#navigation h3 a {
    text-decoration: none;
    margin-bottom: 0;
    font-size: 20px;
    font-variant: small-caps;
    color: #0066CC;
}
.headmenu ul#navigation h3:hover, .headmenu ul#navigation h3 a:hover {
    color: #1b325f;
}
.headmenu ul.dropdown {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: white;
    border: 1px solid #cfe2f1;
    border-top: none;
    border-radius: 0 0 3px 3px;
    padding: 0 0 5px 0;

}
.headmenu ul.dropdown li {
    margin: 2px 0;
    height: 100%;
}
.headmenu ul.dropdown li a {
    display: block;
    font-size: 11px;
    text-decoration: none;
    padding: 2px 15px;
}
.headmenu ul.dropdown li:hover {
    background-color: lightgrey;
}

.headmenu ul#navlist { list-style: none; margin: 0; padding: 0;
   background-color: white; color: black;
   width: 790px;}
.headmenu ul#navlist 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#navlist li a {
   background-color: white;
   color: #26374c;
   font-weight: bold;
   text-decoration: none;
}
.headmenu ul#navlist li a:hover {
}
.headmenu ul#navlist li a:visited {
   color: #26374c;
}
.headmenu ul#navlist li a.active {
   background-color: #263575;
   border: 1px solid black;
}
.headmenu span {
    color: red;
    font-size: 9px;
}

#picBag { float: right;
   width: 515px; height: 54px;
   padding-left: 10px;
}
#picBag div { float: right; }
#picBag div img { margin: 2px; }
#bag {
   float: right;
   width: 165px;
   font-size: 8pt;
   margin-top: 14px;
}
#bag div a {
   color: #5D5F5D;
   vertical-align: middle;
}
#bag .checkout {
   font-size: 10px;
   height: 25px;
   background-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: gray;
   vertical-align: middle;
}
#bag .checkout a.checkout {
   font-weight: bold;
   margin-left: 10px;
}

/** Main Content Container **/
.main { width: 950px; font-size: 10pt; background-color:white;}
.main div#slide {
    text-align: center;
    border-top: 1px solid darkgray;
    background-color: white;
}
#slides {
    text-align: center;
    height: 400px;
    width: 700px;
    margin: 0 auto;
}
h2 { font-size: 16px; margin: 0; }
h3 { font-size: 12px; margin-top: 10px; }
#content { padding: 3px; background-color: #EEEEEE; border-top: 1px solid darkgray;}
#content p, .upsale 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:#bbb; text-decoration: underline;  }
#footer ul li a:hover { color:#bbb; text-decoration: underline; }
#footer ul li a:visited { color:#bbb; }
#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: 250px; background-color: white; overflow:hidden;
    border-top: 3px solid #cde2f3;
}
.left img { margin: 0; padding: 10px 0 0 0; border: 0;}
.left img.intl { padding: 10px 0 0 45px; }
.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:#0066cc; text-decoration: none; }
.left ul li a:hover { text-decoration: underline; }
.left ul li a:visited { /*color: #466F35; color:#26374c;*/ color:#0066cc;}
.left ul li h3 {
    font-size: 15px;
    font-variant: small-caps;
    color: gray;
    margin:-5px 0 -5px -5px; padding:0;
}
li.title { font-weight: bold; margin: 5px 0 5px 0; }
li.title a { font-color:black; font-weight: bold; margin: 5px 0 5px 0; }
li.title span { color: red; }

/* filter sidebar
----------------------------------------*/
.left section {
    clear: left;
    overflow: hidden;
    padding: 0 0 7px 0;
    border-bottom: 1px solid lightgrey;
}
.left section.end { border-bottom: none; }
.left section h3 {
    font-size: 15px;
    /*color: #0066CC;*/
    color:#26374c;
}
.left section h3 a {
    color: #3d89c8;
    float: right;
    font-family: sans;
    font-size: 11px;
    font-weight: normal;
    margin-top: 4px;
}
.left .type li, .left .pattern li {
    width: 70px;
}
.left section.filter_group li a {
    float: left;
    margin-left: 0;
    padding: 8px 0 4px 0;
    text-align: center;
    width: 100%;
}
.left section.filter_group li {
    float: left;
    border: 1px solid #cfe2f1;
    border-radius: 2px;
    margin: 0 5px 5px 0;
}
.left section.filter_group a.inactive {
    color: lightgrey;
}

.left section.color li {
    height: auto;
    padding: 2px;
    width: 26px;
}
.left section.color li a {
    padding: 0;
}
.left section.color li a span {
    border: 1px solid #fff;
    float: left;
    height: 15px;
    left: 0;
    position: static;
    top: 0;
    width: 24px;
}
.left section.color li.inactive a span {
    border-color: lightgrey;
}
.left section.color li a em {
    border: none;
    display: block;
    height: 0;
    text-indent: -9999em;
}

.left .pattern li, .left .type li {
    height: 32px;
}
.left .pattern li a {
    padding: 4px 0 0 0;
}
.left .pattern li .twoline, .left .type li .twoline {
    padding: 1px 0;
}
.black span { background-color: #000; }
.gray span { background-color: #e1e1e1; }
.tan span { background-color: #EDEBD6; }
.white span { background-color:#FaFaFa; }
.blue span { background-color:#3C89C8; }
.purple span { background-color:#662D90; }
.red span { background-color:#CC242A; }
.green span { background-color:#048844; }
.brown span { background-color:#885533; }
.orange span { background-color:#FF7722; }
.yellow span { background-color:#FAEF2F; }
.silver span { background-color:#c0c0c0; }
.gold span { background-color:#FFD700; }
.pink span { background-color:#FFC0CB; }
.maroon span { background-color:#800000 ; }
.bronze span { background-color:#CD853F; }

.inactive span { background-color: #eeeeee; }


.right { float:right; width: 690px; min-height: 1000px; padding: 0 0 0 10px; background-color: white; overflow:hidden;}
.cathead { width: 678px; text-align: center; background-color: #DDDDDD; }
.cathead img { border: 1px solid lightgrey; padding: 2px; }
.toppager { background-color: white; padding-bottom: 3px; padding-left:3px; text-align: right; font-size: 11px; height: 15px;}

.pagination {
    list-style: none;
    margin: 0; padding: 0;
}
.pagination li {
    float: right;
    line-height: 15px;
    margin: 0 5px;
}

.products { clear: right;width: 678px; text-align: center; border-top: 0; background-color: white; }
.prod { float: left; width: 225px; height: 290px;
   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 { margin: 5px 0 1px 0; }
.prod .desc { clear:both; text-align: left; margin: 5px 5px 0 5px; font-size:10px;}
.prod .desc .colorn {margin:0 4px; font-size:9px;}
.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; font-weight:bold; margin: 5px 0 5px 315px; }
.right #deals { width: 356px; height: 40px; background-color: rgb(73, 190, 103); padding: 5px 5px 0 5px; } 
.right #deals h3 { font-size: 14px; margin: 5px 0 0 0; }
.left #deals img { margin:0 0 0 10px; }
#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; }
#colorContainer { padding: 0 3px; }
#colorContainer .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:-100px; 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; border-bottom: none; padding-bottom: 20px; } /* 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: 50px 0 0 15px; }
#intlship { border: 1px solid black; float:left; margin: 10px 0 1px 60px; font-size: 11px; }
#intlship td { padding: 2px 3px; }
#cart_actions { height: 25px; background-color:white; }
#cart_checkout { float:right; width: 160px; margin: 10px 0; }
#cart_checkout .fg-button { float:right; }
#cart_subtotal th, #cart_shipping th, #cart_tax th, #cart_total th { height: 30px; text-align: right; }

div#freeship {
    float: left;
    width: 250px;
    margin: 0 0 0 20px;
}
#freeship p {
    font-size: 9px;
    font-weight: bold;
    color: #4CA109;
    color: #305582;
}
#freeship p span {
    background-color: yellow;
    padding: 1px 3px;
}

.fg-button { 
   outline: 0; 
   margin:0 4px 0 0 ; 
   padding: 2px 1px ; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1;
   font-size: 14px;
}
.ui-button-text { color:white; }