@charset "utf-8";
/************************************************************
 SWAPPLER.COM
 
 Template: Smokey Dark
 Author: Laurence Barnes - Portable
 Version: 1.7
 Date: 29 March 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: 50px; /* .push must be the same height as .footer */
}

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

body{
	font-size: 11px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	background: #000;
}

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

a{ 
	text-decoration: underline; 
}

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

a.enlarge{ 
	background: url(../images/enlarge.jpg) top right no-repeat; 
	line-height: 14px; 
	color: #898989; 
	text-decoration: none; 
	padding: 0 18px 0 0; 
	margin: 0 6px 0 0; 
	float: right; 
}

	a.enlarge:hover{ 
		color: #fff; 
	}

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

	h2, h3{  
		line-height: 30px; 
		color: #fff; 
		font-family: Georgia, "Times New Roman", Times, serif; 
		}

		h2{ 
			font-size: 26px; 
			margin: 0 0 15px; 
		}
		
		h3{ 
			font-size: 20px; 
		}
	
	h4{ 
		font-size: 11px; 
		line-height: 20px; 
		font-weight: bold; 
		color: #fff; 
	}
	
	h5{}

/*********************
 MISC
********************/
/* Font */
p{ 
	margin: 0 0 10px;
}

.italic{ 
	font-style: italic; 
}

.highlight{ 
	font-weight: bold; 
}

.disclaimer{ 
	font-size: 10px; 
	line-height: 13px; 
}

/* Images */
img.imgBorder, #content img{
	background: #1c1a1a; 
	padding: 3px; 
	margin: 0 8px 0 0; 
}

img.noBorder, .noBorder img { 
	border: 0 !important; 
	padding: 0 !important; 
	margin: 0 !important; 
}

/* Break Line */
hr{ 
	padding: 0; 
	margin: 15px 0; 
	border: 0; 
	height: 1px; 
	line-height: 1px; 
	background: #171717; 
	color: #171717; 
}

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

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

/*********************
 NAVIGATION
********************/
/* Links */
#collection #galleryWrap #colPrev a, #collection #galleryWrap #colNext a, 
#pagination #prevBtn a, #pagination #nextBtn a{ 
	background:url(../images/navigation-arrows.jpg) no-repeat; 
}

	#collection #galleryWrap #colPrev a, #pagination #prevBtn a{ 
		padding: 0 0 0 14px; background-position: 0 -17px; 
	}
	
	#collection #galleryWrap #colNext a, #pagination #nextBtn a{ 
		padding: 0 14px 0 0; background-position: right 3px; 
	}

	/* Hover */
	#collection #galleryWrap #colPrev a:hover, #collection #galleryWrap #colNext a:hover, 
	#pagination #prevBtn a:hover, #pagination #nextBtn a:hover{ 
		color: #898989; 
	}
	
		#collection #galleryWrap #colPrev a:hover, #pagination #prevBtn a:hover{ 
			background-position: 0 -27px; 
		}
		
		#collection #galleryWrap #colNext a:hover, #pagination #nextBtn a:hover{ 
			background-position: right -7px; 
		}



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

#main_wrap{ 
	padding: 0 0 30px; 
	margin: 0 auto; 
	min-height: 640px; 
}

#content_wrap{
	padding: 30px 10px 0; 
	width: 940px; 
	margin: 0 auto; 
	position: relative; 
}

/*********************
 HEADER
********************/
#header_wrap{ 
	width: 100%; 
	background: #0d0d0d; 
	padding: 30px 0 0; 
}

/*********************
 BANNER
********************/
#banner{ 
	width: 960px; 
	margin: 10px auto; 
}

	#banner h1{ 
		margin: 0 10px;
	}
	
		#banner h1 a{ 
			display: block; 
			text-decoration: none; 
		}
		
		#banner h1 span{ 
			display: none; 
		}
	
/*********************
 MENU
********************/
#menu_wrap{ 
	width: 960px;
	margin: 0 auto; 
	min-height: 45px; 
	overflow: hidden; 
}

	/*****************************
		Main Menu 
	*****************************/
	#menu_wrap #menu{}
	
		/* Menu List */
		#menu_wrap #menu ul{}
		
			/* List Items */
			#menu_wrap #menu ul li{}
				
			/* First List Item  */
			#menu_wrap #menu ul li.first{}
			
					/* Link */
					#menu_wrap #menu li a{}
					
					/* Active Item */
					#menu_wrap #menu li.active a{}
	
	/*****************************
		Sub Menu 
	*****************************/
	#menu_wrap #submenu{}
	
		/* Menu List */
		#menu_wrap #submenu ul{}
		
			/* List Items */
			#menu_wrap #submenu ul li{}
			
			/* First List Item */
			#menu_wrap #submenu ul li.first{}
				
				/* Link */
				#menu_wrap #submenu ul li a{}
					
				/* Active Item */
				#menu_wrap #menu li.active a{}
				
	/*****************************
		Sub Menu and Main Menu	
	*****************************/
	#menu_wrap #menu, #menu_wrap #submenu{ 
		clear: both; 
		margin: 0 0 15px; 
		display: block; 
		min-height: 23px; 
		overflow: hidden; 
	}
		
		/* Menu List */
		#menu_wrap #menu ul, #menu_wrap #submenu ul{}
		
			/* List Items */
			#menu_wrap #menu ul li, #menu_wrap #submenu ul li{
				margin: 3px 0 3px 20px; 
				float: left; 
				font-size: 13px; 
				text-transform: capitalize; 
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
			}
			
			/* First List Item */
			#menu_wrap #menu ul li.first, #menu_wrap #submenu ul li.first{ 
				margin: 3px 0 !important; 
			}
				
				/* Link */
				#menu_wrap #menu ul li a, #menu_wrap #submenu ul li a{
					color: #fff; 
					padding: 5px 10px; 
					text-decoration: none; 
					font-variant: small-caps;
				}
					
				/* Active Item */
				#menu_wrap #menu li.active a, #menu_wrap #submenu li.active a{
					background: #202020 ; 
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px; 
				}
				
				/* Hover */
				#menu_wrap #menu li a:hover, #menu_wrap #submenu li a:hover{
					background: #202020 ; 
					-moz-border-radius: 5px; 
					-webkit-border-radius: 5px; 
				}

/*********************
 FOOTER
********************/
#footer{ 
	height: 50px;
	font-size: 11px; 
}

	#footer #footer_wrap{
		width: 920px; 
		height: 20px; 
		background: #0d0d0d; 
		color: #a49e9e; 
		margin: 0 auto 10px; 
		padding: 7px 10px 13px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
	}

		#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;
					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: #fff; 
					}
				
/*********************
 MAIN CONTENT
********************/
#content{}

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

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

/*********************
 PAGINATION
********************/
#pagination{
	padding: 5px 0; 
	border: 0; 
	border: solid #171717; 
	border-width: 1px 0 0; 
	color: #171717; 
}

	#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: 940px; 
	position: relative; /* Needed for Thumb Slider*/ 
}
	
	#thumbView ul{}
	
		#thumbView ul li{
			width: 940px; 
			display: block; /* Needed for Thumb Slider*/ 
		}
		
			#thumbView ul li a{
				float: left;
				text-decoration: none;
				width: 220px;
				margin: 0 0 20px 20px;
				height: 350px; }

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

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

			/* Dimentions for Store - Fix IE Bugs */
			#thumbView.store ul li a{}
			
			/* Dimentions for Press - Fix IE Bugs */
			
			#thumbView.press ul li a{ }

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

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

	#designer #galleryWrap{
		margin:10px 0 0; 
		position: relative;
		border: solid #171717;
		border-width: 1px 0 0;
	}
		
		#designer #galleryWrap #galleryNav{
			width: 780px;
			margin: 0 80px;
			padding: 10px 0;
			overflow: hidden;
			position: relative;
		}
		
			#designer #galleryWrap #galleryNav ul{
				width: 780px;
				overflow: hidden;
			}
		
				#designer #galleryWrap #galleryNav ul li{
					width: 780px; 
					text-align: center; 
				}
			
					#designer #galleryWrap #galleryNav ul li a{
						text-align: center;
						padding: 3px 3px;
						margin: 3px;
					}
				
						#designer #galleryWrap #galleryNav ul li a.selected{
							color: #404040;
						}
	
		#designer #galleryWrap #colPrev, #designer #galleryWrap #colNext{
			width: 80px;
			position: absolute;
			top: 10px;
		}
		
		#designer #galleryWrap #colPrev{
			left: 0; 
		}
		
		#designer #galleryWrap #colNext{
			right: 0;
			text-align: right;
		}

/*********************
 COLLECTIONS
********************/
#collection{
	width: 940px;
	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: 940px;
				}
					
					#collection .jqGSImgContainer ul li .colImg img{}
					
				#collection .jqGSImgContainer ul li span{
					width: 940px;
					height: 60px;
					text-align: center; 
					display: block;
					position: absolute; 
					bottom: 0;
				}

	#collection #galleryWrap{
		margin:10px 0 0; 
		position: relative;
		border: solid #171717;
		border-width: 1px 0 0;
	}
		
		#collection #galleryWrap #galleryNav{
			width: 780px;
			margin: 0 80px;
			padding: 10px 0;
			overflow: hidden;
			position: relative;
		}
		
			#collection #galleryWrap #galleryNav ul{
				width: 780px;
				overflow: hidden;
			}
		
				#collection #galleryWrap #galleryNav ul li{
					width: 780px; 
					text-align: center; 
				}
			
					#collection #galleryWrap #galleryNav ul li a{
						text-align: center;
						padding: 3px 3px;
						margin: 3px;
					}
				
						#collection #galleryWrap #galleryNav ul li a.selected{
							color: #404040;
						}
	
		#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: 620px;
	float: left; 
}
	
	#item_description .wrapper{
		margin: 0 0 15px;
	}
	
	#item_description form#add_item{}
	
		#item_description form#add_item .options{
			margin: 0 0 5px; 
		}
	
			/* Cart Form */
			#item_description form#add_item .options label{
				display: block; 
				font-size: 11px; 
				font-weight: bold; 
				color: #fff; 
				margin: 0 0 5px; 
			}

			#item_description form#add_item .options input, 
			#item_description form#add_item .options select{
				padding: 3px; 
				font-size: 11px;
			}
			
			#item_description form#add_item .options input{
				width: 75px;
			}
			
			#item_description form#add_item .options select{ 
				width: 175px;
			}
			
			#item_description form#add_item .submitButton{}
			
				
				/* Submit Cart */			
				#item_description form#add_item .submitButton .submit{
					display: block;
					border: 0;
					background: #101010 url(../images/add_cart.jpg) 6px 7px no-repeat; 
					font-size: 11px; 
					text-decoration: none;
					cursor: pointer; 
					margin: 0; 
					padding: 5px 10px 5px 18px; 
					float: left; 
				}
				
					#item_description form#add_item .submitButton .submit:hover{
						text-decoration: none;
						background-position: 6px -12px;
						color: #898989; 
					}
					
					#item_description form#add_item .submitButton span{
						display: block;
						font-size: 10px;
						float: left;
						margin: 0 0 0 10px; 
					}
					
						#item_description form#add_item .submitButton span a{
							font-size: 10px; font-family: Georgia; 
							font-weight: bold; 
							color: #fff;
						}
	/* 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 20px 0 0;
	display: block; 
}

	/* Image */
	#item_gallery .mainImage{}
	
		#item_gallery .mainImage img{}
	
	/* Paganation */
	#item_gallery #page_navigation{
		width: 300px;
		margin: 0 6px;
		font-size: 11px; 
	}
	
		#item_gallery #page_navigation span{
			display: block; 
		}
		
			#item_gallery #page_navigation span.enlarge_media{
				float: right;
				width: 144px;
				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 0 0 5px;
				padding: 0 0 0 5px;
				border: solid #2f2f2f;
				border-width: 0 0 0 1px; 
			}

				#item_gallery #page_navigation ul li a{
					text-decoration: none; 
				}

				/* Active */ 
				#item_gallery #page_navigation ul li.active a{
					color: #404040; 
				}

				/* First */
				#item_gallery #page_navigation ul li.first{
					border: 0; 
					padding: 0; 
				}


/*********************
 STOCKIST
********************/
#stockist{}
	
	#stockist hr{}
	#stockist .storeGroup{
		margin: 0 0 15px;
	}
	
		#stockist .storeGroup h3{
			margin: 0 0 10px; 
		}
		
		#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{}
	#blogList .post{ 
		margin: 0 0 15px; 
	}
	
		#blogList .post .date{
			font-style: italic;
			margin: 0 0 15px; 
		}
		
		#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 input{
			display: block; 
		}
		.newsletter form label{
			font-weight: bold;
			color: #fff;
			margin: 10px 0 5px; 
		}
		.newsletter form .input input{
			width: 240px; 
			padding: 3px 5px; 
			font-size: 11px; 
		}
		
			.newsletter form .submit input{
				margin: 15px 0 30px;
				float: none;
				width: auto;
				padding: 5px 10px;
				background: #1a1a1a;
				font-size: 11px;
				font-weight: bold;
				border: 0;
				cursor: pointer;
				text-decoration: underline !important; 
			}
			
			.newsletter form .submit input:hover{
				text-decoration: underline !important; 
			}
			
		.newsletter form div.error-message{
			background: #1a1a1a;
			font-weight: bold;
			color: #fff;
			padding: 3px 5px;
			width: 242px;
			margin: 10px 0 0; 
		}

/*********************
 HOME PAGE
********************/
.home_text{
	width: 300px; 
	float: left; 
	margin: 0 20px 0 0; 
}

.home_media{
	float: left; 
}

/*********************
 STATIC PAGES
********************/
.staticpage{
	float: left;
	width: 620px; 
}

.staticpage_full{
	width: 940px; 
}

.staticImage{
	float: left;
	width: 300px;
	margin: 0 20px 0 0; 
	overflow: hidden; 
}

/*********************
 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;
			ont-size: 11px; 
			border: 1px solid #999;
		}
		
		/* Button */
		.comments_add .submit{ 
			margin: 10px 0;
		}
		
			.comments_add .submit input{
				float: none;
				width: auto;
				padding: 5px 10px;
				background: #1a1a1a;
				font-size: 11px;
				font-weight: bold;
				border: 0;
				cursor: pointer;
				text-decoration: underline !important; 
			}
			
				.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;
		}