/*---------------------------------------------------------------------*/
/* RESET */
/*---------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*---------------------------------------------------------------------*/
/* HEADER: General Tags &amp; Text */
/*---------------------------------------------------------------------*/

/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */
body {
	margin: 0px;
	padding: 0px;
	background: #eeeff1 url('../images/body-bg.gif') 0 0 repeat-x;
	color: #362f2d;
	font-family: "open-sans", Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* HELP: Basic store link colour<br/><br/> */
a {
	color: #362f2d;
	text-decoration: underline;
}

/* HELP: Basic store link colour (when mouse hovers over it) */
a:hover {
}

/* HELP: Main page headings, for example product names, section titles etc. */
h1, h2 {
	margin: 0 0 20px;
	font-family: "adobe-garamond-pro", Garamond, Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	clear: both;
}

h1 {
	font-size: 1.125em;
}

h2 {
	padding: 10px 0 5px;
	border-bottom: 1px dashed #D1D4DA;
	font-size: 0.95em;
}

/* HELP: Standard paragraph formatting for your store. Anything in a &lt;p&gt; tag will be displayed using this. */
p {
	margin: 10px 0;
    font-family: "adobe-garamond-pro", Garamond, Times, serif;
}

.small {
	font-size: 0.8em;
	line-height: 1;
}

/* HELP: Formatting for the &lt;strong&gt; HTML tag. By default this shows text in bold */
strong {
	font-weight: bold;
}

input, textarea, select {
	border: 1px solid #D1D4DA;
	font-family: "open-sans", Arial, Helvetica, sans-serif;
}

input:hover, textarea:hover, select:hover,
input:focus, textarea:focus, select:focus {
	background-color: #FFFFFF;
	border: 1px solid #81848A;
}

textarea {
	overflow: auto;
}

/* HELP: Style for checkboxes to avoid border applied to other input fields and tweak position */
.checkbox {
	position: relative;
	top: 2px;
	border: 0px;
}

/* HELP: Style for all form buttons used on your store, including form submission buttons */
.button, .form-table input.button, .general-table input.button, .cart-table input.button {
	padding: 5px 14px;
	clear: left;
	background-color: #362f2d;
	border: 1px solid #111;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	font-family: "adobe-garamond-pro", Garamond, Times, serif;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

/* HELP: Style for all form buttons used on your store when mouse hovers over them */
.button:hover, #wide-content .col2 div.button:hover, .form-table input.button:hover, .general-table input.button:hover, .cart-table input.button:hover {
	background-color: #FFF;
	border: 1px solid #787878;
	color: #787878;
}

/* HELP: Style used for places where a smaller text size is required, generally on product templates and product menu box listings */
.smaller-text {
	font-size: 10px;
}

/* HELP: Style used for all error text in the store, e.g. form entry validation errors etc. */
.error-text {
	font-size: 12px;
	font-weight: bold;
	color: #c00;
}

.clear:after, .menu-box form:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
	clear: both;
}

.center {
	margin: 0 auto;
}

/*---------------------------------------------------------------------*/
/*  MAIN STRUCTURE  */
/*---------------------------------------------------------------------*/

#wrapper {
	width: 978px;
	margin: 0 auto;
}

	#left-menu, #main-content {     
		float: left;
	}
	
	#left-menu {
		width: 214px;
		margin: 0 0 30px;
	}

		#left-menu .box-inner {
			padding: 0 0 15px;
		}

	#main-content {
		width: 726px;
		margin: 0 0 30px 30px;
	}

	#wide-content {
		width: 978px;
		margin: 0 0 30px;
	}

	.box {
		padding: 4px;
		background-color: #FFF;
		border-bottom: 1px solid #b7b7b7;
	}

		.box-inner, .box-inner-normal {
			border: 1px solid #d1d4da;
		}

		.box-inner-normal {
			padding: 19px 16px;
		}

	.box.col1, .box.col2, .box.col3 {
		margin: 0 30px 28px 0;
		float: left;
	}
	
	.box.col1 {
		width: 970px;
	}

	.box.col2 {
		width: 465px;
	}

	.box.col3 {
		width: 278px;
		padding: 14px;
	}

	.end {
		margin-right: 0 !important;
	}

	.col50 {
		width: 50%;
		float: left;
	}

	.col48 {
		width: 48%;
		float: left;
	}

	.col-left {
		clear: both;
	}

	.col-right {
		float: right;
	}

		#wide-content .col48 .cart-div, #wide-content .col48 .form-div, #wide-content .col48 .general-table-div {
			width: 100%;
		}

		.checkout-submit {
			margin: 60px 0 0 110px;
		}

		.checkout-submit-full {
			margin: 0 0 40px;
			clear: both;
			text-align: center;
		}

			.checkout-submit-full .checkout-submit {
				margin: 0;
			}

/*---------------------------------------------------------------------*/
/*  HOME PAGE  */
/*---------------------------------------------------------------------*/

#wide-content .col3 .box-inner {
	height: 145px;
	border: none;
}

	#wide-content .col3 a {
		width: 264px;
		height: 36px;
		padding: 109px 0 0 14px;
		display: block;
		color: #fff;
		font-family: "adobe-garamond-pro", Garamond, Times, serif;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 36px;
	}

		#wide-content .col3 a span {
			float: right;
			margin: 0 14px 0 0;
			font-size: 1em;
			font-weight: normal;
			line-height: 32px;
		}

#wide-content .col2 .box-inner {
	height: 109px;
	padding: 0;
}

	#wide-content .col2 a {
		width: 441px;
		height: 88px;
		padding: 12px 11px 9px;
		display: block;
		text-decoration: none;
	}

	#wide-content .col2 h2 {
		margin: 0 0 11px;
		padding: 0;
		border: none;
		font-size: 1.125em;
	}

	#wide-content .col2 p {
		margin: 0 0 17px;
		padding: 0;
		font-family: "adobe-garamond-pro", Garamond, Times, serif;
		font-size: 0.875em;
	}

	#wide-content .col2 div.button {
		padding: 7px 14px;
		float: left;
		background-color: #fff;
		border: 1px solid #787878;
		color: #362f2d;
		font-size: 0.75em;
		text-decoration: none;
	}

#wide-content .col1 .box-inner {
	padding: 30px 25px;
}

	.intro-left, .intro-right {
		width: 445px;
	}

	.intro-left {
		float: left;
	}

	.intro-right {
		float: right;
	}

		.intro-left h2, .intro-right h2 {
			margin: 0 0 15px;
			padding: 0;
			border: none;
			font-size: 1.125em;
		}

			.intro-right h2 a {
				margin: 3px 0 0;
				float: right;
				font-size: 0.8em;
				text-transform: none;
			}
		
		.intro-left p, .intro-right p {
			margin: 0;
			font-size: 0.95em;
			line-height: 2em;
		}

		.home-testimonial {
			margin: 0 0 15px;
			padding: 0 0 15px;
			border-bottom: 1px dashed #787878;
		}

		.home-testimonial + .home-testimonial {
			margin: 0;
			padding: 0;
			border-bottom: none;
		}

/*---------------------------------------------------------------------*/
/* HEADER: Page Header */
/*---------------------------------------------------------------------*/

/* HELP: The main header bar for your store, where your logo, search and mini cart reside */
#header {
	width: 978px;
	height: 127px;
}

	#logo {
		width: 268px;
		height: 54px;
		margin: 36px 0 0;
		float: left;
	}

	#mini-cart, #search {
		float: right;
		margin: 32px 0 0;
	}

	#mini-cart {
		width: 138px;
		height: 65px;
		margin-left: 25px;
		padding: 0 0 0 80px;
		position: relative;
		background: url('../images/basket.gif') 0 0 no-repeat;
		border-left: 1px solid #b7b7b7;
		font-family: "adobe-garamond-pro", Garamond, Times, serif;
		font-size: 0.875em;
		line-height: 1.4;
	}

		#mini-cart .bag-link {
			width: 80px;
			height: 0;
			padding: 65px 0 0;
			overflow: hidden;
			position: absolute;
			top: 0;
			left: 0;
		}

		#mini-cart h3 {
			font-weight: normal;
			text-transform: uppercase;
		}

		#mini-cart a {
			text-decoration: none;
		}

	#search {
		width: 280px;
		margin: 9px 0 0;
	}

		.header-links {
			margin: 0 0 0 20px;
			font-size: 0.625em;
		}

			.header-links li {
				margin: 0 10px 10px 0;
				float: left;
			}

				.header-links li a {
					border-bottom: 1px dashed #bbb;
					color: #666;
					text-decoration: none;
				}

				#header .header-links li a:hover {
					border-bottom: 1px solid #bbb;
					text-decoration: none;
				}

		.header-tel {
			margin: 4px 0 0 20px;
			float: left;
			font-family: "adobe-garamond-pro", Garamond, Times, serif;
			font-size: 1.3em;
		}

		.header-acc {
			margin: 7px 0 0;
			float: right;
			font-family: "adobe-garamond-pro", Garamond, Times, serif;
			font-size: 0.875em;
		}

			.header-acc a {
				text-decoration: none;
			}

		#search form {
			width: 260px;
			margin: 10px 0 0;
			padding: 0 0 0 20px;
			float: right;
			background: url('../images/search-form-bg.gif') 0 0 no-repeat;
		}

			#search input.search-box {
				width: 215px;
				height: 11px;
				padding: 6px 10px;
				float: left;
				border: 1px solid #b7b7b7;
				border-right: none;
				font-family: "adobe-garamond-pro", Garamond, Times, serif;
				font-size: 0.875em;
			}

			#search-button {
				width: 22px;
				height: 23px;
				padding: 0;
				float: left;
				border: 1px solid #b7b7b7;
				border-left: none;
				cursor: pointer;
			}

	#header a:hover {
		text-decoration: underline;
	}

/*---------------------------------------------------------------------*/
/* HEADER: MAIN NAV */
/*---------------------------------------------------------------------*/

#nav {
	width: 978px;
	height: 42px;
	margin: 0 0 15px;
	padding: 0;
	font-family: "adobe-garamond-pro", Garamond, Times, serif;
}

	#nav ul {
		width: 964px;
		height: 42px;
		padding: 0 7px;
	}
	
		#nav ul li, #nav ul li a {
			height: 42px;
			float: left;
		}
		
		#nav ul, #nav ul li {
			position: relative;
			z-index: 1000;
		}
		
			#nav ul li a {
				padding: 0 15px;
				font-size: 0.8em;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				line-height: 44px;
			}
			
			#nav ul li a:hover, #nav ul li.current a {
				text-decoration: underline;
			}
			
				/*  SUB NAV  */
				#nav ul .box {
					width: 215px;
					display: none;
					position: absolute;
					top: 42px;
					left: -14px;
					z-index: 1000;
					border-top: 1px solid #B7B7B7;
				}
				
				#nav ul li:hover .box {
					padding-top: 0;
					display: block;
				}

					#nav ul ul.box-inner {
						width: 213px;
						height: auto;
						padding: 0;
						border-top: none;
					}
				
					#nav ul ul li {
						width: 213px;
						height: 27px;
						margin: 0;
						clear: left;
					}
					
						#nav ul ul li a {
							width: 179px;
							height: 27px;
							padding: 0 17px;
							font-family: "open-sans", Arial, Helvetica, sans-serif;
							font-size: 0.75em;
							text-align: left;
							text-decoration: none;
							text-transform: none;
							line-height: 27px;
						}

						#nav ul li.current ul li a {
							text-decoration: none;
						}
						
						#nav ul ul li a:hover {
							background-color: #f0ece8;
						}

/*---------------------------------------------------------------------*/
/* HEADER: Left and Right Menus */
/*---------------------------------------------------------------------*/

/* HELP: The overall container for each menu box in the left and right menus */
.menu-box {
	margin: 0 0 10px;
}

	/* HELP: The title for the menu box<br/><br/> */
	.menu-box-title {
		padding: 19px 17px 15px;
		font-family: "adobe-garamond-pro", Garamond, Times, serif;
		font-size: 1.125em;
		text-transform: uppercase;
	}

		/* HELP: List formatting for the top level sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
		#menu-section-list {
			list-style-type: none;
		}
		
		/* HELP: List formatting for the sub-sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
		#menu-section-list ul {
			margin: 0;
			padding: 0;
		}

			#menu-section-list ul li {
				clear: both;
				overflow: hidden;
			}
			
			#menu-section-list a {
				height: 27px;
				padding: 0 17px;
				display: block;
				font-size: 0.75em;
				text-decoration: none;
				line-height: 27px;
			}

			#menu-section-list li.current a.level1, #menu-section-list a.level1:hover {
				background-color: #f0ece8;
			}
		
		/* HELP: List formatting for the customer account links in the left menu. Also used for open account etc. links if customer is customer is not logged in */
		#customer-links, #customer-links-small {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}

			#customer-links li a {
				height: 27px;
				padding: 0 17px;
				display: block;
				font-size: 0.75em;
				text-decoration: none;
				line-height: 27px;
			}

			#customer-links li a.current, #customer-links li a:hover {
				background-color: #f0ece8;
			}

		#customer-links-small li {
			margin: 0 0 5px;
			font-size: 0.8em;
		}
		
		/* HELP: List formatting for the news links in the left menu. The links themselves use the standard a and a:hover formatting */
		#news-links {
			margin: 0px;
			padding: 0px;
			padding-left: 17px;
			list-style-type: none;
		}

		.social-links {
			margin: 0 17px;
		}

			.social-links li {
				margin: 0 0 15px;
			}

				.social-links a.facebook, .social-links a.twitter {
					margin: 0;
					padding: 0 0 3px 33px;
					float: none;
					font-size: 0.8em;
					text-transform: none;
				}

				.social-links a.facebook {
					background: url('../images/facebook.gif') 10px 0 no-repeat;
				}
		
		/* HELP: Used to surround the product lists shown in the right menu in your store */
		.menu-product-list {
			clear: both; padding-top: 2px;
			margin-bottom: 2px;
		}
		
		/* HELP: Used to format the small thumbnail images shown in product lists on the right menu in your store */
		.menu-product-image {
			margin-right: 5px; float: left; position: relative;
		}

	.menu-box form {
		padding: 0 17px;
		font-size: 0.75em;
	}

		.menu-box form div {
			padding: 0 0 5px;
		}

		.menu-box form input {
			width: 166px;
			padding: 5px;
			font-weight: normal;
		}

		.menu-box form input.button {
			width: auto;
			padding: 4px 10px;
			float: right;
		}

/*---------------------------------------------------------------------*/
/* HEADER: Main Content */
/*---------------------------------------------------------------------*/

/* HELP: Style for the breadcrumb div shown above all the main content titles */
#breadcrumb {
	margin: 0 0 13px 4px;
	font-size: 0.75em;
}

	/* HELP: Style for the breadcrumb links<br/><br/> */
	#breadcrumb a {
		text-decoration: none;
	}
	
	/* HELP: Style for the breadcrumb links when the mouse hovers over them<br/><br/> */
	#breadcrumb a:hover {
		text-decoration: underline;
	}

.testimonial {
	margin: 0 0 15px;
	padding: 15px 0 0;
	border-top: 1px dashed #999;
}

/*---------------------------------------------------------------------*/
/* HEADER: Page Footer */
/*---------------------------------------------------------------------*/

/* HELP: Containing div for the footer shown on every page in your store */
#footer {
	clear: both;
	font-family: "adobe-garamond-pro", Garamond, Times, serif;
}

	#footer .box-inner {
		padding: 25px 50px 30px;
	}
	
		.footer-col {
			width: 187px;
			margin: 0 30px 40px 0;
			float: left;
		}

		.footer-col.end {
			margin-right: 0;
		}

			.footer-col h4 {
				margin: 0 0 10px;
				font-size: 0.95em;
				font-weight: normal;
				text-transform: uppercase;
			}

			.footer-col ul li {
				margin: 0 0 4px;
			}

				.footer-col ul a {
					font-size: 0.875em;
					text-decoration: none;
				}

					.footer-col ul a span {
						font-size: 0.7em;
					}

			.footer-col p {
				font-size: 0.875em;
				line-height: 1.3;
			}

	/* HELP: Formatting for the copyright section of the store footer */
	#copyright {
		clear: both;
		font-size: 0.75em;
		line-height: 18px;
	}

		#copyright span {
			text-transform: uppercase;
		}

		#copyright a {
			text-decoration: none;
		}

		#copyright a:hover {
			text-decoration: underline;
		}

		a.twitter, a.facebook {
			height: 18px;
			margin: 0 0 0 15px;
			float: right;
			text-transform: uppercase;
			line-height: 20px;
		}

		a.twitter {
			padding: 0 0 0 33px;
			background: url('../images/twitter.gif') 0 0 no-repeat;
		}
		
		a.facebook {
			padding: 0 0 0 15px;
			background: url('../images/facebook.gif') 0 0 no-repeat;
		}

/*---------------------------------------------------------------------*/
/* HEADER: Section Page Style */
/*---------------------------------------------------------------------*/

#section-header {
	margin: 0 0 30px;
}

#section-header .box-inner, .section-content .box-inner {
	padding: 2px 2px;
}

#section-header .box-inner-main {
	height: 188px;
}

	#section-header h1 {
		margin: 0;
		font-size: 1.35em;
        text-transform:lowercase;
	}

	#section-header .box-inner-main h1 {
		margin: 0 0 15px;
	}

	#section-header .section-description {
		width: 372px;
		font-size: 0.75em;
		line-height: 1.6;
	}

/* HELP: Container for the content (sub-sections &amp; products) on the section pages */
.section-content {
	clear: both;
}

/* HELP: Container for each sub-section listed on a section page<br/><br/> */
.sub-sections {
	width: 218px;
	margin: 0 17px 40px 0;
	float: left;
	font-size: 0.8em;
	text-align: center;
	line-height: 1.4;
}

	/* HELP: Style for the display of the sub-section title on section pages */
	.sub-section-title, .sub-section-title a {
		margin: 0 0 10px;
		font-weight: bold;
		font-size: 0.95em;
		text-decoration: none;
	}

	.sub-section-desc {
		font-size: 1em;
		line-height: 1.6;
	}

	.sub-sections a.button {
		margin: 10px 0 0;
		float: left;
		clear: none;
		font-size: 0.8em;
	}

.plain-box {
	margin: 0 0 20px;
	float: left;
}

.plain-box h2 {
	border: none;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}

.plain-box img {
	float: left;
}

.plain-box .ukha {
	width: 100%;
	margin: 15px 0 0;
	float: left;
	clear: both;
	text-align: center;
}

	.plain-box .ukha img {
		float: none;
	}

/*---------------------------------------------------------------------*/
/* HEADER: Paging Styles */
/*---------------------------------------------------------------------*/

/* HELP: Container for the paging links on section and search pages */
.pages-container {
	width: 100%;
	margin: 0 0 18px;
	float: left;
	clear: both;
	font-size: 0.75em;
}

/* HELP: Basic list formatting for the paging links, including previous and next links */
.pages-list {
	list-style-type: none;
}

	/* HELP: Formatting for each entry in the paging links<br/><br/> */
	.pages-list li {
		display: inline;
	}

	.pages-next {
		margin: 0 15px 0 0;
	}

		/* HELP: Display style for the page entry in the list that you are currently viewing */
		.pages-list span {
			font-weight: bold;
		}

		/* HELP: Actual clickable link for page numbers and previous and next links */
		.pages-list a { 
			text-decoration: none;
		}

		/* HELP: Clickable link style when mouse hovers over it<br/><br/> */
		.pages-list a:hover {
			
		}

/*---------------------------------------------------------------------*/
/* HEADER: Product Listing Styles */
/*---------------------------------------------------------------------*/

.section-content hr {
	height: 0;
	margin: 0;
	border: none;
	clear: both;
}

/* HELP: Used for the product lists if you've selected to show a single column in the template options */
.product-single {
	width: 158px;
	margin: 0 17px 40px 0;
	float: left;
	font-size: 0.75em;
	text-align: center;
	line-height: 1.4;
}

.end {
	margin-right: 0;
}

	/* HELP: Styling for the product thumbnails shown in the main content where products are listed, e.g. section pages */
	.product-thumbnail, .section-thumbnail {
		width: 200px;
		height: 200px;
		margin: 0 0 8px;
		padding: 3px;
		display: block;
		border: 1px solid #dcdde0;
	}

		.product-thumbnail img, .section-thumbnail img {
			max-width: 200px;
			max-height: 200px;
		}

	.product-single:hover .product-thumbnail, .sub-sections:hover .section-thumbnail {
		background: #e0e2ea;
		border: 1px solid #e0e2ea;
	}

	/* HELP: Additional formatting for product titles shown on section/search pages */
	.section-product-title, .section-product-title a {
		text-decoration: none;
	}

	/* HELP: General styling for main product prices shown in the store, excluding cart and checkout price displays */
	.product-single .price {
		font-weight: bold;
	}

/*---------------------------------------------------------------------*/
/* HEADER: Other Product Styles */
/*---------------------------------------------------------------------*/

.product-left {
	width: 327px;
	float: left;
}

.product-right {
	width: 329px;
	float: right;
}

	/* HELP: Styling for the product image shown on the product page.<br/><br/> */
	#product-image {
		width: 317px;
		height: 317px;
		margin: 0 0 10px;
		padding: 4px;
		display: block;
		border: 1px solid #d1d4da;
	}

		#product-image img {
			width: 317px;
			height: 317px;
		}

		#product-image .zoomWrapperImage img {
			width: auto;
			height: auto;
		}

		.zoomWindow {
			top: -5px !important;
		}

	#extra-images a {
		width: 68px;
		height: 68px;
		margin: 0 10px 20px 0;
		padding: 2px;
		float: left;
		display: block;
		border: 1px solid #d1d4da;
	}

		#extra-images a img {
			width: 68px;
			height: 68px;
		}

		#extra-images p {
			margin: 0 0 20px;
			clear: both;
			font-size: 0.75em;
		}

	.addthis_toolbox {
		clear: both;
	}

	.product-right h1 {
		margin: 0 0 30px;
		font-size: 1.3em;
	}

	.product-left h2, .product-right h2 {
		margin: 0 0 20px;
		padding: 0;
		border: 0;
		font-size: 1.125em;
	}

	.product-col-box {
		margin: 25px 0;
		padding: 25px 0 5px;
		clear: both;
		border-top: 1px solid #d1d4da;
		border-bottom: 1px solid #d1d4da;
	}

	.product-description, .product-description * {
		font-family: "open-sans", Arial, Helvetica, sans-serif !important;
		font-size: 12px !important;
		text-align: left !important;
		line-height: 1.6 !important;
	}

	.product-right .price {
		margin: 0 0 27px;
		font-size: 1.125em;
		font-weight: bold;
	}
	
		.product-right .price span.price-smaller {
			font-size: 0.77777777em;
			font-weight: normal;
		}

	.product-extra-fields li {
		margin: 0 0 16px;
		float: left;
		clear: both;
	}
	
	.product-extra-fields label, .product-extra-fields input, .product-extra-fields select {
		float: left;
	}

	.product-extra-fields label {
		width: 68px;
		margin: 0 10px 0 0;
		padding: 9px 0 0;
		font-size: 0.75em;
	}

	.product-extra-fields input, .product-extra-fields select {
		padding: 3px;
		border: 1px solid #d1d4da;
		font-size: 0.75em;
	}

	.product-extra-fields input {
		width: 192px;
		height: 19px;
	}

	.product-extra-fields select {
		width: 200px;
	}
    #combination-excluded {
        display: none;
        text-align: center;
        margin: 0 0 27px;
    }

	a#sh-embroidery-options {
		width: 327px;
		margin: 0 0 5px;
		padding: 5px 0;
		float: left;
		text-align: center;
	}

	#embroidery-options {
		padding: 10px 15px 15px;
		display: none;
		clear: both;
		background-color: #f1f1f1;
		border-radius: 10px;
	}

		#embroidery-options li {
			margin: 0 0 10px;
		}

			#embroidery-options ul {
				padding: 10px 0 0;
				clear: both;
				position: relative;
			}

				#embroidery-options ul li {
					margin: 0 0 5px;
				}

				#embroidery-options ul li.sh-font {
					margin: 0 0 5px;
				}

					#embroidery-options ul li.sh-font .balloonstyle {
						padding: 4px;
						display: none;
						position: absolute;
						left: 110px;
						z-index: 9999;
						background-color: #fff;
						border: 1px solid #222;
					}

					#embroidery-options ul li.sh-font #brush_script {
						top: 4px;
					}

					#embroidery-options ul li.sh-font #bookman {
						top: 25px;
					}

					#embroidery-options ul li.sh-font #script {
						top: 45px;
					}

					#embroidery-options ul li.sh-font #goudysan {
						top: 75px;
					}

					#embroidery-options ul li label {
						width: 180px;
						margin: 0;
						padding: 4px 0 0;
						font-weight: normal;
					}

			#embroidery-options label {
				width: 100%;
				font-weight: bold;
			}

			#embroidery-options input, #embroidery-options select {
				clear: both;
			}

			#embroidery-options input.radio, #embroidery-options input.checkbox {
				width: auto;
				margin: 0 10px 0 0;
			}

			#embroidery-options input.checkbox {
				margin-top: -2px;
			}

	/* HELP: Container for add to basket, add to wishlist and more info links */
	.links-container {
		
	}

	.wishlist {
		margin: 15px 0 25px;
		float: left;
		clear: left;
		font-size: 0.75em;
		text-decoration: none;
	}

	/* HELP: Style for product add to cart buttons in your store<br/><br/> */
	.product-add {
		padding: 5px 14px;
		float: left;
		clear: left;
		background-color: #362f2d;
		border: 1px solid #111;
		-moz-border-radius: 8px;
		border-radius: 8px;
		color: #fff;
		font-family: "adobe-garamond-pro", Garamond, Times, serif;
		font-size: 0.7em;
		text-transform: uppercase;
		cursor: pointer;
	}

	/* HELP: Style for product add to cart buttons in your store, when mouse hovers over them */
	.product-add:hover {
		background-color: #FFF;
		border: 1px solid #787878;
		color: #787878;
	}

	.product-paypal {
		width: 114px;
		float: right;
	}

	.product-col-box .product-single {
		width: 327px;
		margin: 0 0 20px;
		text-align: left;
	}

		.product-col-box .product-single .product-thumbnail {
			width: 68px;
			height: 68px;
			margin: 0 10px 0 0;
			float: left;
			text-align: center;
		}

			.product-col-box .product-single .product-thumbnail span {
				width: 68px;
				height: 68px;
			}
			
				.product-col-box .product-single .product-thumbnail img {
					max-width: 68px;
					max-height: 68px;
				}

/*---------------------------------------------------------------------*/
/* HEADER: Product Option Tables */
/*---------------------------------------------------------------------*/

/* HELP: Overall container for the product options section of the product pages */
.product-options-container {
	width: 100%;
	clear: both;
	margin: 25px 0;
}

/* HELP: Container for the table used to display attribute combinations, option stock levels and price combinations on product page template */
.product-table-div {
	margin: 0 0 10px;
	text-align: center;
}

/* HELP: Table used to display attribute combinations, option stock levels and price combinations */
.product-table {
	width: 100%;
}

/* HELP: Header table cell for the product options table<br/><br/> */
.product-table th {
	padding: 7px 0;
	border-bottom: 1px solid #d1d4da;
	font-family: "adobe-garamond-pro", Garamond, Times, serif;
	font-size: 0.95em;
	text-align: left;
}

/* HELP: Normal table cell for the product options table<br/><br/> */
.product-table td {
	padding: 7px 0;
	font-size: 0.75em;
	text-align: left;
	line-height: 1.4;
}

/*---------------------------------------------------------------------*/
/* HEADER: All Table Styles */
/*---------------------------------------------------------------------*/

/* HELP: Container for form entry tables<br/><br/> */
.cart-div, .form-div, .general-table-div {
	width: 65%;
	margin: 0 auto 30px;
}

#wide-content .cart-div, #wide-content .form-div, #wide-content .general-table-div {
	width: 47%;
}

.cart-div, #wide-content .cart-div {
	width: 100%;
}

/* HELP: Table definition for form entry tables<br/><br/> */
.cart-table, .form-table, .general-table {
	width: 100%;
	margin-left: auto;  margin-right: auto;
	padding: 0;
	border: 0;
	font-size: 0.75em;
}

/*---------------------------------------------------------------------*/
/* HEADER: Cart Table Styles */
/*---------------------------------------------------------------------*/

.discount-notice {
	color: #C00;
	font-weight: bold;
	text-align: center;
}

/* HELP: Style for table header cells<br/><br/> */
.cart-table th {
	padding: 20px 0;
	border-bottom: 1px solid #d1d4dA;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.col48 .cart-table th {
	padding: 5px 0;
}

/* HELP: Style for table header sells with right justification<br/><br/> */
.cart-table th.right {
	text-align: right;
}

/* HELP: Style for table header totals<br/><br/> */
.cart-table th.total {
	border-top: 1px solid #d1d4dA;
	text-align: right;
}

.cart-table th.links {
	border-bottom: none;
	text-align: right;
}

/* HELP: Style for normal table cells<br/><br/> */
.cart-table td {
	padding: 20px 0;
	font-weight: normal;
	text-align: left;
	line-height: 1.3;
	vertical-align: top;
}

/* HELP: Style for normal table cells, with right justification<br/><br/> */
.cart-table td.right {
	text-align: right;
}
	
	.cart-table th.links a {
		margin: 0 0 0 10px;
		float: right;
	}

	.cart-table th.links a.button {
		padding: 7px 14px;
	}

	.cart-table input {
		padding: 10px;
	}

	.cart-table select {
		width: 265px;
		margin: 0 10px 0 0;
		padding: 5px;
	}

	.cart-table td a {
		font-size: 1.2em;
		font-weight: bold;
		text-decoration: none;
	}

		.cart-table td a:hover {
			text-decoration: underline;
		}

	.cart-table td a.button {
		font-size: 1.2em;
		font-weight: normal;
	}

	.cart-table th a {
		font-weight: normal;
		text-decoration: none;
	}

/*---------------------------------------------------------------------*/
/* HEADER: Form Entry Tables */
/*---------------------------------------------------------------------*/
	
/* HELP: Header table cell<br/><br/> */
.form-table th, .general-table th {
	width: 170px;
	padding: 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

/* HELP: Normal table cell<br/><br/> */
.form-table td, .general-table td {
	padding: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

.general-table td {
	width: 50%;
}

/* HELP: Style for the table row that contains the submit button for the form<br/><br/> */
.form-table td.submit-row, .general-table td.submit-row {
	text-align: right;
}

	/* HELP: Select box (drop-down) formatting for the form<br/><br/> */
	.form-table input, .form-table textarea, .form-table select,
	.general-table input, .general-table textarea, .general-table select {
		width: 253px;
		padding: 5px;
		background-color: #FFFFFF;
		border: 1px solid #D1D4DA;
		font-weight: normal;
	}

	.form-table select, .general-table select {
		width: 265px;
	}

	.form-table input.radio, .form-table input.checkbox, .form-table input.button,
	.general-table input.radio, .general-table input.checkbox, .general-table input.button {
		width: auto;
	}

	.form-table input:hover, .form-table textarea:hover, .form-table select:hover,
	.form-table input:focus, .form-table textarea:focus, .form-table select:focus,
	.general-table input:hover, .general-table textarea:hover, .general-table select:hover,
	.general-table input:focus, .general-table textarea:focus, .general-table select:focus {
		border: 1px solid #81848A;
	}

	.form-table input.button {
		float: right;
	}

/*---------------------------------------------------------------------*/
/* HEADER: Account Styles */
/*---------------------------------------------------------------------*/

/* HELP: Used as a container for the account home page information for both customer accounts and affiliate accounts */
#account-summary {
	width: 100%;
	float: left;
}

/* HELP: Style for the left column of the account home page information */
#account-summary-left, #account-summary-right {
	width: 50%;
	float: left;
}

#account-summary-left p, #account-summary-right p {
	font-size: 0.875em;
	line-height: 1.4;
}

/*---------------------------------------------------------------------*/
/*  HOME PAGE  */
/*---------------------------------------------------------------------*/

#feature.box {
	margin: 0 0 28px;
	padding: 19px;
}

	#feature .box-inner {
		width: 938px;
		height: 350px;
		position: relative;
	}

		.scrollable {
			position: relative;
			overflow: hidden;
			width: 938px;
			height: 350px;
		}

			.scrollable .items {
				width: 20000em;
				position: absolute;
			}

				.items .item {
					width: 938px;
					height: 350px;
					float: left;
					position: relative;
				}

					.items .item a {
						width: 938px;
						height: 350px;
						display: block;
						text-decoration: none;
					}

					.items .item img {
						position: absolute;
						top: 0;
						left: 0;
						z-index: 10;
					}

					.items .item .item-content {
						width: 270px;
						position: absolute;
						top: 65px;
						right: 105px;
						z-index: 20;
						font-family: 'Gill Sans','Gill Sans Std', 'p22-underground';
						text-align: center;
						text-transform: uppercase;
					}

					.items .item-reversed .item-content {
						left: 105px;
						right: auto;
					}

						.items .item .item-content p {
							margin: 0 0 18px;
							padding: 0 0 18px;
							background: url('../images/feature-p-bg.gif') center bottom no-repeat;
							font-weight: 300;
							font-size: 1.5625em;
							line-height: 1.2;
							letter-spacing: 2px;
						}

						.items .item .item-content p span {
							font-weight: 300;
							font-size: 2.28em;
							line-height: 1;
							letter-spacing: 1px;
						}

						.items .item .item-content .button {
							width: 140px;
							height: 32px;
							margin: 45px auto 0;
							padding: 0 14px;
							display: block;
							box-shadow: 0 0 0 1px #fff, 0 0 0 2px #000;
							line-height: 33px;
						}

		#feature a.prev, #feature a.next {
			width: 24px;
			height: 24px;
			position: absolute;
			bottom: 10px;
			display: block;
			z-index: 100;
			background-image: url('../images/feature-prev-next.png');
			background-repeat: no-repeat;
			cursor: pointer;
		}

		#feature a.prev {
			right: 42px;
			background-position: 0 0;
		}

			#feature a.prev:hover {
				background-position: 0 -24px;
			}

		#feature a.next {
			right: 13px;
			background-position: -24px 0;
		}

			#feature a.next:hover {
				background-position: -24px -24px;
			}

		#feature .navi {
			height: 9px;
			margin: 0 0 0 -20px;
			position: absolute;
			bottom: 10px;
			left: 50%;
			z-index: 100;
		}
		
			#feature .navi a {
				width: 9px;
				height: 9px;
				margin: 0 5px;
				float: left;
				display: block;
				background: url('../images/feature-nav.png') 0 -9px no-repeat;
				cursor: pointer;
			}
			
			#feature .navi a.active {
				background: url('../images/feature-nav.png') 0 0 no-repeat;
			}

/*---------------------------------------------------------------------*/
/* HEADER: Article Content */
/*---------------------------------------------------------------------*/

.article-content p {
	margin: 0 0 15px;
	font-size: 0.8em;
	line-height: 1.6;
}

	.article-content table {
		width: 100%;
		margin: 0 0 20px;
		border-collapse: collapse;
		border: 1px solid #999;
	}

		.article-content table th, .article-content table td {
			padding: 5px;
			border: 1px solid #777;
			font-size: 0.8em;
		}

			.article-content td p {
				font-size: 1em;
			}

		.article-content table.form-table, .article-content table.form-table th, .article-content table.form-table td {
			border: none;
		}

		.article-content table.form-table th, .article-content table.form-table td {
			font-size: 1em;
		}

		.article-content table.form-table th {
			vertical-align: top;
		}

	img.size-diagram {
		display: block;
		margin: 0 auto;
	}

.delivery-details-left, .delivery-details-right {
	width: 324px;
	float: left;
	border-top: 1px solid #D1D4DA;
	border-right: 1px solid #D1D4DA;
	border-left: 1px solid #D1D4DA;
}

.delivery-details-left {
	margin: 0 16px 16px 0;
}

	.delivery-details-left.box, .delivery-details-right.box {
		margin-bottom: 16px;
	}

	.delivery-details-left .box-inner, .delivery-details-right .box-inner {
		height: 280px;
		padding: 7px 16px;
	}

	.delivery-details-left h2, .delivery-details-right h2 {
		margin-bottom: 11px;
		padding-bottom: 12px;
		font-size: 1.125em;
	}

#trackmyorder input {
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}

#trackmyorder input.button {
	font-size: 0.8em;
	clear: none;
}

.postcode-lookup-country {
	margin: 0 0 10px;
}

/*---------------------------------------------------------------------*/
/* HEADER: Sitemap */
/*---------------------------------------------------------------------*/

.sitemap {
	font-size: 0.875em;
}

	.sitemap li a {
		margin: 0 0 5px;
		display: block;
		text-decoration: none;
	}

	.sitemap li ul {
		margin: 0 0 0 20px;
	}

/*---------------------------------------------------------------------*/
/* HEADER: Advanced Styles */
/*---------------------------------------------------------------------*/

html {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
}

/* HELP: Simple style for forms to avoid any unplanned gaps */
form {
	margin: 0px;
	padding: 0px;
}

.clear-left {
	clear: left;
}

.clear-both {
	clear: both;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.center {
	text-align: center;
}

/* Ordering Styles */

#ordering-change-shipping {
    height: 0;
    margin-top: -8px;
    float: left;
}
#checkoutForm #xShippingSelect {
    width: 300px;
}
#foreign-order-notice {
    text-align: justify;
    font-size: 14px;
}
#foreign-order-notice div {
    width:100%;
    text-align: center;
    font-weight: bold;
}