/* styling declarations for Chainbox layout switcher */

/* body element settings */
body
{
    background-color:#f2ead5;
    color:#4d4d4d;
    background-image:url('/Chainbox/layouts/02/images/genre-world.jpg');
    background-position:inherit;
    background-repeat:repeat-y;

}

/* shop logo is configurable from shop.config */

/* applied to: products on campaign list, customerinfo info box, secondary-navigation, form, table headers, checkout h1s*/
div#campaignproducts,
#secnav,
div.yform,
thead th, 
tbody th,
.payment-info,
.product-table .sort-wrapper,
.paging { background-color:#E0D3B1; }

fieldset { background-color:inherit; }

/* regular buttons */
button, a.button { background-color:#f2ead5; color:#000000 !important; }

/* special highlighted buttons: add to cart and checkout*/
button.forward,   .buttons a.forward,
button.highlight, .buttons a.highlight { background-color:#cdc2a3;}

/* link color */
a, a:focus, a:hover, a:active, a:visited { color:#3d1a06; }

/* footer background */
#footer { background-color:#f2ead5;}

/* footer text */
#footer, #footer a { color:#3d1a06; }

/* discount overlay background */
a.image-link .discount-overlay { background-color:#f2ead5; }

/* main navigation */
#nav .hlist ul li a { background-color:#844b2d; color:#f2ead5;}

/* active main navigation and main "border" */
#nav .hlist ul li a:hover,
#nav .hlist ul li a:active,
#nav .hlist ul li a:focus,
#nav .hlist ul li.active a {background-color:#ffffff;color:#3d1a06;}

.hlist li.active > a,
.vlist li.active > a { color:#3d1a06; }

/* add extra padding to main */
#main {padding-top:10px;}

/* topnav and bottomnav*/
#topnav, 
#bottomnav,
#topnav a, 
#bottomnav a {color:#B0A390 !important;}

.buttons a:active, a.button:active,a.button:hover {border:1px solid #000000;}





/* input e-mail + search

background
border
text-color


 */
#global-search-form input[type="text"], 
#short-login-form input, 
#signup-form input[type="text"], 
#short-search-form input, 
#newsletter-form input {
background:#F2EAD5 none repeat scroll 0 0;
border:1px solid #B0A390;
color:#3D1A06;
}


/* input e-mail + search HOVER */
#global-search-form input[type="text"]:hover, 
#short-login-form input:hover, 
#signup-form input[type="text"]:hover, 
#short-search-form input:hover, 
#newsletter-form input:hover {
border:1px solid #B0A390;
}










/* login input defaults

background
border
text-color
 */
div.yform .type-text input, div.yform .type-text textarea, div.yform .type-select select, input[type="text"], 
input[type="password"] {
background:#F2EAD5 none repeat scroll 0 0;
border:1px solid #B0A390;
color: #3D1A06;
font-family:Arial,Helvetica,sans-serif;
}

/*  login input defaults hover */
div.yform div input:focus, div.yform div select:focus, div.yform div textarea:focus, div.yform div input:hover, div.yform div select:hover, div.yform div textarea:hover, div.yform div input:active, div.yform div select:active, 
div.yform div textarea:active {
border:1px solid #B0A390;
}