@charset "utf-8";
/************************************************************
 SWAPPLER.COM
 
 Template: Colour Motif
 Store: Capsuleshow
 Author: Laurence Barnes - Portable
 Version: 1.1.a
 Date: 27 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: 34px; /* .push must be the same height as .footer */
}

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

body{
	font-size: 14px;
	line-height: 24px;
}

/*********************
 LINKS
********************/
a{}

a { text-decoration: none; }
a:hover {}
a.selected, a.active, li.active a { text-decoration: none; }

/*********************
 BUTTON
********************/
.submit input{
	font-size: 18px;
	font-weight: bold;
	width: auto;
	height: 35px;
	padding: 5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

	.submit input:hover, .submit input:focus{}
	
	.submit input:active{}
	
/*********************
 FORMS
********************/
form .text input{
	font-size: 14px;
	font-weight: bold;
	width: 200px;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
}

	form .text input:hover, form .text input:focus{}

form .input label{
	font-weight: bold;
}

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

	h2{
		font-size: 22px; 
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 0 20px;
	}
	
	h3{ 
		font-size: 18px; 
		font-weight: bold;
		margin: 0 0 15px;
	}
	
	h4{ 
		font-size: 14px;
		font-weight: bold; 
	}
	
	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; 
}

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

#main_wrap{ 
	margin: 0 auto; 
	width: 960px; 
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#wrap{
	overflow: hidden;
	width: 100%;
	position: relative;
}

#content_wrap{
	overflow: hidden;
	margin: 0 0 30px;
}

/*********************
 BANNER
********************/
#banner{
	padding: 45px 0;
	text-align: center;
}

	#banner h1{ 
		display: inline
	}
	
		#banner h1 a{ 
			font-size: 36px;
			font-weight: bold;
		}
		
		#banner h1 span{ 
			display: none;
		}
	
/*********************
 MENU
********************/
#menu_wrap{ 
	font-size: 12px;
	line-height: 35px;
	height: 35px;
	position: relative;
	z-index: 10;
}

	/* Main Menu */
	#menu_wrap #menu{ 
		clear: left;
		float: left;
		width: 100%;
	}
	
		/* Top Layer */
		#menu ul.top{
			position: relative;
			clear: left;
			float: left;
			left: 50%;
		}
		
			#menu ul li.list{
				display: block;
				float: left;
				position: relative;
				right: 50%;
			}
			
				#menu li a{
					font-weight: bold;
					text-transform: uppercase;
				}
				
					#menu li a:hover{}
					
				/* Second Layer */
				#menu li li{
					z-index: 200;
					position: relative;
				}

					#menu li li a{
						text-transform: none;
						font-weight: normal;
						font-style: italic;
						position: relative;
						z-index: 300;
					}
					
/*********************
 SUBMENU
********************/
#submenu{
	margin: 0 0 15px;
}

	#submenu ul{
		text-align: center;
	}
	
		#submenu ul li{
			display: inline;
			background: url(../images/submenu-bulletpoint.gif) left 7px no-repeat;
			padding: 0 0 0 5px;
		}
		
			#submenu ul li.first{
				background: none;
				padding: 0;
			}
		
			#submenu ul li a{
				font-size: 14px;
				font-weight: bold;
				padding: 0 4px;
				margin: 0 1px 0 5px;
				display: inline-block;
			}
			
				#submenu ul li a:hover,
				#submenu ul li.active a{
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
				}
			
/*********************
 FOOTER
********************/
#footer{ 
	height: 34px; 
	line-height: 34px;
	font-size: 11px; 
}

	#footer #footer_wrap{ 
		width: 940px; 
		margin: 0 auto; 
		padding: 0 10px; 
		overflow: hidden;
		z-index: 10;
		position: relative;
	}

		#footer div.left, #footer div.right{ 
			float: left; 
			width: 470px;
		}
				
		#footer div.left{}
		
		#footer div.right{ 
			text-align: right; 
		}
			
			#footer div.left img{ 
				vertical-align: text-bottom; 
			}
			
			#footer div.left span{ 
			}
			
				/* Swappler Link */
				#footer div.left span a{ 
					font-family: Georgia; 
					color: #fff; 
					text-decoration: none; 
					font-weight: bold; 
				}
		
			#footer div.right ul{}
			
				#footer div.right ul li{ 
					display: inline; 
					border: solid #fff; 
					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{ }
					
						#footer div.right ul li a:hover{}
				
/*********************
 MAIN CONTENT
********************/
#content{ 
	width: 940px; 
	margin: 0 10px;
	overflow: hidden;
}

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

/*********************
 PAGINATION
********************/
#pagination a,
.pager a,
.pagination a, .pagination span.current,
.ss-controls a.play, .ss-controls a.pause{
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

	#pagination a:hover,
	.pager a:hover, .pager ul li.active a, .pager a.selected,
	.pagination a:hover, .pagination span.current,
	.ss-controls a.play:hover, .ss-controls a.pause{}
	
	/* Pager */
	.pager ul li a,
	.page_no a{
		width: 20px;
	}
	
	/* Pagination */
	#pagination a{
		padding: 0 5px;
	}

/* 
	Pagination
	Store Catalogue, Store Category and Press Index 
*/
#pagination{ 
	padding: 10px 0; 
}

	#pagination #prevBtn, #pagination #nextBtn{ 
		display: block; 
	}
	
	#pagination #prevBtn{ 
		float: left; 
	}
	
	#pagination #nextBtn{ 
		float: right; 
	}
	
				
/* Blog */
.blog_pager{
	clear: both;
	width: 700px;
	overflow: hidden;
}

	.blog_pager #prevBtn, .blog_pager #firstBtn, 
	.blog_pager #nextBtn, .blog_pager #lastBtn{ 
		width: 50px; 
		display: block; 
	}
	
	.blog_pager #prevBtn, .blog_pager #firstBtn{ 
		float: left; 
		padding: 0 5px 0 0;
	}
	
	.blog_pager #nextBtn, .blog_pager #lastBtn{ 
		float: right; 
		text-align: right;
		padding: 0 0 0 5px; 
	}

	.blog_pager .page_no{ 
		width: 480px; 
		float: left; 
		text-align: center; 
		display: block;
		overflow: hidden;
	}
			
		.blog_pager .page_no a{ 
			display: inline-block;
		}
		
/*********************
 HOME PAGE
********************/
#home_banner{ 
	width: 940px;
	margin: 0 0 15px; 
	text-align: center;
}

	#home_banner .media_wrap object,
	#home_banner img{
}

	#home_banner .media_wrap{
		text-align: center;
	}
		#home_banner .media_wrap object{
			display: inline-block;
		}

#home_intro{
	text-align: center;
}

	#home_intro .home_description{
		text-align: justify;
		width: 460px;
		margin: 0 auto;
	}
			
/*********************
 CONTACT DETAILS
********************/
#contactDetails{ 
	float: left;
	width: 460px;
}

	#contactDetails .contactWrap{
		overflow: hidden;
		margin: 0 0 15px;
	}

		#contactDetails .contactInfo{ 
			margin: 0 0 15px;
			line-height: 24px;
		}
		
			#contactDetails .contactInfo span{ 
				display: block; 
				white-space: normal;
				word-wrap: break-word;
			}
			
/*********************
 ITEM THUMBNAIL LIST
********************/
#thumbView{ 
	clear: both; 
	overflow: hidden; 
	width: 940px; 
	position: relative; /* Needed for Thumb Slider*/ 
}
	
	#thumbView ul{}
	
		#thumbView ul li{ 
			width: 950px; /* Needed for Thumb Slider*/ 
		}
		
			#thumbView ul li .thumbWrap{
				overflow: hidden;
				padding: 0 0 15px;
			}
		
			#thumbView ul li a{ 
				float: left; 
				width: 220px; 
				margin: 0 0 0 20px; 
				text-decoration: none; 
			}

				/* Item Thumbnail */
				#thumbView ul li a span.imageThumb{ 
					height: 330px;
					width: 220px;
					display: block;
					position: relative;
				}
					
					#thumbView ul li a span.imageThumb img{
						position: absolute;
						bottom: 0;
						left: 0;
					}

				/* Item Information */
				#thumbView ul li a span{ 
					display: block; 
				}
				
					/* Name */
					#thumbView ul li a span.name{ 
						margin: 5px 0 0;
					}
					
						#thumbView ul li a:hover span.name{}

					/* Description / Price */				
					#thumbView ul li a span.description,
					#thumbView ul li a span.price{ 
						font-weight: bold; 
					}
					
						#thumbView ul li a span.price span{
							display: inline;
						}
					
						/* Sales */
						span.price .price_sale{}
						
						span.price .price_rrp{
							text-decoration: line-through;
						}

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

/*********************
 GALLERY
 Collection / Designer
********************/
#gallery{
	overflow: hidden;
}

	#gallery .content{ 
		width: 705px; 
		overflow: hidden; 
		clear: both; 
		float: left;
	}
	
		/* 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: 705px;
				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: 705px;
					}
					
						div.slideshow img {
							vertical-align: middle;
						}
					
			/* Caption */
			#gallery .caption-container{
				clear: left;
				height: 75px;
				position: relative;
				margin: 15px 0 0;
			}
			
				.caption-container span.image-caption{
					display: block;
					left: 0;
					position: absolute;
					top: 0;
					width: 705px;
					text-align: center;
				}
			
					.caption-container span.image-caption .caption{
						line-height: 22px;
					}
			
		/* Navigation */
		#gallery .navigation{
			width: 230px;
			float: right;
		}
		
			/* Thumbnails */
			#gallery ul.thumbs {
				clear: both;
				overflow: hidden;
			}
			
				#gallery ul.thumbs li{
					float: left;
					margin: 0 0 10px 10px;
				}
				
					#gallery ul.thumbs li a.thumb{
					}
					
						#gallery ul.thumbs li a.thumb img{
							width: 95px;
							height: 65px;
						}
			
			/* Pager */
			div.navigation div.pagination{
				overflow: hidden;
				margin: 0 10px;
			}
			
				div.navigation div.pagination a, 
				div.navigation div.pagination span.current, 
				div.navigation div.pagination span.ellipsis{
					display: inline-block;
					padding: 0 5px;
					margin: 0 5px 0 0;
				}
				
			/* Controls */
			#controls div.ss-controls{
				margin: 10px;
			}
			
				#controls div.ss-controls a{
					width: 50px;
					padding: 0 5px;
				}

/*********************
 STORE
********************/
/* Store Description */
#item_description{ 
	width: 460px; 
	float: left; 
	overflow: hidden;
}
	
	#item_description .wrapper{ 
		margin: 0 0 10px;
		overflow: hidden;
	}
	
		/* Descriptoin */
		#item_description .wrapper.description{
			margin: 0 0 30px;
		}
	
	#item_description form#add_item{}
	
		/* Form */
		#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; 
			}
			
			/* Quanity */
			#item_description form#add_item .options input{ 
				width: 75px;
			}
			
			/* Select */
			#item_description form#add_item .options select{ 
				width: 175px;
			}
			
			/* Submit Button */
			#item_description form#add_item .submitButton{
				overflow: hidden;
			}
			
				#item_description form#add_item .submitButton .submit{
					float: left;
				}
				
					#item_description form#add_item .submitButton .submit:hover{}
			
					#item_description form#add_item .submitButton .submit:active{}
				
				/* Powered by Swappler */
				#item_description form#add_item .submitButton span{ 
					display: block; 
					float: left;
					margin: 0 0 0 10px;
					line-height: 37px;
					font-size: 10px; 
				}
				
					#item_description form#add_item .submitButton span a{ 
						font-size: 10px; 
						font-weight: bold; 
					}
					
		/* Sale Price */
		#item_description .price{
			font-size: 22px;
		}
		
			#item_description .price a{
				font-size: 15px;
			}
		
			#item_description .price .price_rrp{ 
				display: inline !important; 
			}
				
			#item_description .price .price_sale{ 
				display: inline !important; 
			}
	
/* Store Gallery */
#item_gallery{ 
	width: 460px; 
	float: left; 
	margin: 0 20px 0 0; 
	display: block; 
}

	/* Image */
	#item_gallery .mainImage{ 
		width: 460px; 
	}
	
		#item_gallery .mainImage img{}
	
	/* Paganation */
	#item_gallery #page_navigation{ 
		width: 460px; 
	}
			
		#item_gallery #page_navigation ul{ 
			display: block; 
			overflow: hidden;
		}
		
			#item_gallery #page_navigation ul li{ 
				margin: 0 5px 0 0; 
				display: block;
				float: left;
			}
			
				#item_gallery #page_navigation ul li a{
				}
				
					#item_gallery #page_navigation ul li.active a,
					#item_gallery #page_navigation ul li a:hover{
					}

/*********************
 STOCKIST
********************/
#stockist{}

	#stockist hr{
		margin: 10px 0 0;
		padding: 10px 0 0;
	}
	
	#stockist .storeGroup{}
	
		.storeGroup .stockWrap{
			overflow: hidden;
			margin: 0 0 15px;
		}
		
			#stockist .storeGroup .store{ 
				line-height: 24px;
				float: left; 
				display: block; 
				width: 220px; 
				margin: 0 0 0 20px; 
			}
			
				#stockist .storeGroup .store span{ 
					display: block; 
					white-space: normal;
					word-wrap: break-word;
				}
		
/*********************
 BLOG
********************/
/* Blog List */
#blogList{
}
	
	#blogList .post{
		overflow: hidden;
	}
		
		#blogList .post_info{
			width: 700px;
			float: left;
			margin: 0 20px 10px 0;
			padding: 0 0 10px;
			min-height: 100px;
		}
		
			#blogList .post_info img{}
	
		#blogList .post_date{ 
			width: 220px;
			float: left;
		}
			
			/* Date */
			.post_date .date{
				width: 71px;
				padding: 10px 0;
			}
			
				.post_date .date span{
					display: block;
					line-height: 16px;
					width: 71px;
					text-align: center;
				}
		
				.post_date .date .day{
					font-size: 35px;
					line-height: 29px;
				}
				
				.post_date .date .month{
					font-weight: bold;
					font-size: 18px;
					line-height: 18px;
					text-transform: uppercase;
				}
				
				.post_date .date .year{
					font-size: 16px;
					line-height: 19px;
					font-weight: bold;
				}
				
			.post_date .comments{
				display: block;
				width: 84px;
				font-size: 12px;
				line-height: 16px;
				text-align: center;
				margin: 5px 0;
			}
		
		#blogList .post .post .readmore{}

	/* Blog Article */
	#blogList .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 .text input{ 
		}
		
		.newsletter form .submit{
			margin: 15px 0;
		}
		
			.newsletter form .submit input{}
			
			.newsletter form .submit input:hover{}
			
			.newsletter form .submit input:active{}
			
		.newsletter form div.error-message{}
		
/*********************
 STATIC PAGES
********************/
.staticpage{ 
	float: left; 
	width: 460px; 
}

.staticImage{ 
	float: left;
	width: 460px;
	margin: 0 20px 0 0; 
}

	.staticImage iframe,
	.staticImage img{
	}

.fullContent{ 
	width: auto; 
}

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

	.comments_add{ 
	}
	
		/* Heading */
		.comments_add h2{ 
			margin: 0 0 15px;
			line-height: normal;
		}
		
			.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: 335px; 
			height: 75px; 
			padding: 5px; 
			font-size: 11px; 
		}
		
		/* Button */
		.comments_add .submit{ 
			margin: 20px 0 10px;
		}
			
			.comments_add .submit input{ }
			
				.comments_add .submit:hover{ }
			
				.comments_add .submit:active{}

	/* Comments */
	.comments_wrap .comment{
		padding: 10px 0 0;
	}
	
		.comments_wrap .comment .author{ 
			font-size: 12px; 
			margin: 0 0 5px; 
		}
			.comments_wrap .comment .author span{ 
				font-weight: bold; 
			}
			
		.comments_wrap .comment p{ 
			font-size: 11px;
		}