0/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background-color:#fff; color:#404040}

a {color:#404040;}
a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

    #nav span.pipe {color:#DDD;}
    #nav #nav-active {color:#00878d;}

    #tray {background-color:#BFBFBF;}
    #tray li a {color:#404040;}
    #tray li#tray-active a {background-color:#808080; color:#FFF;}
    #tray li a:hover {background-color:#9F9F9F; color:#FFF;}

        #search #search-input {background-color:#FFF;}
        #search #search-input input {color:#404040;}

    #footer, #footer a {color:#9f9f9f;}
    #footer a:hover {color:#404040;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top, #col-bottom, #col {/* background-color:#dbfeff; */}

#cols3 .col h3 {
background-color:#797c7c;
color:#ffd11d;
font-size:14px; text-transform: uppercase;
}
.index-categories>h3, .index-series>h3 {
background-color:#ffd11d !important;
color:#583e00 !important;
font-size:14px;
}

#cols3 .col h3 a {color:#ffd11d; text-decoration: none;}
#cols3 .col h3 a:hover {color:#000;}
#cols3 .col-more {background:#F9F6E4; height: 40px;}

#cols3 .col-text-desc {height: 230px; font-size: 13px;}
#cols3 .col-text-desc strong { font-size: 14px;}

#cols2 #col-left .title h4, #cols2 #col-right h4 {color:#2f2f2f;}
#cols2 #col-left .title h4, #cols2 #col-left .title span {}
#cols2 #col-left .article {color:#088389;}
#cols2 #col-left a:hover.article {color:#000;}

#cols2 #col-right {}
#cols2 #col-right h4 span {}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.high {color:#099AA1}

#extendedAddress { position: absolute; margin: -115px 0 0 -15px;; width: 330px; height: 270px; border: 1px solid black; background: white; display: none; padding: 15px 15px; line-height: 22px;}
#extendedAddress #extHide {position: absolute; margin-left: 320px; margin-top: -10px;}

h2.bigCaption {font-size: 2.5em;text-transform:uppercase;}
a.bigLinkButton {padding: 10px 30px; background: #fecd08; font-size: 1.5em; font-weight: bold; text-decoration: none;text-transform:uppercase;}
div.orderLoginForm {background:#fecd08; display: block; padding: 10px 20px; width: 350px;}
div.orderLoginForm table { margin: 0; border-collapse: collapse;}
div.orderLoginForm td {border: 0;}
div.orderLoginForm td {background:#fecd08;}

div.orderRegForm {background:#fecd08; padding: 10px 20px;}
div.orderRegForm table { margin: 0; border-collapse: collapse;}
div.orderRegForm td {border: 0;}
div.orderRegForm td {background:#fecd08;}
div.orderRegForm input{width: 120px}
div.orderRegForm input#regCaptcha {font-size: 1.5em;}

table.deliveryAddress {background: #ffffff; margin: 0; border-collapse: collapse;border: 0; width: 390px}
table.deliveryAddress td {background: #ffffff; padding:2px 5px;}
table.deliveryAddress td.caption {text-align: right;}
table.deliveryAddress input {width: 180px;}
table.deliveryAddress input.small {width: 25px;}
table.deliveryAddress textarea {width: 180px;}

table.deliveryPosttype {width: 400px;margin: 0 auto}
table.deliveryPosttype td{text-align: center;}

div.orderDeliveryPrice { float: right; margin: 200px 0 0px 15px;text-align: center; font-weight: bold;}
div.orderDeliveryPrice div.price { background: #fecd08; margin-top: 10px; padding: 5px 10px; text-align: center; font-weight: bold;}

div.radioPanel {background:#fecd08; padding: 5px 10px; text-align: center; text-transform: uppercase;font-weight: bold; margin: 0 0 10px 0 ;}
div.radioPanel div.spacer {width: 10px; display: inline-block;}

div.deliveryForm {display: none;}
div.deliveryForm div.deliveryAnchor { display: block; width: 350px; padding: 10px 15px 10px 15px; font-size: 0.8em; border: 1px solid #fecd08;margin:0 auto; }
div.deliveryForm h3 {  margin: 0}
div.deliveryForm div.floatDiv { float: right; margin: 0 0 15px 15px;}

div.paymentForm {display: none;}
div.paymentForm div.deliveryAnchor { display: block; width: 350px; padding: 10px 15px 10px 15px; font-size: 0.8em; border: 1px solid #fecd08;margin:0 auto; }
div.paymentForm h3{  margin: 0}
div.paymentForm div.floatDiv{ float: right; margin: 0 0 15px 15px;}

.paysel {display: inline-block}

table.checkTable {border: 1px solid black; border-collapse: collapse;}
table.checkTable td, table.checkTable th {border: 1px solid black; padding: 5px 10px}