/********************************************************
    Common to all pages
********************************************************/
body {
    margin: 0;
    font-size: 8px;
    font-family:  Arial,Verdana, sans-serif;
    background-color: #f7f3f3;
    overflow-x:hidden;
}

img { border: 0; 
}

/* this done for tables to ensure compatibility with some email clients */
table {    
    background-color: white;
    border: 0px;
    margin-top: 6px;
    /*background-image: url(/squirrelcart/themes/sitez/images/bg.jpg);
    background-attachment: fixed;
    background-repeat: repeat;    */     
}

h1 {
    font-size:24px;
    margin:0px;
    padding:0px;
}
 a {text-decoration: none;}

.topnav {padding:6px 12px 21px 0px; font-size:10px;}
.header {color:#ce0000; text-decoration: none; position:relative; top:2px;}
.small_link {color:black; text-decoration: none; position:relative; top:2px;}

.product_display {width:540px;}
.product_name {font-weight: normal;}
.product_description {margin-top:15px;}
.minicart {font-size: 9px; padding-left:5px; margin:0px; }

/*     To fix divs that have floated children, so they expand around them - put this div at the bottom, inside the one that won't expand */
.clear {
    clear: both; line-height: 0; height: 0;
}

/* vertical align elements with form fields, labels, etc... */
.valign_middle * {
    vertical-align: middle;
}

/* main div containing all Squirrelcart content */
#sc {
    margin: 10px;
}

#sc_inner {
    width: 100%;
    margin: 0 auto;
}

/* reset some defaults */
#sc form {
    margin: 0;
}

* ul, * ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sc_col1,
#sc_col2 {
    width: 160px;
}

.sc_link {
    font-size: 8px;
    text-align: center;
    margin-bottom: 5px;
}

/* middle column will be different depending on how many columns are showing */
.cols3 #sc_main,
.cols2 #sc_main {
    padding: 0 0px;
}

.cols3 #sc_main {
    width: 100%;    /* width of content when 3 columns are visible */
}

.cols2 #sc_main {
    width: 100%;    /* width of content when 2 columns are visible */
}

#sc_footer {
    clear: left;
}

#sc_logo {
    margin-bottom: 7px;
    border: black solid 1px;
    text-align: center;
    background: #fff;    
}

/* get rid of default borders on all images inside anchors */
#sc a img {
    border: 0;    
}

/* box to contain sc center content */
.sc_content {       
    margin-bottom: 7px;
    border: black solid 1px;
    padding: 5px;
    padding-bottom: 12px;
    background: #fff;
}

.sc_content h1 {
    margin: 0 0 12px 0;
    padding: 2px;
    font-size: 8px;
    font-weight: bold;
    background-color: #8C000E;
    border: black solid 1px;
    color: white;
}

.sc_main_content {
    min-height: 550px;
    height: auto !important;
    height: 550px;
}

.sc_small {
    font-size: 8px;
}

.sc_smaller {
    font-size: 8px;
    font-weight: normal;
}

#sc_w3c {
    text-align: center;
}

.sc_arrow {
    background: url(http://lodi.ulinc.net/~offgraph/squirrelcart/themes/squirrelcart/images/arrow_right.gif) no-repeat;
    padding-left: 10px;
}

.sc_arrow-click {
    background: url(http://lodi.ulinc.net/~offgraph/squirrelcart/themes/squirrelcart/images/arrow_down.gif) no-repeat 0 5px;
    padding-left: 10px;
}



/******************************************************************
    Default box stuff... you probably shouldn't mess with this. :)
******************************************************************/
/* Box dimensions for anything that can be shown per row */
.box1width     { width: 540px;     }/*100*/
.box2width     { width: 270px;     }/*50*/
.box3width     { width: 180px;    }/*33*/
.box4width     { width: 135px;     }/*25*/
.box5width     { width: 108px;     }/*20*/
.box6width     { width: 85px;    }/*16*/
.box7width     { width: 75px;    }/*14*/
.box8width     { width: 68px;    }/*12*/
.box9width     { width: 63px;    }/*11*/
.box10width { width: 54px;     }/*10*/

/* make row expand around floats inside */
.box_row {
    width: 100%;
    overflow: hidden;
}

#sc .box_outer { float: left; }

 




/******************************************************************
    Rounded corners for some boxes
******************************************************************/
.boxc {
    position:relative;
    border: silver solid 1px;
    padding: 10px;
}

.boxc b.cn {
    height: 10px;
    width: 10px;
    background: url(http://lodi.ulinc.net/~offgraph/squirrelcart/themes/squirrelcart/images/corner.gif) no-repeat;
    position:absolute;
} 

.boxc b.tl {
    top: -2px; 
    left: -2px; 
    background-position: top left;
}

.boxc b.tr {
    top: -2px; 
    right: -2px; 
    background-position: top right;
} 

.boxc b.bl {
    bottom: -2px;
    left: -2px; 
    background-position: bottom left;
} 

.boxc b.br {
    bottom: -2px; 
    right: -2px; 
    background-position: bottom right;
} 



/* header images at top of some pages */
img.sc_header {
    display: block;
    margin-bottom: 5px;
}

.sc_hide {
    display: none;
}

.sc_show {
    display: block;
}


/******************************************************************
    Form elements (excluding small forms)
    some things need to look similar to forms, hence .sc_form
    can be used on divs as well as form tags
******************************************************************/
#sc .sc_form {
    font-size: 8px;
    width: 90%;
    margin: 0 auto;
}

.sc_form .boxc {
    margin-bottom: 15px;
}

.sc_form fieldset {
    border: 0;
    padding: 10px 0;
    text-align: left;
}

.sc_form fieldset h3,
.sc_form fieldset h4 {
    font-weight: normal;
    text-align: center;
    color: green;
    border-bottom: green dotted 1px;
        /* this doesn't work right in IE 6 and older */
    margin-top: -10px;
        margin-bottom: 20px;
    padding-bottom: 5px;
}

.sc_form fieldset h3 {
    font-size: 8px;
}

.sc_form fieldset h4 {
    font-size: 8px;
}

/* instructions inside form */
.sc_form .inst {
    text-align: center;
}

.sc_form input,
.sc_form textarea,
.sc_form select {
    font-size: 8px;
}

.sc_form input,
.sc_form textarea {
    width: 240px;
}

/* this resets inputs used for buttons */
.sc_form input.sc_btn {
    width: auto;
}

/* and for radios and checkboxes */
.sc_form input.radio,
.sc_form input.check {
    width: auto;
}

#recaptcha_area {
    margin: 0 auto;
}

input.error_field,
select.error_field,
.error_field_radios {
    background-color: #ff6767;
}

.error_field_radios {
    border: gray solid 1px;
    padding: 2px;
}

input.readonly {
    background-color: silver;
}

img.req_icon,
img.missing_icon {
    margin-bottom: -3px;
    margin-right: 3px;
}

.required_notice {
    float: right;
    margin-top: 5px;
}

/* default alignment for most SC forms */
.forgot_pwd .sc_form,
.account_form .sc_form {
    text-align: center;
}

.sc_form .sc_light {
    font-size: 8px;
    color: gray;
}

/* Firefox select height is a bit smaller than input height. This corrects that so labels lineup properly */
.sc_form select {
    height: 20px;
}

.fields_box {
    float: left;
    position: relative;
    left: 50%;
    text-align: left;
}

.fields_box ul {
    position: relative; /* this, along with next CSS selector centers list */
    left: -50%;
}

.fields_box ul * {
    position: relative; /* fix IE problem */
}

.fields_box li {
    clear: both;
    padding-bottom: 28px; /* changing top/bottom padding will adjust spacing between each option */
/*    border-bottom: #fff solid 1px;*/
}


.fields_box label {
    display: block;
    float: left;
    padding-top: 1px;
    padding-right: 5px;
    position: relative;
    width: 150px;
    text-align: right;

}

.fields_box_field {
    float: left;
}
.nospace {
    margin:0px;
    display:inline;
    }

/******************************************************************
    Error and info messages
******************************************************************/
.sc_msg {
    text-align: center;
    color: black;
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding: 3px;
    margin: 10px 0 15px 0;
    font-size: 8px;
}

/* this surrounds non page specific errors so they can be isolated if needed */
.sc_msg_generic {
    margin-bottom: 10px;
}

.sc_msg img {
    vertical-align: top;
    margin-top: -12px;
    margin-right: 5px;
}

.info {
    border-color: #3F358F;
    background: #cfeeff;
    color: #3f358f;
}

.error {
    background: #bf2323;
    border-color: #7f1717;
    border-width: 2px;
    color: #fff;
}

.success {
    background: #dff2bf;
    border-color: #344f18;
    border-width: 1px;
    color: #344f18;
}

.alert {
    background: #f2fd95;
    border-color: #9f6000;
    border-width: 1px;
    color: #6f4400;
}

.question {
    background: #e6d1ef;
    border-color: #5F376F;
    border-width: 1px;
    color: #5F376F;
}



/******************************************************************
    Navigation blocks and links inside them
******************************************************************/
.nav_block {
/*    border: black solid 1px;*/
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 0px;
    font-size: 10px;
}
.nav_block div.h1 {
    margin: 0 0 12px 0;
    padding: 2px;
    font-size: 10px;
    font-weight: bold;
    background-color: #8C000E;
    border: black solid 1px;
    color: white;
    text-align: center;
}
.nav_block div.nav_block_title {
    background-color: white;
    font-weight: bold;
    color: #cc0000;
    font-size: 13px;
/*    border-bottom: black solid 1px;*/
    padding: 0px;
    margin-bottom: 1px;
    text-align: left;
}
.nav_block div.nav_block_content {
    padding-right: 5px;
    padding-bottom: 10px;
}



.nav_link_container a {
    /*    display: block;*/
    color:black;
    font-size: 11px;
}

.nav_link_container a:link,
.nav_link_container a:visited {
    text-decoration: none;
    color: #000000;
}

.nav_link_container a:hover {
/*    background-color: #dfdfdf;*/
    color: #cc0000;
}

.nav_link_container a.selected {
    font-size: 12px;
    font-weight: bold;    
}



/**********************************************************************************
    Account options nav block
**********************************************************************************/
.account_options_nav .nav_link_container {
    margin-top: 10px;
}

.account_options_nav .username,
.account_options_nav .password {
    width: 100px;
    display: block;
    margin-bottom: 2px;
}

.account_options_nav .sc_login {
    margin-bottom: 5px;
}

.account_options_nav .sc_error {
    font-weight: bold;
    color: red;
}

.theme_choice {
    margin-top: 15px;
}

.theme_choice select {
    font-size: 8px;
}



/**********************************************************************************
    Cart options nav block
**********************************************************************************/
#cart_options .cart_msg {
    margin-bottom: 10px;
}

/* controls all td (table cells) */
#cart_options_advanced {
    width: 100%;
}

#cart_options_advanced td {
    font-size: 8px;
}

#cart_options_advanced .header_row_td {
    padding-bottom: 5px;
}

#cart_options_advanced .qty_td {
    text-align: left;
}

#cart_options_advanced .name_td {
    text-align: left;
    white-space: nowrap;
}

#cart_options_advanced .total_td {
    text-align: right;
}

#cart_options_advanced .footer_row_td {
    text-align: right; 
    border-top: silver solid 1px;
    padding-top: 5px;
}

/* keep links from looking visited */
#cart_options_advanced a, 
#cart_options_advanced a:visited {
    text-decoration: underline;
    color: blue;
}





/**********************************************************************************
    Category links in the "Product Catalog" nav block
**********************************************************************************/
.cat_links {
    margin-bottom: 0px;
    font-size: 12px;
}

/* this is for text inside the anchor for selected categories, and for parents that are expanded */
.cat_links .expanded .parent a
{
    font-weight: bold;
    color: #cc0000;
    background-color: white;
}

/* this is the div surrounding an expanded parent and its children */
.cat_links .expanded
{
/*    border: silver solid 1px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}

/* this is the div surrounding the expanded parent only */
.cat_links .expanded .parent {
/*    border-bottom: silver solid 1px;*/
    font-weight: bold;
    padding-top: 8px;
}

/* this is the div inside a parent category that contains the sub cats */
.cat_links .expanded .children {
    color:black;
    font-size: 12px;
    padding: 0px;
}


.prod_catalog_nav input {
    font-size: 8px;
}


/**********************************************************************************
    Best Sellers nav block
**********************************************************************************/
/* fix margins for best sellers ol */
.best_sellers_nav ol {
    list-style-type: decimal;
    padding-left: 27px;
}

.best_sellers_nav ol li {
    margin-bottom: 5px;
}

/* move the links a little closer to the bullets */
.best_sellers_nav a {
    position: relative;
    left: -5px;
}





/**********************************************************************************
    Category preview nav block
**********************************************************************************/
.category_preview .box_inner {
    text-align: center;
}

.category_preview .box_row {
    margin-bottom: 20px;
}

.category_preview div.prod_name {
    font-size: 8px;
}




/**********************************************************************************
    Breadcrumb navigation
**********************************************************************************/
ul.breadcrumb_nav {
    width: 100%;         /* using this to give hasLayout in IE */
    overflow: hidden;     /* clear floats */
    margin-bottom: 5px;
}

ul.breadcrumb_nav li {
    float: left;
}

.crumb_sep {
    padding: 0 3px;
}

.bread_crumb_nav a, .bread_crumb_link, .bread_crumb_nav {
    font-size: 12px;
    color: #cc0000;
    text-decoration: none;
    margin-bottom: 7px;
}


/*******************************************************************
    Categories content box (labeled "Product Catalog" by default)
*******************************************************************/
.categories .box_row { 
    border-bottom: silver solid 1px;
    padding: 10px 0;
}

.categories .first_row     { padding-top: 0;     }
.categories .last_row    { border-bottom: 0; }

.cat_products {
    margin-top: 20px;
}

.cat_products .box_inner {
    text-align: center;
}

.cat_products .box_row { 
    border: 0;
    padding: 10px 0;
}




/*******************************************************************
    Category detail
*******************************************************************/
.categories h2,
.category h2 {
    font-weight: normal;
    font-size: 20px;
    margin: 0;
}

.categories .box_inner, .category_detail {
    text-align: center;
}

/* surrounds name of category and image */
.cat_label_outer {
    float: left;
    position: relative; /* 'position' and 'left' in this selector and the one below allow 2 variable width floats to center */
    left: 50%;
    text-align:left;
}

.cat_label_inner {
    position: relative;
    left: -50%;
}

.cat_label_inner div {
    position: relative;
}

.cat_image { float: left; }
.cat_name { float: left; }

.click_here_for_all {
    display: block;
    text-align: right;
    margin-top: 20px;
}

.cat_description, .category_description {           /* ------------------------- */
    font-size: 13px;
    margin-top: 10px;
}

.category {
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
}

.sort {
    
}

/*******************************************************************
    Subcategories 
*******************************************************************/
.subcategories {
    margin-top: 10px;
}

/*.subcategory_td {                                   
    font-size: 13px;
    margin-top: 10px;
    padding-right: 20px;
    vertical-align: top;
    background-color: #f7f7f7;
}*/
 
 
.subcategories .box_row { 
    border: 0;
    padding: 5px;
}

.subcat_count {
    margin-top: 10px;
}


/*******************************************************************
    Product thumbnail
*******************************************************************/
.prod_thumb .prod_name {
    font-size: 12px;
}

.prod_name a{
    color: blue;
    text-decoration: none;
}

a.prod_thumb_img {
    position: relative;
    display: block;
    margin: 0 auto;
}

a.prod_thumb_img .badge {
    position: absolute;
    bottom: 0px;
    right: -10px;
}

.prod_price {
    margin-top: 2px;
    font-weight: bold;
}

.regular_price {
    text-decoration: line-through;
    color: red;
}

div.sale_price {
    margin-top: 2px;
}

span.sale_price_inner {
    font-weight: bold;
    background: yellow;
}




/*******************************************************************
    Product detail
*******************************************************************/
.prod_detail {
    padding: 0 5px;
}

/* product name */
.prod_detail h1 {
    font-size: 16px;
    color: blue;
    border: 0;
    background-color: transparent;
}

/* main content at top - prod pic and description */
.prod_main {
    width: 100%;
    overflow: hidden;
}

.prod_detail div.prod_img {
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
}

.prod_detail div.prod_img .badge {
    position: absolute;
    bottom: 0px;
    right: -10px;
}

.prod_description {
    clear: right;
}

.prod_detail .prod_price {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 15px;
}

.prod_detail.discounted .prod_price {
    background: yellow;
    width: 200px;
    padding: 5px;
    margin: 0 auto 10px auto;
}

.prod_detail .regular_price {
    font-size: 13px;
    margin-bottom: 2px;
}

.prod_detail .qty_box {
    font-weight: bold;
}

.prod_section {
    border-top: silver solid 1px;
    margin-top: 15px;
    padding-bottom: 15px;
}

.prod_section h2 {
    font-weight: normal;
    color: blue;
    font-size: 16px;
    text-align: left;
}

.prod_section h3 {
    font-weight: bold;
    font-size: 12px;
    margin: 10px 0;
}

.prod_detail .buy_now {
    text-align: center;
}

.prod_detail input.qty {
    width: 35px;
    margin-right: 20px;
}




/********************************************************************
    Discounts
********************************************************************/
.prod_detail .discount_description {
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: dashed silver 1px;
}

.prod_detail .discount_description.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.prod_detail .discount_img {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

.prod_detail .discount_ad_price {
    color: blue;
    margin-top: 4px;
    clear: both;
}

.prod_detail .discount_ad_price_left {
    margin-right: 25px;
}

.qty_discount_line {
    margin-bottom: 10px;
}

/* "When you buy..." msg for qty based discount ads */
.qty_discount_when,
.discount_qlfy {
    color: green;
    font-weight: bold;
    text-decoration: underline;
}

.discount_conditions, .discount_product_link {
    color: gray;
    margin-top: 5px;
}

.discount_qlfy {
    margin-top: 10px;
}

/* div containing the word AND/OR */
.condition_and_or {
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

.condition_parens {
    padding-left: 5px;
    margin-left: 0px;
    border-left: silver dashed 1px;
}



/********************************************************
    Product options
********************************************************/
.prod_options {
    margin: 15px 0;
}

.prod_options table {
    margin: 0 auto;
}

.prod_options td.opt_instruction {
    text-align: right;
    vertical-align: top;
    padding-top: 4px;
}

.prod_options td.opt_field {
    text-align: left;
    padding-bottom: 5px;
}

/* "restrictions" link for file upload options */
.opt_restrictions_link {
    float: left;
    margin-right: 5px;
    padding-top: 3px;
    color: blue;
}

/* div containing file upload restrictions */
.opt_restrictions_list {
    width: 120px;
    border-left: silver solid 1px;
    padding-top: 3px;
    padding-left: 5px;
    color: gray;
    float: left;
    clear: right;
}



/********************************************************
    Sales agreements
********************************************************/
.prod_detail .agree {
    margin: 15px auto;
}

.prod_detail .agree_text {
    text-align: left;
    border: black solid 1px;
    overflow: auto;
    padding: 5px;
    background-color: #ececec;
    margin: 0 auto;
    width: 350px;
    height: 150px;
}

.prod_detail .agree_print {
    text-align: right;
    margin: 5px -8px 5px 0;
}



/********************************************************
    Best seller content box
********************************************************/
/* best seller content block */
.best_seller_content h2 {
    margin: 0 0 10px 0;
    font-size: 12px;
}

.best_seller_content .prod_img {
    float: left;
    display: block;
    margin-right: 5px;
}

.best_seller_content .more_detail {
    text-align: right;
    padding: 10px;
}



/********************************************************
    New Products content box
********************************************************/
.new_products .box_inner {
    margin: 5px;
    padding: 5px;
    text-align: center;
}

.new_products .click_here {
    text-align: right;
}



/********************************************************
    Search Results
********************************************************/
.sc_search_results label {
    width: 80px;
}

.sc_search_results .sc_btn {
    display: block;
    margin: 0 auto;
}




/********************************************************
    Page Navigation
********************************************************/
/* the div surrounding the entire page nav */
.page_nav_div {
    text-align: center;
    font-size:11px;
   
}

/* controls the spacing between the links */
.page_nav_spacing {
    padding-left: 5px;
    padding-right: 5px;
}

/* the current page number */
.page_nav_div .page_nav_current {
    font-weight: bold;
}

/* page links */
.page_nav_div a:hover
{
    text-decoration: underline;
}

.page_nav_div a
,.page_nav_div a:visited
{
    text-decoration: none;
    color: blue;
}

/* a disabled link */
.page_nav_disabled {
    color: silver;
}



/********************************************************
    Checkout - view cart
********************************************************/
.cart_table {
    border: black solid 1px;
    margin-bottom: 15px;
    width: 100%;
}

.cart_table a {
    color: blue;
    text-decoration: none;
}

.cart_table thead th {
    border-bottom: black solid 1px;
     background: #b4b9d2;
     text-align: right;
}

.cart_table th,
.cart_table td {
    padding: 4px;
    vertical-align: top;
    line-height: 150%;
}

.cart_table .th1 {
    width: 50%;
    text-align: left;
}
.cart_table .th2 {
    width: 30%;
}
.cart_table .th3 {
    width: 12%;
}
.cart_table .th4 {
    width: 8%;
}

.cart_table tbody .td1,
.cart_table tbody .td2,
.cart_table tbody .td3 {    
    border-right: silver solid 1px;
}

.cart_table tr.qty_row td {
    border-top: silver solid 1px;
    border-bottom: silver solid 1px;
    background: #f1f3f9;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
}

.cart_table tr.qty_row .td1 * {
    vertical-align: middle;
}

.cart_table tr.qty_row .td1 {
    text-align: right;
}

.cart_table tr.qty_row .td3 {
    border-right: 0;
}

.cart_table tr.qty_row input {
    font-size: 11px;
}

.cart_table tbody .td1 {
    padding: 5px;
}

.cart_table tbody .td2 {
    text-align: right;
}

/* align prices, keep them from wrapping */
.cart_table tbody .td3,
.cart_table tbody .td4,
.cart_table tfoot .td1,
.cart_table tfoot .td2,
.cart_table .qty_row .td2,
.cart_table .qty_row .td3
 {
    text-align: right;
    white-space: nowrap;
}

.cart_table tfoot tr {
    height: 55px;
}

.cart_table .prod_name_desc {
    overflow: hidden;
    width: 100%;
    line-height: normal;
}

.cart_table a.prod_name {
    display: block;
    margin-bottom: 10px;
    color: blue;
}

.cart_table .prod_img {
    float: left;
    margin-right: 5px;
}

.cart_table .reg_price {
    color: red;
    text-decoration: line-through;
}

.cart_table .opt_detail {
    margin: 5px 0;
}

.cart_table .opt_detail li {
    border-bottom: silver solid 1px;
    padding: 3px;
    background: #fff;
}

.cart_table .opt_detail li.alt {
    background: #f7f7f7;
}

.cart_table .opt_detail label {
    font-weight: bold;
    color: #515151;
    margin-right: 2px;
}

.cart_table .opt_detail li.alt label {
    color: #008000;
}

.cart_table .opt_col_name {
    display: block;
}

.cart_table .item_btns img {
    cursor: pointer;
}

.grand_total_amt,
.grand_total_label {
    font-size: 14px;
    margin-top: 15px;
    color: green;
}

.grand_total_label {
    font-weight: bold;
} 

.checkout_buttons_row1,
.checkout_buttons_row2 {
    text-align: center;
    margin-bottom: 15px; 
}

.checkout_buttons_row1 .co_btn,
.checkout_buttons_row2 .co_btn {
    margin-right: 25px;
}

.checkout_buttons_row1 .co_btn.last,
.checkout_buttons_row2 .co_btn.last {
    margin-right: 0;
}

.checkout_buttons_row1 a,
.checkout_buttons_row2 a {
    text-decoration: none;
}

.checkout_buttons_row2 {
    margin-bottom: 30px;
}

#checkout_or {
    margin: 0 10px;
}

#gc_btn img {
    margin-bottom: -16px;
}

#azc_btn img {
    margin: 0 0 2px 5px;
}

.coupon_code {
    border: green dashed 1px;
    padding: 15px 15px 15px 40px;
    font-size: 14px;
    text-align: center;
    background: url(http://lodi.ulinc.net/~offgraph/squirrelcart/themes/squirrelcart/images/scissors.gif) no-repeat 13px 13px #dbffdb;
    color: green;
}

.coupon_code * {
    vertical-align: middle;
}

.coupon_code strong {
    margin-right: 25px;
}

.coupon_code input {
    width: 100px;
}

.cart_discounts {
    border: #000 solid 1px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.cart_discounts h4,
.address_box h4 {
    border-bottom: black solid 1px;
     background: #b4b9d2;
     padding: 4px;
     margin: 0;
     font-size: 11px;
}

.cart_discounts h3 {
    font-size: 13px;
    margin: 10px 0;
    color: green;
}

.cart_discounts .cart_discount {
    padding: 0 10px;
}

.cart_discounts .discount_img {
    float: left;
    margin: 0 15px 15px 0;
}

.cart_discounts .total_svgs {
    clear: both;
    color: blue;
    border-bottom: silver dotted 1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.cart_discounts .cart_discount.last .total_svgs {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.you_save {
    margin: 5px;
    font-size: 11px;
    color: green;
    font-weight: bold;
}

.empty_cart .sc_btns {
    margin: 25px;
    text-align: center;
}

.address_boxes {
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
}

.address_boxes .bill,
.address_boxes .ship {
    float: left;
    width: 170px;
    border: black solid 1px;
}

.address_boxes .bill {
    margin-right: 25px;
}

.address_box address {
    font-style: normal;
    padding: 5px;
}

.address_box .addr_edit {
    float: right;
    display: block;
    margin-top: -23px;
    margin-right: 3px;
}

.checkout_progress {
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
}

.checkout_progress .step1,
.checkout_progress .step2,
.checkout_progress .step3,
.checkout_progress .step4 {
    float: left;
    width: 25%;
    text-align: left;
    font-size: 10pt;
    padding: 0; margin: 0
}

/* unfortunately, IE needs width to be smaller for last step or it wraps */
.checkout_progress .step4 {
    width: 24%;
}

.checkout_progress .pending {
    color: silver;
}

.checkout_progress .active {
    color: blue;
    font-weight: bold;
    font-style: italic;    
    background: url(http://lodi.ulinc.net/~offgraph/squirrelcart/themes/squirrelcart/images/checkout_step_active.png) no-repeat 45px 2px;
}

.checkout_progress .done {
    color: green;
    background: url(http://lodi.ulinc.net/~offgraph/squirrelcart/themes/squirrelcart/images/checkout_step_done.png) no-repeat 43px 2px;
}

.checkout_progress a,
.checkout_progress a:visited {
    color: green;
    text-decoration: none;
}

.checkout_progress a:hover {
    color: green;    
    text-decoration: underline;
}

/********************************************************
    Option detail page
********************************************************/
body.opt_detail_page {
    background: #fff none;
}
.opt_detail_page #sc {
    padding: 10px;
}

.opt_detail_page .box_inner {
    text-align: center;
    margin: 10px auto;
}

.opt_detail_page .img_name {
    display: block;
    margin: 0 auto;
}

.opt_detail_page .opt_name {
    border-bottom: silver dotted 1px;
    margin-bottom: 15px;
}

.opt_detail_page h1 {
    margin: 0px;
}

.opt_detail_page .opt_img_desc {
    text-align:left;
    overflow: hidden;
    width: 100%;
    border-bottom: silver solid 0px;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.opt_detail_page .opt_img {
    float: left;
    margin: 0 10px 10px 0;
}

.opt_detail_page .boxc1 {
    margin-bottom: 10px;
}

.opt_detail_page .choices {
    background: #add8e6;
}

.opt_detail_page .choice {
    border: black solid 1px;
    background: #fff;
    padding: 5px;
    margin: 0 auto;
    font-weight: bold;
}

.opt_detail_page .choice img {
    margin: 5px 0;
}



/********************************************************
    Account choice page
********************************************************/
.acct_choice {
    text-align: center;
}

.acct_choice.boxc {
    padding: 0;
}

.acct_choice h4 {
    margin: 0;
    font-size: 13px;
    font-weight: normal;
}

.acct_choice h4 a {
    color: blue;
}

.acct_choice_top {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.acct_choice_new {
    width: 50%;
    float: left;
}

.acct_choice_new p {
    text-align: left;
    color: gray;
}

.acct_choice_login {
    width: 50%;
    float: right;
}

.acct_choice_login .inner {
    border-left: silver solid 1px;
    position: relative;
}

.acct_choice .inner,
.acct_choice_skip {
    padding: 15px;
}

.acct_choice_skip h4 img {
    margin-bottom: -12px;
    margin-right: 10px;
}

.acct_choice_skip {
    border-top: silver solid 1px;
    margin-bottom: 15px;
    clear: both;
    padding-top: 25px;
    position: relative;
}

.acct_choice .or {
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -13px;
}

.acct_choice .or {
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -13px;
    }

.acct_choice_top .or {
    top: 75px;
}

.acct_choice label {
    font-size: 12px;
    color: gray;
}

.acct_choice input,
.acct_choice label {
    margin-bottom: 2px;
    vertical-align: middle;
}

.acct_choice #sc_user,
.acct_choice #sc_pass {
    width: 135px;
}

.acct_choice .remember_me {
    text-align: right;
    padding-right: 25px;
}

.acct_choice .remember_me label {
    font-size: 11px;
}




/********************************************************
    Address form page
********************************************************/
#sc .address_form form.sc_form {
    width: 100%;
}

.address_form .boxc {
    margin-right: 5%;
    margin-left: 5%;
}

.address_form .bill_address,
.address_form .pp_express {
    margin-bottom: 30px;
}

input.copy_address {
    float: right;
    margin-top: 2px;
    font-size: 11px;
    width: 150px;
}

.address_form .required_notice {
    margin-top: 10px;
}

#addr_continue {
    margin: 0 auto;
    display: block;
}

.pp_express_btn {
    display: block;
    text-align: center;
}


/********************************************************
    Shipping methods
********************************************************/
.checkout_ship {
    margin-top: 20px;
}

.checkout_ship .sc_btn {
    display: block;
    margin: 0 auto;
}

#sc .checkout_ship .sc_form {
    width: 65%;
    width: 85%;
}
.ship_courier {
    overflow: auto;
    width: 100%;
    padding: 10px 15px;
}

.ship_logo {
    float: left;
    width: 90px;
}

.rate_info_link {
    margin: 10px 0 10px -4px;
    display: block;
}

.ship_rates {
    float: left;
}

.ship_rate input,
.ship_rate label {
    vertical-align: middle;
}

.ship_rate {
    padding-bottom: 8px;
}

.ship_rate label {
    padding-top: 3px;
    cursor: pointer;
    color: blue;
}

.ship_rate_detail {
    background: #f4f4f4;
    color: #4f4f4f;
    font-size: 10px;
    width: 400px;
    margin: 10px 0px 20px 20px;
    padding: 5px;
}

.ship_rate_detail .sr_inner {
    margin: 15px;
}

.ship_rate_detail ul {
    list-style: disc;
    margin-left: 10px;
}

.dlv_days {
    color: gray;
    padding-left: 22px;
    font-size: 11px;
}

.ship_forced fieldset{
    text-align: center;
}



/********************************************************
    Payment form
********************************************************/
#sc .sc_pay form.sc_form {
    width: 100%;
}

.sc_pay .boxc {
    margin: 0 5% 30px 5%;
}

.sc_pay .sc_btn {
    display: block;
    margin: 0 auto;
}

.sc_pay .cart_table {
    font-size: 11px;
}

.sc_pay .cart_table tbody td {
    border-bottom: silver solid 1px;
}

.sc_pay .cart_table tbody .td1 {
    border-right: 0;
}

.sc_pay .cart_table {
    margin-bottom: 0;
}

.pay_method_row {
    text-align: center;
}

.pay_method_row.first {
    margin-bottom: 20px;
}

.pay_method_row * {
    vertical-align: middle;
}

.pay_method_row label {
    cursor: pointer;
    margin-left: -5px;
    margin-right: 5px;
}

.pay_method_row img {
    margin-right: 0px;
}

#pay_cc label {
    width: 120px;
    white-space: nowrap;
}

#name_on_card,
#card_number {
    width: 170px;
}

#cvv2 {
    width: 30px;
}

.pay_check fieldset {
    text-align: center;
}

.sc_pay div.sc_light {
    margin-top: 2px;
    margin-bottom: 10px;
}

.echeck_route_acct {
    overflow: hidden;
    width: 100%;
    padding-left: 30px;
}

.echeck_route_acct label {
    display: block;
}

.echeck_acct label {
    margin: -18px 16px 0 0;
}

.echeck_route label {
    margin-left: 16px;
}

.echeck_route {
    float: left;
    width: 150px;
    text-align: left;
}

.echeck_acct {
    float: left;
    text-align: right;
}

.echeck_route_acct input,
.echeck_route_acct img {
    vertical-align: top;
}

#bank_routing_number {
    width: 100px;
}

#bank_account_number {
    width: 150px;
}

#check_number {
    width: 50px;
}



/********************************************************
    Order detail page
********************************************************/
.order_detail .sc_header {
    margin-bottom: 20px;
}

.order_detail h1 {
    font-size: 20px;
    font-weight: normal;
}

.order_detail tfoot .td1 {
    vertical-align: bottom;
    text-align: left;
}

#print_friendly {
    float: right;
}

#print_friendly img {
    margin-bottom: -2px;
}

.order_info_table {
    border: #000 solid 1px;
    width: 100%;
    margin-bottom: 15px;
}

.order_info_table th,
#order_ship_details h4 {
    border-bottom: #000 solid 1px;
    background: #b4b9d2;
}

.order_info_table th,
.order_info_table td {
    padding: 5px;
    text-align: left;
}

.order_info_table .alt {
    background: #f1f3f9;
    border: silver solid 1px;
    border-width: 1px 0;
}

table.statuses th,
table.statuses td,
table.shipments th,
table.shipments td {
    width: 33%;
}

#order_ship_details .box1, 
#order_ship_details .box2 {
    border: black solid 1px;
}

#order_ship_details h4 {
    padding: 4px;
    font-size: 11px;    
    margin: 0;
}

#order_ship_details .inner {
    padding: 10px;
}

.order_email_body {
    padding: 10px;
}

.order_history_table .col5,
.order_history_table .col6 {
    text-align: right;
}

.footer {
    background-image: url(/images/arrow_red_small.gif); 
    background-repeat: no-repeat; 
    padding-left:6px; 
    margin-right:13px; 
    color:black; 
    text-decoration:none;
}

.dropdiv { font-size:12px; margin:0px; position:absolute; visibility:hidden; overflow-y:auto; border:1px solid #cc0000; z-index:999999; padding:10px;}
.dropindiv { border:1px solid #cc0000; background-color:#ffffff; padding:10px 5px 10px 5px; }
/*.dropspan {font-family:Tahoma,Arial,Helvetica,sans-serif;  width:100%; padding:5px; margin:0px;}*/
.dropcat {font-size:14px; font-weight:bold; color:#aa0000; text-decoration:none; text-transform:uppercase; width:100%; padding:0px; margin-bottom:5px; line-height:15px;}
.dropsubcat { font-size:11px; line-height:15px; padding:0px; margin:0px; text-decoration:none; color:black;}
a.dropsubcat:hover {text-decoration:none; color:#cc0000;}

.footlinks {font-size:11px; color:#6a93e5; text-decoration:none; padding-bottom:3px;}
.cart_info_msg, .td_1, .td_2, .td_3, .td_4 {font-size:13px;}
.azlinks {font-size:12px; color:#4872c3;  line-height:22px; text-decoration:none;}

td.instruction {font-size:13px; padding:0px;}