/* Copyright 2006 by Corganics, LP. All Rights Reserved.

   Credits and Handy References:
     Design - Rodrigo Galindez
     CSS - Ryan Thrash
     
   Color Palette:
     light blue - 26b0ff
     medium blue - 009cff
     navy blue - 003347

     navy text - 0f4161
     lt blue text - 00adef
     gray text - 8f8f8f

     powerder blue (form bg) ebf6fc
     light blue border cee7f7
     grayblue divider cadde8
     error bg feffb9
     error border ffdf93
     green text 467613
     blue text 135076
     gray text 505050
     error text a87723
*/
/* Type colors:
---------------------------------------------------------------- */
#site {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
}
a, a:visited {
    color: #0f4161;
    text-decoration: none;
    border-bottom: 1px solid #0f4161;
    padding-bottom: 1px;
}

p { 
    color: #fff; 
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
}
hr {
    color: #26b0ff;
    height: 1px;
    line-height: 1px;
    border: 0;
    display: block;
    clear: both;
    background: url(img/hdots.gif) repeat-x;
}
.darkish {
    color: #444;
}
.inverse { color: #0f4161; }
    .inverse a { 
        color: #fff !important; 
        border-bottom-color: #fff !important;
    }
    .inverse a:hover {
        color: #0f4161;
    }
.light { color: #fff; }
    .light a, .light a:visited { 
        color: #fff; 
        border-bottom-color: #fff;
        padding: 0 2px;
    }
    .light a:hover {
        background-color: #0f4161;
        border-bottom-color: #0f4161;
    }

/* Layout: 
---------------------------------------------------------------- */
.wrap {
    width: 917px !important;
    margin: 0 auto;
    padding: 0;
    z-index: 900;
    border: 0 !important;
    position: relative;
}
.bluebg {
    background-color: #009cff;
    background-color: #fff;
    position: relative;
}
#logoNewsSearch {
    width: 350px;
    height: 110px;
    background: #009cff url(img/boxdiv.gif) no-repeat left bottom;
    padding: 0 9px 0 12px !important;
    float: right;
    display: block;
    z-index: 1;
}
    #logoNewsSearch h1 {
        height: 87px;
        background: url(img/searchbg.gif) no-repeat;
        width: 100%;
        margin: 0;
    }
        #logoNewsSearch h1 span {
            width: 107px;
            height: 87px;
            text-indent: -9999px;
            overflow: hidden;
            background: url(img/logo.gif) no-repeat;
            position: absolute;
            margin: 6px 0 0 3px;
        }
    #logoNewsSearch #search {
        width: 200px;
        position: absolute;
        top: 10px;
        right: 23px;
    }
        #logoNewsSearch form {
            display: block;
            padding: 1px 0 6px;
        }
            #logoNewsSearch input {
                vertical-align: middle !important;
                line-height: auto !important;
                display: inline;
            }
            #logoNewsSearch form.FSF_form input.FSF_input {
                width: 160px;
                margin-right: 4px !important;
                margin: 3px 2px 0 0;
                padding: 3px 0 3px 2px;
            }
            #logoNewsSearch form.FSF_form input.FSF_submit {
                width: auto;
                margin: 2px 0 0 !important;
                margin: 3px 0 0 ;
                padding: 3px 0 2px !important;
                padding: 2px 0 0 2px;
                text-align: center;
                background-image: none;
            }
            .FSF_intro {
                margin: 0 2px 0;
            }
            #logoNewsSearch p.dottop {
                background-position: 0 0;
                padding-top: 6px;
                margin-top: 3px;
                text-align: center;
            }
    .dottop {
        background: url(img/hdots.gif) repeat-x 0 4px;
        margin: 0;
        padding: 15px 0 1px;
    }

#featureImg {
    float: left;
    width: 535px !important;
    height: 445px !important;
    position: relative;
}
    #featureImg img {
        border: 0;
        margin: 0;
    }

    #featureImg #slideInfoZone {
        position: absolute;
}/*        z-index: 10;
        width: 100%;
        margin: 0px;
        left: 0;
        bottom: 0;
        height: 3em;
        background: #333;
        color: #fff;
        text-indent: 0;
    }
        #slideInfoZone h2 {
            padding: 0;
            font-size: 80%;
            margin: 0;
            margin: 2px 5px;
            font-weight: strong;
            color: inherit;
        }
        #slideInfoZone p {
            padding: 0;
            font-size: 60%;
            margin: 2px 5px;
            color: #eee;
        }
        #mySlideshow a {
            font-size: 100%;
            text-decoration: none;
            color: inherit;
        }
*/
#recentNews {
    width: 371px;
    height: auto !important;
    min-height: 335px;
    height: 335px;
    background: #009cff url(img/boxbot.gif) no-repeat bottom left;
    float: right;
    margin: 0 0 10px;
}
#recentNews h2 {
    font-size: 130%;
}
    #recentNews span.date {
        text-align: right;
        font-size: 75%;
        display: block;
        letter-spacing: 0;
        margin-top: -15px;
    }
    #recentNews p a {
        color: #fff;
        border-color: #fff;
    }
    #recentNews p a:hover {
        border-color: #0f4161;
    }

#mainFeature {
    clear: both;
    background: #212121 url(img/graybg.gif) repeat;
    margin: 0;
    padding: 20px 0;
    z-index: 1;
}
    #mainFeature h2 {
        color: #fff;
        width: 515px;
        height: 85px;
        text-indent: -99999px;
        overflow: hidden;
        background: url(img/mainheader.gif) no-repeat;
        margin: 0 0 15px;
    }
    #mainFeature p {
        color: #8f8f8f;
        margin-left: 5px;
        width: 510px;
        font-size: 120%;
        line-height: 1.5;
        padding: 0 5px 1px;
        margin: 0 5px;
    }
    #mainFeature a {
        color: #fff;
        border-bottom-color: #fff;
    }
    .highlightPic {
        height: 115px;
        width: 371px;
        position: absolute;
        top: 50%;
        right: 0;
    }
    .highlightPic img.frame {
        position: absolute;
        width: 371px;
        height: 115px;
        margin-top: -57px;
    }
    .highlightPic img.subject {
        margin: -57px 16px 16px;
        position: relative;
        width: 339px;
        height: 84px;
        top: 16px;
    }

.newsSection {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;;
}
    .newsSection .date {
        float: right;
        text-align: right;
        font-size: 75%;
        padding-top: 4px;
    }

#featuredProducts {
    width: 535px;
    height: auto !important;
    min-height: 325px;
    height: 325px;
    background: #009cff url(img/boxdiv-w.gif) no-repeat bottom left;
    float: left;
    position: relative;
    padding: 0 0 20px;
    margin: 10px 0 0;
}

#testimonials {
    width: 371px;
    height: auto !important;
    min-height: 487px;
    height: 487px;
    background: #009cff url(img/bottom-divider-bottom.gif) no-repeat bottom right;
    float: right;
    position: relative;
    padding: 0 0 10px;
    margin: 10px 0 0;
}

#emailSignup {
    width: 535px;
    background: #009cff url(img/bottom-divider-bottom.gif) no-repeat bottom left;
    float: left;
    color: #fff;
    padding: 0 0 18px !important;
    padding: 0 0 8px;
}
    #emailSignup p {
        padding: 0 0 0 20px;
    }
    #emailSignup div.oneliner {
        height: 54px;
        line-height: 54px;
        float: left;
        width: auto !important;
        margin-left: 18px !important;
        margin-left: 9px;
        background: url(img/one-liner-box.gif) repeat-x right;
        color: #fff;
        padding: 0 16px 0 0;
    }
        #emailSignup form {
            display: block;
            float: left;
            height: 52px;
            line-height: 52px !important;
            padding: 0 0 2px 12px;
            background: url(img/one-liner-box.gif) repeat-x left bottom;
            position: relative;
        }
            #emailSignup a {
                color: #fff;
                border-bottom-color: #fff;
                margin-top: -4px;
            }
            #emailSignup form input {
                width: 141px;
                height: 20px;
                padding: 1px 0 0 0;
                margin: -2px 4px 0 0 !important;
                margin: 12px 4px 0 0;
            }
            #emailSignup form input.button {
                width: 53px;
                height: 22px;
                padding: 0 !important;
                margin: 0 5px 0 0 !important;
                margin: -6px 2px 0 0;
                background: none !important;
            }

#footer { 
    background: url(img/footer.gif) no-repeat;
    clear: both;
    padding: 4px 0 0;
    width: 917px;
    margin: 0 auto 10px;
}
    #leagalease {
        background: url(img/footer.gif) no-repeat bottom;
        padding: 11px 20px 15px;
        margin: 0;
    }
    #footer p {
        margin: 0 0 .25em;
    }
    #footer a {
        color: #00adef;
        border-bottom-color: #00adef;
    }
    

/* Online Store: 
---------------------------------------------------------------- */
#shop #logoNewsSearch { 
    background-image: url(img/boxbot.gif);
    height: 96px;
}
#minicart {
    background: #fff url(img/hdots-gris.gif) repeat-x bottom;
    padding-bottom: .5em;
    margin-bottom:  1em;
}
#cart, #reviewCart {
    position: relative;
}
#cartActions, #cartActionsAlt {
    position: absolute;
    top: 78px;
    left: 475px;
    line-height: 40px;
}
#cartActionsAlt {
    top: 30px;
    left: 600px !important;
    left: 500px;
    width: 300px;
}
    #cartActions p, #cartActionsAlt p {
        margin: 1em 0;
        padding: 0 12px !important;
        padding: 6px 18px;
        font-size: 100% !important;
        line-height: 1.4;
        width: 28em;
    }
#cart h2 {
    padding: 1em 1em .3em;
    font-size: 180%;
    color: #111;
    border-bottom: 3px solid #bbb;
}
#cart p, #reviewCart p {
    color: #505050;
    font-size: 120%;
}
#shopCategories .shopCategory {
    width: 421px;
    height: 163px;
    float: left;
    margin: 12px 13px 13px 14px;
    position: relative;
}
    .shopCategory fieldset {
        border: 1px solid #cee7f7;
        background-color: #ebf6fc;
        padding: 25px 23px;
    }
    .shopCategory .product {
        position: absolute;
        top: 25px;
        left: 23px;
    }
        .shopCategory .product a {
            background: #fff;
            border: 0;
            padding: 0;
        }
        .shopCategory .product a img {
            border: 1px solid #e2e3e4 !important;
        }
    .shopCategory .description {
        padding-left: 102px;
    }

    .shopCategory h3 {
        font-size: 160%;
        margin: 0 !important;
        padding: 0 !important;
        color: #007cca;
    }
        .shopCategory h3 a {
            color: #007cca;
            border-bottom: 1px solid #007cca;
            text-decoration: none;
            margin: 0;
            padding: 0;
        }
            .shopCategory h3 a:hover {
                color: #fff;
                background-color: #007cca;
                margin: 0 -2px;
                padding: 0 2px;
            }
        .shopCategory span.subhead {
            color:  #467613;
            font-size: 62.5%;
            display: inline;
        }
    .shopCategory h4 {
        color: #135076;
        font-size: 120%;
        margin: 0;
        padding: 0;
    }
    #cart .shopCategory p.price {
        line-height: 30px;
        border: 1px solid #a7dafa;
        background-color: #dceef9;
        color: #0d5f93;
        margin: 0;
        padding: 0 0 0 8px;
    }
    #cart .shopCategory div.cartLine {
        line-height: 24px;
        padding-top: 6px;
        vertical-align: middle;
    }
        #cart .shopCategory input {
            /*display: inline !important;
            margin: -4px 0 0 6px !important;
            padding: 0 0 0 2px !important;
            background: #fff;
            line-height: 24px;
            */
            width: 30px;
            vertical-align: middle;
            border: 1px solid #7f9db9;
        }
            #cart .shopCategory input.submit {
                width:  74px;
                height: 22px;
                border: 0;
                padding: 0 !important;
                margin: 0 !important;
                float: none !important;
                display: inline !important;
                vertical-align: middle;
            }

    #emptyCart, #loadedCart {
        border: 1px solid #cee7f7;
        background-color: #ebf6fc;
        margin-left: 127px;
        line-height: 30px;
        color: #135076;
        width: 300px;
    }
    #emptyCart { padding-left: 6px;}
    #loadedCart {
        padding: 6px 6px 3px;
        width: 294px;
        margin-bottom: 12px;
    }
    #finalCart #loadedCart { width: 375px;}
    #reviewCart #loadedCart { width: 430px;}
    #loadedCart table {
        border: 0;
        background: transparent;
        width: 100%;
        font-size: 100% !important;
    }
    #reviewCart #loadedCart table {
        font-size: 120% !important;
    }
    
    #loadedCart thead th,
    #loadedCart tbody td {
        border: 1px solid #a7dafa;
        border-width: 1px 0;
        background-color: #dceef9;
        text-align: left;
        padding: 2px 5px;
        line-height: 1.5;
        font-size: 110%;
    }    
    #loadedCart thead th {
        text-align: center;
    }
    #loadedCart thead th.first {
        border-width: 1px 0 1px 1px;
        text-align: left;
    }
    #loadedCart thead th.last {
        border-width: 1px 1px 1px 0;
    }
    #loadedCart tbody td {
        border: 0;
        background-color: transparent;
    }
    #loadedCart .totalcol th,
    #loadedCart .outlined th {
        color: #467613;
    }
    #loadedCart .totalcol tr {
        padding-top: 8px;
    }
    #loadedCart .bottom tr {
        padding: 0 inherit 8px;
    }
    #loadedCart .totalcol th, #loadedCart .totalcol td {
        text-align: right;
        border-top: 1px solid #cadde8;
        padding: 4px 5px 0;
        font-size: 120%;
    }
    #loadedCart .bottom th, #loadedCart .bottom td {
        border-top: 0;
        border-bottom: 1px solid #cadde8;
        padding:  0 5px 4px;
    }
    #loadedCart tr.outlined {
        padding-top: 6px;
    }
    #loadedCart .outlined * {
        border: 1px solid #a7dafa;
        background-color: #dceef9;
        font-size: 130%;
        padding-right: 6px;
    }
        #loadedCart .outlined th {
            border-width:  1px 0 1px 1px;
            text-align: right;
        }
        #loadedCart .outlined td {
            border-width:  1px 1px 1px 0;
            color: #135076;
            padding-left: 6px;
        }
    #loadedCart tr.spacer td {
        height: 5px;
        line-height: 5px;
        padding: 0;
        margin: 0;
    }
    #loadedCart tr.instructions td {
        line-height: 34px;
        text-align: right;
    }
    p.helpText {
        background: url(img/hdots-gris.gif) repeat-x bottom;
        color: #505050;
        padding-bottom: 6px;
        font-size: 120%;
    }
    #finalCart fieldset {
        border: 0;
    }
    #loadedCart input.text {
        border: 1px solid #ddd;
        border-left-color: #c3c3c3;
        border-top-color: #7c7c7c;
        padding: 2px 0 2px 2px;
        background: #fff url(img/input-bg.gif) repeat-x top left;
        vertical-align: middle;
    }

    #actions {
        
    }

/* Interior Page Styles: 
---------------------------------------------------------------- */
#headerQuote {
    float: left;
    background: #212121 url(img/graybg.gif) repeat;
    width: 535px;
    height: 105px;
}
    #headerQuote h2 {
        color: #fff;
        width: 520px;
        height: 85px;
        text-indent: -99999px;
        overflow: hidden;
        background: url(img/mainheader.gif) no-repeat 7px 4px;
        margin: 0 0 15px;
    }
    #shop #headerQuote h2 {
        background-image: url(img/store-header-copy.gif);
    }
    
    .wide-rounder {
        background: url(img/bottom-divider-bottom.gif) no-repeat bottom left;
        width: 100%;
        height: 100%;
    }


#mainContent {
    float: left;
    clear: none;
    background: #fff;
    width: 519px;
    width: 510px;
    padding: 10px 8px 20px 12px;
    position: relative;
}
    #mainContent p#breadcrumb {
        font-size: 100%;
        border-top: 3px solid #bbb;
        padding-top: 6px;
/*        margin-top: 0 !important;
        margin-top: -10px; */
        top: 31px;
        width: 505px;
        position: absolute;
    }
        #breadcrumb a {
            color: #0680cd;
            border-bottom-color: #0680cd;
        }
        #mainContent h3, #mainContent h4 {
            color: #000;
            font-size: 140%;
            margin: 1em 0 1em -1px;
            clear: both;
        }
        #mainContent h3 {
            font-size: 180%;
        }
        #mainContent p,
        #mainContent li {
            color: #555;
            font-size: 120%;
        }
        #mainContent img, img.bordered {
            background-color: #f4f4f4;
            padding: 6px;
            border: 1px solid #ddd !important;
            border-width: 0 1px 1px 0 !important;
        }
#intSidebar {
    float: right;
    display: block;
    clear: right;
    width: 371px;
    height: auto !important;
    height: 0;
}
    #action {
        padding: 15px 15px 30px;
        background: #009cff url(img/boxdiv.gif) no-repeat left bottom;
    }

/* Interior additional information (at bottom-right): 
---------------------------------------------------------------- */
#additionalInfo {
    background: #009cff url(img/bot-round-white-narrow.gif) no-repeat bottom left;
    padding: 15px 15px 15px;
}
    #additionalInfo h1 {
        margin: 0;
    }
    #additionalInfo h1 span {
        margin: 0;
    }
    #additionalInfo p {
        margin: 0 6px;
    }
    #sidenav .oneliner {
            height: 35px;
            line-height: 35px;
            background: url(img/sidebar-item.gif) repeat-x left;
            color: #fff;
            padding: 0 0 2px 4px;
            margin: 0 0 3px;
        }
        #sidenav .oneliner span {
            display: block;
            height: 35px;
            padding: 0 0 2px 16px;
            background: url(img/sidebar-item.gif) repeat-x right;
        }
        #sidenav .oneliner a {
            color: #fff;
            text-decoration: none;
            font-size: 120%;
            line-height: 35px;
            border: 0;
            display: block;
            float: left;
            width: 100%;
            padding-left: 2px;
            margin-left: -2px;
        }
        #sidenav .oneliner a:hover,
        #sidenav .oneliner a.active {
            color: #0f4161;
        }

/* Interior footer: 
---------------------------------------------------------------- */
#footer-interior { 
    border-top: 3px solid #bbb;
    clear: both;
    padding: 0 0 0;
    width: 917px;
    margin: 20px auto 10px;
}
    #footer-interior #leagalease {
        background: none;
        padding: 12px 12px 15px;
        margin: 0;
    }
    #footer-interior p {
        margin: 0 0 .25em;
        color: #555;
    }
    #footer-interior a {
        color: #0680cd;
        border-bottom-color: #0680cd;
    }


/* Interior top nav: 
---------------------------------------------------------------- */
#dropnavbar {
    padding-left: 2px;
    height: 21px;
    position: relative;
    z-index: 1000;
    margin-bottom: 45px;
}
#homelink {
    float: left;
    padding-left: 1px;
}
#homelink:hover {
    background: url(img/tab.gif) top left;
}
    #homelink a {
        border-bottom: 1px solid #fff;
        display: block;
        float: left;
        width: auto !important;
        width: 1%;
        padding: 0 4px;
        line-height: 2;
        border: 0;
        color: #666;
        text-decoration: none;
    }
    #homelink a:hover {
        color: #fff;
        background: url(img/tab.gif) no-repeat top right;
        text-decoration: underline;
    }

#topnav {
    float: right;
    margin-right: 30px;
}

#topnav li {
    float: left;
    list-style: none;
    position: relative;
    margin: 0 1px 0 0;
    padding-left: 1px;
    border-bottom: 1px solid #fff;
    overflow: visible;
    font-size: 100%;
}
#topnav li:hover, #topnav li.active {
    background: url(img/tab.gif) top left;
}
    #topnav li:hover a, #topnav li.active a {
        color: #fff;
        background: url(img/tab.gif) top right;
    }
    #topnav a {
        display: block;
        float: left;
        padding: 0 5px 0 4px;
        line-height: 2;
        border: 0;
        color: #666;
        text-decoration: none;
        width: auto !important;
        width: 1%;
        overflow: visible !important;
        white-space: nowrap;
    }
    #topnav div {
        display: none;
        position: absolute;
        top: 18px;
        left: -25px;
        padding: 7px 25px 50px;
        width: 120px;
        z-index: 1000;
        background: transparent url(img/px.gif) repeat;
    }
    #topnav li:hover div {
        display: block !important;
    }
        #topnav ul {
            margin-left: -1px;
            border: 1px solid #ccc;
            border-width: 0 1px 1px 0;
            padding-bottom: 1px;
            background: #707070;
        }
        #topnav a:hover {
            text-decoration: underline;
        }
        #topnav ul li {
            float: none;
            background-color: #999;
            border: 1px solid #fff;
            border-width: 0 1px 0 0;
            padding: 0 1px;
        }
        #topnav ul li:hover {
            background: #777;
        }
        #topnav ul li.active:hover, #topnav ul li.active {
            background: #009cff;
        }
        #topnav ul li.last {
            float: none;
            padding: 0 1px 1px;
            border-bottom: 1px solid #fff;
        }
            #topnav li:hover ul a {
                background-image: none;
            }
            #topnav ul a {
                float: none;
                border-bottom: 1px solid #adadad;
                padding: 0 6px;
                background-color: #999;
                width: 100%;
                color: #fff !important;
            }
            #topnav ul li.last a {
                border: 0;
            }

/* Definition (feature) lists: 
---------------------------------------------------------------- */
dt {
    font-size: 120%;
    float: left;
    clear: both !important;
    width: 150px;
    margin: 0 0 10px 0;
    padding: 6px 0 0 0px;
    border-top: 1px solid #efefef;
}
dd {
    border-top: 1px solid #efefef;
    float: left;
    padding: 6px 3px 0 10px;
    margin: 0 0 10px 0;
    width: 300px;
}

/* Buttons: 
---------------------------------------------------------------- */
a.buyrelief,
a.buyonlinenow,
a#reviewCart,
a#addressEntry,
a.processMyOrder {
    height: 40px;
    width: 153px;
    display: block;
    margin: 0 auto;
    text-indent: -999px;
    overflow: hidden;
    background: url(img/buyrelief.gif) no-repeat;
    text-decoration: none !important;
    border: 0 !important;
    padding: 0;
}
.actionbar {
    line-height: 40px;
}
a.processMyOrder {
    width: 198px;
    margin-right: 6px;
    background: url(img/process-my-order.gif);
    float: left;
}
a.buyonlinenow {
    width: 147px;
    background: url(img/buyonlinenow.gif);
}
a#reviewCart {
    width: 199px;
    background: url(img/cart-step2.gif);
    float: left;
    margin: 0 6px 0;
}
a#addressEntry {
    width: 198px;
    background: url(img/continue-to-final-step.gif);
    float: left;
    margin: 0 6px 0;
}
a.continueShopping {
    height: 22px;
    width: 104px;
    display: block;
    float: left;
    margin: 7px 0 0 5px;
    text-indent: 999px;
    overflow: hidden;
    background: url(img/continue-shopping.gif) no-repeat;
    text-decoration: none !important;
    border: 0 !important;
    padding: 0;
    
}
input.updateCart {
    height: 22px;
    width: 70px;
    display: inline;
    vertical-align: middle;
    margin: -1px 0 0 5px;
}
input.reviewMyOrder {
    height: 40px;
    width: 198px;
    float: right;
    margin: 10px 20px;
    border: 0;
    background: none;
}
.submitShippingOptions {
    height: auto !important;
    width: auto !important;
    vertical-align: middle;
    border: 1px solid #cadde8 !important;
    background: #dceef9 !important;
    color: #467613 !important;
    border-color: #cadde8 #555 #555 #cadde8 !important;
    font-size: 86%;
    margin-left: 6px;
    padding: 0 !important;
    text-align: center;

}
/* Featured Products (home page): 
---------------------------------------------------------------- */
#featuredProducts .cssbox {
    margin-top: 8px;
    position: relative;
    height: auto !important;
    height: 1%;
}

#featuredProducts .cssbox_body {
    height: auto !important;
    min-height: 70px;
    height: 70px;
}
    #featuredProducts .cssbox h2 {
        padding-left: 137px;
        font-size: 140%;
    }
    #featuredProducts .cssbox p {
        padding: 0 0 0 125px !important;
        font-size: 120%;
        margin: 0 0 12px;
    }
    .cssbox .vc {
        position: absolute;
        margin-top: -45px !important;
        top: 50% !important;
        width: 114px;
        height: 89px;
        border: 0 !important;
    }
    .cssbox .vc:hover {
        background: transparent;
        border: 0 !important;
    }

/* Headlines: 
---------------------------------------------------------------- */
#recentNews h1,
#featuredProducts h1,
#testimonials h1,
#emailSignup h1,
#action h1,
#additionalInfo h1 {
    background: url(img/blue-headlines.gif) no-repeat 1px -1px;
    height: 30px;
    text-indent: -999px;
    overflow: hidden;
    margin: 14px 18px 11px;
    position: relative;
    z-index: 500;
}

#featuredProducts h1 { background-position: 1px -31px; }
#testimonials h1 { background-position: 1px -61px }
#emailSignup h1 { background-position: 1px -91px }
#action h1 { background-position: 1px -121px }
#additionalInfo h1.products { background-position: 1px -151px }
#additionalInfo h1.news { background-position: 1px -181px }
#additionalInfo h1.testimonials { background-position: 1px -211px }
#additionalInfo h1.etcetera { background-position: 1px -241px }

    #recentNews h1 span,
    #featuredProducts h1 span,
    #testimonials h1 span,
    #emailSignup h1 span,
    #action h1 span,
    #additionalInfo h1 span {
        background: url(img/hdots.gif) repeat-x 0 29px;
        display: block;
    }
#featuredProducts h1 { margin: 10px 18px 21px;}
#testimonials h1 { margin: 10px 18px 21px;}
#additionalInfo h1 { margin: 0 0 21px; }
#action h1 { margin: 0 0 21px;}
#home #featuredProducts h1,
#home #testimonials h1 {
    margin-top:  21px;
}
#additionalInfo h1.relief,
#additionalInfo h1.smooth {
    background-image: none;
    height: 65px;
    width: 341px;
    text-indent: -14px;
}
#additionalInfo h1.smooth {
    text-indent: -7px;
}
#additionalInfo h1.relief a,
#additionalInfo h1.smooth a {
    border: 0;
}
    #additionalInfo h1.relief span,
    #additionalInfo h1.smooth span {
        height: 65px;
        background-position: 0 63px !important;
    }
    

/* Rounded Corner Boxes: 
---------------------------------------------------------------- */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(img/ltBluebox.gif) no-repeat bottom right; 
} 
.cssbox { 
/*    width: 340px !important; /* intended total box width - padding-right(next) */
/*    width: 310px; /* IE Win = width - padding */
    padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
    margin: 0 14px 7px 18px;
    z-index: 500;
    position: relative;
    clear: both;
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; 
    margin-right: -3px; /* pull the right image over on top of border */
    padding-right: 15px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 {
    color: #0f4161;
    font-size: 120%;
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 8px 0 0 12px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; 
    height: 1%; /* IE Holly Hack */ 
}
    .cssbox_head h2 a {
        border: 0;
    }
    .cssbox_head h2 a:hover {
        border-bottom: 1px solid #0f4161;
    }

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 12px; /* interior-padding right */ 
    padding: 3px 0 1px 12px; /* mirror .cssbox_head right/left */ 
}
    .cssbox_body a { 
        color: #0f4161; 
        border-bottom-color: #0f4161;
        padding: 0 2px;
    }
    .cssbox_body a:hover {
        color: #fff;
        background: #0f4161;
    }

/* Comment Bubble Boxes: 
---------------------------------------------------------------- */
.comment, .comment-body, .comment-head, .comment-head div {
    background: transparent url(img/commentbox.gif) no-repeat bottom right; 
}
.comment, .inside-comment { 
/*    width: 340px !important; /* intended total box width - padding-right(next) */
/*    width: 310px; /* IE Win = width - padding */
    padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
    margin: 0 34px 18px 38px;
    position: relative;
    z-index: 500;
} 
.inside-comment, .inside-comment .comment-body, .inside-comment .comment-head, .inside-comment .comment-head div {
    background: transparent url(img/speech-inside.gif) no-repeat bottom right;
}

/* set the top-right image */ 
.comment-head, .inside-comment .comment-head { 
    background-position: top right; 
    margin-right: -3px; /* pull the right image over on top of border */
    padding-right: 15px; /* right-image-gap + right-inside padding */ 
} 

    /* set the top-left image */ 
    .comment-head div, .inside-comment .comment-head div {
        color: #0f4161;
        background-position: top left; 
        margin: 0; /* reset main site styles*/ 
        border: 0; /* ditto */ 
        padding: 2px 0 0 14px; /* padding-left = image gap + interior padding ... no padding-right */ 
        height: auto !important;
        min-height: 50px;
        height: 50px;
    }
    .comment-head h2,
    .comment-head h3 { 
        color: #fff;
        font-size: 120% !important;
        padding-left: 45px !important;
        margin: 0 !important;
        padding: 0;
    }
    .comment-head h3, .inside-comment .comment-head h2 {
        color: #0f4161 !important;
    }
    .comment-head h3 { 
        font-size: 100% !important;
    }

/* set the lower-left corner image */ 
.comment-body, .inside-comment .comment-body { 
    background-position: bottom left; 
    margin-right: 12px; /* interior-padding right */ 
    padding: 3px 0 1px 12px; /* mirror .cssbox_head right/left */ 
}
    .comment-body a { 
        color: #0f4161; 
        border-bottom-color: #0f4161;
        padding: 0 2px;
        white-space: pre;
    }
    .comment-body a:hover {
        color: #fff;
        background-color: #0f4161;
    }
#mainContent img.headshot, img.headshot {
    position: absolute;
    top: 2px;
    left: 14px;
    padding: 0;
    border: 0;
    background-color: transparent;
}
#mainContent .inside-comment p {
    color: #fff;
    background-color: #2cb2ff;
}
.bling {
    position: absolute; 
    right: 0;
    top: 0;
    width: 203px;
    height: 132px;
    z-index:1
}

/* Quote blocks
---------------------------------------------------------------- */
blockquote {
	font-size: 1.5em;
	color: #999;
	line-height: 1.5;
	padding: 9px;
	margin: 0;
}
.quote {
	padding: 30px 6px;
}
.smallquote {
	padding: 0;
	width: auto !important;
}
.smallquote blockquote {
	font-size: 1.1em;
	color: #888;
	line-height: 1.3;
	padding: 6px;
	margin: 0;
	width: 121px;
}


/* form specifics
---------------------------------------------------------------- */
form {
    color: #505050 !important;
    font-size: 120%;
}
.fr {
    border-bottom: 1px solid #cadde8;
    padding: 7px 0 !important;
    padding: 10px 0 7px;
    clear: both !mportant;
    vertical-align: middle;
    line-height: 24px;
    height: auto !important;
    height: 1%;
}
.last {
    border-bottom: 0;
}
input.hidden {
    display: none !important;
    border: 0 !important;
    background: none;
}
fieldset {
    border: 1px solid #cee7f7;
    background-color: #ebf6fc;
    padding: 5px 7px;
}
.emailform fieldset {
    width: 410px;
}
label, input {
    text-align: left !important;
}
label, fieldset p {color: #135076 !important;}
form p {
    font-size: 90%;
    padding: 0 0 1em;
    margin: 0;
}
form h3 {
    margin: 1em 0 0;
}
.emailform h3 {
    color: #467613;
    font-size: 180%;
}
.emailform p {
    color: #505050;
    width: 35em;
    font-size: 100%;
}
p.error, p.message {
    background-color: ;
    color: #a87723;
    border: 1px solid #ffdf93;
    border-width: 1px 0;
    padding: 5px 10px 5px 36px;
    margin: -1em 0 1em;
    background: #feffb9 url(img/stop.png) no-repeat 10px 7px;
}
p.message {
    background-color: #ccf6d1;
    border-color: #bfe7c4;
    background-image: url(img/accept.png);
}

/* store locator
---------------------------------------------------------------- */
#map img {
	background: transparent;
	border: 0 !important;
}

.store-list {
	font-size: 120%;
	color: #606060;
}
.store-list td.nearby-letter {
	padding-right: 5px;
}

th {
	text-align: left;
	color: #000;
	font-weight: normal;
	padding: 12px 8px 7px 3px;
	font-size: 140%;
}
th.last {
	padding-right: 0;
}
/* internal order form
---------------------------------------------------------------- */
table.main {
	margin: 20px 0;
}


.main thead th {
	text-align: left;
	background: #666;
	color: #fff;
	font-size: 12px;
	padding: 3px 5px;
}
.main thead th.num {
	text-align: right;
}
.main td {
	border-bottom: 1px solid #ddd;
	padding-right: 5px;
}
.main tr.alt td {
	background: #c8c7c5;
background: #fbfbfb;
}
.main input.price {
	width: 40px;
	margin: 5px 0 4px 4px;
}
.main td.check {
	background: #c40111 !important;
	border-color: #c40111 !important;
	width: 16px;
}
.main tbody tr:hover td {
	background: #eee !important;
}
.main tr:hover td.check {
	background: #9E0E15 !important;
}
.main tfoot td,
.main tfoot th,
.main td.num {
	text-align: right;
	min-width: 60px;
}
.main tbody th {
	border-bottom: 1px solid #ddd;
	background: #fff;
	color: #222;
}
.main tfoot th {
	text-align: right;
	font-weight: bold;
	color: #333;
	font-size: 12px;
	border: 0;
}
.main tfoot th {
	text-align: right;
	font-weight: bold;
	color: #333;
	font-size: 12px;
	border: 0;
	background: #fff;
}
.main tfoot td { border: 0; }

.main tfoot {
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin-top: 5px;
}
#submit {
	margin: 15px -5px;
}