/**
    Master styles
    
    Colors
    --------------------
    Red         #BF2026
    Turquoise   #279EB2
*/

/* Undo existing styles
======================================================================*/
/* Removes and neutralizes the inconsistent default styling of HTML elements, reset.css
    applies a consistent style foundation for common HTML elements across A-grade browsers. */

/*--- Reset ---*/
    button, code, h1, h2, h3, h4, h5, h6,
    input, pre, select, table, td, textarea, th
    { /*font-size: 1em;*/ }
    
    address, blockquote, body, br, button, dd, fieldset, form, h1, h2, h3, h4, h5, h6,
    html, label, legend, li, ol, p, pre, table, td, th, ul
    { margin: 0; padding: 0; }
    
    ul, ol { list-style-type: none; }
    hr { border: none; height: 1px; line-height: 1px; }

/*--- Add base styles ---*/
    /* Headings */
    h1 { font-size: 20px }
    h2 { font-size: 18px }
    h3 { font-size: 14px }
    h4 { font-size: 12px }
    h5 { font-size: 12px }
    h1,h2,h3 { margin: 1em 0 .4em 0; }
    h1,h2,h3,h4,h5,h6,strong { font-weight: bold; }
    
    /* Misc */
    abbr,acronym { border-bottom: 1px dotted #000; cursor: help; } 
    em { font-style: italic; }
    blockquote,ul,ol,dl { margin: 1em; }
    
    /* Lists */
    ol,ul,dl { margin-left: 1em; }
    dl dd { margin-left: 1em; }
    
    /* Tables */
    th,td { border: none; }
    th { font-weight: bold; text-align: center; }
    caption { margin-bottom: .5em; text-align: center; }
    
    
    
/* Basics
======================================================================*/
body {
    text-align: center;
    font-size: 12px;
}
body.subpage {  }

img { border: none; }
    
a, a:link { color: #BF2026; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }

/*--- Icons ---*/
.icon {
    padding-left: 18px;
    background-position: 0 2px;
    background-repeat: no-repeat;
}
.cart { background-image: url(images/ico-cart.gif); }
.my-account { background-image: url(images/ico-my-account.gif); }

body #main a.img:hover { background: transparent; }

.hand_point { float: left; margin-right: 10px; }

/* Fonts
======================================================================*/
body, input, select, textarea { font-family: Verdana, Helvetica, Arial, sans-serif; }
code, kbd, pre { font-family: "Courier New", Courier, monospace; }
h1, h2, h3, h4, h5 { font-family: Verdana, Helvetica, Arial, sans-serif; }


/* Core layout
======================================================================*/
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
}

#page {
    text-align: left;
    border-top: solid 10px #333;
}
    #header { position: relative; }
    
    .frame {
        margin: 0 auto;
        padding: 0;
        width: 827px;
        position: relative;
    }
    
    /*#nav { padding: 12px 0 12px 24px; }*/
		#nav { 
			background-color: #eee;
			height:39px;
      /*border-bottom: solid 1px #eee;*/
			padding-top:0px;
			padding-right:0px;
			padding-bottom:-5px;
			padding-left:24px;
		}
    
    #sidebar {
        float: left;
        width: 170px;
        margin-right: 20px;
    }
    #sidebar2 {
        float: right;
        width: 150px;
    }
    .sub-page #sidebar2 { display: none; }
    
    #main { padding-top: 12px; }
    
    #content { width: 472px; float: left; } 
    .sub-page #content { width: 632px; }

    
/* Header
======================================================================*/
#header {
    background: #fff url(images/bg-top.gif) top left repeat-x;
    border-bottom: solid 1px #e2e2e2;
    height: 82px;
}
    /*--- Logo ---*/
    #logo {
        display: inline;
    	float: left;
    	margin: 21px 0 0 12px;
    	padding: 0;
    }
        #logo a {
        	background: url(images/logo.jpg) no-repeat;
          display: block;
        	/*height: 39px;
					width: 175px;*/
					height:60px;
					width: 240px;
          overflow: hidden;
          text-indent: -9999px;
        }
        .subpage #logo a:hover { background-position: 0 -39px; }
    
    /* --- Site Seals ---*/
    .seal { text-align: center; margin-bottom: 16px; font-size: 10px; }
        .seal.first { margin-top: 24px; }
        .seal a { display: block; }
    
    /*--- Search ----*/
    #search-form {
        background: #333 url(images/bg-search.gif) top left repeat-x;
        color: #BBB;
        padding: 0 10px 10px 10px;
        position: absolute;
        top: 0;
        right: 0;
    }
        #search-form input { vertical-align: middle; }
        #search-form input.text {
            border: solid 1px #fff;
            border-bottom-width: 2px; /* line up with button "go" button */
            padding: 2px;
            width: 354px; /* line up with util tabs */
        }
    
    /*--- Util ---*/
    #util {
        font-size: 11px;
        position: absolute;
        top: 53px;
        right: 0;
    }
        #util h3 {
            float: left;
            width: 156px;
            font-size: 11px;
            padding: 0;
            margin: 8px 0 0 0;
        }
        #util p a {
            color: #333;
            border-bottom: solid 1px #c9c9c9;
        }
        #util p a:hover { border-bottom-color: #000; color: #000; }
        #util ul { margin: 0; padding: 0; float: left; }
        #util li {
            display: inline;
            margin: 0;
            padding: 0;
        }
        #util li a {
            display: block;
            background: #2FB2C6 url(images/bg-util-tab.gif) bottom left repeat-x;
            color: #fff;
            float: left;
            font-weight: bold;
            margin-right: 10px;
            padding: 8px 10px;
            width: 120px;
            voice-family: "\"}\""; 
            voice-family:inherit;
            width: 100px;
        }
        #util li a:hover { background: #6FCEDC; color: #333; text-decoration: none; }
        #util li a.last { margin-right: 0; }
    
    /*--- Nav ---*/
    /*#nav {
        background-color: #eee;
        border-bottom: solid 1px #eee;
    }
        #nav a { font-weight: bold; font-size: 11px; }
        #nav a:hover { text-decoration: underline; }
        #nav a.current,
        #nav a.current:hover { color: #333; text-decoration: none; }
        #nav span { color: #eee; padding: 0 4px; }*/
        
        
/* Sidebar
======================================================================*/
#sidebar { }
    
    #sidebar .nav_link_container {
        line-height: 16px;
        padding-bottom: 20px;
        border-bottom: solid 1px #999;
        
        /* min-height hack 
        min-height: 500px;
        height: auto !important;
        height: 500px;*/
    }
        #sidebar .nav_block .nav_block_title {
            color: #333;
            font-size: 14px;
            font-weight: bold;
            margin: 0 0 12px 0;
            padding: 0 0 0 12px;
        }
        #sidebar .nav_link_container a {
            display: block;
            color: #279EB2;
            padding: 1px;
        }
        #sidebar .nav_link_container a:hover {
            background: #DFF8FC;
            color: #333;
            text-decoration: underline;
        }
        #sidebar .nav_link_container ul.nav_links {
            margin: 0;
            padding: 0 0 0 12px;
        }
        
        /* Main Categories: First Aid, Disaster & Survival, etc. */
        #sidebar .nav_link_container ul li,
        #sidebar .nav_link_container ul .expanded .parent {
            font-weight: bold;
            font-size: 11px;
            margin: 4px 0 0 0;
            padding: 0 0 4px 10px;
            background: url(images/bullet-nav1.gif) 2px 4px no-repeat;
            border-bottom: solid 1px #eee;
        }
        #sidebar .nav_link_container ul .expanded .parent {
            background: url(images/bullet-nav1-expanded.gif) 0 7px no-repeat;
            border: none;
        }
        
        /* Sub Categories: First Aid > Bandages */       
        /*#sidebar .nav_link_container ul li.has-subs { font-weight: bold; }
        #sidebar .nav_link_container ul li ul {
            margin: 0;
            padding: 0;
        }*/
        #sidebar .nav_link_container .expanded .children li,
        #sidebar .nav_link_container ul .expanded .children .expanded .parent  {
            font-size: 10px;
            font-weight: normal;
            margin: 2px 0 0 0;
            padding: 0 0 2px 8px;
            background-image: url(images/bullet-nav2-collapsed.gif);
            background-position: 1px 6px;
            background-repeat: no-repeat;
            border: none;
        }
        #sidebar .nav_link_container ul .expanded .children .expanded .parent {
            background: url(images/bullet-nav2-expanded.gif) 0 7px no-repeat;
        }
        
        #sidebar .nav_link_container ul.nav_links .selected {
            color: #000;
            font-weight: bold;
        }
        
        #sidebar #siteseal { display: block; text-align: center; margin-top: 20px; }
    
    
/* Main
======================================================================*/
#main {}
    #main #content {
        line-height: 18px;
        color: #333;
    }
    #main #content h1 {
        margin: 0 0 12px 0;
        border-bottom: solid 1px #eee;
        padding: 0 0 4px 0;
    }
    #main #content h2 {
        margin: 0 0 4px 0;
    }
    #content p {
        padding: 0;
        margin: 0 0 18px 0;
    }
    #main #content ul { list-style-type: square; }
    #main #content ol { list-style-type: decimal; }
    #main #content ul,
    #main #content ol { margin: 0 0 18px 30px; }
    #main #content ul li,
    #main #content ol li { margin: 6px 0; padding: 0; }
    
    
    /*--- Misc ---*/
    div.hr hr { display: none; }
    div.hr {
        display: block;
        clear: both;
        border-top: solid 1px #444;
        height: 1px;
        margin-bottom: 1.6em;
        margin-top: 2em;
    }
    .right { float: right; margin: 0 0 12px 12px; }
    .small_text { font-size: 11px; }
    
    /*-- Bread Crumbs ---*/
    .bread_crumb_nav {
        border-top: solid 1px #eee;
        border-bottom: solid 1px #eee;
        font-size: 10px;
        margin: 0 0 18px 0;
        padding: 8px 0;
    }
    .bread_crumb_nav a
    .bread_crumb_nav a:visited { color: #2FB2C6; }
    .bread_crumb_nav span.bread_crumb_link { color: #666; font-weight: bold; }

    /*--- Home Page ---*/
    #home-page #content {
        
    }
    /*#home-page #banner {
        background: url(images/banner.jpg) top left no-repeat;
        display: block;
        height: 305px;
        width: 472px;
    }*/
    
    #home-page #content #featured-products {
        margin: -50px 0 0 0;
        padding: 0 0 24px 0;
        position: relative;
        border-bottom: solid 1px #ccc;
    }
        #home-page #featured-products tr td {
            font-weight: bold;
            margin: 0;
            padding: 0;
            text-align: center;
            vertical-align: bottom;
        }
        #home-page #featured-products tr td a { font-size: 11px; font-weight: bold; }
        
    #home-page #verbage {
        background: url(images/bg-verbage.gif) 0 0 repeat-x;
        color: #555;
        font-size: 11px;       
        padding: 12px;
        line-height: 15px;
    }
    #home-page #verbage p.first { }
    
    /*--- Contact ---*/
    #contact address {
        margin: 0 0 18px 0;
        font-style: normal;
    }
    #contact address .street,
    #contact address .phone,
    #contact address .email { display: block; }
    
    /*--- Notifications ---*/
    #main #content .notify { padding: 4px; }
    .error { color: #fff; background: #FF3333; font-weight: bold; }
    
    
/* Sidebar2
======================================================================*/
 #sidebar2 .nav_block_title { 
    background: #444;
    color: #fff;
    font-size: 14px;
    font-weight: strong;
    margin: 0;
    padding: 4px 0 4px 8px;
}
    /*--- Best Sellers ---*/
    #sidebar2 .best_sellers {
        font-size: 11px;
    }   
    #sidebar2 .best_sellers .wrapper {
        border: solid 1px #eee;
        padding: 8px;
    }
    #home-page .best_sellers hr { display: none; }
    #sidebar2 .best_sellers ol { margin: 0; padding: 0; }
    #home-page .best_sellers a { display: block; line-height: 16px; padding: 2px; }
    #home-page .best_sellers a:hover {
        color: #000;
        text-decoration: underline;
        background: #FFDDDE
    }
    #home-page .best_sellers ol li {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: solid 1px #eee;
    }
    #home-page .best_sellers ol li.last {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
    }
    #home-page .best_sellers img {
        display: block;
    }

    
/* Category Listing
======================================================================*/
.subcategory_table { width: 100%; font-weight: bold; }
    .subcategory_table td { vertical-align: top; }
    .subcategory_table a {
        color: #279EB2;
        padding: 1px;
    }
        .subcategory_table a:hover {
            background: #DFF8FC;
            color: #333;
            text-decoration: underline;
        }
    
    
/* Product Listing
======================================================================*/
table.product_display tr td.product_listing { border-bottom: solid 1px #eee; padding: 8px; }
#home-page table.product_display tr td.product_listing { border: none; }
.product_display .product_listing { position: relative; }
.product_display .product_listing  .product_thumb_container {
    display: block;
}
.product_display .product_listing .product_thumb_container img { vertical-align: middle; }
.product_display .product_listing .new {
    position: absolute;
    top: 10px;
    right: -5px;
}
.product_display .product_listing .product_name { font-weight: bold; }
.product_display .product_listing .product_price { display: block; }

body #main #content #category_heading { border: none; margin-bottom: 8px; padding-bottom: 0; }
body #main #content #category_heading .header { color: #333; }

        
/* Product Detail
======================================================================*/
.product_display { width: 100%; }
#product { width: 100%; text-align: left; }
#product .price { display: block; font-size: 16px; font-weight: bold; margin: 12px 0; }
#product #photo {
    border: solid 1px #eee;
    padding: 12px;
    text-align: center;
    width: 350px;
    float: left;
    vertical-align: middle;
}
#product #details {
    float: right;
    width: 245px;
}
#product h1 { border: none; }
#product #actions {
    background: #eee;
    border: solid 1px #E2E2E2;
    padding: 18px;
    margin-top: 6px;
    margin-bottom: 12px;
}
#product #details div.hr {
    border-top-style: dotted;
    border-top-color: #ccc;
}
#product #actions .options {
    margin-bottom: 0;
    margin-right: 12px;
    float: left;
}
#product #actions #qty { float: left; width: 100px; margin: 0; padding: 0; }
#product #actions #add_to_cart { clear: both; margin: 0; padding: 6px 0 0 0; }
#product #actions .options,
#product #actions .field,
#product #actions .instruction {
    display: block;
}

#product #actions input,
#product #actions label {
    vertical-align: middle;
}


/* Login Form
======================================================================*/
#login_form {
    background: #eee;
    border: solid 1px #e2e2e2;
    padding: 12px;
    margin: 0 0 8px 0;
}
#login_form .text-field { padding: 4px; width: 250px; }
#login_form .field { margin: 0 0 6px 0; padding: 0; }

#login_form label,
.checkbox { vertical-align: middle; }

.checkbox { margin: 0; padding: 0; }

#login_form .button_container { margin: 12px 0 0 0; padding: 0; }
#login_form .button { padding: 6px 10px; }


/* My Account / Order History
======================================================================*/
#my_account_nav {
    padding: 0 0 6px 0;
    margin: 0 0 12px 0;
    border-bottom: dotted 1px #ccc;
}
#main #content #my_account_nav h1 { border: none; margin: 0; padding: 0; width: 200px; float: left; }
#my_account_nav p { width: 400px; float: right; text-align: right; margin: 0; padding: 0; }
#my_account_nav span {
    font-weight: bold;
}
.stat_table { font-size: 11px; }
.stat_table tr td { padding: 2px; }
.stat_top_row { background: #f2f2f2; color: #666; font-weight: bold; }


/* Site Map
======================================================================*/
#sitemap-page #main #content .sitemap {}
    #sitemap-page #main #content .sitemap a { color: #279EB2; padding: 1px; }
    #sitemap-page #main #content .sitemap a:hover { background: #DFF8FC; color: #333; }
    #sitemap-page #main #content .sitemap ul.top { font-weight: bold; }
        #sitemap-page #main #content .sitemap ul.top ul.sub { list-style-type: circle; font-weight: normal; margin-bottom: 0; }
            #sitemap-page #main #content .sitemap ul.top ul.sub ul.sub_sub { list-style-type: disc; font-weight: normal; margin-bottom: 0; }

            
/* Checkout
======================================================================*/
.checkout_progress { border-bottom: solid 1px #eee; font-size: 11px; margin-bottom: 12px; }
    .checkout_progress tr td { padding: 0; }
    .checkout_step_active { font-weight: bold; }
    .checkout_step_pending { color: #999; }
    .cart_instruction img { vertical-align: middle; }

.checkout_table { font-size: 11px; }
    .checkout_table .item_row td { vertical-align: top; }
    .checkout_table tr td { padding: 2px 4px; vertical-align: top; text-align: left; font-size: 11px; }
    .checkout_table .header_row { background: #eee; font-weight: bold; vertical-align: middle; }
    
    /* 1st column in table */
    .checkout_table .header_row .td_1,
    .checkout_table .item_row .td_1 { width: 50%; }
    
    /* 2nd column in table */
    .checkout_table .header_row .td_2,
    .checkout_table .item_row .td_2 {
        width: %30;
      	text-align:right;
       	line-height: 150%;
    }
    .checkout_table .item_row .td_2W { line-height: 175%;	font-size: 7pt; }
    
    /* 3rd column in table */
    .checkout_table .header_row .td_3,
    .checkout_table .item_row .td_3 {
    	width: 12%;
    	text-align:right;
    	line-height: 150%;
    }
    /* 4th column in table */
    .checkout_table .header_row .td_4,
    .checkout_table .item_row .td_4  {
    	width: 8%;
    	text-align:right;
    }
    
    /* 1st td in item row */
    .checkout_table .item_row .td_1 { height: 100px; }
    
    /* vertical border on certain cells */
    .checkout_table .item_row .td_1,
    .checkout_table .item_row .td_2,
    .checkout_table .item_row .td_3,
    .checkout_table .qty_row .td_1,
    .checkout_table .qty_row .td_2 { border-right: #ccc solid 1px; }
    
    /* right padding for all td's in rows other than the first one */
    .checkout_table .item_row td,
    .checkout_table .qty_row td,
    .checkout_table .footer_row td { padding-right: 4px; }
    
    /* payment method TD in footer row */
    .checkout_table .footer_row .pay_method { vertical-align: bottom; padding: 4px; }
    
    /* quantity field & label */
    .qty_row input,
    .qty_row span { vertical-align: middle; }
    
    /* div containing thumbnail of product */
    .checkout_table .product { margin: 4px 0px 4px 4px; width: 100%; }
    
    /* td for product name */
    .checkout_table .prod_name { margin-bottom: 5px; padding: 2px; }
    
    
    /* div for product image */
    .checkout_table .product .prod_img { margin: 4px; float: left; }

    /* td for product buttons - modify, remove */
    .checkout_table .prod_btns { padding-top: 4px; }

    /* div for savings info for item */
    .checkout_table .savings_info {
    	margin-top: 4px;
    	margin-bottom: 4px;
    	font-style: italic;
    	clear: left;
    }
    
    /* div for option detail */
    .checkout_table .order_option_detail {
    	padding: 3px;
    	margin-top: 5px;
    }
    
    /* div for each option line */
    .checkout_table .order_option_detail_line,
    .checkout_table .order_option_detail_line_alt {
    	padding: 2px 2px 4px 2px;
    	border-bottom: #eee solid 1px;
    }
    /* div for alternating option lines */
    .checkout_table .order_option_detail_line_alt { background-color: #f7f7f7; }
    
    /* label for option name */
    .checkout_table .order_option_detail_line .label,
    .checkout_table .order_option_detail_line_alt .label {
    	font-weight: bold;
    	margin-right: 4px;
    	color: #515151;
    }
    
    .checkout_table .opt_detail_btn { border: 0px; cursor: pointer; }
    
    .checkout_table .qty_row { background: #f9f9f9; padding: 4px 2px 24px 4px; text-align: right; }
        .checkout_table .qty_row td { border-bottom: solid 1px #ccc; text-align: right; }
    .checkout_table .footer_row { font-size: 12px; font-weight: bold; }
    .checkout_table .prod_img { float: left; }
    
.coupon { background: #eee; border: dashed 3px #ccc; font-size: 10px; padding: 12px; }
.coupon .cart_instruction,
.coupon .coupon_code_field { font-size: 12px; padding: 2px; }

.checkout_buttons_row1 { margin: 12px 0 24px 0; text-align: right; }
.checkout_buttons_row1 a,
.checkout_buttons_row1 input {  }

.address_block {
    height: 75px;
	width: 130px;
}
    .address_block td { text-align: left; white-space: nowrap; font-size: 11px; }
    .address_block span { display: block; padding-left: 12px; }
    .address_block .header_row { background: #eee; font-weight: bold; }
        .checkout_table .header_row .td_1 { text-align: left; padding-left: 4px; }
        .checkout_table .header_row .td_2,
        .checkout_table .header_row .td_3,
        .checkout_table .header_row .td_4 { text-align: right; padding-right: 4px; }
    
    /*--- Address Info (Checkout) ---*/
    .payment_option {
        border: solid 1px #ccc;
        float: left;
        padding: 12px;
        width: 250px;
     }
     .or {
        float: left;
        margin-left: 12px;
        padding-top: 50px;
        width: 50px; 
     }
     #payment_option_cc { padding-bottom: 0; }
     #payment_option_pp {}
    
/* HTML Order Email
======================================================================*/
.order_email_body { background-color: #fff; }

/* DIV surrounding HTML emails */
.order_email_htm {
	background-color: #ffffff;
	padding: 10px;
	text-align: left;
	font-size: 10pt;
	width: 100%;
}

.order_email_htm .header { margin-bottom: 5px; }

/* Footer
======================================================================*/
#footer {
    background: #4B4B4B url(images/bg-footer.gif) top left repeat-x;
    clear: both;
    color: #888;
    font-size: 10px;
    padding: 18px 0 18px 24px;
    margin: 50px 0 0 0;
}
    #footer a  { color: #A5D7DF; padding: 1px; }
    #footer a:hover { color: #fff; padding: 1px; }

    #footer #copyright { margin: 0 0 6px 0; padding: 0; }
    #footer address { font-style: normal; margin: 0 0 6px 0; }
    #footer address .phone { display: block; }
    
    #footer #col1 { float: left; width: 330px; }
    
    #footer #col2 { float: right; text-align: right; width: 470px; }
        #footer #col2 a { color: #fff; }
        #footer #col2 a:hover { text-decoration: underline; }
            #footer #col2 a.current,
            #footer #col2 a.current:hover { background: #fff; color: #000; text-decoration: none; }
    
    #footer .main-nav { clear: both; margin: 6px 0; }
    #footer .main-nav a { color: #FECACC; }
    #footer .main-nav a:hover { text-decoration: underline; }
        #footer .main-nav a.current,
        #footer .main-nav a.current:hover { background: #FECACC; color: #000; text-decoration: none; }
    
    #footer .site-info a { color: #666; border-bottom: solid 1px #444; }
    #footer .site-info a:hover { text-decoration: none; color: #888; border-bottom-color: #666; }
    
    /*--- Sitemap ---*/
    #footer .sitemap {}
        #footer .sitemap a.current,
        #footer .sitemap a.current:hover { background: #DFF8FC; color: #333; padding: 1px; text-decoration: none; }
        #footer .sitemap ul {
            float: left;
            width: 180px;
            margin-bottom: 0;
            margin-top: 0;
        }
            #footer .sitemap ul li { margin: 2px 0; padding: 0; }
            #footer .sitemap ul li a { font-weight: bold; }
            #footer .sitemap ul li ul { float: none; }
                #footer .sitemap ul li ul li { padding-left: 6px; background: url(images/bullet-footer-nav.gif) 0 5px no-repeat; }
                    #footer .sitemap ul li ul li a { font-weight: normal; }
                    #footer .sitemap ul li ul li ul { float: none; }