.pics { 
    width:  396px;
    height: 439px;
    padding: 0; 
    margin:  0; 
}

html { overflow: -moz-scrollbars-vertical; overflow-x: auto; }

.pics img { 

    width:  396px;
    height: 439px;
    top:  0;
    left: 0;
}

img {border: none;}

#nav { z-index: 99; text-align: left; position: relative; left: 38px; top: -21px;}
#nav a { background: #5a6573; text-decoration: none; margin: 0 3px; padding: 2px 5px; position: relative; color: #fff; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}
#nav a.activeSlide { background: #000 }
#nav a:focus { outline: none; }
.ui-tabs .ui-tabs-hide {
     display: none;
}



#hpMainContainer { width: 745px; background: url(images/hp/bgMain.gif) no-repeat; margin: auto; height: 501px; border-bottom: solid 8px #f0ead8; }
#hpImageContainer { float: left; position: relative; top: 35px; left: 13px; width: 439px; height: 464px; }
#hpPromoContainer {
	float: left;
	position: relative;
	top: 18px;
	left: 35px;
	width: 258px;
}
#hpTabContainer { background-color: #d2caae; width: 745px; margin: auto; padding: 10px 0; }

#tabs {padding: 0 7px 10px 7px; width: 95%; text-align: left;}
#tabs div {min-height: 300px;!important}
#tabs h2 {font-size: 18px;}
#tabs h3 {padding:0px; margin: 0px; font-size: 14px;}
#tabs p {padding: 0 0 17px 0; margin: 0px;}
.clear { clear: both; }


#detailContainer {background: #d2caae url(images/sl/bgDetail.gif) no-repeat 9px 11px; width: 745px; height: 466px; padding-top: 19px; margin: auto;}
#detailAltImage {float:left; width: 99px; position: relative; left: 18px; top: 5px;}
#detailMainImage {float:left; width: 332px; position: relative; left: 26px; text-align: center;}
#detailCartInfoContainer {float:left; width: 268px; position: relative; left: 35px; background: url(images/sl/bgAddToCart.gif) no-repeat 134px 19px;text-align: left;}
.detailPromo01 {margin-bottom: 4px;}
.detailPromo02 {margin-bottom: 6px;}
.detailPromo03 {margin-right: 6px;}
#detailCaouselContainer {width: 745px; margin: auto; background: #d2caae url(images/sl/bgAccessories.gif) no-repeat 9px; height: 96px;}
#detailImageBanner {z-index:2; position: absolute; left:0px;}
#detailCartInfo { height: 169px; padding-left: 6px;}
#detailCartInfo h1 { font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; font-size: 24px; }
#detailPrice {float:left; width: 80px;}
#detailPrice table tr td { color: #cb3538; font-family: Arial, Helvetica, sans-serif; font-size: 20px; padding: 0px; margin: 0px; font-weight: bold; }
#detailPricePromo { float:left; width: 172px; color: #5c9b8a; font-family: Arial, Helvetica, sans-serif; padding: 5px 0 0 0px; margin: 0px; font-size: 12px; font-weight: bold;visibility:hidden;}
#detailQty { text-align: left; padding: 7px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase;}
#detailQty input { border: solid 1px #000; background-color: #fff; }
#detailAttributes {float:left; width: 124px;}
#detailAttributes table tr td { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; font-weight: bold; text-transform: uppercase; }
#detailAttributes { padding-top: 3px; }
#detailAddCart {float:left; width: 128px;}
#detailPaymentTerms { width: 268px; height: 71px; color: #5c9b8a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#detailPaymentTerms ul { padding: 0px; margin: 0px; list-style: none;}
#detailPaymentTerms li { padding: 2px 13px 5px 13px;}

/* gallery css */
.thumbs li {float: left; width: 110px;}
.image-title {color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase;}
.image-desc {color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.ss-controls { padding: 7px 0; }
.prev { padding-right: 10px; }
#detailWindowClose {position:absolute; right:10px; top:5px;}
#gallery-adv { width: 488px; float: left; }
#caption-adv { position: absolute; bottom: 20px; left: 20px; z-index: 4000;text-align: left; }
#thumbs-adv { float: left; width: 250px; }
.thumbs  { list-style: none; padding: 0px; margin: 0px; width: 230px; }
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}