@charset "utf-8";
/************************************************************
 SWAPPLER.COM
 
 Template: Milly Sleeping
 Author: Laurence Barnes - Portable
 Version: 1.10
 Date: 22 February 2010
************************************************************/

/*********************
 GLOBAL RESET
 
 We recommend keeping the global resets, this helps ensures
 that different browsers behave the same way as well as 
 help remove any possible bugs...
 
********************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, 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:'' }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }

/* Clear Floats */
.clearfix {	clear: both; }

/*********************
 STICKY FOOTER 
 
 http://ryanfait.com/sticky-footer/
 This allows the footer to be anchored to the bottom of the page
********************/
html, body {
	height: 100%;
}

.push {
	height: 95px; /* .push must be the same height as .footer */
}

/*********************
 BODY
********************/
html{}

body{
	font-size: 12px;
	line-height: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #a19994;
	background: #fff;
}

/*********************
 VIEW CART
********************/
.yourCart{}

	.yourCart a{}

		.yourCart a span{}
		
			.yourCart a:hover{}	

/*********************
 LINKS
********************/
a, .comments_add .submit input { color: #ad8360; text-decoration: none; }
a:hover { color: #ad8360; text-decoration: underline; }
a.selected { color: #ad8360; }

/*********************
 HEADINGS
********************/
h1, h2, h3, h4, h5{}

	h2, h3, h4, h5{ color:#635b56; font-style: italic; }

	h2, h3{ font-weight: normal; display: block; height: 26px; }
	
	h3, h4, h5{ font-size: 14px; }
	
	h2{ font-size: 24px; background:url(../images/h2-background.jpg) top left no-repeat; margin: 0 0 15px; }
		
		h2 span{ font-size: 20px; color: #a19994; }
	
	h3{ background:url(../images/h3-background.jpg) top left no-repeat; padding: 3px 0 0; }
	
	h4{}
	
	h5{ background: url(../images/hr-line.jpg) bottom left repeat-x; padding: 0 0 5px; }

/*********************
 MISC
********************/
/* Font */
p{ margin: 0 0 10px;}
.italic{ font-style: italic; }
.highlight{ font-weight: bold; }
.disclaimer{ font-size: 10px; }

/* Images */
img.imgBorder, #content img{ border: solid 1px #ede3de; padding: 3px; margin: 0 8px 0 0; }
img.noBorder, .noBorder img {border: 0 !important; padding: 0 !important; margin: 0 !important; }

/* Break Line */
hr{ background: url(../images/hr-line.jpg) top left repeat-x; padding: 0 0 10px; margin: 10px 0 0; border: 0; }

/* Clear all margins **/
.first{ margin: 0 !important; }

/*********************
 WRAPS
********************/
#body_wrap {
	/* Sticky Footer */
	margin: 0 0 -95px; /* the bottom margin is the negative value of the footer's height */
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#top_wrap{ margin: 0 auto; width: 960px; }

#content_wrap{ width: 880px; margin: 0 auto; padding: 36px 40px; }

/*********************
 BANNER
********************/
#banner{ background: transparent url(../images/heading-background.jpg) top right no-repeat; width: 960px; }

	#banner h1{ padding: 0 0 0 35px;}
	
		#banner h1{ width: 164px; height: 234px; display: block; }
		#banner h1 a{}
		#banner h1 a span{ display: none; }
	
/*********************
 MENU
********************/

#menu{ background: transparent url(../images/menu-background.jpg) top left no-repeat; width: 880px; height: 32px; margin: 0 40px; }

	#menu ul{ text-transform: uppercase; padding: 5px 0 0;}
	
		#menu ul li{ background: transparent url(../images/menu-bulletpoint.jpg) 0 3px no-repeat; display: block; float: left; padding: 0 10px;  }
		#menu ul li.first{ padding: 0 10px 0 0; background: none; }
		
			#menu li a{ text-decoration: none;}
			#menu li a.active, #menu li a:hover{ color: #635b56; }

/*********************
 FOOTER
********************/
#footer{ background: url(../images/footer-background.jpg) top left no-repeat; width: 880px; height:60px; padding: 35px 40px 0; margin: 0 auto; color: #9b9b9c; font-size: 11px; }

		#footer div.left, #footer div.right{ float: left; padding: 3px 0 0 0; width: 440px; }
				
		#footer div.left{}
		#footer div.right{ text-align: right; }
			
		#footer div.left img{ vertical-align: middle; display: block; float: left; }
		#footer div.left span{ padding: 0 0 0 5px; display: block; float: left; }
		
			/* Swappler Link */
			#footer div.left span a{ font-family: Georgia; color: #000; text-decoration: none; font-weight: bold; }
	
		#footer div.right ul{}
		
			#footer div.right ul li{ display: inline; }
			
				#footer div.right ul li a{ background:transparent url(../images/menu-bulletpoint.jpg) no-repeat scroll 0 0px; padding: 0 5px 0 10px; }
			
				#footer div.right ul li.first a{ padding: 0 5px 0 0; background: none; }
	
/*********************
 MAIN CONTENT
********************/
#content{ width: 636px; float: left; }

	#content_wrap .container{ margin: 0 0 15px; }

/*********************
 SIDE MENU
********************/
#side_bar{ width: 220px; float: right; }

/*********************
 SIDE MENU - NEWSLETTER
********************/
#side_newsletter{}

	#side_newsletter input, #side_newsletter label{ display: block; }
	#side_newsletter label{}
	#side_newsletter input{ width: 200px; padding: 3px; margin: 0 0 5px; color: #A19994; }
	
	#side_newsletter .error-message{ font-weight: bold; margin: 0 0 5px; }
		
		#side_newsletter .submit input{ width: auto; padding: 0; color: #333; }

/*********************
 CATEGORY MENU
********************/
#cat_menu{}
	
	#cat_menu ul{}
	
		#cat_menu li{}
		
			#cat_menu li a{}
			
/*********************
 PAGINATION
********************/
#pagination{ background: url(../images/hr-line.jpg) top left repeat-x; padding: 3px 0 15px; }

	#pagination #prevBtn, #pagination #nextBtn{ width: 100px; }
	#pagination #prevBtn{ float: left; }
	#pagination #nextBtn{ float: right; text-align: right; }
	
	#pagination .page_no{ width: 436px; float: left; }
	
		#pagination .page_no ul{ margin: 0 auto; }
		
			#pagination .page_no ul li{ float: left; text-align: center; width: 436px; display: block; }
			
				#pagination .page_no ul li a{ margin: 0 5px; text-decoration: none; }
				#pagination .page_no ul li a.active{ color: #5d5d5e; font-weight: bold; }
				
	/* Full Navigation */
	#pagination.fullnav #firstBtn, #pagination.fullnav #prevBtn, 
	#pagination.fullnav #nextBtn, #pagination.fullnav #lastBtn{ width: 50px; display: block; }

	#pagination.fullnav #firstBtn, #pagination.fullnav #prevBtn{ float: left; }
	#pagination.fullnav #nextBtn, #pagination.fullnav #lastBtn{ float: right; text-align: right; margin: 0; }
	
	#pagination.fullnav .page_no{ width: 436px; float: left; text-align: center; }
	
		#pagination.fullnav .page_no a{ margin: 0 auto; margin: 0 5px; }
		
			#pagination.fullnav .page_no a.selected{ color: #999; }
			
/*********************
 CONTACT DETAILS
********************/
.opening-hours{}

	.opening-hours .day{ display: block; width: 100px; float: left; }
	.opening-hours .hours{ display: block; width: 95px; float: left; }
	
#contactDetails{}

	#contactDetails .contactInfo{ margin: 0 0 15px;}
			
/*********************
 ITEM THUMBNAIL LIST
********************/
#thumbView{ clear:both; overflow:hidden; width: 636px; position: relative; /* Needed for Thumb Slider*/}
	
	#thumbView ul{ width: 636px; }
	
		#thumbView ul li{ width: 636px; /* Needed for Thumb Slider*/ }
		
			#thumbView ul li a{ float: left; width: 200px; margin: 0 0 15px 18px; text-decoration: none; height: 340px; }
			
				#thumbView ul li a span{ display: block; font-style: italic; }
				
					#thumbView ul li a span.name{ font-size: 14px; color: #635b56; text-decoration: none; }
					#thumbView ul li a span.designer{}
					#thumbView ul li a span.description{ color: #a19994; text-decoration: none; }
					#thumbView ul li a span.price{ color: #a19994; text-decoration: none; font-weight: bold; }

/*********************
 DESIGNER
********************/
#designers{ width: 636px; clear:both; overflow:hidden; position:relative; }

	#designers ul{}
	
		#designers ul li{ width: 636px; display: block; padding: 0 0 15px; }
		
			#designers ul li .designer_wrap{ clear: both; margin: 0 0 15px; }

				#designers ul li .designer_wrap .description{ width: 496px; float: left; }
				#designers ul li .designer_wrap .thumb{ width: 125px; height: 163px; display: block; float: left; margin: 0 15px 0 0; }
				
					#designers ul li .designer_wrap .thumb img{ padding: 0; border: 0; margin: 0; }

/*********************
 STORE
********************/
/* Store Description */
#item_description{ width: 309px; float: left; }
	
	#item_description .order_wrap{}
	
	#item_description .wrapper{}
	
	#item_description form#add_item{}
	
		#item_description form#add_item .options{ margin: 0 0 5px; }
	
			#item_description form#add_item .options label{ display: block; width: 75px; float: left; font-size: 14px; color: #635b56; }

			#item_description form#add_item .options input, 
			#item_description form#add_item .options select{ display: block; float: left; padding: 3px; width: 150px; }
			#item_description form#add_item .options input{ width: 76px; padding: 3px; }
			#item_description form#add_item .options select{ padding: 3px; width: 150px; }
			
			#item_description form#add_item .submitButton{ margin: 0 0 0 75px; }
			
				#item_description form#add_item .submitButton .submit{ width: 85px; display: block; float: left; }
				#item_description form#add_item .submitButton span{ display: block; float: left; margin: 3px 0 0 5px; }
				
					#item_description form#add_item .submitButton span a{ font-size: 12; font-weight: bold; color: #635b56; }
	
	/* Sale Price */
	.price_rrp{ text-decoration:line-through !important; display: inline !important; }
	.price_sale{ display: inline !important; }
	
/* Store Gallery */
#item_gallery{ width: 300px; float: left; margin: 0 16px 0 0; border: 1px solid #EDE3DE; padding: 4px; }
	
	#item_gallery .mainImage{ width: 300px; height: 400px; margin: 0 0 4px; }
	#item_gallery .singleThumb{ width: 300px; height: 400px; margin: 0;}
	
	#item_gallery .thumbnails{ width: 300px; height: 98px;}
		
		#item_gallery .thumbnails a{ }
	
			#item_gallery .thumbnails a img{ width: 98px; display: block; float: left; margin: 0 0 3px 3px; border: 0; padding: 0; }
	
/*********************
 STOCKIST
********************/
#stockist{}
	
	#stockist .storeGroup{ margin: 0 0 15px;}
	
		#stockist .storeGroup .store{}
		
			#stockist .storeGroup .store span{}
		
/*********************
 BLOG
********************/
/* Blog List */
#blogList{}

	#blogList .post{}
	
		#blogList .post .readmore{}

/* Blog Article */
#blogArticle{}
	
	#blogArticle{}
	
		#blogArticle .backButton{}
		
/*********************
 PRESS ARTICLE
********************/
#pressArticle{}

	#pressArticle .backButton{}

#pressThumb{}

	#pressThumb span{}

/*********************
 NEWSLETTER FORM
********************/
.newsletter{}

	.newsletter form{}
	
		.newsletter form label, .newsletter form input{ float: left; display: block; }
		.newsletter form label{ clear: both; width: 100px; margin: 0 0 10px; }
		.newsletter form input{ width: 150px; padding: 2px; }
		
			.newsletter form .submit input{ float: none; width: auto; padding: 0; }
			
		.newsletter form div.error-message{ clear:both; margin:0 0 10px; font-weight: bold; }
		
/*********************
 STATIC PAGES
********************/
.staticpage{}

/*********************
 COMMENTS
********************/
.comments_wrap{ overflow: hidden; text-align: left; }

	.comments_add{ margin: 15px 0 0; }
	
		/* Heading */
		.comments_add h2{ margin: 0 0 15px;}
			.comments_add h2 span{ font-weight: normal; font-size: 12px; font-style: italic; margin: 0 0 0 10px; text-transform: lowercase;}
		
		/* Form */
		.comments_add .textarea label{ display: block; font-weight: bold; margin: 0 0 10px;  }
		.comments_add .textarea textarea{ width: 400px; height: 75px; padding: 5px; font-size: 11px; border: 1px solid #CCC;}
		
		/* Button */
		.comments_add .submit{ margin: 10px 0 10px;}
			.comments_add .submit input{ display: block; border: 0; background: none;  font-size: 11px; text-decoration: underline; cursor: pointer; margin: 0 0 0 -3px; }
				.comments_add .submit:hover{ text-decoration: none; }

	/* Comments */
	.comment{ margin: 10px 0; width: 550px; }
	
		.comment .author{ font-size: 12px; margin: 0 0 5px; }
			.comment .author span{ font-weight: bold; }
			
		.comment p{ font-size: 11px;}