/* 4thQuartershop.com  
design by: Solid Cactus / Cp 
March 2007
*/

/* -- GENERAL
---------------------------------------------*/
html,body {margin:0; padding:0}
body {font:76% "Tahoma", arial,sans-serif; text-align:center; background:#1A222A;}
p {margin:0 10px 10px}
a {color:#006;}
.cfix {clear:both;}

/* -- LAYOUT
---------------------------------------------*/
div#container {width:760px; margin:0 auto; text-align:left; background:url(/lib/yhst-27488432943934/contbkg.gif) repeat-y;}
div#header {position:relative; background:#103151; width:760px;}

div#logo {float:left; background:url(/lib/yhst-27488432943934/logo.gif) no-repeat; height:105px; width:283px;}
.logolink a {position:absolute; height:80px; width:270px; top:14px; left:5px; text-decoration:none;}
.logolink a i {visibility:hidden;}

div.headright {float:right; position:relative; background:url(/lib/yhst-27488432943934/header-right.gif) no-repeat; height:105px; width:476px;}
div#content {float:right; width:582px; background:#FFFFF; color:#000;}
div#navigation {float:left; width:178px; background:#034F96;}
div#footer {clear:both; width:100%; background:#fff; color:#fff;}
div.badgebox {float:left; width:178px; padding:0 0 20px 0; background:#034F96; text-align:center;}
div#copyright{width:760px; height:100px; background:#fff url(/lib/yhst-27488432943934/copybkg.gif) no-repeat; height:74px;}

/* -- TYPOGRAPHY
---------------------------------------------*/
div#content p {line-height:1.4}
div#footer p{margin:0;padding:5px 10px}
div#copyright span.copyinfo {float:left; text-align:left; font-size:.825em; color:#6a6a6a;}
div#copyright span.designby {float:right; font-size:.825em; color:#6a6a6a;}
div#copyright span.designby a {font-size:.825em; color:#6a6a6a; text-decoration:none;}
div#copyright span.copyinfo p {padding:15px 0 0 0;}
div#copyright span.designby p  {padding:8px 24px 0 0;}
.welmessage h2{font:bold .9em "Tahoma", Arial, Helvetica, sans-serif; color:#116ec3; margin:0 10px 10px}
.welmessage p {font:normal .9em "Tahoma", Arial, Helvetica, sans-serif; color:#000;}
h1#item-contenttitle {font-size:1.2em;}
h2#itempage-captiontitle {font-size:1em;}

/* -- PRESENTATION
---------------------------------------------*/
.shopcat {background:url(/lib/yhst-27488432943934/shopcat-header.gif) no-repeat; height:29px; margin:0; padding:0;}

/*--search area -----------------------------*/
div.searchblock {position:absolute; top:83px; right:24px;}
div.searchblock * {vertical-align: middle;}
.searchquery{font-size: 12px; width: 130px;}
div.searchblock form {}

/*--left menu navigation---------------------*/
#leftnavlist {margin:0; padding:0; font: bold 11px "Tahoma", arial, helvetica, sans-serif;}
#leftnavlist ul {list-style-type:none;}
#leftnavlist li {list-style-type:none; width:178px; border-bottom:1px solid #0463B0;}
#leftnavlist li a {padding:7px 0 7px 15px; background:url(/lib/yhst-27488432943934/arrow-on.gif) center left no-repeat;}
#leftnavlist li a, #leftnavlist li a:visited {color:#fff; text-decoration:none; display:block;}
#leftnavlist li a:hover {background:#fff url(/lib/yhst-27488432943934/arrow-off.gif) center left no-repeat; color:#116ec3; text-decoration:underline;}

/*-- mailing list area ----------------------*/
.mailheader {background:url(/lib/yhst-27488432943934/mail-header.gif) no-repeat; height:23px; margin:0; padding:0;}
div.mailbox {border-bottom:1px solid #0463B0; margin:0 0 10px 0;}
div.mailbox * {vertical-align:middle;}
div.mailbox form {padding:0 0 10px 10px;}
.email-box {font-size:12px; width:120px;}

/*--footer menu navigation-------------------*/
#footnavcontainer {background:url(/lib/yhst-27488432943934/footerbkg.gif) no-repeat; height:30px;}
#footnavlist {padding:.7em 0; margin: 0; list-style-type:none; width:100%; text-align:center; font-size:.9em;}
#footnavlist li {display:inline; border-right:1px solid #fff;}
#footnavlist li a {text-decoration:none; color:#fff; display:inline; padding:10px;}
#footnavlist li a:hover {text-decoration:underline;}
#footnavlist li.last {border:none;}

/*=== HOMEPAGE ===*/
div.homepage-featured {width:582px; background:url(/lib/yhst-27488432943934/homebkg2.gif) no-repeat; height:203px;}
div.homepage-featured h1 {font-size:1.4em; color:#2470B6; text-transform:uppercase; text-align:right; margin:0; padding:20px 30px 0 0;}
.feat-table {float:right;}
.featured-name {padding:0 10px 0 10px; text-align:right; font-weight:bold; font-size:.9em;}
.featured-sale {padding:6px 28px 0 0; text-align:right; font-weight:bold; font-size:.9em; color:#ff4e00;}
.gotoitem a img {float:right; border:none; margin:4px;}

/*--featured--*/
#contents-table {text-align:center;}
.horizontal-seperator {border:1px solid #e9e9e9; vertical-align:top;}
.vertical-seperator {vertical-align:top;}
.name, .price, .sale-price-bold {font-size:.9em;}
.name a {font-weight:bold; color:#000;}
.price {color:#666; padding:4px 0 0 0;}
.sale-price-bold {color:#ff4e00; padding:4px 0 8px 0;}

.prodname {background:url(/lib/yhst-27488432943934/prodnamebkg.gif) repeat-x; height:28px; text-align:center; color:#fff; font:bold 1.2em "Times New Roman", Times, serif; text-transform:uppercase; padding:5px;}
.viewmore {background:url(/lib/yhst-27488432943934/morebkg.gif) repeat-x; height:26px;}
.viewlink {height:17px; width:74px; float:right; display:block; padding:5px 10px 0 0;}
.viewlink a img {border:none;}

/*=== ITEMPAGE ===*/
#itemcontent {width:572px; margin-left:10px; background:#FFFFF; color:#000;}
.breadcrumbs {padding:10px; font-size:.9em;}
/* -- cross sell --*/
.rightborder {border-right:1px solid #e9e9e9;}
.spec-horizontal-seperator {border-right:1px solid #e9e9e9;}

#seo-related-links {
    width: 95%;
    }
    #seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #seo-related-links h3 {
        color: #000;  
        font: bold 13px/1.2 verdana, arial, sans-serif;
        text-align: center;
        }
    #seo-related-links ul {
        margin:0; padding: 0;
        list-style: none;
        }
    #seo-related-links ul.seo-links li {
        width: 49%;
        float: left;
        display: inline;
        background: url(/lib/yhst-27488432943934/dot.gif) 5px center no-repeat;
        margin:0; 
        padding:0;
        }
        #seo-related-links ul.seo-links li a {
            text-decoration: none;
            padding-left: 25px;
            display: block;
            _width: 100%;
            }
            #seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
                }
.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;
}
table#contents-table div.align-fixer {
    height: 100px;
}
table#contents-table div.align-fixer a img {
    vertical-align: middle;
}