@charset "utf-8";
/************************************************************
 SWAPPLER.COM
 
 Template: Arnsdorf
 Author: Laurence Barnes - Portable
 Version: 3.0
 Date: 4 May 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: "Times New Roman", Times, serif;
	color: #000;
	background: #fff;
}

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

	.yourCart a{}

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

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

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

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

	h2{ font-size: 16px; font-style: italic; margin: 0 0 10px; }
	
		h2 span{ font-size: 14px; color: #333; }
	
	h3{}
	
	h4{}
	
	h5{}

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

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

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

/* Alignment */
.center{ text-align: center; }
.right{ text-align: right; }

/* Hr */
hr { background:transparent url(../images/hr-line.png) repeat-x scroll left top; border:0 none; margin:5px 0 0; padding:0 0 5px; }

.clrfix{ clear: both; }

/*********************
 SUPERSIZE PLUGIN
********************/		
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}

#supersize{
	position:fixed;
}
	
	#supersize img, #supersize a{
		height:100%;
		width:100%;
		position:absolute;
		z-index: 0;
	}
	
	#supersize .prevslide, #supersize .prevslide img{
		z-index: 1;
	}
	
	#supersize .activeslide, #supersize .activeslide img{
		z-index: 2;
	}

/*********************
 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: 815px; position: relative; z-index: 10; }

#content_wrap{ padding: 12px 0 0; }

/*********************
 BANNER WRAP
********************/
#banner_wrap{ position: relative; height: 57px; margin:12px 0 0; }

/*********************
 BANNER
********************/
#banner{ width: 320px; float: right; }

	#banner h1{ text-align: right; }
		#banner h1 a{ display: block; text-decoration: none; }
		#banner h1 span{ display: none; }
	
/*********************
 MENU
********************/
#menu_wrap{ height: 45px; padding: 5px 0 0; overflow: hidden; }

	/* Main Menu */
	#menu_wrap #menu{ margin: 15px 0; width:815px; }
	
		#menu_wrap #menu ul{ text-align: center;  }
		
			#menu_wrap #menu ul li{ display: inline; font-size: 12px; text-transform: capitalize; font-family: Didot, "Times New Roman", Times, serif }
			#menu_wrap #menu ul li.first{}
			
				#menu_wrap #menu ul li a{ color: #000; margin: 0 5px; }
				#menu_wrap #menu ul li a:hover{ color: #666; }
				#menu_wrap #menu ul li.active a{ font-weight: bold; color: #000; }
	
/* Sub Menu */
#submenu{ float: left; width: 495px; position: absolute; bottom: 5px; }
	
	#submenu ul{}
		
		#submenu ul li{ display: inline; }
		#submenu ul li.first{}
				
			#submenu ul li a{}
			#submenu li.active a{ font-weight: bold; color: #666; }

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

	#footer #footer_wrap{ width: 815px; margin: 0 auto; }

		#footer div.left, #footer div.right{ float: left; padding: 3px 0 0 0; width: 407px; }
				
		#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.menu_feeds a{ 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.png) 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: 300px; float: left; }
	
		#pagination .page_no ul{ margin: 0 auto; }
		
			#pagination .page_no ul li{ float: left; text-align: center; width: 300px; 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{ background: none; padding: 0 0 30px; }

	#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: 425px; 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
********************/
#contactDetails{ }

	#contactDetails .contactInfo{ margin: 0 0 15px;}
	
		#contactDetails .contactInfo span{ display: block; line-height:15px; }
			
/*********************
 ITEM THUMBNAIL LIST
********************/
#thumbView{ clear:both; overflow:hidden; width: 815px; position: relative; }
	
	#thumbView ul{ width: 815px; position: relative; }
	
		#thumbView ul li{ width: 815px; }
		
			#thumbView ul li a{ float: left; width: 196px; height: 300px; margin: 0 0 0 10px; padding: 0 0 10px; text-decoration: none;  display: block; }

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

				/* Item Information */
				#thumbView ul li a .wrap{ margin: 0 10px; display: block; }
				#thumbView ul li a .wrap span{ display: block; line-height: 12px; font-size: 11px; color: #000; text-decoration: none; float: left; }
				
					#thumbView ul li a .wrap span.name{ width: 116px;  }
					#thumbView ul li a .wrap span.designer{}
					#thumbView ul li a .wrap span.description{ text-align: right; font-style: italic; width: 50px; }
					#thumbView ul li a .wrap span.price{ text-align: right; font-style: italic; width: 50px; }
			
/*********************
 GALLERY
 Collection / Designer
********************/
#gallery{
	overflow: hidden;
}

	#gallery .content{ 
		width: 815px; 
		overflow: hidden; 
		clear: both; 
		float: left;
		display: none;
	}
	
		/* Container */
		#gallery .slideshow-container{
			clear: both;
			height: 520px;
			position: relative;
		}
		
			/* Loader */
			#gallery .loader {
				background: url(../images/loader.gif) center center no-repeat;
				height: 520px;
				width: 815px;
				position: absolute;
				left: 0;
				top: 0;
			}
			
			/* Slide Show */
			#gallery .slideshow-container .slideshow{
				overflow: hidden;
			}
			
				#gallery .slideshow span.image-wrapper {
					display: block;
					position: absolute;
					left: 0;
					top: 0;
				}
				
					#gallery .slideshow a.advance-link {
						display: block;
						height: 520px;
						line-height: 520px;
						text-align: center;
						width: 818px;
					}
					
						div.slideshow img {
							vertical-align: middle;
							border: 0;
							padding: 0;
						}
			
		/* Controls */
		.nav-controls{
			overflow: hidden;
			background: url("../images/hr-line.gif") repeat-x scroll left top;
			margin: 10px 0 0;
			padding: 10px 0 0;
		}
		
			#controls a{
				display: block;
			}
			
				#controls a.prev{
					float: left;
				}
				
				#controls a.next{
					float: right;
					text-align: right;
				}
		
		
		/* Navigation */
		#gallery .navigation{
			width: 230px;
			display: none;
		}
		
			/* Thumbnails */
			#gallery ul.thumbs {}
				#gallery ul.thumbs li{}
				
/*********************
 STORE
********************/
/* Store Description */
#item_description{ width: 330px; 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; 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; }
	
/* Store Gallery */
#item_gallery{ width: 359px; float: left; margin: 0 52px 0 24px; display: block; }

	/* Image */
	#item_gallery .mainImage{}
	
		#item_gallery .mainImage img{}
	
	/* Paganation */
	#item_gallery #page_navigation{ width: 339px; margin: 0 10px; font-size: 12px; }
	
		#item_gallery #page_navigation span{ display: block; }
		
			#item_gallery #page_navigation span.enlarge{ float: right; width: 145px; text-align: right; }
			
		#item_gallery #page_navigation ul{ width: 150px; display: block; float: left; }
		
			#item_gallery #page_navigation ul li{ display: inline; margin: 0 5px 0 0; }
	
	/* Sale Price */
	.price_rrp{ text-decoration:line-through; }
	.price_sale{}
	
/*********************
 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: 155px; margin: 0 0 0 10px; }
		
			#stockist .storeGroup .store span{ display: block; }
		
/*********************
 BLOG
********************/
/* Blog List */
#blogList{ width: 625px; }

	#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; }
		.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; }
			.newsletter form .submit input:hover{ text-decoration: none; }
			
		.newsletter form div.error-message{ color: #999; font-style: italic; }
		
/*********************
 STATIC PAGES
********************/
.staticpage{ float: right; width: 380px; }
.staticImage{ float: left; margin: 0 0 0 24px; width: 359px; }
.fullContent{ width: width:625px; }
.homeImage{ min-height: 514px;}

/*********************
 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;}