@charset "utf-8";
/************************************************************
 SWAPPLER.COM
 
 Template: Lumiere
 Author: Laurence Barnes - Portable
 Version: 1.6
 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: 24px; /* .push must be the same height as .footer */
}

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

body{
	font-size: 12px;
	line-height: 18px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	background: #fff;
}

/*********************
 LINKS
********************/
a, #item_description form#add_item .submitButton .submit, .newsletter form .submit input, .comments_add .submit input{ color: #ff6600; }

a { text-decoration: underline; }
a:hover { text-decoration: none; }
a.selected { color: #000; text-decoration: none; }

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

	h2{ text-transform: capitalize; font-weight: bold; font-size: 14px; color: #000; margin: 0 0 5px; }
	
	h3{ font-size: 11px; font-weight: bold; }
	
	h4{}
	
	h5{}

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

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

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

/* Line Gap */
.gap{ display: block; clear: both; height: 15px; }

/* Align to the Center */
.center{ text-align: center; }

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

	.yourCart a{}

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

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

#main_wrap{ padding: 19px 0 30px; margin: 0 auto; min-height: 640px; width: 920px; background: #fff; }

#content_wrap{ padding: 12px 0 0; }

/*********************
 BANNER
********************/
#banner{}

	#banner h1{ margin: 0 auto; text-align: center; }
		#banner h1 a{ display: block; text-decoration: none; }
		#banner h1 span{ display: none; }
	
/*********************
 MENU
********************/
#menu_wrap{ min-height: 45px; padding: 5px 0 0; }

	/* Main Menu */
	#menu_wrap #menu{ margin: 0; }
	
		#menu_wrap #menu ul{}
		
			#menu_wrap #menu ul li{}
			#menu_wrap #menu ul li.first{ padding: 0 1px 0 0; background: none; }
			
				#menu_wrap #menu li a{}
				#menu_wrap #menu li.active a{}
	
	/* Sub Menu */
	#menu_wrap #submenu{}
	
		#menu_wrap #submenu ul{}
		
			#menu_wrap #submenu ul li{}
			#menu_wrap #submenu ul li.first{ padding: 0 1px 0 0; background: none; }
				
				#menu_wrap #submenu ul li a{}
				#menu_wrap #menu li.active a{}
				
		/* Submenu and Menu */
		#menu_wrap #menu ul, #menu_wrap #submenu ul{ padding: 5px 0 0; text-align: center; }
		
			#menu_wrap #menu ul li, #menu_wrap #submenu ul li{ background: transparent url(../images/menu-bulletpoint.gif) 0 0 no-repeat; display: inline; padding: 0 1px 0 10px; }
			
				#menu_wrap #menu ul li a, #menu_wrap #submenu ul li a{ text-transform: capitalize; text-decoration: none; color: #000; }
					#menu_wrap #menu li.active a, #menu_wrap #submenu li.active a{ font-weight: bold; }

/*********************
 FOOTER
********************/
#footer{ height:24px; color: #000; font-size: 11px; }

	#footer #footer_wrap{ width: 920px; margin: 0 auto; padding: 0 19px; }

		#footer div.left, #footer div.right{ float: left; padding: 3px 0 0 0; width: 460px; }
				
		#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; border: solid #333; border-width: 0 1px 0 0; margin: 0 5px 0 0; padding-right: 5px; }
				#footer div.right ul li.last{ border: 0; padding: 0; margin: 0; }
				#footer div.right ul li.feeds{ background:url(../images/rss-feed.jpg) 0 1px no-repeat; padding-left: 17px;}
				
					#footer div.right ul li a{ color: #000; }
				
/*********************
 MAIN CONTENT
********************/
#content{}

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

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

/*********************
 PAGINATION
********************/
#pagination{ background: url(../images/hr-line.gif) top left repeat-x; padding: 6px 0 15px; }

	#pagination #prevBtn, #pagination #nextBtn{ width: 100px; display: block; }
	#pagination #prevBtn{ float: left; }
	#pagination #nextBtn{ float: right; text-align: right; }
	
	#pagination .page_no{ width: 720px; float: left; }
	
		#pagination .page_no ul{ margin: 0 auto; }
		
			#pagination .page_no ul li{ float: left; text-align: center; width: 720px; 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; }
			
/*********************
 CONTACT DETAILS
********************/
#contactDetails{ float: left; }

	#contactDetails .contactInfo{ margin: 0 0 15px;}
	
		#contactDetails .contactInfo span{ display: block; line-height:15px; }
			
/*********************
 ITEM THUMBNAIL LIST
********************/
#thumbView{ clear:both; overflow:hidden; width: 920px; position: relative; /* Needed for Thumb Slider*/ }
	
	#thumbView ul{}
	
		#thumbView ul li{ width: 920px; /* Needed for Thumb Slider*/ }
		
			#thumbView ul li a{ float: left; width: 198px; margin: 0 0 10px 42px; text-decoration: none; }

				/* Item Thumbnail */
				#thumbView ul li a span.imageThumb{ margin: 0 0 10px; }
					
					#thumbView ul li a span.imageThumb img{}

				/* Item Information */
				#thumbView ul li a span{ display: block; line-height: 12px; font-size: 11px; color: #000; text-decoration: none; }
				
					#thumbView ul li a span.name{ font-weight: bold; }
					#thumbView ul li a span.designer{}
					#thumbView ul li a span.description{}
					#thumbView ul li a span.price{}

			/* Dimentions for Store - Fix IE Bugs */
			#thumbView.store ul li a{ height: 313px; margin: 0 0 10px 42px; }
						
			/* Dimentions for Press - Fix IE Bugs */
			#thumbView.press ul li a{ width: 224px; height: 300px; margin: 0 0 10px 8px; }

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

	#designers ul{}
	
		#designers ul li{ width: 730px; display: block; padding: 0 0 15px; }
		
			#designers ul li .thumb{ width: 125px; float: left; margin: 0 15px 0 0; }
			
				#designers ul li .thumb img{ margin: 0; }
				
			#designers ul li .description{ width: 560px; float: left; }

/*********************
 COLLECTIONS
********************/
#collection{ width: 920px; clear: both; overflow:hidden; position:relative; }

	#collection .jqGSImgContainer{ clear: both; overflow:hidden; position:relative; height:470px !important; }
	
		#collection .jqGSImgContainer ul{}
		
			#collection .jqGSImgContainer ul li{ height: 460px !important; }
			
				#collection .jqGSImgContainer ul li img{}
				#collection .jqGSImgContainer ul li span{ width: 920px; position: absolute; bottom: -8px; text-align: center; }

	#collection #galleryWrap{ margin:10px 0 0; position: relative; background: transparent url(../images/hr-line.jpg) repeat-x scroll left top; }
		
		#collection #galleryWrap #galleryNav{ width: 760px; margin: 0 80px; padding: 10px 0; overflow: hidden; position: relative; }
		
			#collection #galleryWrap #galleryNav ul{ width: 760px; overflow: hidden; }
		
				#collection #galleryWrap #galleryNav ul li{ width: 760px; text-align: center; }
			
					#collection #galleryWrap #galleryNav ul li a{ text-align: center; padding: 3px 3px; margin: 3px; }
				
						#collection #galleryWrap #galleryNav ul li a.selected{ background: #EDE3DE; }
	
		#collection #galleryWrap #colPrev, #collection #galleryWrap #colNext{ width: 80px; position: absolute; top: 10px; }
		#collection #galleryWrap #colPrev{ left: 0; }
		#collection #galleryWrap #colNext{ right: 0; text-align: right; }

/*********************
 STORE
********************/
/* Store Description */
#item_description{ width: 310px; float: left; }
	
	#item_description .wrapper{ margin: 0 0 15px;}
	
	#item_description form#add_item{}
	
		#item_description form#add_item .options{ margin: 0 0 5px; }
	
			#item_description form#add_item .options label{ display: block; font-size: 11px; font-weight: bold; margin: 0 0 5px; }

			#item_description form#add_item .options input, 
			#item_description form#add_item .options select{ padding: 3px; }
			
			#item_description form#add_item .options input{ width: 75px;}
			#item_description form#add_item .options select{ width: 175px;}
			
			#item_description form#add_item .submitButton{}
			
				#item_description form#add_item .submitButton .submit{ display: block; border: 0; background: none;  font-size: 11px; text-decoration: underline; cursor: pointer; margin: 0 0 0 -3px; }
				
				#item_description form#add_item .submitButton .submit:hover{ text-decoration: none; }
				
				#item_description form#add_item .submitButton span{ display: block; font-size: 10px; }
				
					#item_description form#add_item .submitButton span a{ font-size: 10px; font-family: Georgia; font-weight: bold; color: #000; }
					
	/* Sale Price */
	.price_rrp{ text-decoration:line-through !important; display: inline !important; }
	.price_sale{ display: inline !important; }
	
/* Store Gallery */
#item_gallery{ width: 310px; float: left; margin: 0 18px 0 140px; display: block; }

	/* Image */
	#item_gallery .mainImage{ width: 310px; }
	
		#item_gallery .mainImage img{}
	
	/* Paganation */
	#item_gallery #page_navigation{ width: 300px; margin: 0 4px; font-size: 11px; }
	
		#item_gallery #page_navigation span{ display: block; }
		
			#item_gallery #page_navigation span.enlarge{ float: right; width: 145px; text-align: right; font-weight: bold; }
			
		#item_gallery #page_navigation ul{ width: 150px; display: block; float: left; }
		
			#item_gallery #page_navigation ul li{ display: inline; margin: 0 5px 0 0; }
	

/*********************
 STOCKIST
********************/
#stockist{}
	
	#stockist hr{ padding: 15px 0 0; margin: 15px 0 0; }
	#stockist .storeGroup{ margin: 0 0 15px;}
		
		#stockist .storeGroup .store{ float: left; display: block; width: 170px; margin: 0 0 0 10px; }
		
			#stockist .storeGroup .store span{ display: block; }
		
/*********************
 BLOG
********************/
/* Blog List */
#blogList{}

	#blogList hr{ margin: 15px 0 0; padding: 0 0 15px; }
	#blogList .post{}
	
		#blogList .post .date{ margin: 0 0 15px; font-style: italic; }
		#blogList .post .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{ display: block; font-weight: bold; }
		.newsletter form label{ margin: 10px 0 3px; }
		.newsletter form input{ width: 200px; padding: 2px; }
		
			.newsletter form .submit input{ margin: 15px 0 30px; float: none; width: auto; padding: 0; background: none; font-size: 12px; text-decoration: underline; border: 0; cursor: pointer; font-weight: bold; }
			.newsletter form .submit input:hover{ text-decoration: none; }
			
		.newsletter form div.error-message{ color: #666; }
		
/*********************
 STATIC PAGES
********************/
.staticpage{ float: left; width: 310px; }
.staticImage{ float: left; margin: 0 18px 0 140px; }
.fullContent{ width: auto; }

/*********************
 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 #999;}
		
		/* Button */
		.comments_add .submit{ margin: 20px 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;}