body {margin: 0; padding: 0; background: #000; color: #333;}
body, textarea {font-family: Arial, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:12px;}

a {color:#c00; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0;}
th, td { vertical-align:top; text-align:left;}

h1, h2, h3 {margin:0 0 .5em 0; font-weight: bold;}
h1 {font-size: 25px;}
h2 {font-size: 20px;} /* also used in common files*/
h3 {font-size: 12px;}
h4 { font-size: 10px; font-style: italic; margin: 3px 0 0 0; padding: 0;}
h5 {font-size:11px; font-weight: normal; line-height: 1.4em; }  

p, pre {margin: 1em 0; line-height: 1.4em;}
dd, ul li, ol li {line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote {padding: 0;}
dl {margin: .5em 0;}
dt {font-weight: bold; margin: .25em 0 0 0;}
dd {margin-left: .5em;}
ul {margin: .5em 0 .5em 1.1em;}
ul li {list-style: square; margin:0 0 .25em .5em;}
ol {margin: .5em 0 .5em 1.4em;}
ol li {margin:0 0 0 .5em;}
blockquote {margin: 1em 2em;}

fieldset {padding: 1em; margin: .25em 0; border: 1px solid #ccc;}
legend {font-size: 18px; font-weight: bold; color: #333; padding: 0 5px; margin: 0;}
*:first-child+html legend {margin: 0 0 .5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 1px; padding: 0 2px; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}


#wrap {width: 840px; position: relative; left: 50%; top: 0; margin-left: -420px;
	background: url(../img_t/rail.jpg) repeat-y; padding-left: 53px;}

#head { }
#logo { }
#promo1 { position: absolute; top: 0; right: 5px;}
#tnav { width: 460px; position: absolute; top: 90px; right: 0; }
#tnav a { color: #e7e7e7; font-size: 12px; border-left: 1px solid #eee; padding: 0 7px; font-weight: normal;}
#tnav a#homepage { position: absolute; left: -999em;}
#tnav a.first { border-left: 0 none; padding: 0 7px 0 0;}
#tnav ul { margin: 0; padding: 0; list-style: none; height: 30px;}
#tnav li { margin: 0; padding: 0; list-style: none;float: left; width: auto;}
#tnav a#iHome, #tnav a#iCon, #tnav a#iStat, #tnav a#iCart { font-weight: 14px; font-weight: bold; 
	text-transform: uppercase;  display: block; padding: 2px 0 10px 20px; 
	margin-right: 33px; border-left: 0 none;}
#tnav a#iHome:hover, #tnav a#iCon:hover, #tnav a#iStat:hover, #tnav a#iCart:hover { 
	text-decoration: none; color: #caaa0a;}
#tnav a#iHome { background: url(../img_t/icon_home.gif) no-repeat;}
#tnav a#iCon { background: url(../img_t/icon_contact.gif) no-repeat;}
#tnav a#iStat { background: url(../img_t/icon_status.gif) no-repeat;}
#tnav a#iCart { background: url(../img_t/icon_cart.gif) no-repeat; margin-right: 0;}



#tnav h2 { font: bold 24px Arial, Helvetica, sans-serif; color: #fff;}
#tnav table { margin: 25px 0 0 0;}
#tnav th { text-align: right; padding-right: 10px;}

#main { padding: 0; width: 100%;}
#sidebar { width: 189px; background: #e7e7e7; border-right: 1px solid #999; padding: 3px;}
#cats { margin-bottom: 10px;}
#cats a { background: url(../img_t/bg_cats.gif) no-repeat; display: block; 
	width: 158px;  font-size: 12px; 
	color: #333; padding: 7px 5px 4px 20px; margin-bottom: 2px;}
#cats a:hover {background: url(../img_t/bg_cats0.gif) no-repeat; color: #000; text-decoration: none;}
#news {background: #fff url(../img_t/bg_news.gif) no-repeat top center; margin: 5px; padding:30px 5px 5px 5px; border: 1px solid #666;	text-align: center;}
#news p { font-size: 10px;}
#sidebar h1 { margin: 15px 0 0 0; padding: 0;}
#sidebar h5 { margin: 0;}
#foot { font-size: 11px; text-align: center;  margin: 20px 0;}
#foot a { color: #333;}

#cnt { background: #fff; padding:10px; width: 644px;}

#htxt td { text-align: center;}
#htxt p { text-align: left; line-height: 1.6em;font-size: 11px; margin: 0 0 5px 0; padding: 0;}

#spec { margin-top: 20px;}
.specials {font-size:12px; margin: 15px 0;}
.spec_item {} /* for specials td cells */
.SPECIALS_PRODUCT_NAME { margin: 5px 20px 40px 20px; text-align: center;}
.SPECIALS_PRODUCT_NAME a {font-weight: bold;}
.SPECIALS_PRODUCT_NAME a:hover {}

.SPECIALS_DESCRIPTION, .SPECIALS_PROMOTTEXT { width: 140px; position: absolute; left: -999em;}
.SPECIALS_LIST_PRICE, .SPECIALS_PRICE, .spec_order {position: absolute; left: -999em;}
 { padding: 10px 0; font-weight: bold;}
.spec_btn, .buy_now {background: #666; color: #fff; border: 1px solid #fff; margin-top: 3px; padding: 2px;}

/* buttons
-------------------------------------------------------------*/
#emailfbtn {} /* div */
input.emailafriend { background: #fff;  color:#c00; border: 0 none; text-align: center; cursor: pointer; }

/* image borders
--------------------------------------------------------------*/
.specials img, .cat_imgs img, .product_img {}

/* Subs
--------------------------------------------------------------*/
.pagetitle {font-weight:bold; font-size: 16px; text-align: left; }
.policy_head {font-weight:bold; font-size: 12px; border-bottom: 1px solid #000;}

.breadcrumbs {text-align: right; margin: 10px 10px 0 0; }
.breadcrumbs font, font.breadcrumbs {font-size: 10px; }
a.breadcrumbs, .breadcrumbs a { text-decoration: underline; color: #4a4a4a;}

.cust {} /* covers entire block*/
p.toplink{font-size: 10px;}

.dtable, .dtable th, .dtable td, .wtable, .wtable th, .wtable td, fieldset  {border-color: #666 !important;}
.dtable th, .wtable th  {background: #ccc !important; color: #333 !important;}

.cat_table {} /*cat pages only */
.giftcard {}

/* Cat pages
---------------------------------------------------------------*/
.prod_shelf_none {}

.cat_image {} /* for top image, not products */
.cat_descript {} /* top description div - font tag wraps content inside div */

.subcat {} /* hold subcat table */
a.subcat {font-weight:bold; font-size: 16px;}

.paging, .paging font {}
.hidepage { position: absolute; left: -999em;} /*hides top paging link on 3x3 layout only*/
.sortby {}
.click {}

.cat_prod_link {}
.cat_prod_link a {font-size: 12px;}
.prod_sku, .prod_brand {}
.prod_shelf_descript {font-size: 12px; line-height:1.5em;}

.pricetable {}
.cat_price_cell { font-size: 12px;}
.cat_listprice, .cat_ourprice, .cat_saleprice {font-size: 12px;}
.cat_saleprice { color: #333;}

/* Product
-------------------------------------*/
#prodtable1 {}
div.product_img_div {} /* div around image */

.quantity {}

div.product_name {text-align:center; margin: 8px 0;}
font.product_name {font-weight:bold; font-size: 16px; }

#product_info {} /* table with brand, sku, descript only on original layout*/
div.brand, div.sku {font-size: 11px;}
div.product_descript { margin-top: 8px;}
font.product_descript {font-size: 12px; line-height:1.5em;}

.cross_sell {} /* attached with dtable*/

table#prices {}
.listprice, .ourprice, .saleprice, .priceonrequest {font-size: 11px;}
.saleprice {color: #A20303;}
.priceonrequest {} /*text- amount saved-  includes #youSave, #youSaveLabel and #youSavePrice */
	#youSave span { font: normal normal 11px Arial, Helvetica, sans-serif; color: #333;} /* includes #youSaveLabel and #youSavePrice */
#prices a {color: #333; text-decoration: underline;} /* cover price on request link */

.opt_sku {} /*relates to sku colum on options tables */


#jCarouselLiteDemo .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}
    #jCarouselLiteDemo .digg {
        position: absolute;
        left: 610px;
        top: 95px;
    }
    #jCarouselLiteDemo .main {
        margin-left: 40px;
    }

    #jCarouselLiteDemo .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("/image/imageNavRight.gif") right 60px no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #jCarouselLiteDemo .carousel ul {
            margin: 0;
        }
        #jCarouselLiteDemo .carousel li img, 
        #jCarouselLiteDemo .carousel li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
        }
        
        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            #jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }
                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }