/*  

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/



body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'Lane-NarrowRegular';
	src: url('/css/LANENAR_-webfont.eot');
	src: local('☺'), url('/css/LANENAR_-webfont.woff') format('woff'), url('/css/LANENAR_-webfont.ttf') format('truetype'), url('/css/LANENAR_-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 0.9em !important;}
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.clear 					{ clear: both; }
.clear-left				{ clear: left; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none !important; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin		{ margin-right: 0 !important; }
.no-left-margin			{ margin-left: 0 !important; }
.no-top-margin			{ margin-top: 0 !important; }
.no-bottom-margin		{ margin-bottom: 0 !important; }
.top-margin				{ margin-top: 15px !important; }
.bottom-margin			{ margin-top: 15px !important; }
.no-bottom-border       { border-bottom: none !important; }
.no-right-border        { border-right: none !important; }
.hot					{ cursor:pointer; }
.script-only			{ display : none; } /* javascript css should turn this on */
.light					{ font-weight:normal !important ;}
.inline					{ display: inline; vertical-align:middle; }
.relative				{ position: relative; }
.block					{ display: block !important; }
.todo					{ background-color: fuchsia; }
.bordertop				{ background:url(/images/layout/bkg/dashed-line-bkg.gif) repeat-x 0 0;}
.price                  {font: 2em/1em 'Lane-NarrowRegular', Arial, sans-serif; letter-spacing: 0; line-height: 1em; color: #998a7e; margin:0;padding:0;}
.border3px              {border:3px solid #998a7e;}
.border-bottom          {border-bottom:1px solid #998a7e;}

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em						{ font-style: italic; }
#ie6 em 				{ margin-left: -1px; }
code					{ font-family: Courier, serif; color: #FF0000; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
blockquote				{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Arial, Hevetica, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #000;
	color: #fff;	
}

h1 { font: 2.1em/1em 'Lane-NarrowRegular', Arial, sans-serif; letter-spacing: 0; line-height: 1em; color: #eee; margin:0 0 10px 0;padding:0; }
h2 { font: 1.8em/1em 'Lane-NarrowRegular', Arial, sans-serif; letter-spacing: 0; line-height: 1em; color: #eee; margin:20px 0 10px 0;padding:0; }
h3 { font: 1.6em/1em 'Lane-NarrowRegular', Arial, sans-serif; letter-spacing: 0; line-height: 1em; color: #eee; margin:20px 0 10px 0;padding:0; }
h4 { font-size: 1.3em; color:#fff; font-weight:bold;}

p { font-size: 1.2em; color: #fff; line-height: 1.5em; margin: 0 0 1em 0; }

.sub-child li a{
	padding-right:1em;
	}

.sub-child{
	margin-bottom:.5em;
	}

select{font-family:Arial !important;}
.selected a{color:#fff !important;}
a { color: #f0f; text-decoration:none; }

h2 a {color: #000;}

h4 a {color: #fff;}

a:hover, a:active,.bl-hover a { text-decoration:underline; color: #f0f !important; }
.bl-hover img{ border:3px #f0f solid;}

a.selected{color:#fff;}


#home-left ol, #home-left ul,
#body-content ol, #body-content ul
{
    margin-bottom:1em;
}

ol li,
ul li {
	list-style: disc;
	margin-left: 2em;
	font-size:1em;
}

blockquote
{
    font: 1.6em/1em 'Lane-NarrowRegular', Arial, sans-serif; letter-spacing: 0; line-height: 1em;
    padding:1em;
    background:#998a7e;
    margin:1em 0;
}

#home-left ol li,
#home-left ul li,
#body-content ul li,
#body-content ol li 
{
   font-size:1.2em;
}

ul.no-markers li {
	list-style: none;
	margin-left: 0;
}

ol li {
	list-style-type: decimal;
	margin-left: 2em;
}



/* *04: Structure (layout, size, positioning) --------------------------------------------------------------------------------------------------------*/


#wrapper
{
    width:960px;
    margin:0 auto;
    position:relative;
}

#content
{
    position:relative;
    background:url(/images/interface/bg/bg-page.jpg) no-repeat;
    overflow:hidden;
    padding:20px 90px;
    zoom:1;
}

#body-content
{
    width:480px;
    padding:0 0 0 20px; 
    float:left;
    display:inline;  
}

#header
{
    position:relative;
    height:177px;
    background:url(/images/interface/bg/bg-header.jpg) no-repeat;
}

#logo
{
    position:absolute;
    left:290px;
    top:28px;
}

/*-------------------*/ 
/* MICRO CART        */
/*-------------------*/ 
#micro-cart
{
 position:absolute;
 top:20px;
 right:90px; 
 font-size:1.2em;
}

#micro-cart a
{
    color:#fff;
}


/*-------------------*/ 
/* TOP NAVIGATION    */
/*-------------------*/ 
#navigation
{
    position:relative;
    height:34px;
    background:url(/images/interface/bg/bg-navigation.jpg) no-repeat;
    font: 1.5em/1em 'Lane-NarrowRegular', Arial, sans-serif;letter-spacing: -0.05em;
}

#navigation li
{
    float:left;
    list-style:none;
    margin:4px 0 0 0;
    padding:0;
    display:inline;
}

#navigation li.first
{
    margin-left:236px;
}

#navigation li span
{
    display:none;
}


#navigation a.home
{
    background:url(/images/interface/nav/nav.gif) no-repeat 0 0;
    display:block;
    width:57px;
    height:26px;
}



#navigation a.about-us
{
    background:url(/images/interface/nav/nav.gif) no-repeat -57px 0;
    display:block;
    width:80px;
    height:26px;
}

#navigation a.choc-product
{
    background:url(/images/interface/nav/nav.gif) no-repeat -137px 0;
    display:block;
    width:103px;
    height:26px;
}

#navigation a.cafe
{
    background:url(/images/interface/nav/nav.gif) no-repeat -241px 0;
    display:block;
    width:75px;
    height:26px;
}


#navigation a.shop
{
    background:url(/images/interface/nav/nav.gif) no-repeat -316px 0;
    display:block;
    width:63px;
    height:26px;
}


#navigation a.contact
{
    background:url(/images/interface/nav/nav.gif) no-repeat -419px 0;
    display:block;
    width:73px;
    height:26px;
}


#navigation a.fyi
{
    background:url(/images/interface/nav/nav.gif) no-repeat -378px 0;
    display:block;
    width:41px;
    height:26px;
}


#navigation a.home:hover
{
    background-position: 0 -26px;
}

#navigation a.cafe:hover
{
    background-position: -241px -26px;
}

#navigation a.about-us:hover
{
    background-position: -57px -26px;
}

#navigation a.choc-product:hover
{
    background-position: -137px -26px;
}


#navigation a.shop:hover
{
    background-position: -316px -26px;
}




#navigation a.contact:hover
{
    background-position: -419px -26px;
}

#navigation a.fyi:hover
{
    background-position: -378px -26px;
}

/*-------------------*/ 
/* BODY NAVIGATION   */
/*-------------------*/

#body-menu
{
    width:200px;
    margin-top:30px;
    padding-right:20px;
    border-right:1px solid #998a7e;
    float:left;
    display:inline;
    font-size:1.2em;
    
}

#body-menu li
{
    list-style:none;
    margin:0;
    padding:0;
    text-align:right;
}


/*-------------------*/ 
/* HOME ROTATORON    */
/*-------------------*/
#home-rotator
{
    position:relative;
    border:6px solid #998a7e;
}

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 768px;	 
	height:298px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
.items {	
	position:absolute;
	width:20000em;	
	clear:both;
}


/* single item */
.items div {
	float:left;
	width:768px;
	height:298px;
}

.navigator
{
	text-align:center;
	position:absolute;
	top:255px;
	width:768px;
}

#ie6 .navigator
{
    top:273px;
}

.navigator li
{
	list-style:none;
	margin:0;
	padding:0;
	cursor:pointer;
	display:inline;
	font-size:3em;
	color:#6e6259;
	font-style:normal;
}


.navigator li.active{
	color:#fff;
}


/*-------------------*/ 
/* HOME STYLES       */
/*-------------------*/

#home-left
{
    width:460px;
    padding-right:20px;
    float:left;
}

#home-left img
{
    float: right;
    border:3px solid #998a7e;
    margin-left:10px;
}

#home-right
{
    width:300px;
    float:left;   
}

#home-right h2
{
    text-align:right;
}

#home-right p{
    margin:0 0 10px 20px;
    text-align:right;
}

#home-right h3{
	margin-left:20px;
        text-align:right;
}


/*-------------------*/ 
/* FOOTER STYLES     */
/*-------------------*/


#footer-content
{
    height:215px;
    position:relative;
    background:url(/images/interface/bg/bg-footer.jpg) no-repeat;
    padding-left:70px;
    overflow:hidden;
}


#footer
{
    position:relative;
}

.footer-col
{
    position:relative;
    float:left;
    width:220px;
    margin-left:20px;
    display:inline;
}

.footer-col p 
{
	font-size:1.1em;
	line-height:1.3em;
	margin:0 0 .5em;
}

#footer-content img
{
    border:3px solid #998a7e;
    position:relative;
    float:left;
    margin-top:20px;
    margin-left:20px;  
}

#footer-nav
{
    margin: 10px 0 10px 90px;
    position:relative;
    font-size:1.2em;
}


#lwe
{
    display:block;
    position:absolute;
    right:90px;
    top:-3px;
    width:39px;
    height:18px;
}


/*-------------------*/ 
/* PRODUCTS LISTS    */
/*-------------------*/
.specials-list
{
    overflow:hidden;
    border-left:1px solid #998a7e;
}


.specials-list li
{
    margin:0 0 10px 0;
    padding:0;
    list-style:none;
    overflow:hidden;
    clear:both;
    text-align:right;
    
}

.specials-list li img
{
    margin-left:10px;
}

.specials-list li .price
{

}

#category-list li,
.product-list li
{
    list-style:none;
    width:230px;
    padding:0;
    margin:0 10px 30px 0;
    float:left;
    position:relative;
}

#category-list li.row,
.product-list li.row
{
    margin-right:0;
}

#category-list h2,
.product-list h2
{
    font-size:1.6em;
    margin:0 0 .2em 0;
    padding:0;
}

#category-list h2 a,
.product-list li h2 a
{
    color:#fff;
}

.product-list li div.image
{
    float:left;
    width:120px;
}


.product-list li div.description
{
    float:left;
    width:100px;
    margin-left:10px;
}


.product-list li h2
{
    font-family:Arial;
    font-size:1.2em;
}

.media-list{
overflow:hidden;
}

.media-list li{
	float:left;
	list-style:none;
	margin:0 10px 10px 0;

	}


/*-------------------*/ 
/* CONTENT STYLES    */
/*-------------------*/

.latest{
    border-left:1px solid #998a7e;
}

#body-content .price,
#body-content .on-special
{
    font-size:1.1em;
}



#product-content
{
   overflow:hidden;
   position:relative; 
}

#product-content .img
{
}

#body-content p img
{
    border:3px solid #998a7e;
    position:relative;
    margin:10px;
}


#product-content .image
{
    float:left;
    width:243px;
}

#product-content .product-detail
{
    float:left;
    width:228px;
    margin-left:5px;
}

#product-content .description
{
    margin-bottom:1em;
    position:relative;
}


{
    text-decoration:line-through;  
}


#body-content .sale-price,
#product-content .price,
.specials-list .price
{
    color:#fff;
}

#body-content .on-special,
#product-content .on-special,
.specials-list .on-special
{
    text-decoration:line-through;
    color:#918378;
}

#product-content .price
{
    font-size:2em;
}

#product-content .add-to-cart
{
    font-size:1.4em;
    margin-top:1em;
    color:#918378;
}

#product-content .add-to-cart input
{
    padding:0;
    border:0;
    width:90px;
    height:20px;  
    background:url(/images/interface/buttons/add-to-cart.gif) no-repeat;
    text-indent:-999em;  
}

#product-content .add-to-cart input:hover
{
    background-position:bottom;
}



#product-content .add-to-cart select option
{
    font-size:1em;   
}

#product-content p.code
{
    color:#918378;
}



/*-------------------*/ 
/* CART STYLES       */
/*-------------------*/

.cart-tab {
	clear:both;
	width:100%;
	border-collapse:collapse;
	margin:1em 0;
	padding:0;
}

.cart-tab em
{
	font-size:0.9em;
}

.cart-tab th
{
    font: 1.5em/1em 'Lane-NarrowRegular', Arial, sans-serif; letter-spacing: 0; line-height: 1em; color: #fff; margin:0;padding:0;
	border-bottom:1px solid #998a7e;
	background:#998a7e;
}

.cart-tab td 
{
    font-family:Arial,Helvetica,sans-serif;
    color:#fff;
    font-size:1.4em;
    border-bottom:1px solid #998a7e;
}
.cart-tab th, .cart-tab td {

	border-width:1px 0;
	padding:5px 5px;

}
.cart-tab .altRow th, .cart-tab .altRow td {

}
.cart-tab .totalRow td {

	border-bottom:0;
}
.cart-tab th, .cart-tab .total, .cart-tab .title {
	line-height:1.2em;
}

.cart-tab .total {
	font-size:2em;
}
.cart-tab .total, .cart-tab .price {
	text-align:right;
}

#shipping 
{
	font-style:italic;
	float:right;
	padding-bottom:1em;
	width:450px;
	text-align:right;
	font-size:1.4em;
}
#shipping select
{
	font-size:1em;
}


#shipping h2 {
	font-weight:bold;
	margin-bottom:0.5em;
}

#calcs {
	clear:both;
	font-size:1.4em;
}

input.delete
{
    border:none;
    background:url(/images/interface/buttons/delete.gif) no-repeat;
    width:21px;
    height:20px;
    text-indent:-999em;
    
}


input.delete:hover
{
    background-position:bottom;
}

input.click-here-button
{
    background:url(/images/interface/buttons/click-here.gif) no-repeat;
    width:73px; height:20px;
    margin:0;
    padding:0; 
    border:none;
    text-indent:-999em;  
}

input.click-here-button:hover
{
    background-position:bottom;
}


.grandTotal 
{
    font: 1.5em/1em 'Lane-NarrowRegular', Arial, sans-serif; letter-spacing: 0; line-height: 1em; color: #eee; margin:0;padding:0;
	border-top:1px solid #998a7e;
	border-bottom:3px double #998a7e;
	font-weight:normal;
	padding:0.2em  0;
	text-align:right;
	margin-bottom:1em;
}

.subTotal, .tax {
	padding:0.2em;
	text-align:right;
}

.message
{
	text-align:center;
	color:#fff;
	background:#998a7e;
	padding:1em;
	font-size:2em;
	font-weight:bold;
	clear:both;
	margin:1em 0;
}

.message strong
{
	color:#000;
}

.free-ship
{
	padding-top:1em;
}

.note
{
	width:400px;
}

.cart-details-left
{
	float:left;
	padding:1em 4.5em 1em 0;
	border-right:1px solid #998a7e;
	
}

.cart-details-right
{
	width:300px;
	float:right;
}

.cart-details-right p
{
	font-style:italic !important;
	text-align:right;
	padding-right:0!important;
	font-size:1.5em !important;
}

.cart-details-left label, .cart-details-right label{
	display:block;
	overflow:hidden;
	margin-bottom:.5em;
	font-size:1.2em;
	
}

.cart-details-right label
{
	text-align:right;
}

.cart-details-left input,.cart-details-left select,.cart-details-right input
{
	float:right;
	padding:.3em;
}

.cart-details-right input
{
	margin-left:2em;
	
}

.cart-details-left input
{
	width:200px;	
}

.proceed-button
{
    background:url(/images/interface/buttons/proceed-to-checkout.gif) no-repeat;
    border:0;
    margin:0;
    padding:0;
    width:155px;
    height:20px;
    text-indent:-999em;
}

.proceed-button:hover
{
    background-position:bottom;
}

.special-products,    
.related-products
{
    clear:both;
    margin-top:1em;
}

.special-products h2,
.related-products h2
{
    font-size:1.8em;
    padding-bottom:.1em;
}





/*----------------*/
/* CONTACT STYLES */
/*----------------*/

.map
{
    width:350px;
    border:3px solid #998a7e;
    background:#fff;
    float:right;
}

.map a span
{
display: none;
}
.map a
{
    display:block;
    width:113px;
    height:20px;
    background:url(/images/interface/buttons/view-larger-map.gif) no-repeat;
    border:none;
    margin:1em auto;
}

.map a:hover
{
    background-position:bottom;
}

#contact-form
{
    float:left;
    width:350px;
    padding-right:2.5em;
    border-right:1px solid #998a7e;
}

.inputRow span
{
    display:block;
    font-size:1.2em;
}

.inputRow
{
    margin-bottom:1em;
}

.inputRow input, .inputRow textarea
{
    font-size:1.2em;
    padding:.5em;
    width:300px;
}

.inputRow textarea
{
    height:150px;
}

.errorMessage span span
{
    background:#f11;
    display:block !important;
    padding:.5em;
    font-size:1.2em;
    width:300px;
    margin-bottom:1em;
}

.contact-submit
{
    background:url(/images/interface/buttons/send-message.gif) no-repeat;
    border:0;
    margin:0;
    padding:0;
    width:102px;
    height:20px;
    text-indent:-999em;
}

.contact-submit:hover
{
    background-position:bottom;
}

input.delete,
input.click-here-button,
.proceed-button,
#product-content .add-to-cart input,
.contact-submit
{
    cursor:pointer;
}

#facebook span
{
    display:none;
}

#facebook
{
    background:url(/images/interface/buttons/facebook.gif) no-repeat;
    width:160px; height:32px;
    position:absolute;
    display:block;
    left:90px;
    top:155px;
}

#facebook:hover
{
    background-position:bottom;
}

/*-------------*/
/* IE6 FIXES   */
/*-------------*/

#ie6 input.delete,
#ie6 input.click-here-button,
#ie6 .proceed-button,
#ie6 #product-content .add-to-cart input
#ie6 .contact-submit
{
    padding-top:999em;       
}

#ie6 input.delete
{
    display:block;
}


#ie6 .navigator li
{
    font-size:1.5em;
    padding:0 3px;
}