@charset "utf-8";
/************************************************************
 SWAPPLER.COM
 
 Template: TV The Label
 Author: Laurence Barnes - Portable
 Version: 2.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: 11px;
	line-height: 14px;
	font-family: Helvetica, Arial, Sans;
	color: #000;
}

	body.body_background{ background:#d9d3d5 url(../images/background_tile.png) repeat-x scroll left top; }

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

	.yourCart a{}

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

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

a.swappler{ font-family: Georgia,"Times New Roman",Times,serif; font-weight: bold; }

/*********************
 HEADINGS
********************/
h1, h2, h3, h4, h5{ text-transform:lowercase; }

	h2{ color:#000; font-size: 11px; font-weight: bold; margin:0 0 10px; }
	
	h3{ color:#000; font-size:11px; margin:0 0 3px; }
	
	h4{}
	
	h5{}

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

/* Break Line */
hr{ background:#D5D4D2; border:0 none; clear:both; color:#D5D4D2; height:1px; margin:0 0 15px; padding:0; width:100%; }

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

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

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

/* Error Messages */
#flashMessage, .error-message { color:#FF7FCC; }
.error-message { clear:both; font-weight:bold; margin:0 0 15px; }

/*********************
 WRAPS
********************/
#body_wrap {
	overflow: hidden;
	position: relative;
	
	/* 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{ margin: 0 auto; width: 940px; position: relative; padding: 43px 0 0; }

#content_wrap{ margin: 71px 0 30px 15px; float: left; min-height: 400px; width: 925px; }

/*********************
 BACKGROUND IMAGE
********************/
#lady{ background: transparent url(../images/tv-model-2010.png) top right no-repeat scroll; width: 820px; height: 1565px; position: absolute; right: 0; top: 0; z-index: -1; }

/*********************
 BANNER
********************/
#banner{ float: left; width: 87px; }

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

	/* Main Menu */
	#menu_wrap #menu{ width: 533px; bottom: -3px; margin:0 0 0 16px; position:absolute; }
	
		#menu_wrap #menu ul{}
		
			#menu_wrap #menu ul li{ float:left; margin:0 23px 0 5px; }
			#menu_wrap #menu ul li.first{ }
			
				#menu_wrap #menu li a{ color: #000; font-size: 11px; }
				#menu_wrap #menu li.active a{ color: #002c8a; }
	
/*********************
 FOOTER
********************/
#footer{ height:24px; color: #000; font-size: 11px; position: relative; z-index: 5; }

	#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{ margin: 0 0 30px; }

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

/*********************
 SIDE MENU
********************/
#side_bar{ float: left; width: 111px; text-transform:lowercase; }

	#side_bar ul{}
	
		#side_bar ul li{}
		
			#side_bar ul li a{ color: #000; }
			
				#side_bar ul li.active a, #side_bar ul li a:hover{ color: #002c8a; }
			
/*********************
 PAGINATION
********************/
#pagination{ padding: 6px 0 15px; width: 920px; }

	#pagination #prevBtn, #pagination #nextBtn{ width: 32px; }
	#pagination #prevBtn{ float: left; }
	#pagination #nextBtn{ float: right; }
	
		#pagination #prevBtn a, #pagination #nextBtn a{ height:32px; width:32px; position:relative; text-indent:-9999px; display: block; }
		
		#pagination #prevBtn a{ background: transparent url(../images/skin/prev-horizontal.jpg) no-repeat scroll -12px 0}
		#pagination #nextBtn a{ background:transparent url(../images/skin/next-horizontal.jpg) no-repeat scroll 12px 0}
		
			#pagination #prevBtn a:hover{ background-position: -44px 0; }
			#pagination #nextBtn a:hover{ background-position: -20px 0; }
			
	
	#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; }
				
/* Store Menu */
.store #pagination{ width: 814px; float: right; clear: both; }
			
/*********************
 CONTACT DETAILS
********************/
#contactDetails{ float: left; }

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

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

				/* Item Information */
				#thumbView ul li a span{ display: block; line-height: 12px; font-size: 11px; color: #000; text-decoration: none; text-transform: lowercase; }
				
					#thumbView ul li a span.name{}
					#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{ width: 814px; }
	#thumbView.store ul li{ height: 304px; /* IE Fix */}
		#thumbView.store ul li a{ width: 190px; height: 304px; margin: 0 0 0 18px; }
			
/* Dimentions for Press - Fix IE Bugs */
#thumbView.press{ width: 920px; height: 322px  !important; /* IE Fix */ }
	#thumbView.store ul, #thumbView.store ul li{ height: 322px !important; /* IE Fix */}
		#thumbView.press ul li a{ width: 215px; height: 322px; margin: 0 0 0 20px; }
	
/*********************
 DESIGNER
********************/
#designers{ width: 920px; margin: 0; padding: 0; }

	#designers ul{}
	
		#designers ul li{ width: 920px; 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
********************/
#col_wrap{ position: relative; }

	/* Slide Show */
	#col_wrap #collection{ width: 872px; height: 540px; clear: both; text-transform: lowercase; position: relative; }
	
		#col_wrap #collection .jqGSImgContainer{ height: 500px; width: 872px; }
		
			#col_wrap #collection .jqGSImgContainer ul{ z-index: 1; }
			
				#col_wrap #collection .jqGSImgContainer ul li{ float: left; display: table-cell; vertical-align: middle; text-align: center; }
				
					#col_wrap #collection .jqGSImgContainer ul li img{ left: 406px !important; top: 0 !important; margin: 0 !important; }
					#col_wrap #collection .jqGSImgContainer ul li .description{ width: 300px; position: absolute; bottom: 0; left: 0; }

	
	/* Gallery Nav */
	#col_wrap #collection #galleryWrap{ margin:10px 0 0; position: relative; background: transparent url(../images/hr-line.gif) repeat-x scroll left top; }

		#col_wrap #collection #galleryWrap #galleryNav{ width: 872px; margin: 0 80px; padding: 10px 0; overflow: hidden; position: relative; }
		
			#col_wrap #collection #galleryWrap #galleryNav ul{ width: 760px; overflow: hidden; }
		
				#col_wrap #collection #galleryWrap #galleryNav ul li{ width: 760px; text-align: center; }
			
					#col_wrap #collection #galleryWrap #galleryNav ul li a{ text-align: center; padding: 3px 3px; margin: 3px; }
				
						#col_wrap #collection #galleryWrap #galleryNav ul li a.selected{ background: #EDE3DE; }
	
		#col_wrap #collection #galleryWrap #colPrev, #collection #galleryWrap #colNext{ width: 80px; position: absolute; top: 10px; }
		#col_wrap #collection #galleryWrap #colPrev{ left: 0; }
		#col_wrap #collection #galleryWrap #colNext{ right: 0; text-align: right; }
	
	/* Sub Menu */
	#col_wrap #side_bar{ position: absolute; top: 0; left: 0; z-index: 10; width: 200px !important; }

/*********************
 STORE
********************/
.item_store{ position: relative; min-height: 500px; }

/* Store Description */
#item_description{ width: 310px; float: left; font-size: 10px; position: absolute; left: 0; bottom: 0; }
	
	#item_description span{ display: block; }
	
	#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: 10px 0 3px; }

			#item_description form#add_item .options input, 
			#item_description form#add_item .options select{ font-size: 10px; }
			
			#item_description form#add_item .options input{ width: 50px;}
			#item_description form#add_item .options select{ width: 200px;}
			
			#item_description form#add_item .submitButton{}
			
				#item_description form#add_item .submitButton .submit{ display: block; border: 0; background: none; color: #002c8a; font-size: 11px; text-decoration: underline; cursor: pointer; margin: 0 0 0 -3px; text-transform: lowercase; text-decoration: none; }
				
				#item_description form#add_item .submitButton .submit:hover{ color: #000; }
				
				#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{ display: inline !important;}
	.price_rrp{ text-decoration:line-through !important; display: inline !important; }
	.price_sale{ display: inline !important; }
	
/* Store Gallery */
#item_gallery{ width: 350px; float: right; display: block; }

	/* Image */
	#item_gallery .mainImage{ width: 350px; }
	
		#item_gallery .mainImage img{}
	
	/* Paganation */
	#item_gallery #page_navigation{ width: 350px; 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; text-transform: lowercase; }
			
		#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{ display: block; }
		
			#stockist .storeGroup .store span{ display: inline; }
		
/*********************
 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{ margin: 0 0 10px;}
		
/*********************
 NEWSLETTER FORM
********************/
.newsletter{}

	.newsletter form{}
	
		.newsletter form label, .newsletter form .input input{ display: block; }
		.newsletter form label{ margin: 10px 0 3px; }
		.newsletter form input{ width: 240px; padding: 3px; font-size: 11px; border: 1px solid #000; }
		
			.newsletter form input.form-error{ border-color: #FF7FCC; }
		
			.newsletter form .submit input{ margin: 15px 0 30px; float: none; width: auto; padding: 0; background: none; color: #002c8a; font-size: 12px; text-decoration: underline; border: 0; cursor: pointer; }
			.newsletter form .submit input:hover{ text-decoration: none; }
			
		.newsletter form div.error-message{}
		
/*********************
 STATIC PAGES
********************/
.staticpage{ float: left; width: 460px; }
.staticImage{ float: left; }
.fullContent{ width:960px; }

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

	.comments_add{ }
	
		/* 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: 10px 0;}
			.comments_add .submit input{ display: block; border: 0; background: none; color: #002c8a; font-size: 11px; text-decoration: underline; cursor: pointer; margin: 0 0 0 -3px; text-transform: lowercase; text-decoration: none; }
				.comments_add .submit:hover{ text-decoration: none; color: #000; }

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