/*       Layout
======================= */
body {
        margin: 0px;
        padding:60px 0px;
        text-align: center;
        background:#6E3A2D url(../images/bg.jpg);
}
body.modal, .modal{
	background:#FFF8EB;
	text-align:left;
	padding:0;
}
#pagewidth{
        width:750px;
        text-align:left;
        margin-left:auto;
        margin-right:auto;
}
#header{
        width:100%;
        background: url(../images/header.png) no-repeat top left;
        height:277px;
}
#wrapper {
		background:#FFF8EB;
}
#leftcol{
        width:140px;
        float:left;
		display:inline;
		background:#FFF8EB;
}
#maincol{
        float: left;
        display:inline;
        width: 610px;
        padding-top:5px;
		background:#FFF8EB;
 }
#footer{
        clear: both;
        background: url(../images/footer.png);
		padding:100px 0 27px 0;
		text-align:center;
}
.left {
        float:left;
}
img{border:none;}
.right {
        float:right;
}
.clear {
        clear:both;
}
.red {
        color:#F00;
}
.smtext {
	font-size:.8em;
}
.txtr{
text-align:right;
}
.txtc{
text-align:center;
}
.pics{
border: 1px solid #753f00;
}	
.pics-right {
	border: 1px solid #753f00;
	float: right;
}
.pics-right-margin {
	border: 1px solid #753f00;
	float: right;
	margin: 10px 0px 0px 0px;
}
 /*       Text
======================= */
body, td, div, select, textarea, input {
        font:bold 12px "Trebuchet MS", Helvetica, sans-serif;
		color:#753f00;
}
p, h1, h2, h3, table {
        margin-left: 20px;
        margin-right: 20px;
}
table{margin-right:0;}
ul,ol{
        margin:0em 30px 1em 60px; /* Left the same as other elements. Right = Left +30 */
        padding: 0px;
}
ul li, ol li{
        line-height:1.3em;
        margin: .25em 0;
        padding: 0;
}
li ol, li ul{
        margin-left: 30px;
        margin-top:0;
        margin-bottom:0;
}
p {
	margin-top:0;
	margin-bottom:1em;
	line-height:1.3em;
	text-align: justify;
}
h1 {
        font-size: 1.8em;
        margin-top: 0;
        margin-bottom: .8em;
}
h2 {
        font-size: 1.4em;
        margin-top: 1.5em;
        margin-bottom: .8em;
}
h3 {
        font-size: 1.1em;
        margin-top: 1em;
        margin-bottom: .3em;
}
h1, h2, h3 {
        color:#B16212;
}
#maincol blockquote{
margin:0;
padding:0 0 0 30px;
width:570px;
font-style:italic;
font-weight:normal;
}
.bodytext {
	font:bold 12px "Trebuchet MS", Helvetica, sans-serif;
	color:#753f00;
}
.mge {
	font-size: .8em;
	font-style: italic;
}
/*      Vertical Nav
========================= */
ul#nav, ul#nav ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 140px;
        background-color:#FFF8EB; /*IE 6 Bug */
}
ul#nav li {
        margin: 0 0 2px 0;
        padding: 0px;
}
ul#nav li a {
        color: #753f00;
        text-decoration: none;
        padding: 8px 0px 8px 25px;
        display: block;
        font-size: 13px;
   font-weight:bold;
   outline:none;
background:url(../images/menu-bg.png) repeat-y;
}
ul#nav ul li a{
   padding:2px 0 2px 40px;
background:none;
}
ul#nav a:hover {
        color: #e6a14e;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
.shopnow{
padding-top:20px;
margin-right:0;
}
/*       Links
======================= */
a {
        color:#753f00;
        text-decoration:underline;
}
a:hover {
        color:#e6a14e;
        text-decoration:underline;
}
/*       Header
========================= */
#header h1 {
        margin:0;
        text-indent:-888em;
   text-align:center;
padding-top:50px;
}
#header h1 a{
        display:block;
        height:137px;
        width: 384px;
        background: url(../images/logo.png);
margin:0px auto 0;
}
/*       Footer
========================= */
#menu {
	position:relative;
	width:670px;
	height:80px;
	background:transparent url(../images/icons.gif) 0 0 no-repeat; 
	overflow:hidden;
	margin:0 auto;
	z-index:10;
}
#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; display:inline; width:100px; height:50px;}
#menu a {display:block; width:134px; padding-top:80px; height:0; float:left;overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:80px; he\ight:0;}
#menu a:hover { background:url(../images/icons.gif) no-repeat;}
#menu .earth a:hover {background-position:0px -80px;  z-index:50;}
#menu .air a:hover {background-position:-134px -80px;  z-index:50;}
#menu .fire a:hover {background-position:-268px -80px;  z-index:50;}
#menu .water a:hover {background-position:-402px -80px;  z-index:50;}
#menu .spirit a:hover {background-position:-536px -80px;  z-index:50;}
* html #menu a:hover {height:80px; he\ight:0;}
#footer p{
height:20px;
text-align:center;
margin:10px 0 0;
clear:both;
}
/*    SubFooter
===================== */
#subfooter{
font-size:10px;
font-weight:normal;
text-align:right;
color:#963;
}
#subfooter a, #subfooter a:hover{
color:#963;
text-decoration:underline;
}
/*   Rotator
======================== */
#imageContainer {
	position:relative;
	float:right;
	margin:0 30px 0 10px;
	width:130px;
}
#imageContainer {
	height:130px;
}
#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}
/*    Products
======================= */
h2 {
position:relative;
}
h2 img{
position:relative;
top:12px;
}
h2 img.right {
margin:0 0 15px 20px;
display:inline;
}
.add2fav {
font-size:10px;
font-weight:normal;
text-decoration:none;
padding-left:10px;
background:#FFF8EB; /* IE cleartype */
}
a.isfav{
position:absolute;
display:block;
top:20px;
left:550px;
height:21px;
width:21px;
background: url(../images/icon-fav.png) no-repeat center center;
}
a.isfav:hover{
background-image:url(../images/icon-delete.png);
}
/*       Forms
======================= */
form {
    margin: 1.5em 20px 1em 20px;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}
form h2,
form table,
form p,
form h3{
margin-left:0;
margin-right:0;
}
input, textarea, select{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}
form p{
    margin:0 0 1em 0;
    padding:0;
}
form legend {
	color:#B16212;
	font-size: 1.2em;
	font-weight:bold;
}
form legend a {
	font-weight:normal;
	font-size:.9em;
}
form fieldset {
	border:none;
	border:1px solid #DDBE94;
	margin:  0 0 1em 0;
	padding: 0 1em 1em;
}
form fieldset.radio{
   margin: 1em 0 1em 0;
}
form fieldset.radio input{
	width:auto;
	float:left;
	margin-right:3px;
	border:none;
	background:#FFF8EB;
	outline:none;
}
form fieldset input.radio {
	width:auto;
	float:left;
	clear:both;
	margin-right:3px;
	line-height:1.6em;
	border:none;
		background:#FFF8EB;
		outline:none;
}
form fieldset.float label{
	display:inline; 
	float:left;
	white-space: nowrap;
	margin-right: 15px;
}
form .submit {
	width: auto;
	background:#B16212;
	color:#fff;
	font-weight:bold;
	display:inline;
	margin-right: 2em;
	border: 1px solid #753F00;
	overflow:visible; /* ie */
}
a.button{
        background:#B16212;
	color:#fff;
	font-weight:bold;
padding:5px 10px;
margin-right:5px;
text-decoration:none;
	border: 1px solid #753F00;
}
a.button.blue{
background:#4E2683;
}
a.button.green{
background:#9C9A00;
}
a.button.orange {
background-color:#b06110;
}
a.button:hover,
a.button.blue:hover,
a.button.green:hover,
a.button.orange:hover{
background:#753F00;
color:#fff;
}
form .ChkBox {
	width:auto;
	border:none;
	display:inline;
}
form .submit.light{
	color:#B16212;
	background:#FFF8EB;
	font-weight:normal;
	margin-right:2em;
	border: 1px solid #DDBE94;
}
form input.hidden {
	border:none;
	padding:0;
	display:inline;
}
form input, 
form textarea
{
	color:#000;
	display: block;
	width: 92%;
	background: #fff;
	border: 1px solid #DDBE94;
	padding:.25em .5em;
	font-weight:bold;
}
form input.tblqty{
   width:30px;
}
form label
{
	display: block;
	margin-bottom: 1em;
	line-height:18px;
}
form .first
{
	padding-top: 1em;
}
form select
{
	display: block;
	font-weight:bold;
	color:#000;
}
.tip                { width:295px; font-family:tahoma,arial; }  
.tip-top            { height:26px; width:295px; }  
.tip-title      { color:#e95e25; font-weight:bold; margin:0 30px 0 50px; }  
.tip-text       { color:#000; padding:10px 30px 20px 50px; }  
.tip-bottom     { width:295px; height:81px; }  
/*	   Store 
=============================== */
.enterstore a{
margin-left:40px;
}
.enterstore a.oddstore{
margin-left:198px;
}
#store_chocolats .cols1{
width:49%;
float:left;
display:inline;
}
#store_chocolats .panel{
padding:15px 0;
}
#store {
}
#store a img, #store_cart a img {
	border: 0;
}
#store .cols1{
width:49%;
float:left;
display:inline;
}
#store .panel{
padding:15px 0;
}
.scart{
float:right;
display:inline;
margin-top:-30px;
position:relative;
}
.scart a{
text-decoration:none;
color:#753f00;
background:url(../images/icon-cart.png) no-repeat 5px center;
padding:5px 10px 5px 25px;
border:1px solid #FFF8EB;
float:right;
}
.scart a:hover{
border:1px solid #B16212;
color:#753f00;
text-decoration:none;
}
.store-draggable {
	float: left;
	position: relative;
	background-color: transparent;
	cursor: move;
	z-index:10;
}
.store-draggable img{
	width: 40px;
	height: 40px;
	z-index:5;
}
a.storefav,
a.storefav-yes{
position:absolute;
display:block;
height:40px;
width:40px;
top:0;
left:0;
background: url(../images/icon-fav.png) no-repeat right top;
cursor:move;
z-index:10;
}
.cfav{position:relative;}
.cfav a.storefav,
.cfav a.storefav-yes{
height:25px;
width:63px;
cursor:default;
}
a.storefav{
background:none;
}
#store-droppables a.storefav{
background: url(../includes/blank.gif) no-repeat right top; /* trick ie into hover */
cursor:pointer;
}
#store-droppables a.storefav-yes{
cursor:pointer;
}
#store-droppables a.storefav:hover,
#store-droppables a.storefav-yes:hover{
background:url(../images/icon-delete.png) no-repeat right top;
}
#store-droppables { 
	width: 80px;
	height: 40px;
	float:left;
	border:2px solid #ccc;
	background-color: #fff;
}
.store-dropped {
	float: left;
}
.store-dropped img{
	width: 40px;
	height: 40px;
}
#store-box-details {
	padding: 10px 0;
}
.store-product-img {
	width: 60px;
}
.descwrap{
clear:both;
height:120px;
}
.storedesc{
clear:both;
padding-top:1em;
font-weight:normal;
}
.storedesc span{
height:105px;
float:left;
width:70px;
padding-right:5px;
float:left;
display:inline;
}
.storedesc img{
float:left;
display:inline;
width:70px;
}
#btnCheckout{
	float:right;
	background:#B5121B;
}
.buttonwrap{
padding-top:30px;
clear:both;
}
/*    Store Boxes
========================= */
.boxwrap{
height:135px;
position:relative;
}
.boxwrap img{
float:left;
margin-right:13px;
}
#choice{
margin:0;
position:absolute;
left:90px;
display:none;
top:100px;
}
/*      Store choice 
========================= */
#store_chocolats_choice {
	float: left;
	list-style: none;
	line-height: 1em;
	padding: 0;
	margin: 0;	
}
#store_chocolats_choice li {
	float: left;
	padding: 0;
    margin:0 15px 0 0;
}
#store_chocolats_choice a {
	color: #B16212;
	background: #FFF8EB;
	text-decoration: none;
	padding: 5px 10px;
   font-weight:bold;
	white-space:nowrap;
    margin:0;
	display: block;
border:1px solid #B16212;
}
#store_chocolats_choice li a:hover,
#store_chocolats_choice li.current a  {
    background:#753f00;
color:#fff;
}
/*   Store Tabs 
========================== */
#storenav {
padding: 0px 0 0px 5px;
margin: 0;
width:565px;
border-bottom: 1px solid #753F00;
position:relative;
float:left;
}
#storenav li {
list-style: none;
margin: 0;
padding:0;
float:left;
position:relative;
bottom:-1px;
}
#storenav li a {
padding: 4px 6px;
display:block;
margin-left: 5px;
border: 1px solid #fff;
border-bottom: none;
background: #e6a14e;
text-decoration: none;
color:#fff;
outline:none;
font-size:11px;
line-height:11px;
}
#storenav li a:hover {
color: #fff;
background: #B16212;
}
#storenav li.current a,
#storenav li.current a:hover {
background: #FFF8EB;
border-color:#753F00;
border-bottom: 1px solid #FFF8EB;
font-weight:bold;
color:#B16212;
cursor:default;
}
#storenav li span,
#cart-add-success{
	visibility:hidden;
    position:absolute;
	top:-28px;
	right:0;
	white-space:nowrap;
	background:#cfc url(../images/bg-cartmsg.gif) no-repeat right bottom;
	padding:2px 4px 10px;
	font-size:9px;
	color:#000;
	border-top:1px solid #0c0;
}
/*      Store Tables       
============================ */
table.tablegrid {
	border-collapse:collapse;
	border-spacing: 0;
}
.tablegrid td, .tablegrid th {
	padding: 5px;
	border-top: 1px dotted #753F00;
	border-bottom: 1px dotted #753F00;
}
.tablegrid thead th,
.tablegrid tfoot td{
	font-weight:bold;
	text-align:left;
   color:#B16212;
}
.tablegrid thead th{
	border: none;
	border-bottom: 2px solid #753F00;
}
form .tablegrid .submit{
margin:0;
}
/*        Store Other Products
=============================== */
.other_desc{
float:left;
width:170px;
}
.other_desc p{
margin-left:10px;
}
.other_desc .storedesc_chakra img{
float:none;
width:150px;
margin-left:7px;
padding:0;
}
.other_desc .storedesc_drinking img{
float:none;
margin-left:7px;
padding:0;
}
.other_desc .storedesc_promo img{
float:none;
margin-left:7px;
padding:0;
}
/*	   shipping 
=============================== */
td.loading {
	background: url(../images/loading.gif) no-repeat left center;
	height:39px;
	padding-left:50px;
}
/*	   uvumi
=============================== */
.tbWrapper{ }
.tbProgress { height:1.2em; border:1px solid #DDBE94; background-color:#FFF; }
.tbProgress.hide { display:none; }
.tbProgressBar { background-color:#DDBE94; }
.tbCounter{ color:#000; font-size:0.8em; font-weight:bold; }
/*     Alerts
==================== */
h3.alertyes{
	font-size:12px;
	background: #CCFFCC url(../images/icon-yes.png) no-repeat 5px 1px;
	padding:5px 5px 5px 35px;
	color:#000;
	border: 2px solid #0c0;
	border-width: 2px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top:.8em;
	margin-bottom:.8em;
}
h3.alert{
	font-size:12px;
	background: #FFCCCC url(../images/icon-no.png) no-repeat 5px 1px;
	padding:5px 5px 5px 35px;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 2px solid #CC0000;
	border-width: 2px 0;
	margin-top:.8em;
	margin-bottom:.8em;
}
h3.alertwarn{
	font-size:12px;
	background: #ffc url(../images/icon-info.png) no-repeat 5px 1px;
	padding:5px 5px 5px 35px;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 2px solid #ff3;
	border-width: 2px 0;
	margin-top:.8em;
	margin-bottom:.8em;
}
form h3.alert, form h3.alertyes, form h3.alertwarn {
	margin-left:0;
	margin-right:0;
}
/*     Float containers fix - Thanks to: http://www.csscreator.com/attributes/containedfloat.php
=============================== */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*     printer styles
========================= */
 @media print{
/* Hide unwanted elements */
#leftcol, #footer, .noprint{display:none;}
/* Kill floats and backgrounds */
body #pagewidth, #maincol, #wrapper, body, #footer, #header, #header h1, #header h1 a,#footer p{width:100%; float:none; background:none;}
/* Set margins to 0 */
p, h1, h2, h3, table {margin-left:0;margin-right:0;}
ul, ol {margin-left:30px; margin-right:0;}
#maincol {padding-top:0;}
body{padding:0;}
/* Make texts black */
p, ul, ol,#subfooter, #subfooter a{color:#000;}
/* Print Logo as text */
#header,#header h1, #header h1 a{ width: auto; height:auto; text-indent:0; position:static;top:0;left:0; padding:0;}
#header h1{ margin-bottom:1em;}
}
.small {
	height: 50px;
	width: 60px;
}
.img_padding {
	margin-left: 20px;
}
.img-rt-journey {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: right;
}
.img-left-journey {
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}