a { color: #999; }
p { line-height: 1.4em; }
img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

.red_text, .red_text a { color: #A31A1E; }
.lt_gray { background: #e7e7e7; }
.dk_gray { background: #ccc; }
.red_text a { text-decoration: none;}
.black_text { color: #000; }
.tac        { text-align: center; }
a.plain     { text-decoration: none;}
.upper { text-transform: uppercase; }

#main_wrap #main .content .content { padding: 0 10px; }


/* ============================================= */
/* #topnav rules */
/* ============================================= */
#topnav ul {
    list-style: none;
    bottom: 25px;
    padding: 0;
    margin: 0 20px 0 0;
    right: 0px;
    position: absolute;
    font-size: 12px;
}
#topnav ul li {
    list-style: none;
    display: inline;
    margin: 0 10px;
}
#topnav a {
    color: #808080;
    text-transform: uppercase;
    text-decoration: none;
}
#topnav a:hover { color: #fff; }
#topnav .current a { color: #A31A1E; }

/* ============================================= */
/* #leftnav rules */
/* ============================================= */
#leftnav {
    text-transform: uppercase;
    font-size: 160%;
}
#leftnav ul { list-style: none; }
#leftnav a { 
    text-decoration: none; 
    display: block;
    margin-right: 1px;
    padding-right: 15px;
}
#leftnav a.current { color: #A31A1E; }

#admin_nav {
    text-transform: none;
    font-size: 80%;
    padding: 10px;
}
#admin_nav h3 {
    border-bottom: 1px solid #666;
    margin-bottom: 0;
}
#admin_nav ul {
    margin: 0;
    padding: 0 0 0 10px;
}
#admin_nav ul li {
    line-height: 1.4em;
}

/* ============================================= */
/* .post */
/* ============================================= */
#posts {
    background: #B3B3B3;
    margin: 0 20px 0 10px;
    padding: 10px 20px;
}

#posts h1.recent_posts {
    border-bottom: 1px solid #999;
    margin: 5px 0 0 0;
    font-size: 22px;
    padding: 0 0 5px 0;
}

.post {
    font-size: 12px;
    color: #000;
    overflow: auto;
    clear: both;
    width: 100%;
    margin-top: 20px;
}
.post h3 { margin-bottom: 0; }
.post a {
    text-decoration: none;
    color: #A31A1E;;
}
.post_title h2 { margin: 0; }
.post_title h2 a { color: #000; }
.post .post_body {
    border-bottom: 1px solid #666;
}
.post #new_comment { font-size: 70%; }

.post .post_stats {
    font-size: 80%;
    padding: 0;
    margin: 5px 0;
    overflow: auto;
}
.post .post_stats .post_tags {
    float: left;
    width: 70%;
}
.post .post_stats .post_num_comments {
    float: right;
}
.post_images { margin: 25px 0 20px; }

.post_images ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.post_images ul li {
    list-style: none;
    display: inline;
    padding: 0 5px;
}

.post_images img {
    border: 5px solid #000;
    display: inline;
}

#leftnav .feed_icon {
    background: #000;
    margin: 10px 1px 0 0;
    padding: 15px 0;
    border-top: 1px solid #666;
/*    border-bottom: 1px solid #666;*/
}

#leftnav .feed_icon img {
    display: block;
    margin: 0 auto;
}

/* ============================================= */
/* .post_summary */
/* ============================================= */
.post_summary {
    padding-left: 25px;
    background: url(../images/page.png) 0px 3px no-repeat;
}
.post_summary h3 { margin-bottom: 0; }
.post_summary p { 
    margin-top: 0; 
    color: #666;
}

/* ============================================= */
/* ul.post_tags */
/* ============================================= */
ul.post_tags {
    text-align: right;
    padding: 0;
    margin: 0;
    display: block;
}
ul.post_tags li {
    padding: 0;
    margin: 0;
    display: inline;
}
ul.post_tags li a {
    font-size: 12px;
    display: block;
    padding: 5px 10px;
}
ul.post_tags ul { padding: 0;}
ul.post_tags li h1 {
    font-size: 14px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 9px 10px;
    margin: 0;
}
ul.post_tags li ul li.current a { color: #A31A1E;}
ul.post_tags li.last { border-bottom: 0;}

.feed_link {
    text-align: center;
    margin: 10px;
}
.feed_link a {
    font-size: 12px;
    text-transform: none;
    
}

/* ============================================= */
/* .comments */
/* ============================================= */
.comments {
    clear: both;
    width: 90%; /* removing this line will cause IE6 to display the comments form all wrong */
    margin: 10px;
    text-align: left;
}
.comments ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #666;
    list-style: none;
}
.comments ul li {
    list-style: none;
}
.comment {
    margin: 10px;
}

/* ============================================= */
/* .menu */
/* ============================================= */
.menu ul {
    margin: 10px 0 0 0;
    padding: 0;
}

.menu .cat_l1 span, .menu .cat_l1 a, .menu .cat_l2 a {
    display: block;
    background: #000;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 9px 0 9px 15px;
    margin-right: 1px;
}
.menu .cat_l2 a, .menu .cat_l3 a {
    background: transparent;
    font-weight: normal;
    padding: 5px 0 5px 25px;
}

.menu .cat_l2 a { font-size: 13px; font-weight: bold;}
.menu .cat_l3 a { font-size: 11px; text-transform: none;}
.menu .cat_l3 { margin: 0; }

.menu .cat_l3 a {
    border: 0;
    margin-top: 0;
    /* Manually setting height fixes the added top and bottom margins in IE6. */
    height: 1%;
    padding-left: 40px;
}

.menu .cat_l2 .first a { border-bottom: 0;}
.menu .cat_l2 .first.last a,
.menu .cat_l2 .first.current a { border-bottom: 1px solid #666; }
.menu .cat_l2 .first.current .cat_l3 a { border-bottom: 0;}

.menu a { color: #b3b3b3; }
.menu .cat_l1,
.menu .cat_l2,
.menu .cat_l3 { display: block;}
.menu .current a { color: #A31A1E; }
/*.menu .cat_l1 .current a { color: #A31A1E; }*/

.menu .cat_l1 li.current a { color: #A31A1E; }

.menu .cat_l1 .cat_l2 li.current a { color: #A31A1E; }
.menu .cat_l1 .cat_l2 li a { color: #b3b3b3; }

.menu .cat_l2 li.current .cat_l3 { display: block; }
.menu .cat_l2 li .cat_l3 { display: none; }

.menu .cat_l2 .current .cat_l3 li.current a { color: #A31A1E; }
.menu .cat_l2 .current .cat_l3 li a { color: #b3b3b3; }

/* Needs to be declared here or it won't get inherited correctly */
.menu .cat_l3 a { color: #b3b3b3; }


.menu .cat_l3 .current { background: transparent; }
/* ============================================= */
/* .flash */
/* ============================================= */
.flash {
    font-size: 140%;
    border: 1px solid #666;
    padding: 1em;
    background: #ff9800;
}

/* ============================================= */
/* #product_* */
/* ============================================= */

#product_images_wrap {
    margin: 0;
    padding: 0;
    display: block;
    overflow: auto;
}
#product_images_wrap #main_image {
    /* Need this to fix the IE6 doubled-float bug. */
    display: inline;
    float: left;
    width: 460px;
    border: 15px solid #000;
    text-align: center;
    margin: 0 0 0 6px;
}

#product_images_wrap #thumbnails {
/*    background: #fff;*/
    float: right;
    display: block;
    padding: 0;
    width: 174px;
    margin: 0px;
    text-align: center;
}

#main_wrap #main .product_info {
    position: relative;
    display: block;
    clear: both;
    padding: 0 15px 0 6px;
}

#product_images_wrap #thumbnails ul {
    margin: 0 20px;
    padding: 15px 0 0 0;
    display: block;
    position: relative;
    list-style: none;
    background: #000;
    text-align: center;
}

#product_images_wrap #thumbnails ul li { 
    display: block;
    position: relative;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0 0 15px 0;
}

#product_images_wrap #thumbnails ul li a {
    display: block;
}

#product_images_wrap #thumbnails ul li a img {
    display: block;
    margin: 0 auto;
}

#product_images_wrap a img {border: 0;}

#product_categories {
    color: #A31A1E;
    font-weight: normal;
    margin: 20px 0 0 0;
}
#product_categories span { color: #999; }

h1#product_name {
   font-size: 250%;
   margin: 5px 0 0 0;
}

/* ============================================= */
/* #finishes */
/* ============================================= */
#finishes {
    clear: both;
    overflow: auto;
    display: block;
    
    /* If we lose this width declaration, some crazy variation of the peekaboo bug reeks havoc. */
/*    width: 100%;*/
}

#finishes .row {
    clear: both;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: auto;
}

#finishes .row .gen_wrap {
    float: left;
    position: relative;
    width: auto;
    overflow: auto;
    margin-right: 10px;
}

#finishes .row .gen_wrap .left {
    float: left;
    width: 14px;
    height: 20px;
}

#finishes .row .gen_wrap .left div {
    position: absolute;
    top: 40%;
    width: 14px;
}

#finishes .row .gen_wrap .right {
    float: left;
    margin-left: 15px;
/*    width: 164px;*/
    width: auto;
}

#finishes .row .gen_wrap .right img { border: 2px solid #999; }

#finishes .row .gen_wrap .bottom {
    clear: both;
    text-align: center;
    margin: 5px 0 0 0;
}

/*#finishes .row .gen_wrarp {
    list-style: none;
    display: inline;
    float: left;
    position: relative;
    width: 200px;
    border: 1px solid #fff;
    margin-right: 10px;
    width: 200px;
    position: relative;
}

#finishes .row .gen_wrap {
    position: relative;
    overflow: auto;
    width: 100%;
    width: 200px;
    
}
#finishes .row .gen_wrap .left {
    float: left;
    position: absolute;
    width: 10px;
    
    height: 10px;
    top: 40%;
}

#finishes .row li .gen_wrap .left input { display: block;}

#finishes .row li .right {
    float: left;
    margin-left: 30px;
    width: 164px;
}
#finishes .row li .gen_wrap .bottom {
    clear: both;
    text-align: center;
    font-size: 10px;
}

#finishes .row li .right img {
    border: 2px solid #999;
    
}
*/

/* ============================================= */
/* .category_products */
/* ============================================= */
.category_products { overflow: auto; }
.category_products ul {
    clear: both;
    list-style: none;
    padding: 0;
    overflow: auto;
    margin: 0;
}

.category_products ul li {
    list-style: none;
    display: block;
    float: left;
    width: 201px;
    margin: 0 20px 20px 0;
}

.category_products ul li.col_3 { 
    margin-right: 0;
    width: 202px;
}

.category_product {
    width: 201px;
    padding: 20px 0px 0px 0px;
    background: #000;
    font-size: 11px;
/*    overflow: auto;*/
}
#main_wrap #main .category_product .product_info {
    margin: 10px 20px 0 20px;
    padding: 0 0 15px;
}
.category_product .product_name {
    font-size: 120%;
}
.category_product .product_price { color: #fff; }
.category_product .product_thumbnail { text-align: center; }
.category_product .product_thumbnail a { display: block; }
.category_product .product_thumbnail img { margin: 0 auto; border: 1px solid #b3b3b3; }

.errors {
    background: #FFF1D2;
    padding: 1em;
    margin-top: 10px;
    font-size: 120%;
}

/* ============================================= */
/* #bottom .content_block */
/* ============================================= */
#bottom .content_block h2 {
    font-size: 11px;
}

/* ============================================= */
/* .featured_product */
/* ============================================= */
.featured_product {
    text-align: center;
    width: 288px;
    margin: 0 auto;
    padding-top: 20px;
    
}
.featured_product .featured_image img { border: 2px solid #999; }
.featured_product .featured_product_name {
    text-transform: none;
    margin-top: 10px;
    font-size: 10px;
    text-align: right;
    color: #b3b3b3;
}

#bottom .featured_product {
    text-align: left;
    overflow: auto;
    padding: 0;
}
#bottom .featured_product h3 { margin-top: 0; }
#bottom .featured_product h4 { margin: 0; font-size: 11px;}
#bottom .featured_product h4 span,
#bottom .featured_product h4 span a 
{ color: #999; }
#bottom .featured_product .featured_product_image {
    width: 104px;
    float: left;
}
#bottom .featured_product .featured_product_image img { border: 2px solid #999; }

#bottom h2 { margin: 5px 0 8px; }
.featured_product .featured_product_description { margin-left: 104px; }
#bottom .featured_product .featured_product_description .content { margin: 0 0 0 10px;}
.featured_product .featured_product_description p { color: #666; }

#front_page_tagline {
    font-size: 38px;
    margin-top: 0;
}
#front_page_tagline span { color: #ccc; }

/* ============================================= */
/* #latest_blog_posts */
/* ============================================= */
#latest_blog_posts h3 { margin-top: 0; font-size: 12px;}

/* ============================================= */
/* .page */
/* ============================================= */
.page { 
    color: #fff; 
    font-size: 12px;
}

.page a { text-decoration: none; }
.page a:hover { color: #A31A1E;}

.page p { margin-top: 0; }
.page h4 { 
    margin-bottom: 0; 
    color: #b3b3b3;
    font-size: 14px;
}

#legal {
    font-size: 9px;
    color: #666;
    text-align: right;
    padding: 0px 30px 5px 0;
    margin: 10px 10px 0 0;
    background: transparent url(../images/logo_black_bg.png) no-repeat right 0px;
}

#legal p { margin: 0; }

#simple_search { 
    margin-top: 10px;
    margin: 10px 10px 0 0;
}

/* ============================================= */
/* .search_results */
/* ============================================= */
.search_results ul {
    padding-left: 0;
    list-style: none;
}

.search_results ul li { list-style: none;}

.gen_wrap {
    overflow: auto;
}

#returning_customer {
    float: left;
    width: 48%;
}

#new_customer {
    float: right;
    width: 48%;
    border-left: 1px solid #A31A1E;
    padding-left: 1%;
}

#form_wrap {
    width: 50%;
    text-align: left;
    margin: 0 auto;
    padding-left: 130px;
}

/* ============================================= */
/* #left .user_cart */
/* ============================================= */
#left .user_cart {
    border: 1px solid #ccc;
    margin: 30px 15px 15px 15px;
    text-transform: none;
}

#left .user_cart ul.cart_items { margin: 5px 0 0 15px; padding: 0;}
#left .user_cart ul.cart_items li { 
    line-height: 1.2em; 
    font-size: 11px;
    color: #b3b3b3;
}
#left .user_cart .checkout_button { margin-top: 10px; }
#left .user_cart .cart_contents { padding: 0 10px 10px 10px; }
#left .user_cart a { font-size: 12px; }

#left .user_cart p { 
    font-size: 10px;
    margin: 10px 0 0 0;
    color: #666;
}

#left .user_cart h3 {
    background: #A31A1E url(../images/cart_icon.png) 5px 5px no-repeat;
    border-bottom: 1px solid #ccc;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}

#left .user_cart h3 a { 
    color: #fff;
    padding: 5px 10px;
}

#left .user_cart ul {
    padding: 0;
    margin: 3px 0 0 0;
}

.validations { text-align: right; }
.validations a { 
    color: #A31A1E;
    text-decoration: none;
}

/* ============================================= */
/* .about_us nav menu */
/* ============================================= */
#leftnav .about_us .cat_l1 li a {
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #666;
}

#leftnav .about_us ul li {
    display: inline;
}

#leftnav .about_us .cat_l3 li a {
    border: 0;
    font-size: 12px;
}

#leftnav .about_us .cat_l1 li.first a,
#leftnav .about_us .cat_l1 li.last a {
    border-top: 1px solid #666;
}
#leftnav .about_us.services .cat_l1 li.last a {
    border: 0;
    border-bottom: 1px solid #666;
}

#leftnav .about_us .cat_l1 .cat_l3 li a { border: 0;}
#leftnav .about_us .cat_l3 a { font-size: 12px; }

#leftnav .about_us .cat_l1 .current .cat_l3 li.current a { color: #a31a1e;}
#leftnav .about_us .cat_l1 li.current li a { color: #b3b3b3;}

/* ============================================= */
/* #user_cart */
/* ============================================= */
#user_cart {
    width: 100%;
}
#user_cart table {
    margin: 0 auto;
    width: 75%;
}
#user_cart table th {
    background: #A31A1E;
    color: #fff;
    padding: 6px 15px;
    font-size: 11px;
    text-transform: uppercase;
}
#user_cart table td { padding: 6px 10px; }
#user_cart .item_price, 
#user_cart .subtotal,
#user_cart .quantity {
    text-align: center;
}

.cart_summary {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin: 20px 0;
    padding: 20px 40px 20px 20px;
    text-align: right;
    font-size: 14px;
}

.item {
    text-align: left;
    width: 50%;
}

.item span { font-size: 11px;}

/* ============================================= */
/* #logged_in_as */
/* ============================================= */
#logged_in_as {
    text-align: right;
    color: #666;
    font-size: 12px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #808080;
    position: relative;
}
#logged_in_as .left {
    text-align: right;
    margin: 0;
    position: absolute;
    top: 0;
    right: 85px;
}
#logged_in_as .right {
    text-align: right;
    padding: 5px 0 0 0;
}
#logged_in_as strong {
    font-size: 13px;
}


/* ============================================= */
/* .testimonials */
/* ============================================= */
.testimonials p {
    line-height: 1.4em;
}

ul#testimonials {
    padding: 0;
    list-style: none;
    font-size: 11px;
}
ul#testimonials li {
    list-style: none;
}

.gen_wrap.testimonials .left {
    float: left;
    width: 20%;
}
.gen_wrap.testimonials .left .content {
    text-align: right;
    padding: 0;
}

.gen_wrap.testimonials .right {
    float: right;
    width: 75%;
}

.gen_wrap.testimonials .signature { font-weight: bold; }
.gen_wrap.testimonials .message { 
    padding-right: 20px; 
    color: #b3b3b3;
}

/* ============================================= */
/* .bio */
/* ============================================= */
#main_wrap #main .bio.gen_wrap.content {
    padding-left: 10px;
    overflow: auto;
}
.bio.gen_wrap .left {
    float: left;
    width: 200px;
}
.bio.gen_wrap .right { 
    float: left; 
    width: 450px;
}

.bio .bio_photo { 
    background: #000;
    padding: 20px;
}
.bio .bio_photo img { margin: 0 auto; }

.bio h1 { 
    margin: 0;
    font-size: 22px;
}
.bio h5 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #b3b3b3;
}

.bio .bio_info {
    margin: 0 10px 0 20px;
    font-size: 12px;
}
.bio .bio_info ul {
    padding: 0;
    margin: 20px 0 0 0;
    list-style: none;
}

.bio .bio_info li { 
    list-style: none; 
    margin: 10px 0;
}
.bio .bio_info li p { margin: 0; }

#contact_form h1 { margin-top: 0;}

#main_wrap #contact_form .left .content {
    text-align: right;
    font-size: 11px;
    padding-right: 10px;
}

/* ============================================= */
/* #company_profile */
/* ============================================= */
#company_profile .press { overflow: auto; }
#company_profile .press h3 {
    border-bottom: 2px solid #666;
    padding: 0 0 3px 0;
}

#company_profile .press ul { 
    list-style: none;
    display: block;
    margin: 30px 0;
    padding: 0;
}
#company_profile .press li {
    display: inline;
    list-style: none;
}
#company_profile .press li a {
    background: transparent url(../images/pdf_icon.png) no-repeat 0 0;
    padding: 18px 40px 22px;
    text-decoration: none;
}
#company_profile .press li a:hover { color: #fff;}

.category_description {
    padding-right: 20px;
}


.close div img { display: inline; }

#ssc_logo {
  padding: 1px;
}

#ssc_logo,
#ssc_logo a,
#ssc_logo a img {
  text-align: right;
  display: block;
  position: relative;
}

#ssc_logo a img {
  display: inline;
  padding-right: 10px;
}

form.add_to_cart .buttons input {
  display: block;
  float: none;
}

.comment_wrap .author {
  font-weight: bold;
}