/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */

body {
    margin: 0;
    /*font-family: verdana, arial, helvetica, sans-serif;*/
    font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 62.5%;
    color: #000000;
    }

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
    color: #3300FF;
    text-decoration: none;
    }

a:visited {
    color: #3300FF;
    text-decoration: none;
    }

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    color: #FF0000;
    }

a:active {
    color: #0000FF;
    }

h1 {
    font-size: 1.5em;
    color: #9a9a9a;
    }

h2 {
    font-size: 1.4em;
    }

h3 {
    font-size: 1.3em;
    }

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
    font-size: 1.1em;
    font-weight: normal;
    }

.biggerText {
    font-size: 1.2em;
    }

h1, h2, h3, h4, h5, h6 {
    margin: 0.3em 0;
    }

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
    position: relative;
    }
*html .centerColumn {
    height: 1%;
    }
*/

CODE {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 1em;
    }

FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;
    }

TEXTAREA {
    margin: auto;
    display: block;
    width: 95%;
    }

input:focus, select:focus, textarea:focus {
    background: #E4FEF5;
    }

FIELDSET {
    padding: 0.5em;
    margin: 0.5em 0em;
    border: 1px solid #cccccc;
    }

LEGEND {
    font-weight: bold;
    padding: 0.3em;
    color: black;
    }

LABEL, h4.optionName {
    line-height: 1.5em;
    padding: 0.2em;
    }

LABEL.checkboxLabel, LABEL.radioButtonLabel {
    margin: 0.5em 0.3em;
    }

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }

LABEL.inputLabel {
    width: 9em;
    float: left;
    }

LABEL.inputLabelPayment {
    width: 14em;
    float: left;
    padding-left: 2.5em;
    }

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
    width: 11em;
    float: left;
    }

#checkoutPayment LABEL.radioButtonLabel {
    font-weight: bold;
    }

P, ADDRESS {
    padding: 0.5em;
    }

ADDRESS {
    font-style: normal;
    }

.clearBoth {
    clear: both;
    }

HR {
    height: 1px;
    margin-top: 0.5em;
    border: none;
    border-bottom: 1px solid #9a9a9a;
    }

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    line-height: 1.8em;
    padding: 0.2em;
    border: 1px solid #9a9a9a;
    }

.messageStackWarning, .messageStackError {
    background-color: #ff0000;
    color: #ffffff;
    }

.messageStackSuccess {
    background-color: #99FF99;
    color: #000000;
    }

.messageStackCaution {
    background-color: #FFFF66;
    color: #000000;
    }

/* Search bar */
#navMainSearch input.search_keyword
{
    /*
    border: none;
    width: 132px;
    height: 21px;
    margin: 0;
    line-height: 21px;
    font-size: 12px;
    background: transparent url(../images/searchbar_bcd.jpg) no-repeat;
    */
    width: 100px;
}

/* New left column design */
#contents-left a,
#contents-right a
{
    color: #444;
}

#contents-left a:hover,
#contents-right a:hover
{
    text-decoration: underline;
}

#loginbox
{
}

#loginbox h3
{
    height: 26px;
    background: url(../images/login_header_bcd.jpg) no-repeat;
    margin: 0;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    color: #fff;
}

#loginboxContent
{
    margin: 0;
    background: url(../images/login_bcd.jpg) no-repeat left bottom;
    color: #4A4F4B;
    padding: 6px;
}

#loginboxContent input.inputfield
{
    width: 160px;
}

#loginboxContent .button
{
    float: right;
    padding-top: 5px;
}

#loginboxContent .links
{
    float: left;
    font-size: 10px;
    line-height: 12px;
    padding-top: 3px;
    width: 100px;
}

#loginboxContent .links a
{
    color: #fff;
}

#loginboxContent .links a:hover
{
    text-decoration: underline;
}

#loginboxContent ul
{
    margin: 0;
    padding: 5px;
}

#loginboxContent li
{
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 24px;
    font-size: 12px;
}

#loginboxContent li a
{
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#loginboxContent li a:hover
{
    text-decoration: underline;
}

h3#categoriesHeading
{
    margin: 15px 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #424242;
    text-align: right;
}

h3#bestsellersHeading
{
    margin: 5px 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #424242;
    text-align: right;
}

#bannerboxContent,
#bannerbox2Content,
#bannerboxallContent
{
    margin-top: 20px;
    clear: both;
}

h3#bannerboxHeading,
h3#bannerbox2Heading,
h3#bannerboxallHeading
{
    display: none;
}

#categoriesContent
{
    background: #F2F2F2;
    border: 1px solid #5C5C5C;
    padding: 9px;
}

#information
{
    margin-top: 10px;
    background: url(../images/information_bcd.jpg) repeat-y;
}

#information h3
{
    height: 27px;
    background: url(../images/information_header.jpg) no-repeat;
    margin: 0;
    line-height: 27px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    color: #fff;
}

#informationContent
{
    background: url(../images/information_footer.jpg) no-repeat bottom;
    padding: 7px;
}

/* End of new left column design */

/* Shopping cart */
#shoppingcart
{
    background: url(../images/shopping_cart_bcd.jpg) repeat-y;
}

h3#shoppingcartHeading
{
    height: 30px;
    margin: 0;
    background: url(../images/shopping_cart_header.jpg) no-repeat;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    color: #fff;
}

#shoppingcartContent
{
    margin: 0;
}

#cartBoxEmpty
{
    padding-left: 5px;
}

#shoppingcartContent table
{
    margin: 0 2px;
    padding: 2px 2px 0 2px;
}

#shoppingcartContent td
{
    padding-bottom: 2px;
}

#cartBoxListWrapper
{
    margin: 0;
}

.cartBoxTotal
{
    height: 25px;
    text-align: right;
    padding-right: 5px;
    background: #EDEDED;
    line-height: 25px;
    margin: 0 2px;
}

.cartBoxTotal .total
{
    color: #3A3A3A;
    font-weight: bold;
    font-size: 12px;
}

.cartBoxTotal .price
{
    color: #950004;
    font-weight: bold;
    font-size: 13px;
}

#shoppingFooter
{
    height: 28px;
    margin: 0;
    background: url(../images/shopping_cart_footer.jpg) no-repeat;
    text-align: right;
    line-height: 28px;
    padding-right: 7px;
}

#shoppingFooter a
{
    color: #fff;
    text-decoration: none;
}

#shoppingFooter a:hover
{
    text-decoration: underline;
}
/* Middle column */
#bannerOne
{
    padding-bottom: 10px;
}

#navBreadCrumb
{
    height: 26px;
    line-height: 26px;
    background: #aaaaaa;
    color: #fff;
    font-size: 12px;
}

#navBreadCrumb
{
    height: 26px;
    line-height: 26px;
    background: #aaaaaa;
    color: #FFFF84;
    font-weight: bold;
    font-size: 12px;
    padding: 0 9px;
}

#navBreadCrumb a
{
    color: #fff;
}
#navBreadCrumb a:hover
{
    text-decoration: underline;
}

/* Categories Title */
h1
{
    height: 37px;
    line-height: 37px;
    color: #424242;
    background: url(../images/category_title_bcd_1.jpg) repeat-y;
    padding-left: 40px;
    font-size: 16px;
}

h1.class_2
{
    background: url(../images/category_title_bcd_2.jpg) repeat-y;
}
h1.class_3
{
    background: url(../images/category_title_bcd_3.jpg) repeat-y;
}
h1.class_4
{
    background: url(../images/category_title_bcd_4.jpg) repeat-y;
}
h1.class_5
{
    background: url(../images/category_title_bcd_5.jpg) repeat-y;
}

#whatsNew
{
    clear: both;
    margin-bottom: 10px;
}

#whatsNew h2
{
    color: #161616;
    height: 29px;
    line-height: 29px;
    margin: 0;
    padding-left: 30px;
    background: url(../images/top_h2_bcd.jpg) no-repeat;
}

#whatsNewBody
{
    border-left: 1px solid #626262;
    border-right: 1px solid #626262;
    padding: 4px 0 0 3px;
}

#whatsNewFooter
{
    height: 32px;
    background: url(../images/whatsnew_footer.jpg) repeat-x;
    text-align: right;
    line-height: 32px;
    border-left: 1px solid #626262;
    border-right: 1px solid #626262;
    padding-right: 7px;
}

#whatsNewFooter a
{
    color: #2F2F2F;
    text-decoration: none;
}

#whatsNewFooter a:hover
{
    text-decoration: underline;
}

/* New Products */
.new-product
{
    clear: both;
    padding-bottom: 7px;
}

.new-product-thumbnail
{
    float: left;
    width: 164px;
    height: 65px;
    overflow: hidden;
    border-right: 4px solid #8DB018;
}

.new-product-desc
{
    float: left;
    width: 261px;
    padding-left: 4px;
}

.new-product-desc span
{
    color: #666;
}

.new-product-buy
{
    position: relative;
    float: left;
}

.new-product-price
{
    text-align: right;
    position: absolute;
    top: 20px;
    right: 5px;
}

.new-product-price-special
{
    text-align: right;
    position: absolute;
    top: 12px;
    right: 5px;
}

.new-product-price .top-price,
.new-product-price-special .top-price
{
    font-weight: bold;
    font-size: 12px;
}

.new-product-price-special .normal-price
{
    /*float: right;*/
    font-size: 10px;
    font-weight: bold;
    color: #000;
    text-decoration: line-through;
}

/* Featured products */
.featuredProducts h2
{
    height: 27px;
    line-height: 27px;
    background: url(../images/featured_bcd_1.jpg) repeat-y;
    padding-left: 25px;
    margin-bottom: 8px;
}

h2.class_2
{
    background: url(../images/featured_bcd_2.jpg) repeat-y;
}
h2.class_3
{
    background: url(../images/featured_bcd_3.jpg) repeat-y;
}
h2.class_4
{
    background: url(../images/featured_bcd_4.jpg) repeat-y;
}
h2.class_5
{
    background: url(../images/featured_bcd_5.jpg) repeat-y;
}

#featuredProducts h2.categoriesFeatured
{
    height: 26px;
    line-height: 26px;
    background: url(../images/category_featured_bcd.jpg) repeat-y;
    color: #fff;
    padding-left: 10px;
}

.featured-product
{
    float: left;
    width: 128px;
    padding-bottom: 7px;
    margin-left: 8px;
}

.first
{
    margin-left: 0;
}

.featured-product-thumbnail
{
    position: relative;
    width: 128px;
    height: 127px;
    overflow: hidden;
    background: url(../images/featured_thumbnail.jpg) no-repeat;
}

.featured-product-thumbnail img
{
    width: 112px;
    height: 112px;
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    /*top: 50%;
    left: 50%;*/
}

.featured-product-desc
{
    height: 57px;
    padding-left: 4px;
}
.featured-product-buy
{
    position: relative;
}

.featured-product-price
{
    text-align: right;
    position: absolute;
    top: 10px;
    right: 10px;
}

.featured-product-price-special
{
    text-align: right;
    position: absolute;
    top: 5px;
    right: 10px;
}

.featured-product-price .top-price,
.featured-product-price-special .top-price
{
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

.featured-product-price-special .normal-price
{
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-decoration: line-through;
}

/* Products List */
.product-list
{
    clear: both;
    background: url(../images/product_listing_bcd.jpg) repeat-y;
    height: 124px;
    margin-top: 2px;
}

.product-list-thumbnail
{
    float: left;
    position: relative;
    width: 128px;
    height: 127px;
    overflow: hidden;
}

.product-list-thumbnail img
{
    position: absolute;
    /*top: 50%;
    left: 50%;*/
    top: 8px;
    left: 8px;
    display: block;
}

.product-list-desc
{
    float: left;
    width: 291px;
    padding-left: 10px;
    padding-right: 5px;
}
.product-list-buy
{
    position: relative;
    float: left;
}

.product-list-price
{
    text-align: right;
    position: absolute;
    top: 20px;
    right: 5px;
}

.product-list-price-special
{
    text-align: right;
    position: absolute;
    top: 12px;
    right: 5px;
}

.product-list-price .top-price,
.product-list-price-special .top-price
{
    font-weight: bold;
    font-size: 12px;
}

.product-list-price-special .normal-price
{
    /*float: right;*/
    font-size: 10px;
    font-weight: normal;
    text-decoration: line-through;
}

.product-list-status img
{
    vertical-align:middle;
}

/* Page Navigation */
.page-nav
{
    clear: both;
    height: 26px;
    line-height: 26px;
    background: url(../images/page_nav_bcd.jpg) repeat-x;
    border-left: 1px solid #414141;
    border-right: 1px solid #414141;
    border-top: 1px solid #414141;
    border-bottom: 1px solid #414141;
    margin: 20px 0 10px 0;
    color: #fff;
}

.page-nav .previous
{
    background: url(../images/page_nav_sep_bcd.jpg) repeat-y right;
}

.page-nav .next
{
    background: url(../images/page_nav_sep_bcd.jpg) repeat-y left;
}

.page-nav .grey
{
    color: #444;
}

.page-nav .current
{
    color: #F9C444;
}

.page-nav a
{
    color: #fff;
    font-weight: bold;
}

.page-nav a:hover
{
    color: #fff;
    text-decoration: underline;
}

/* Product page */

#product-title
{
    clear: both;
    /*height: 40px;*/
    margin-bottom: 5px;
    /*line-height: 40px;*/
}

#product-title .top-price
{
    /*float: right;*/
    font-size: 18px;
    font-weight: bold;
    color: #7D0000;
}

#product-title .normal-price
{
    /*float: right;*/
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: line-through;
}

#product-title h1
{
    /*float: left;*/
    padding: 5px 0;
    background: transparent;
    height: auto;
    line-height: 18px;
}

.product-image
{
    clear: both;
    position: relative;
    border: 1px;
    border-color: #929292;
    border-style: solid;
    overflow: hidden;
    margin-bottom: 10px;
}
.product-image:content
{
    height: 0;
}

/*.product-image img
{
    position: absolute;
    top: 50%;
    left: 50%;
}*/

.product-information,
.product-price
{
    background: url(../images/product_information_bcd.jpg) repeat-y;
    margin-top: 10px;
}

.product-information-contents,
.product-price-contents
{
    background: url(../images/product_information_bottom.jpg) no-repeat bottom;
}

.product-price-wrapper
{
    background: url(../images/product_information_top.jpg) no-repeat top;
}


.product-information h2
{
    height: 26px;
    line-height: 26px;
    background: url(../images/category_featured_bcd.jpg) repeat-y;
    color: #fff;
    padding-left: 10px;
    margin: 0;
}

.product-information td.field
{
    width: 120px;
    padding: 5px 0 5px 7px;
    font-size: 12px;
    font-weight: 500;
    color: #575757;
}

.product-information td.value
{
    width: 430px;
    padding: 5px 0 5px 20px;
    font-size: 12px;
    font-weight: 500;
    color: #414141;
}

.product-price-contents td.left
{
    width: 120px;
}

.product-price-contents td.left .top-price
{
    font-size: 18px;
    font-weight: bold;
    color: #7D0000;
}

.product-price-contents td.left .normal-price
{
    /*float: right;*/
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: line-through;
}

.product-price-contents td.status img
{
    vertical-align:middle;
}

.product-price-contents td.desc
{
    width: 154px;
    padding-left: 20px;
}

.product-price-contents td.status
{
    width: 140px;
}

.product-price-contents td.right
{
    width: 136px;
    padding: 6px 0;
}

.product-price-button
{
    width: 125px;
    height: 39px;
    position: relative;
}

.product-price-buy
{
    position: absolute;
    top: 10px;
    right: 15px;
}

.product-price-buy span
{
    font-weight: bold;
    font-size: 12px;
}


/* Right Column */
/* Ranking */
.ranking-product
{
    clear: both;
    padding-bottom: 3px;
    height: 65px;
    overflow: hidden;
}
.ranking-product:content
{
    height: 0px;
}

.ranking-product-num
{
    float: left;
    height: 65px;
    padding-right: 1px;
}

.ranking-product-thumb
{
    float: left;
    width: 158px;
    height: 65px;
    overflow: hidden;
}

/* Shopping Cart */
h1#cartDefaultHeading
{
    background: url(../images/shopping_cart_title_bcd.jpg) repeat-y left;
}

#shoppingCartDefault h2,
#checkoutPayment h2,
#accountResHistInfo h2
{
    line-height: 28px;
    height: 28px;
    padding-left: 15px;
    margin: 10px 0 0 0;
}

h2.instock
{
    background: url(../images/shopping_cart_h2_instock.jpg) no-repeat;
}

h2.backorder
{
    background: url(../images/shopping_cart_h2_backorder.jpg) no-repeat;
}

h2.preorder
{
    background: url(../images/shopping_cart_h2_preorder.jpg) no-repeat;
}

h2.outmax
{
    background: url(../images/shopping_cart_h2_outmax.jpg) no-repeat;
}

table.cInstock
{
    border-left: 2px solid #89AD0F;
    border-right: 2px solid #89AD0F;
}

table.cBackorder
{
    border-left: 2px solid #FEC375;
    border-right: 2px solid #FEC375;
}

table.cPreorder
{
    border-left: 2px solid #A5BCFF;
    border-right: 2px solid #A5BCFF;
}

table.cOutmax
{
    border-left: 2px solid #D4D0C7;
    border-right: 2px solid #D4D0C7;
}

.cartContentsDisplay td
{
    border-bottom: 2px solid #fff;
}

.cartContentsDisplay tr.odd
{
    background: url(../images/shopping_cart_table_odd.jpg) repeat-y left;
}

.cartContentsDisplay tr.even
{
    background: url(../images/shopping_cart_table_even.jpg) repeat-y left;
}

.cartContentsDisplay .image
{
    width: 66px;
    height: 66px;
    vertical-align: top;
}

.cartContentsDisplay .title
{
    width: 167px;
    height: 66px;
    padding: 0 5px;
}

.cartContentsDisplay .quantity
{
    width: 112px;
    height: 66px;
}
.cartContentsDisplay .quantity span
{
    color: #820201;
    font-size: 12px;
}

.cartContentsDisplay .unit
{
    padding-right: 10px;
    color: #505050;
    font-size: 14px;
}

.cartContentsDisplay .total
{
    padding-right: 10px;
    color: #820201;
    font-size: 14px;
    font-weight: bold;
}

.cartContentsDisplay .remove
{
    width: 24px;
}

.cartContentsDisplay .shopping_thumb
{
    position: relative;
}

.cartContentsDisplay .shopping_thumb img
{
    position: absolute;
    /*top: 50%;
    left: 50%;
    */
    top: 4px;
    left: 3px;
}

.cartContentsDisplay tr.subtotal
{
    background: #89AD0F;
    color: #fff;
}

.cartContentsDisplay tr.subtotal td
{
    border: none;
}

.cartContentsDisplay tr.backorder
{
    background: #FEC375;
    color: #fff;
}

.cartContentsDisplay tr.preorder
{
    background: #A5BCFF;
    color: #fff;
}

.cartContentsDisplay tr.outmax
{
    background: #D4D0C7;
    color: #fff;
}

.cartContentsDisplay tr.subtotal .field
{
    font-size: 14px;
    height: 24px;
    padding-left: 10px;
}

.cartContentsDisplay tr.subtotal .price
{
    font-size: 14px;
    font-weight: bold;
    padding-right: 10px;
}

.cartContentsDisplay tr.subtotal .nothing
{
    background: #fff;
}

.cartContentsDisplay tr.buttons td
{
    padding-top: 5px;
}

/* Checkout Paymnent */
.instockPayment
{
    padding: 3px;
    border-left: 2px solid #89AD0F;
    border-right: 2px solid #89AD0F;
    border-bottom: 8px solid #89AD0F;
}

.backorderPayment
{
    padding: 3px;
    border-left: 2px solid #FEC375;
    border-right: 2px solid #FEC375;
    border-bottom: 8px solid #FEC375;
}

.preorderPayment
{
    padding: 3px;
    border-left: 2px solid #A5BCFF;
    border-right: 2px solid #A5BCFF;
    border-bottom: 8px solid #A5BCFF;
}

.outmaxPayment
{
    padding: 3px;
    border-left: 2px solid #D4D0C7;
    border-right: 2px solid #D4D0C7;
    border-bottom: 8px solid #D4D0C7;
}

/* Checkout H2 */
#checkoutConfirmDefault h2
{
    height: 26px;
    line-height: 26px;
    color: #fff;
    padding-left: 15px;
    background: url(../images/checkout_h2.jpg) no-repeat;
}

/* My Account */
#accountDefault h2
{
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    background: url(../images/category_featured_bcd.jpg) no-repeat;
}

#accountDefault td
{
    padding-bottom: 10px;
}

