/*
Name: Harts Unlimited
URL: http://www.hartsunlimited.com/
Date Created: November 2006
Author: Solid Cactus / Cp
*/

/*===============general===============================*/
html,body {}
body { background-color: #C8C8C8; font: 11px arial,sans-serif; margin: 0; padding: 0;}
form { margin: 0; padding: 0; }
p {margin:0 10px 10px}
a {color:#981793; }
h1 { color: #931B1C; font: bold 14px arial, helvetica, sans-serif; margin: 0; padding: 0; }
img a {border:none;}
.floatleft { float: left; }
.clear {clear:both;}
#oc { background:#C8C8C8 url(/lib/hartsunlimited/bkg.gif) left top repeat-x; height: 300px; width: 100%; }
    #oc a { padding: 10px; }
/*--logo click ---------------------------------------*/
.logolink a {background:url(/lib/hartsunlimited/logo.gif) no-repeat; position: absolute; height:91px; width:358px; left:17px; top: 3px; text-decoration:none;}
.logolink a img { margin: -10px 0 0 -5px; z-index: 999; }
.logolink a i { margin: -30px 0 0 0; z-index: 1; }
    * html .logolink a i { margin-left: -200px; }

/*===============layout===============================*/
div#header {height:124px; background: none; margin-top: 0px; padding-top: 5px; position:relative;}
div#container {width:760px; margin:0;}
div.content {background:#fff url(/lib/hartsunlimited/container_bkg.gif) repeat-y; float: left; position: relative; width:760px; margin-top:12px;}
/*div#main {float:right; background: #FFF url(/lib/hartsunlimited/bg.gif) top left repeat-x; margin-top: -2px; width:586px;}*/
div#main {float:right; background: #FFF url(/lib/hartsunlimited/contbg.gif) left top repeat-x; margin-top: -2px; width:586px;}
div#leftcol {background:#c8c8c8; float:left; width:174px; }
div#midcol {background:#152959 url(/lib/hartsunlimited/midcol_bkg.gif) repeat-y; float:left; margin-top: -1px; width:185px; color:#fff;}
div#extra {background:#FF8539; float:right; width:587px}
div#footer {background:#840c0c url(/lib/hartsunlimited/footer_bkg.gif) repeat-x; height:39px; color:#fff; clear:both; width:760px;}
div#copyright {background:#fff; color:#000; text-align:right; padding:10px; width: 740px; }
div#item_L {float:left; width:293px; margin:0 0 20px;}
div#item_R {float:left; width:293px; margin:0 0 20px;}
div#prodcontent {float:left; width:419px;}
div#crossbox {background:#e3e3e3; float:left; width:154px;}
div.welcomebox {background:#fff; width:400px;float:right; padding: 3px 3px 0 0; }
    * html div.welcomebox img { margin: 0 0 2px 2px; }
div.featurebox {background:#fff; width:400px;float:right;}
div.newsbox {background:#fff; width:173px; border-bottom:1px solid #999; margin-bottom: 90px; }
div.section-topbox {background:#fff; width:585px;float:right;}

/*===============presentation==========================*/
.midcol-top {background:url(/lib/hartsunlimited/midcol-top.jpg) left top no-repeat; font-size: 0; height:10px;}
div#midcol p {text-align:center;}
div#midcol img {margin-left:18px;}
.thumb-left {float:left; padding:10px}
.thumb-right {float:right; padding:10px}
.roundtop {background:url(/lib/hartsunlimited/roundtop.gif) left  no-repeat; height:24px;}
.yicon {background:url(/lib/hartsunlimited/yicon.gif) no-repeat; height:34px; margin:80px 30px 10px}
.ccicon {background:url(/lib/hartsunlimited/cc_icons.gif) no-repeat; height:18px; margin:20px 25px 10px}

/*===============typography============================*/
div#container {text-align:left}
div#content p {line-height:1.4}
div#footer p {margin:0; padding:5px 10px}

.welcomebox p {color:#2d4273; font-size:.9em; letter-spacing:.045em;}
.newsbox p {color:#8a1313; font-size: .9em; letter-spacing:.025em;}

.small-link a{font-size:11px; color:#fff; text-decoration:underline;}
td.nonhome div.breadcrumbs {float:right; font-size:11px; color:#2d4273; margin:0px 10px 10px;}
    td.nonhome div.breadcrumbs a { padding: 0; }
div#prodcontent p{color:#2d4273;}

/*===============headlines=============================*/
h3{margin:0px;}
div#leftcol h2{background:url(/lib/hartsunlimited/leftnav_header.gif) repeat-y; color:#fff; font-size:12px; margin:0; padding: 4px 5px;}
div#leftcol h2 a { color:#fff; display: block; font-size:12px; padding: 4px 5px; text-decoration: none; }
div#leftcol h2 a:hover { text-decoration: underline; }
.welcomebox h2 {font: bold .9em Arial, Helvetica, sans-serif; color:#911a1a;}
.featured-headline {background:url(/lib/hartsunlimited/featured_headline.gif) no-repeat; height:29px; margin-right: 2px;}
.seller_header {background:url(/lib/hartsunlimited/seller_header.gif) no-repeat; height:20px; margin-left:6px;}
.newsletter_header {background:url(/lib/hartsunlimited/newletter_header.gif) no-repeat; height:33px;}
h2.name {background:url(/lib/hartsunlimited/name_bkg.gif) no-repeat; height:27px; color:#911a1a; margin-left:3px;}
.banner {background:url(/lib/hartsunlimited/header_bkg.gif) no-repeat; height:28px; color:#fff; font-size:16px; padding:3px}
.cross_sell_header {background:url(/lib/hartsunlimited/cross_sell_header.gif) no-repeat; height:28px;color:#fff; font-size:14px; padding:5px}

/*===============header nav============================*/
.headernavbar {background:url(/lib/hartsunlimited/headernavbar.gif) no-repeat; width:380px; height:30px; float:right; margin:35px -20px 0 0;}
#headmap {display:block; width:348px; height:30px; position:relative; overflow:hidden; margin:0; }
#headmap a { color:#000; text-decoration:none;}
.home { width:37px; height:10px; position:absolute; left:25px; top:0;}
    .home a { display: block; width:37px; height:10px; }
.aboutus { width:37px; height:10px; position:absolute; left:82px; top:0;}
    .aboutus a { display: block; width:37px; height:10px; }
.contact { width:33px; height:10px; position:absolute; left:145px; top:0;}
    .contact a { display: block; width:33px; height:10px; }
.faq { width:24px; height:10px; position:absolute; left:200px; top:0;}
    .faq a { display: block; width:24px; height:10px; }
.viewcart { width:37px; height:10px; position:absolute; left:263px; top:0;}
    .viewcart a { display: block; width:37px; height:10px; }

#cmap dt {display:block; width:150px; height:45px; position:absolute; padding-top:5px; left:105px; top:105px; background:#000; color:#fff; z-index:100;}

/*===============top menu navigation==================*/
#topnavcontainer {background:url(/lib/hartsunlimited/topnav_bkg.jpg) no-repeat; height:37px; position:absolute; left: 5px; width:100%; top:100px;}
#topnavlist {padding: .8em 0; margin: 0; list-style-type: none; width: 100%;font-size:1em; font-weight:bold; text-align: center;}
#topnavlist li { display: inline; border-right: 1px solid #9c9c9c;}
#topnavlist li a {color: #d6d6d6; text-decoration: none; padding: .1em .8em; display:inline;}
#topnavlist li a:hover {color: #fff; text-decoration:underline;}
#topnavlist li.last { border: none; }

/*===============left menu navigation==================*/
#leftnavlist{margin: 0; padding:0; display:block; width: 173px; font-size: 11px;}
#leftnavlist ul{margin:0; padding:0; width: 173px;}
#leftnavlist li{background:#c8c8c8; border-bottom:1px solid #2d4273; list-style-type:none; }
#leftnavlist li a, #leftnavlist li a:visited{color:#2d4273; display: block; padding-left: 15px; text-decoration: none;}
#leftnavlist li a:hover{background:#fff url(/lib/hartsunlimited/navhover.gif) 5px center no-repeat; color:#911a1a;}

.last {border-bottom: 1px  solid #fff;}

/*===============foot menu navigation==================*/
#footnavcontainer ul {text-align:right; padding:0; margin:0; font-size:11px; width: 450px;}
#footnavlist li {display: inline; padding: 7px 5px;}
#footnavlist li * { vertical-align: middle; }
#footnavlist li a {text-decoration: none; border-right: solid 1px #FFF; color: #fff; padding: 0 12px 0 4px; display: inline}
#footnavlist li a:hover { color: #fff; text-decoration:underline;}
.cart {background:url(/lib/hartsunlimited/cart_icon.gif) no-repeat; background-position: left}
#footnavlist li.cart a { border: none; padding-left: 5px; }

/* mail form ------------------------------------------*/
#mailform { margin:15px 0 10px 5px;}
.mail_input_text {background:#f8f8f8; font-size:14px; color:#7e0707; border:1px solid #000; width: 132px; }
.mail_btn {margin-top:-21px; margin-left:137px;}

/* search form --------------------------------------------*/
#searchbox {background:url(/lib/hartsunlimited/search_bkg.jpg) left bottom no-repeat; height:35px; }
#searchform { margin:5px 0 10px 5px; }
.search_input_text {background:#f8f8f8; font-size:14px; color:#7e0707; border:1px solid #000; padding-left: 5px; }
.search_btn {margin-top:-21px; margin-left:137px;}
/* IE margin hack ---------------------------------------*/

/* --- Styles Adjust ---*/
div.bestsell {
    background: #152A59 url(/lib/hartsunlimited/bestsellerbg.gif) bottom left repeat-x; 
    display: block; 
    margin-left: 6px;
    margin-top: -3px;
    text-align: center; 
    width: 175px; 
    }
    div.bestsell a { color: #FFF; display: block; }
        div.bestsell a:hover { text-decoration: none; }
    div.bestsell a img { border: none; margin-top: 5px; }
table#contents-table td { text-align: center; }
table#contents-table td.horsep { background: url(/lib/hartsunlimited/sep.gif) center left repeat-x; }
table#contents-table td.horizontal-seperator a { color: #2C436F; text-decoration: none; }
table#contents-table td.horizontal-seperator a:hover { text-decoration: underline; }
table#contents-table td.vertical-seperator { border-right: solid 1px #7C7C7C; }
div#footer div#footnavcontainer span { float: left; margin-top: 10px; }
div#footer div#footnavcontainer span.designby { width: 300px; }
    div#footer div#footnavcontainer span.designby a { color: #FFF; padding-right: 0; text-decoration: none; }
        div#footer div#footnavcontainer span.designby a:hover { text-decoration: underline; }
div.price, div.price-bold { color: #2C436F; font: normal 12px arial, sans-serif; } 
div.sale-price, div.sale-price-bold { color: #921A1B; font: bold 15px arial, sans-serif; }
div.icons { position: absolute; bottom: 10px; left: 0; width: 173px; text-align: center; }
    div.icons a { padding-bottom: 10px; }
div.bestsell div.price, div.bestsell div.sale-price { color: #FFF; padding: 5px 0; }
div.bestsell div.sale-price { padding: 0 0 10px 0; }
/*td.nonhome { background: url(/lib/hartsunlimited/contbg.gif) left top repeat-x; }*/
td.nonhome { background: url(/lib/hartsunlimited/container-round.gif) left 5px no-repeat; padding-top: 8px; }
/*div#contentarea { background: url(/lib/hartsunlimited/container-round.gif) left top no-repeat; }*/
#oc td.nonhome div.breadcrumbs { color: #2D4174; font: normal 11px arial, sans-serif; padding: 10px 0; }
    #oc td.nonhome div.breadcrumbs a { color: #2D4174; padding: 0; }
        #oc td.nonhome div.breadcrumbs a:hover { text-decoration: none; }
h1#section-contenttitle {
    background: url(/lib/hartsunlimited/name_bkg.gif) bottom left repeat-x; 
    color: #921A19; 
    font: bold 14px arial, sans-serif; 
    margin: 25px 3px 3px 3px;
    padding: 15px 10px 5px 10px; 
    }
div#caption { border-bottom: solid 1px #7C7C7C; float: left; margin-bottom: 3px; width: 100%; }
    div.captext {
        color: #2D4173; 
        float: left; 
        font: normal 11px arial, sans-serif; 
        line-height: 20px;
        padding: 10px; 
        }
    div.capimg { float: left; margin-top: 10px; }
.sitemap-header {
    font: bold 14px verdana;
    color: #000000;
    display: block;
    padding-top:  15px;
}
.sitemap-1      {
    font: bold 12px verdana;
    color: #000080;
    display: block;
    padding-left: 25px;
}
.sitemap-2      {
    font: normal 12px verdana;
    color: #0000FF;
    display: block;
    padding-left: 50px;
}
.sitemap-3      {
    font: normal 10px verdana;
    color: #0000FF;
    display: block;
    padding-left: 75px;
}
.sitemap-4      {
    font: normal 8px verdana;
    color: #0000FF;
    display: block;
    padding-left: 100px;
}
#seo-related-links { clear: both; margin-top: 20px; width: 100%; }
    #seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #seo-related-links h3 {
        background: url(/lib/hartsunlimited/bannerbg.gif) top left repeat-x; 
        height: 32px;
        }
        #seo-related-links h3 div {
            background: url(/lib/hartsunlimited/lgbannerbg.gif) top left no-repeat; 
            color: #FFF;  
            font: bold 15px arial, helvetica, sans-serif;
            height: 30px; 
            padding: 7px;
            text-align: left;
            }
    #seo-related-links ul {
        margin:0; padding: 0;
        list-style: none;
        text-align: left;
        }
    #seo-related-links ul.seo-links li {
        width: 49%;
        float: left;
        display: inline;
        background: url(/lib/hartsunlimited/dot.gif) 5px center no-repeat;
        margin:0; 
        padding:0;
        }
        * html #seo-related-links ul.seo-links li { width: 45%; }
        #seo-related-links ul.seo-links li a {
            color: #2C4273; 
            text-decoration: none;
            padding: 2px 0 3px; 
            padding-left: 20px;
            display: block;
            _width: 100%;
            }
            #seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
                }
/* --- Item Page Styles --- */
td.nonhome div.item { text-align: center; width: 100%; }
    td.nonhome div.item .itemimg { width: 49%; }
    td.nonhome div.item .infodiv { text-align: left; width: 49%; }
td.nonhome div.iteminfo { margin: 0 5px; text-align: center; width: 98%; }
    td.nonhome div.iteminfo .caption {
        margin-bottom: 10px;
        text-align: left;
        width: 100%; 
        }
        td.nonhome div.iteminfo .caption div.hd1 {
            background: url(/lib/hartsunlimited/bannerbg.gif) top left repeat-x; 
            height: 32px;
            }
            td.nonhome div.iteminfo .caption div.hd1 div {
                background: url(/lib/hartsunlimited/lgbannerbg.gif) top left no-repeat; 
                height: 30px; 
                color: #FFF;
                font: bold 15px arial, helvetica, sans-serif; 
                padding: 7px;
                }
            td.nonhome div.iteminfo .caption div { color: #304272; font: normal 11px arial, helvetica, sans-serif; }
    td.nonhome div.iteminfo .cross-sell {
        background-color: #E3E3E3; 
        margin: 0 0 0 5px; 
        padding: 0 0 20px 0; 
        text-align: center; 
        width: 150px; 
        }
        td.nonhome div.iteminfo .cross-sell div.hd2 {
            background: url(/lib/hartsunlimited/shbannerbg.gif) top center no-repeat; 
            color: #FFF;
            font: bold 15px arial, helvetica, sans-serif;
            height: 30px;
            margin: 0; 
            padding: 5px; 
            }
        td.nonhome div.iteminfo .cross-sell div.cs {
            border-bottom: solid 1px #7C7C7C; 
            margin: 0 5px;  
            }
            td.nonhome div.iteminfo .cross-sell #cross-sell { width: 140px; }
                td.nonhome div.iteminfo .cross-sell #cross-sell a { margin: 0; padding: 0; }
                td.nonhome div.iteminfo .cross-sell #cross-sell img { }
/* --- PIT --- */
#product-info-table { width: 290px; }
    #product-info-table th {
        background-color: #C8C8C8; 
        border-bottom: solid 1px #FFF; 
        border-right: solid 1px #FFF; 
        color: #2B4373;
        font: bold 11px arial, helvetica, sans-serif;
        padding: 3px 5px;
        text-align: right;
        width: 92px;
        }
    #product-info-table td {
        background-color: #E3E3E3; 
        border-bottom: solid 1px #FFF; 
        color: #2B4373; 
        font: normal 11px arial, helvetica, sans-serif;
        padding: 3px 5px;
        text-align: left; 
        width: 188px;
        }
    #product-info-table td.pit-head { background-color: #921A1B; color: #FFF; font: bold 14px arial, helvetica, sans-serif; width: 290px; }
    #product-info-table th.sale { color: #911B19; font: bold 14px arial, helvetica, sans-serif; }
    #product-info-table td.sale-price { color: #911B19; font: bold 14px arial, helvetica, sans-serif; }
    #product-info-table th.save { color: #911B19; }
    #product-info-table td.save { color: #911B19; }
    #product-info-table td.last { background-color: #C8C8C8; padding-top: 5px; width: 290px; }
div.welcomebox h2, div.welcomebox div { padding-left: 5px; }
div#info-div { padding: 0 7px; }
div.break { clear: both; margin-bottom: 70px; }