@charset "utf-8";
/************************************************************
 SWAPPLER.COM
 
 Template: Sara Phillips
 Author: Laurence Barnes - Portable
 Version: 3.0
 Date: 21 June 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: 125px; /* .push must be the same height as .footer */
}

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

body{
	font-size: 14px;
	line-height: 18px;
	font-family: Helvetica,Arial,Sans;
	color: #9B9B9B;
	background: #fff;
}

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

/*********************
 HEADINGS
********************/
h1, h2, h3, h4, h5{}
 
	h2{ color:#9B9B9B; font-size:24px; font-weight:normal; margin:0 0 10px; line-height: 28px; }
	
		h2 span{ color:#C2C2C2; }
		h2 span:after{ content: " //"; }
	
	h3, h4{ font-size: 14px; color: #c2c2c2; margin: 0 0 3px; font-weight: bold; }
	
	h3:before{
		content: "// ";
	}
	
	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{ background:#D5D4D2 none repeat scroll 0 0; border:0 none; clear:both; color:#D5D4D2; height:1px; margin:0 0 10px; padding:0; width:100%; }

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

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

/*********************
 BACKGROUND ICONS
********************/
#lady{ background:transparent url(../images/hero.jpg) no-repeat scroll left top; bottom: 24px; height:500px; left: -30px; position:absolute; width:300px; z-index:2; }

#floor{background:transparent url(../images/footgradient.gif) repeat-x scroll center bottom; bottom:0; height:144px; position:absolute; width:100%; z-index:1; }

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

#main_wrap{ margin: 0 auto; min-height: 640px; width: 960px; position:relative; z-index: 10; }

#content_wrap{ padding: 12px 0 0; }

#main_wrap_container{ margin: 0; }

/*********************
 BANNER
********************/
#banner{ clear: both; height: 70px; }

	#banner h1{}
		#banner h1 a{ display: block; text-decoration: none; }
		#banner h1 span{ display: none; }
	
/*********************
 MENU
********************/
#menu_wrap{ min-height: 270px; width: 280px; position: relative; float: left; }

	/* Main Menu */
	#menu_wrap #menu{ padding: 0 0 0 20px; }
	
		#menu_wrap #menu ul{}
		
			#menu_wrap #menu ul li{ font-size: 24px; line-height: 28px; }
			#menu_wrap #menu ul li.first{}
			
				#menu_wrap #menu li a{ color: #C2C2C2; }

	/* Sub Menu */
		#menu_wrap #menu li li{ font-size: 12px; line-height: 16px; margin: 3px 0; }
				
			#menu_wrap #menu ul li li a{ background:transparent url(../images/bullet-point.gif) no-repeat scroll 0 5px; color:#C2C2C2; padding:0 0 0 15px; }
			#menu_wrap #menu ul li li.active a{ background-position:0 -19px; }

#sidebar-filler{ display: block; height: 335px; }

/* Menu and Submenu */

	#menu_wrap #menu li li a:hover, 
	#menu_wrap #menu li li.active a:hover{ background-position:0 -7px; }

	/* Active */
	#menu_wrap #menu li.active a, 
	#menu_wrap #menu ul li li.active a{ color: #9B9B9B;}
	
	/* Hover */
	#menu_wrap #menu li a:hover, 
	#menu_wrap #menu li.active a:hover{ color: #bfbfbf; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); }


/*********************
 FOOTER
********************/
#footer{ height: 125px; color: #fff; font-size: 11px; position:relative; z-index: 1; }

	#footer #footer_wrap{ width: 960px; margin: 0 auto; overflow: hidden; }
	
	#footer #floor_wrap{ position:absolute; bottom: 0; z-index: 10; }

		#footer div.left, #footer div.right{ float: left; position:relative; z-index: 10; line-height:24px; height:24px; margin: 62px 0 0; width: 480px; }
		
		#footer div.left{}
		#footer div.right{ text-align: right; }
		
			#footer div.left img{ vertical-align: text-bottom; }
			#footer div.left span{ padding: 0 0 0 5px; }
			
				/* Swappler Link */
				#footer div.left span a{ font-family: Georgia; 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.menu_feeds a{ background:url(../images/rss-feed.jpg) 0 1px no-repeat; padding-left: 17px;}
				
					#footer a{ color: #BBBBBB; }
					#footer a:hover{ color: #fff; }
				
/*********************
 MAIN CONTENT
********************/
#content{ float: left; width: 660px; }

	#content_wrap .container{ margin: 0 0 15px; }
	
/*********************
 HOME PAGE
********************/
#splash{}

	#splash img{
		position: relative;
		top: 142px;
	}
	
/*********************
 SIDE MENU
********************/
#side_bar{ width: 220px; float: right; }

/*********************
 PAGINATION
********************/
#pagination{ border: solid #D5D4D2; border-width: 1px 0 0; 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{ }

	#contactDetails .contactInfo{ margin: 0 0 15px;}
	
		#contactDetails .contactInfo span{ display: block; line-height:15px; }
			
/*********************
 ITEM THUMBNAIL LIST
********************/
#thumbView{ clear:both; overflow:hidden; width: 660px; position: relative; /* Needed for Thumb Slider*/ }
	
	#thumbView ul{}
	
		#thumbView ul li{ width: 680px;  display: block; /* Needed for Thumb Slider*/ }
		
			#thumbView ul li a{ float: left; text-decoration: none; margin: 0 0 20px 20px; width: 150px; height: 230px; color: #9B9B9B; background: #fff; }
			#thumbView ul li a:hover{ background: #D8D8D8; color:#fff; }

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

				/* Item Information */
				#thumbView ul li a span{ display: block; line-height: 12px; text-decoration: none; }
				
					#thumbView ul li a span.name{ padding: 8px 5px 5px; display: block; }
					#thumbView ul li a span.designer{}
					#thumbView ul li a span.description{}
					#thumbView ul li a span.price{}

/*********************
 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: 660px; clear: both; overflow:hidden; position:relative; }

	#collection .jqGSImgContainer{ clear: both; overflow:hidden; position:relative; height:515px !important; }
	
		#collection .jqGSImgContainer ul{}
		
			#collection .jqGSImgContainer ul li{ height: 515px !important; }
			
				#collection .jqGSImgContainer ul li .colImg{ position: absolute; height: 455px; width: 660px; }
					#collection .jqGSImgContainer ul li .colImg img{}
					
				#collection .jqGSImgContainer ul li span{ width: 660px; height: 60px; text-align: center; display: block;position: absolute; bottom: 0; }

	#collection #galleryWrap{ margin:10px 0 0; position: relative; border: solid #D5D4D2; border-width: 1px 0 0; }
		
		#collection #galleryWrap #galleryNav{ width: 440px; margin: 0 80px; padding: 10px 0; overflow: hidden; position: relative; }
		
			#collection #galleryWrap #galleryNav ul{ width: 440px; overflow: hidden; }
		
				#collection #galleryWrap #galleryNav ul li{ width: 440px; 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: 320px; float: left; }
	
	#item_description .wrapper{ margin: 0 0 10px; overflow: hidden;}
	
	#item_description form#add_item{}
	
		#item_description form#add_item .options{ margin: 0 0 5px; }
	
			#item_description form#add_item .options label{ display: block; clear: both; float: left; width: 75px; margin: 3px 0; }

			#item_description form#add_item .options input, 
			#item_description form#add_item .options select{ padding: 3px; float: left; }
			
			#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{ float: left; margin: 0 10px 0 75px; }
				
				#item_description form#add_item .submitButton span{ display: block; font-size: 10px; display: block; float: left; margin: 2px 0 0; }
				
					#item_description form#add_item .submitButton span a{ font-size: 10px; font-family: Georgia; font-weight: bold; color: #000; }

	/* Recommendation */
	#item_description .wrapper .recommentations{ margin: 10px 0 0; }
	
		#item_description .wrapper .recommentations a{ height: 100px; width: 100px; margin: 0 0 0 6px; }
		
	/* Sale Price */
	.price_rrp{ text-decoration:line-through !important; display: inline !important; }
	.price_sale{ display: inline !important; }


/* Store Gallery */
#item_gallery{ width: 320px; float: left; margin: 0 20px 0 0; 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{ margin: 0 0 15px; }
	#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: 10px 0; }
	#blogList .post{}
	
		#blogList .post .date{ margin: 0 0 15px; }
		#blogList .post .post .readmore{}

/* Blog Article */
#blogArticle{}
	
	#blogArticle{}
	
		#blogArticle .backButton{ margin: 0 0 10px;}
		
/*********************
 PRESS ARTICLE
********************/
#pressArticle{}

	#pressArticle .backButton{}

#pressThumb{}

	#pressThumb span{}

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

	.newsletter form{}
	
		.newsletter form .text label, .newsletter form .text input{ display: block; }
		.newsletter form .text label{ margin: 10px 0 3px; }
		.newsletter form .text input{ width: 200px; padding: 2px; }
		
		.newsletter form .submit{ margin: 10px 0; }
		
			.newsletter form .submit input{ width: auto; padding: 0 10px; }
			.newsletter form .submit input:hover{}
			
		.newsletter form div.error-message{ color: #666; }
		
/*********************
 STATIC PAGES
********************/
.staticpage{}

/*********************
 COMMENTS
********************/
.comments_wrap{ overflow: hidden; text-align: left; margin: 0 0 15px; }

	.comments_add{ margin: 15px 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;}
				.comments_add h2 span:after{ content: ""; }
				.comments_add h2 span:before{ content: "// "; }
		
		/* 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;}
			.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;}