* {
	padding: 0;
	margin: 0;		
}

a 
{
	color: #636363;
}

fieldset 
{
	border: 0;	
}

fieldset legend 
{
	display: none;	
}

html, form, body
{
	height: 100%;
	width: 100%;
		
}

body {
	color: #000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 67.5%;
	height: 100%;
	min-height: 100%;
}

input.field,
select,
textarea
{
	background: transparent url(../images/forms/bg-input.png) 0px 0px no-repeat;
	border: solid 1px #ddd;
	color: #666;
}

input.field,
textarea
{
	padding-left: 4px;
}

h2
{
	text-indent: -9999px;
	margin-bottom: 5px;
}

html>body #content
{
	height: auto;
}

#airlock 
{
	width: 851px;
	margin: 0 auto;
	height: 100%;
}

#outer 
{
	float: left;
	width: 851px;
	height: 100%;
}

#skip-to-content 
{
	display: none;	
}

#inner 
{
	float: left;
	width: 850px;
	display: inline;	
}

#wrap 
{
	float: left;
	width: 840px;
	display: inline;
}

#navigation
{
	float: left;
	width: 186px;	
	display: inline;
}

#navigation ul 
{
	float: left;
	list-style-type: none;
	display: inline;
}

#navigation ul li 
{
	float: left;
	width: 175px;
	display: block;
}

#navigation ul li a
{
	float: left;
	width: 175px;
	display: block;
	text-indent: -9999em;
}

/* SIGNUP FORM */
#signup ul 
{
	float: left;
	list-style-type: none;	
}

#signup ul li a 
{
	color: #FFF;
	text-decoration: none;
}

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

#signup fieldset span
{
	font-weight: bold;
}

/* HOME */
#home 
{
	text-indent: -9999em;	
}

/* FOOTER */
#footer 
{
	float: left;
	clear: both;
	width: 831px;
	margin: 10px;
	display: inline;
}

#footer ul 
{
	float: left;
	width: 831px;
	display: inline;
	list-style-type: none;	
}

#footer ul li 
{
	float: left;	
}

#footer ul li.lemonade
{
	float: right;
	border-right: 1px solid #757575;
	padding: 0 5px 0 ;
}

#footer ul li.webdesign
{
	float: right;
	padding: 0 0 0 5px;
}

/* CUSTOM CONTENT */
#custom
{
	float: left;
	background-color: #FFF;
}

#custom div.half,
#custom div.image
{
	float: left;
	width: 50%;
}

#custom div.image
{
	text-align: right;
}

#custom h2
{
	height: 25px;
	margin-left: -3px;
}

#custom p
{
	margin-bottom: 10px;
}

#custom ul
{
	list-style-position: inside;
}

/* FAQ */
#faq
{
	float: left;
	background-color: #FFF
}

#faq div.margins
{
	padding-right: 100px;
}

#faq div p
{
	margin-bottom: 15px;
}

#faq div ul.categories li
{
	margin: 5px 0;
}

#faq div p span.question
{
	display: block;
	font-weight: bold;
}

#faq fieldset p,
#contact fieldset p
{
	margin: 5px 0;
}

#faq fieldset p label.lbl,
#contact fieldset p label.lbl
{
	float: left;
	padding-right: 10px;
	width: 80px;
}

#faq span.validator,
#contact span.validator
{
	margin-left: 80px;
	padding-left: 10px;
}

#faq fieldset input.short,
#contact fieldset input.short
{
	width: 100px;
}

#faq fieldset textarea,
#contact fieldset textarea
{
	width: 200px;
	height: 70px;
}

/* STOCKISTS */
#stockists,
#stockists-list
{
	background-color: #FFF;
	float: left;
}

#stockists div.map
{
	text-align: center;
	margin: 20px 0;
}

#stockists p.note,
#stockists-list p.note
{
	margin: 5px 0;
}

#stockists-list div.list
{
	float: left;
	width: 50%;
}

#stockists-list div.list span
{
	display: block;
}

#stockists-list div.list span.name
{
	margin: 15px 0;
}

#stockists-list div.list div.store
{
	margin-bottom: 15px;
}

/* VALIDATION */
div.summary
{
	margin-top: 10px;
	font-family: Arial,Tahoma,Sans-Serif;	
}

p.invalid label
{
	color: #cc3333 !important;
}

p.invalid input,
p.invalid select,
p.invalid textarea
{
	border: solid 1px #cc3333 !important;
}

div.error
{
	margin: 10px 0;
	font-family: Arial,Tahoma,Sans-Serif;
	color: #cc3333;
	font-weight: bold;
}

/* PROMOTIONS */
#promotions
{
	background-color: #FFF;
	float: left;
}

#promotions div.promo
{
	margin: 15px 0;
}

#promotions div.promo span
{
	margin: 10px 0 5px 0;
	display: block;
}

#promotions ul
{
	list-style-position: inside;
}

#custom p
{
	margin-bottom: 10px;
}

/* EDITORIAL */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 5px 5px 0 5px; }
#imagePadding{ padding: 15px; background-color: #fff; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ height: 25px; width: 100%;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { float: left;}
#nextLink { float: right;}

#imageDataContainer{ background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; 
	overflow:hidden;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; margin-left:10px; }	
#imageData #caption{ font-weight: bold; margin-top: 15px; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}	

#imageData #bottomNav { 
	float: right;
	margin: 50px 0 0;
}
		
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #FFF; }
#imageDetails span { display:block; margin: 5px 0; }

#editorial
{
	float: left;
	background-color: #FFF;
}

#editorial div.hidden
{
	display: none;
}

#editorial div.preview
{
	width: 130px;
	float: left;
}

#editorial div.preview a
{
	display: block;
	float: left;
}

#editorial div.preview span
{
	display: block;
}

#editorial div.preview span.left
{
	float: left;
}

#editorial div.preview span.right
{
	float: right;
}

#editorial div.preview span.title
{
	margin-top: 10px;
	float: left;
	width: 100%;
}

#editorial div.preview span.published
{
	margin-bottom: 10px;
	width: 100%;
	float: left;
}

/* CONTACT US */
#contact
{
	float: left;
	background-color: #FFF;
}

#contact p
{
	margin-bottom: 10px;
}

#contact fieldset
{
	margin-bottom: 20px;
}


/* UNSUBSCRIBE */
#unsubscribe
{
	background-color: #FFF;
	float: left;
}

#unsubscribe fieldset
{
	margin-top: 20px;
}

#unsubscribe fieldset p
{
	margin: 5px 0;
}

#unsubscribe fieldset input
{
	width: 180px;
}

#unsubscribe fieldset p label.lbl
{
	float: left;
	padding-right: 10px;
	width: 80px;
}

#unsubscribe span.validator,
#unsubscribe fieldset p.note
{
	margin-left: 80px;
	padding-left: 10px;
	display: block;
}

#unsubscribe p.note
{
	margin: 5px 0;
}