@charset 'utf-8';
/*
	SITE NAME
	Author: Nick Adkins
	Updated: 01/01/2012
	
	+-+-+-+-+-+-+ GLOBAL STYLES +-+-+-+-+-+-+
		=NORMALIZE ALL ELEMENTS (CROSS-BROWSER)
		=GLOBAL ELEMENTS
		=GLOBAL CLASSES
		=GLOBAL FORMS RULES
		=WRAPPER
		=HEADER
		=NAVBAR
		=MAIN
		=COLUMN-LEFT
		=CATEGORY-TREE
		=COLUMN-RIGHT
		=BOTTOM WRAP
		=FOOTER
		=DISCLAIMERS
	+-+-+-+-+-+-+ PAGE SPECIFIC STYLES +-+-+-+-+-+-+
		=SFNT PAGE
		=CTGY PAGE
		=PROD AND PATR PAGES
		=POUT PAGE
		=SRCH PAGE
		=BASK PAGE
		=OCST, OSEL, OPAY AND INVC PAGES
		=ACAD, ACED, AFAD, AFED PAGES
		=LOGN, ORDL AND ORHL PAGES
		=ACLN PAGE
		=ORDH AND ORDS PAGES
		=NTFD PAGE
		=SMAP PAGE
		=CTUS PAGE
		=ORDP PAGE
*/

/* ======================== NORMALIZE ALL ELEMENTS (CROSS-BROWSER) ===================================
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team.
 * [Based on the HTML5 Boilerplate (http: //html5boilerplate.com/) and normalize.css (http: //github.com/necolas/normalize.css)]
 *
 * Detailed information about this CSS: h5bp.com/css
*/

/* ------------------------ HTML5 element display ------------------------ */
	/* Corrects block display not defined in IE6/7/8/9 & FF3 */
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section {
		display: block;
	}
	/* Corrects inline-block display not defined in IE6/7/8/9 & FF3. Known limitation:  IE6 will not apply style for 'audio[controls]' */
	audio,
	canvas,
	video {
		display: inline-block;
	}
		.ie6 audio,
		.ie7 audio,
		.ie6 canvas,
		.ie7 canvas,
		.ie6 video,
		.ie7 video {
			display: inline;
			zoom: 1;
		}
	audio:not([controls]) {
		display: none;
	}
	[hidden] {
		display: none;
	}

/* ------------------------ base elements ------------------------ */
	/*
	1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units (http: //clagnut.com/blog/348/#c790)
	2. Keeps page centred in all browsers regardless of content height
	3. Removes Android and iOS tap highlight color to prevent entire container being highlighted (www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/)
	4. Prevents iOS text size adjust after orientation change, without disabling user zoom (www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/)
	*/
	html {
		font-size: 100%;
		overflow-y: scroll;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	/* Font normalization inspired by YUI Library's fonts.css (developer.yahoo.com/yui/) [*Hack retained to preserve specificity] */
	body {
		font: 12px/1.4 Arial, Helvetica, sans-serif;
		margin: 0;
	}
	/* Addresses font-family inconsistency between 'textarea' and other form elements. */
	select,
	input,
	textarea,
	button {
		font: 99% sans-serif;
	}
	/* Corrects font family set oddly in IE6, S5, Chrome (en.wikipedia.org/wiki/User: Davidgothberg/Test59) [*Hack retained to preserve specificity] */
	pre,
	code,
	kbd,
	samp {
		font-family: monospace, sans-serif;
		font-size: 1em;
	}
		.ie6 samp {
			font-family: 'courier new', monospace;
		}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: bold;
	}
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
		clear: both;
	}

/* ------------------------ links ------------------------ */
	/* Improves readability when focused and also mouse hovered in all browsers (people.opera.com/patrickl/experiments/keyboard/test) */
	a:hover,
	a:active {
		outline: none;
	}
	/* Sets Android and iOS tap highlight color for links (j.mp/webkit-tap-highlight-color) */
	a:link {
		-webkit-tap-highlight-color: #ff5e99;
	}
	/* Addresses outline displayed oddly in Chrome */
	a:focus {
		outline: thin dotted;
	}

/* ------------------------ typography ------------------------ */
	ins {
		text-decoration: underline;
		background: #ff9;
		color: #000;
	}
	del {
		text-decoration: line-through;
	}
	small {
		font-size: 75%;
	}
	/* Addresses styling not present in IE7/8/9, S5, Chrome */
	abbr[title],
	dfn[title] {
		border-bottom: 1px dotted;
		cursor: help;
	}
	dfn {
		font-style: italic;
	}
	/* Addresses style set to 'bolder' in FF3/4, S4/5, Chrome */
	b,
	strong,
	th {
		font-weight: bold;
	}
	/* Addresses CSS quotes not supported in IE6/7 */
	blockquote,
	q {
		quotes: none;
	}
	/* Addresses quote property not supported in S4 */
	blockquote: before,
	blockquote: after,
	q: before,
	q: after {
		content: '';
		content: none;
	}
	/* Addresses styling not present in IE6/7/8/9 */
	  mark {
		background-color: #ff9;
		color: #000;
		font-style: italic;
		font-weight: bold;
	}
	/* Prevents sub and sup affecting line-height in all browsers (gist.github.com/413930) */
	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	sup {
		top: -0.5em;
	}
	sub {
		bottom: -0.25em;
	}
	/* Improves readability of pre-formatted text in all browsers (www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/) */
	pre {
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	/* These selection declarations have to be separate No text-shadow (twitter.com/miketaylr/status/12228805301) */
	::-moz-selection {
		background: #39f;
		color: #fff;
		text-shadow: none;
	}
	::selection {
		background: #39f;
		color: #fff;
		text-shadow: none;
	}

/* ------------------------ lists ------------------------ */
	ul,
	ol {
		margin: 1em 0;
		padding: 0 0 0 40px;
		-moz-padding-start: 0;
		-webkit-padding-start: 0;
	}
	ol {
		list-style-type: decimal;
	}
	dd {
		margin: 0 0 0 40px;
	}
	/* Remove margins for navigation lists and menus */
	nav ul,
	nav li,
	menu ul,
	menu li {
		margin: 0;
		list-style: none;
		list-style-image: none;
	}

/* ------------------------ embedded content ------------------------ */
	/*
	1. Removes border when inside 'a' element in IE6/7/8/9
	2. Prevent a gap from showing below images in some browsers
	*/
	img {
		border: 0;
		vertical-align: bottom;
	}
	/* Improves image quality when scaled in IE7 (code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/) */
	.ie7 img {
		-ms-interpolation-mode: bicubic;
	}
	/* Corrects overflow displayed oddly in IE9 */
	svg:not(:root) {
		overflow: hidden;
	}

/* ------------------------ figures ------------------------ */
	/* Addresses margin not present in IE6/7/8/9, S5, O11 */
	figure {
		margin: 0;
	}

/* ------------------------ forms ------------------------ */
	/* Corrects margin displayed oddly in IE6/7 */
	form {
		margin: 0;
	}
	/* Define consistent margin and padding */
	fieldset {
		margin: 0 2px;
		padding: 0.35em 0.625em 0.75em;
	}
	/* Corrects color not being inherited in IE6/7/8/9 */
	legend {
		border: 0;
	}
	/* Corrects alignment displayed oddly in IE6/7 */
	.ie6 legend,
	.ie7 legend {
		margin-left: -7px;
	}
	/*
	1. Corrects font size not being inherited in all browsers
	2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
	3. Improves appearance and consistency in all browsers
	*/
	button,
	input,
	select,
	textarea {
		margin: 0;
		font-size: 100%;
		vertical-align: baseline;
	}
	.ie6 button,
	.ie6 input,
	.ie6 select,
	.ie7 button,
	.ie7 input,
	.ie7 select {
		vertical-align: middle;
	}
	/*
	1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
	2. Corrects inner spacing displayed oddly in IE6/7
	*/
	button {
		width: auto;
		overflow: visible;
		line-height: normal;
	}
	input,
	select {
		line-height: normal;
		overflow: visible;
	}
	/*
	1. Addresses box sizing set to content-box in IE8/9
	2. Align checkboxes, radios, text inputs with their label by:  Thierry Koblentz tjkdesign.com/ez-css/css/base.css 
	*/
	input[type="radio"],
	input[type="checkbox"] {
		box-sizing: border-box;
		width: auto;
		border:none;
	}
	.ie7 input[type="checkbox"] {
		vertical-align: baseline;
	}
	/*
	1. Improves usability and consistency of cursor style between image-type 'input' and others 
	2. Corrects inability to style clickable 'input' types in iOS
	*/
	label,
	input[type="button"],
	input[type="submit"],
	input[type="image"],
	button {
		cursor: pointer;
	}
	input[type="button"],
	input[type="submit"],
	input[type="image"],
	button {
		-moz-appearance: button;
		-webkit-appearance: button;
	}
	/*
	1. Addresses appearance set to searchfield in S5, Chrome
	2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
	*/
	input[type="search"] {
		-moz-appearance: textfield;
		-webkit-appearance: textfield;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	input[type="search"]::-webkit-search-decoration {
		-moz-appearance: none;
		-webkit-appearance: none;
	}
	/* Sets basic placeholder styling */
	input::-webkit-input-placeholder {
		color: #9c9c9c;
		font-style: italic;
	}
	input:-moz-placeholder {
		color: #9c9c9c;
		font-style: italic;
	}
	/* Corrects inner padding and border displayed oddly in FF3/4 (www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/) */
	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */
	.ie6 table button,
	.ie6 table input,
	.ie7 table button,
	.ie7 table input{
		overflow:auto;
	}
	/*
	1. Removes default vertical scrollbar in IE6/7/8/9 
	2. Improves readability and alignment in all browsers
	*/
	textarea {
		overflow: auto;
		vertical-align: top;
	}
	/* Colors for form validity */
	input:valid,
	textarea:valid {
	}
	input:invalid,
	textarea:invalid {
		border-radius: 1px;
		-moz-box-shadow: 0 0 5px #d00000;
		-webkit-box-shadow: 0 0 5px #d00000;
		box-shadow: 0 0 5px #d00000;
	}
	.no-boxshadow input:invalid,
	.no-boxshadow textarea:invalid {
		background-color: #f0dddd;
	}

/* ------------------------ tables ------------------------ */
	/* Remove most spacing between table cells */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
		td {
			vertical-align: top;
		}

/* ======================== END NORMALIZATION ======================== */


/* ======================== SITE STYLES ======================== */

/*
------------------------ GLOBAL ELEMENTS ------------------------ */
body,
select,
input,
textarea {
	color: #444;
}
body {
	background: url("../../images/bg_body.jpeg") repeat-x scroll 0 0 #ffffff;
	text-align: center;
}
h1 {
	color: #065683;
	font-size: 20px;
	line-height:20px;
	font-weight: normal;
}
h2 {
	color: #065683;
	font-size: 18px;
	font-weight: normal;
}
h3 {
	color: #065683;
	font-size: 14px;
}
h4 {
	color: #065683;
	font-size: 12px;
}
h5 {
	color: #065683;
	font-size: 11px;
}
h6 {
	color: #065683;
	font-size: 10px;
}
blockquote {
	background: #f1f4f5;
	color: #32b2f7;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	margin: 0 10px 10px;
	padding: 10px;
}
a,
a:active,
a:visited {
	color: #607890;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #036;
	outline: none;
	text-decoration: none;
}
ol li {
	list-style-type: decimal;
}
ul li {
	list-style-type: disc;
}
	ul ul li {
		list-style-type: circle;
	}
		ul ul ul li {
			list-style-type: square;
		}
	ol ol li {
		list-style-type: lower-alpha;
	}
		ol ol ol li {
			list-style-type: lower-roman;
		}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
dl,
ol {
	margin: 0 0 10px;
}


/*
------------------------ =GLOBAL CLASSES ------------------------ */
.clear {
	clear: both;
}
.img-left {
	float: left;
	margin: 2px 10px 10px 0;
}
.img-right {
	float: right;
	margin: 5px 0 10px 10px;
}
.float-left {
	display: inline;
	float: left;
}
.float-right {
	display: inline;
	float: right;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.required {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.red {
	color: #ff0000;
}
.hidden {
	display: none;
}
.shown {
	display: block;
}
.invisible {
	visibility: hidden;
}
.visible {
	visibility: visible;
}

	/* ------------------------ buttons ------------------------ */
	.button {
		background: url("../../images/btn_small.jpg") repeat-x scroll center top transparent;
		border-radius: 5px;
		color: #ffffff !important;
		cursor: pointer;
		font: bold 15px/20px Arial, Helvetica, sans-serif;
		line-height: 30px;
		margin: 0;
		padding: 5px 25px;
		text-decoration: none;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
		border: none;
	}
		input.button {
			padding: 0 15px;
			height: 30px;
			height:30px;
			width: auto;
			border: none;
		}
		.button: hover,
		input.button: hover {
			background: #676767;
			border: none;
			color: #ccc !important;
		}
	.sec-button {
		background: url("../../images/btn_info.jpg") repeat-x scroll right center transparent;
		border-radius: 5px;
		color: #fff !important;
		cursor: pointer;
		font: bold 15px/30px Arial, Helvetica, sans-serif;
		margin: 0;
		border: none;
		padding: 7px 45px 4px 20px;
		text-decoration: none;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	}
		input.sec-button {
			padding: 2px 25px;
			border: none;
			width: auto;
		}
		.sec-button: hover,
		input.sec-button: hover {
			background: #fff;
			border: none;
			color: #6f6f6f !important;
		}
	.cta-button {
		background: url("../../images/btn_big.jpg") repeat-x scroll center top transparent;
		border-radius: 5px;
		color: #fff !important;
		cursor: pointer;
		display: inline;
		border: none;
		font: bold 15px/35px Arial, Helvetica, sans-serif;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
		margin: 0;
		padding: 10px 15px;
		text-align: center;
		text-decoration: none;
		width: auto;
		text-transform: uppercase;
	}
		input.cta-button {
			padding: 0 20px;
			height: 40px;
			border: none;
			margin: 20px 0 0 0;
		}
		.cta-button: hover,
		input.cta-button: hover {
			background: #fff;
			border: none;
			color: #98c63d !important;
		}

	/* ------------------------ lightbox-me layout ------------------------ */
	.lightbox-me {
		background: #fff;
		border: 3px solid #eaeaea;
		border-radius: 5px;
		-moz-box-shadow: rgba(255, 255, 255, 0.65) 0 0 15px;
		-webkit-box-shadow: rgba(255, 255, 255, 0.65) 0 0 15px;
		box-shadow: rgba(255, 255, 255, 0.65) 0 0 15px;
		display: none;
		padding: 15px;
		text-align: left;
	}
		.lightbox-me .close {
			cursor: pointer;
			position: absolute;
			top: -15px;
			right: -15px;
			z-index: 1050;
		}

	/* ------------------------ advanced browers goodies ------------------------ */
	.corners {
		border-radius: 5px;
	}
	.shadows {
		-moz-box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
		-webkit-box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
		box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
	}
	.bottom-shadow {
		-moz-box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
		-webkit-box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
		box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
	}
	.text-shadows {
		text-shadow: 0 1px 1px rgba(68, 68, 68, 0.3);
	}


/*
------------------------------- =GLOBAL FORM ELEMENTS ------------------------------- */
form {
}
	form br { /* defaults vertical spacing between fields */
		font-size: 0;
		height: 0;
		line-height: 0;
	}
	fieldset {
		border: 1px solid #ccc;
	}
	legend {
		font: normal normal bold 12px/12px Arial, Helvetica, sans-serif;
		margin: 0 5px;
		padding: 3px 5px;
	}
	label {
		cursor: pointer;
		display: block;
		float: left;
		margin-right: .5em;
		padding: 3px 0;
		text-align: right;
		width: 125px;
	}
		label.required {
			font-weight: bold;
		}
		label.error {
			color: #c00;
		}
	input,
	textarea,
	select,
	button {
		border: 1px solid #e5e5e5;
		color: #676767;
		padding: 4px;
	}
	input,
	button {
		overflow: visible;
		width: 215px;
	}
		input: focus,
		button: focus {
			border-color: #c00;
		}
		input.submit {
			cursor: pointer;
			width: auto;
		}
	select {
		width: auto;
	}
	textarea {
		margin: 0 0 4px 0;
		width: 200px;
		height: 90px;
	}
	.textfield, select {/* Use this class to apply a background or background-image to all text inputs and text areas */
		background: #f9f9f9;
		border-radius: 5px;
	}
	.form-row {
		margin: 0 0 10px;
	}

	/* ------------------------ validation messages ------------------------ */
	.info-message,
	.warning-message,
	.error-message,
	.success-message {
		border-radius: 5px;
		-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
		box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
		color: #333;
		font-weight: bold;
		padding: 10px 10px 10px 50px !important;
		position: relative;
	}
	.info-message {
		background: #9dd7f9 url("../../images/icons/icon_info.png") no-repeat 10px center;
		border: 1px solid #64a6cc;
	}
	.warning-message {
		background: #f9e29d url("../../images/icons/icon_warning.png") no-repeat 10px center;
		border: 1px solid #d0bc81;
	}
	.error-message {
		background: #f9a89d url("../../images/icons/icon_error.png") no-repeat 10px center;
		border: 1px solid #d3847a;
	}
	.success-message {
		background: #c5f99e url("../../images/icons/icon_check.png") no-repeat 10px center;
		border: 1px solid #98cf70;
	}
		div.info-message,
		div.warning-message,
		div.error-message,
		div.success-message {
			margin-bottom: 10px;
		}
		.info-message p,
		.warning-message p,
		.error-message p,
		.success-message p {
			margin: 0.5em 0;
		}
		.info-message ul,
		.warning-message ul,
		.error-message ul,
		.success-message ul {
			margin-bottom: 0;
		}
			.info-message ul li,
			.warning-message ul li,
			.error-message ul li,
			.success-message ul li {
				list-style: none;
			}


/*
------------------------------- =WRAP ------------------------------- */
#wrap {
	margin: 0 auto 30px;
	text-align: left;
	width: 964px;
	
}
	.single-column #wrap {
	}


/*
------------------------------- =HEADER ------------------------------- */
#header {
	height: 120px;
	position: relative;
}
	#header #header-top{
		height: 30%;
	}
		#header #header-top p{
			margin: 6px 0 0;
			color: #ffffff;
			font-size: 18px;
			float: left;
		}
	#header #header-bottom{
		height: 70%;
	}
	#header-bottom a{
		cursor: pointer;
	}

	/* ------------------------ masthead framework ------------------------ */
	#masthead {
		background: url("../../images/logo_header.png") no-repeat scroll 0 0;
		position:absolute;
		left:0;
		width: 300px;
		height: 80px;
	}

	/* ------------------------ search ------------------------ */
	#search {
		position:absolute;
		right:300px;
		margin: 30px 0 0 0;
		/* Inner Shadow */
		background: url("../../images/bkg_search.png") no-repeat scroll center center;
	}
		#searchfield{
			background:none;
			height: 19px;
			width: 300px;
			border: none;
			padding: 3px 15px;
		}
		#search input.submit{
			background:none;
			height: 21px;
			width: 31px;
			border: none;
			padding: 0;
		}
		

	/* ------------------------ meta ------------------------ */
	#meta {
		font-size: 11px;
		float: right;
		height: 20px;
		line-height: 20px;
		margin: 8px 0 0;
		text-align: right;
	}
		#meta li {/* if your li's float, you can adjust border height w/ line-height */
			border-left: 1px solid #ffffff;
			display: inline;
			padding: 0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		}
			#meta li.first {
				border: none;
			}
			#meta a:link,
			#meta a:visited {
				color: #ffffff;
			}
			#meta a:hover,
			#meta a:active {
			}

	/* ------------------------ mini-basket ------------------------ */
	#mini-basket {
		color: #ffffff;
		position:absolute;
		right:0;
		font-weight: bold;
		margin: 30px 0 0;
		padding: 0;
		line-height:27px;
		height:27px;
		border-radius: 5px;
	}
		#mini-basket a{
			padding: 7px 115px 7px 20px;
			line-height:27px;
			background: url("../../images/bkg_cart.png") no-repeat scroll right center transparent;
			color:#ffffff;
		}


/*
------------------------------- =NAVBAR ------------------------------- */

/* ------------------------ begin standard menu ------------------------ */
#navbar{
	display:block;
	margin:5px auto 10px;
}
#megamenu {
  font:normal normal normal 15px/normal Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  text-align:center;
}
#megamenu li, #megamenu li a {
  color:#065683;
  display:inline;
  height:31px;
  line-height:35px;
  text-align:center;
}
	#megamenu li a{
		padding: 0 15px;
		display:inline-block;
	}	
	#megamenu li {
	  background: url("../../images/bg_bullet.png") no-repeat scroll 0 7px;
	  display:inline;
	  list-style-image:initial;
	  list-style-position:initial;
	  list-style-type:none;
	  margin:0px;
	  padding:0 0 0 10px;
	  position:relative;
	  text-transform: lowercase;
	}
#megamenu li.first {
  background:none;
  padding-left: 0;
}
#megamenu li.last {
  padding-right: 0;
}
#megamenu li a {
  text-decoration:none;
  width:auto;
  border-bottom: none;
  border-top: 1px solid #FFFFFF;
}
#megamenu li.first a {
  padding-left:15px;
}
#megamenu li:hover a, #megamenu li a:hover {
  text-shadow: 1px 0 3px rgba(0,0,0,0.25);
  background-color:#80abc2;
  color:#ffffff;
  padding: 0 14px;
  text-decoration:none;
  border-top: 1px solid #e3edf3;
  border-left: 1px solid #e3edf3;
  border-right: 1px solid #e3edf3;
  border-bottom: none;
  border-radius: 5px 5px 0px 0px;
  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 11; 
}
	#megamenu li:hover a, #megamenu li a:hover{
		border-top: 1px solid #e3edf3;
		border-left: 1px solid #e3edf3;
		border-right: 1px solid #e3edf3;
		border-bottom: 1px solid #e3edf3;
		border-radius: 5px;
		-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
		box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
		line-height: 30px; 
	}
/* ------------------------ end standard menu ------------------------ */

/* ------------------------ =MAIN ------------------------ */
#main {
	background:#ffffff;
	border: 1px solid #ebf3f7;
	border-radius: 5px;
	padding: 0 10px;
}
	#hdft-header,
	#hdft-footer,
	#prod-ctgy-hdft-header,
	#prod-ctgy-hdft-footer,
	#content-item,
	#page-title {
		clear: both;
	}


/*------------------------ =COLUMN-LEFT ------------------------ */
#column-left {
	background: #f2f2f2;
	border-radius: 5px;
	display: inline;
	float: left;
	width: 215px;
	margin: 10px 0;
	padding: 2px 0;
}
.single-column #column-left {
	display: none;
}
	#column-left p,
	#column-left h1,
	#column-left h2,
	#column-left h3,
	#column-left ul,
	#column-left dl {
	}
	/* single column list */
	#column-left ul {
		margin-left: 20px;
		margin-right: 20px;
		padding: 0;
	}
/*------------------------ =CATEGORY-TREE ------------------------ */

/* ------------------------ begin standard category tree navigation ------------------------ */ 	
	#category-tree ul {
		margin: 0 0 10px;
		padding: 0;
	}
		#category-tree ul li {
			border-top: 1px solid #ffffff;
			list-style: none;
			list-style-image: none;
			padding: 0;
		}
			#category-tree ul .level-2{
				border-top: none;
			}
			#category-tree ul li.active a{
				font-weight: bold;
			}
			#category-tree ul li.first{
				border-top: none;
			}
		#category-tree ul a {
			color: #fff;
			display: block;
			padding: 7px 0 7px 15px;
			text-decoration: none;
		}
			#category-tree ul .level-1 a {
				color: #065683;
				font: 14px/1.4 Arial,Helvetica,sans-serif;
			}
			#category-tree ul .level-1 a:hover {
				font-weight: bold;
			}
			#category-tree ul .level-2 a {
				color: #404040;
				padding: 7px 0 7px 30px;
			}
			#category-tree ul .level-2 a:hover {
				background: none;
				text-decoration:underline;
				color: #48a5d5;
			}
/* ------------------------ end standard category tree navigation ------------------------ */

/*------------------------ =COLUMN RIGHT ------------------------ */
#column-right {
	background: #ffffff;
	display: inline;
	float: right;
	width: 716px;
	min-height: 460px;
	padding: 0 0 20px 10px;
	margin-top: 10px;
	z-index: 1;
}
	.ie6 #column-right {
		height: 460px;
	}
	.single-column #column-right {
		background: none;
		display: block;
		float: left;
		padding: 0 0 20px;
		width: 940px;
	}
	#column-right p,
	#column-right h1,
	#column-right h2,
	#column-right h3,
	#column-right h4,
	#column-right h5,
	#column-right h6,
	#column-right ul,
	#column-right dl {
		margin-left: 20px;
		margin-right: 20px;
		padding: 0;
	}
	#column-right ul li {
		margin-left: 20px;
	}
	#column-right #page-title{
		margin: 0;
		line-height:30px;
	}
	#ACED #column-right #page-title, #AFED #column-right #page-title, #ACLN #column-right #page-title{
		float:left;
	}
	#column-right .pagecrumbs {
		clear: both;
		color: #959494;
		font: normal 11px Arial, Helvetica, sans-serif;
		height: 20px;
		line-height: 11px;
	}
	#column-right #filter-items-container{
		float: left;
		padding: 0;
		height:30px;
		width: 100%;
	}
		#column-right .pagecrumbs.header {
			padding-top: 0;
		}
		#column-right #category-listing .pagecrumbs.header{
			/*border-bottom: 1px solid #e9e9e9;*/
		}
		#column-right #filter-items-container.pagecrumbs.footer {
			padding-top: 15px;
			margin-top:5px;
			margin-bottom:10px;
			border-top: 1px solid #e9e9e9;
		}
		#column-right .pagecrumbs ul.breadcrumbs,
		#column-right .pagecrumbs .pagination {
			display: inline;
			margin: 0;
		}
		#column-right .pagecrumbs ul.breadcrumbs {
			float: left;
		}
			#column-right .pagecrumbs ul.breadcrumbs li{
				float: left;
				list-style: none;
				margin: 0;
			}
			#column-right .pagecrumbs ul.breadcrumbs li {
				padding-left: 5px;
			}
			#column-right .pagecrumbs ul.breadcrumbs .first{
				padding-left: 0;
			}
				#column-right .pagecrumbs ul.breadcrumbs a {
					color: #959494;
					text-decoration: none;
				}
				#column-right .pagecrumbs .pagination a{
					color: #5b5b5b;
					text-decoration: none;
				}
				#column-right .pagecrumbs ul.breadcrumbs a,
				#column-right .pagecrumbs ul.breadcrumbs span {
					padding: 2px 5px 2px 0;
				}
				#column-right .pagecrumbs ul.breadcrumbs a:hover {
					text-decoration: underline;
				}
				#column-right .pagecrumbs ul.breadcrumbs .cat-on {
					
				}
		#column-right .pagecrumbs .pagination {
			color: #5b5b5b;
			line-height: 25px;
			float: right;
			padding: 0;
			line-height: 25px;
		}
			#column-right .pagecrumbs .pagination .page-links-container{
				border: 1px solid #e9e9e9;
				padding: 0 6px;
				border-radius: 5px;
				float: left;
				height: 25px;
			}
			#column-right .pagecrumbs .pagination .page-links-title{
				float: left;
				margin-right: 5px;
			}
			#column-right .pagecrumbs .pagination .page-links-previous, #column-right .pagecrumbs .pagination .page-links-next{
				padding:0 5px;
				line-height: 25px;
			}
				#column-right .pagecrumbs .pagination .page-disp{
					border-left: 1px solid #e9e9e9;
					padding: 3px 0 3px 3px;
				}
				#column-right .pagecrumbs .pagination .page-disp a, #column-right .pagecrumbs .pagination .page-disp span {
					border-right: 1px solid #e9e9e9;
					padding: 3px 3px 3px 0;
					line-height: 25px; 
				}
					#column-right .pagecrumbs .pagination a:hover {
						color: #00a7ff;
					}
					#column-right .pagecrumbs .pagination .page-disp a:hover{
						font-weight: bold;
					}
					#column-right .pagecrumbs .pagination .page-links-active {
						color: #00a7ff;
						font-weight: bold;
						line-height: 25px;
					}
		#column-right .sorting{
			float: left;
		}
			#column-right .sorting label, #column-right .per-page label{
				width: auto;
				line-height:24px;
				color: #5B5B5B;
			}
			#column-right .sorting select, #column-right .per-page select{
				margin-top: 3px;
				height:25px;
			}
		#column-right .per-page{
			float: left;
			margin: 0 0 0 10px;
		}
#banner{
	-moz-box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
	-webkit-box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
	box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
	border-radius: 5px;
	float: left;
}


/*
------------------------ =BOTTOM WRAP ------------------------ */
#bottom-wrap {
	clear: both; /* important - do not remove */
	height: 0;
}


/*
------------------------ =FOOTER ------------------------ */
#footer {
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: 960px;
	padding: 0 10px;
	color: #505050;
}
	#footer #newsletter-form {
		display: inline;
		float: left;
		margin: 0 auto 10px;
		position: relative;
		width: 410px;
	}
		#login-form .textfield, #newsletter-form .textfield{
			padding: 6px 3px;
		}
		#footer #newsletter-form .warning-message {
			display: none;
			margin: 0;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 200px;
		}
	#footer #footer-left, #footer #footer-right {
		display: inline;
		float: left;
		width: 440px;
		border-top: 1px solid #e7e7e7;
		padding: 20px 10px;
		margin: 0 10px;
	}
	#footer #footer-bottom{
		border-top: 1px solid #e7e7e7;
		float: left;
		width: 940px;
		padding: 0 10px;
		text-align: center;
		margin: 0 0 40px; 
	}
		#footer #credit-cards{
			padding: 20px 0;
			margin: 0 auto;
		}
			#footer #credit-cards img{
				margin: 0 5px;
			}
		#footer #footer-left .left, #footer #footer-left .right{
			float: left;
			margin: 0 10px 0 0;
		}
			#footer #footer-left .right{
				margin-left: 30px;
			}
		#footer #social-links {
			float: left;
			clear: both;
			width:100%;
		}
		#footer #social-links a{
			float: left;
			clear: right;
			border: none;
			margin-right: 5px;
		}
		#footer h2 {
			margin-bottom: 20px;
		}
		#footer a:link,
		#footer a:visited {
			color: #505050;
		}
		#footer a:hover,
		#footer a:active {
			color: #065683;
			text-decoration: underline;
		}
		#footer ul {
			margin: 10px;
			padding: 0;
		}
			#footer li {/* if your li's float, you can adjust border height w/ line-height */
				display: block;
				background: none;
				list-style-type:none; 
				padding: 0 0 3px 10px;
			}
				#footer li.first {
					border: none;
				}


/*
------------------------ =DISCLAIMERS ------------------------ */
#disclaimers {
	border-top: 1px solid #e7e7e7;
	clear: both;
	font-size: 12px;
	margin: 0 auto;
	padding:10px 0;
	text-align: center;
}
	#disclaimers p{
		margin: 0;
	}
	#disclaimers p.small{
		margin: 2px 0 0;
		font-size: 11px;
	}


/*
------------------------ =SFNT PAGE ------------------------ */
#header-image{
	float: left;
	height: 328px;
	width: 940px;
	z-index:-1;
}
	#header-image img{
		-moz-box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
		-webkit-box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
		box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
		border-radius: 5px;
		z-index:0;
	}
.FtdCtgy{
	margin: 10px 0 10px 10px;
	float: left;
}
	.FtdCtgy.first{
		margin-left: 0;
	}
	.FtdCtgy img{
		-moz-box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
		-webkit-box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
		box-shadow: rgba(68, 68, 68, 0.5) 0 0 5px;
		float: left;
		border-radius: 5px;
	}

/*
------------------------ =CTGY PAGE ------------------------ */
#category-listing,
#subcategory-listing {
	clear: both;
	float:left;
	overflow: hidden;
	margin: 10px 0 0;
	padding: 10px 0 0;
	width:100%;
	border-top: 1px solid #e9e9e9;
}
#subcategory-listing{
	margin:5px 0 20px;
	border-top:none;
	background:#f2f2f2;
	border-radius:5px;
}
	#prod-ctgy-hdft-header{
		width: 715px;
		margin: 10px 0;
	}
	#prod-ctgy-hdft-header.image{
		-moz-box-shadow: rgba(68, 68, 68, 0.25) 0 0 5px;
		-webkit-box-shadow: rgba(68, 68, 68, 0.25) 0 0 5px;
		box-shadow: rgba(68, 68, 68, 0.25) 0 0 5px; 
		border-radius: 5px;
		width: 490px;
		height: 90px;
		padding: 20px 200px 20px 20px;
		margin: 10px 0;
		border: 1px solid #e5e5e5;
	}
	#prod-ctgy-hdft-header h1{
		font-size: 18px;
		margin: 0px;
	}
	#prod-ctgy-hdft-header p{
		margin: 0;
	}
	.product-wrapper {
		display: -moz-inline-stack;
		display: inline-block;
		margin: 0 0 10px 8px;
		text-align: center;
		vertical-align: top;
		width: 168px;
		min-height: 265px;
		zoom: 1;
		border: 1px solid #e9e9e9;
		border-radius: 5px;
	}
		#subcategory-listing .subcategory-wrapper{
			display: -moz-inline-stack;
			display: inline-block;
			margin: 0 5px 10px;
			text-align: center;
			vertical-align: top;
			zoom: 1;
			width:166px;
		}
		#subcategory-listing .subcategory-wrapper.first{
			margin-left:6px;
		}
		#subcategory-listing .subcategory-wrapper-name a{
			padding:5px 10px;
			background:#74a2bc;
			color: #ffffff !important;
			cursor: pointer;
			font: bold 15px/20px Arial, Helvetica, sans-serif;
			margin: 0;
			text-decoration: none;
			text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
			border: none;
			border-radius:5px;
			display:block;
		}
		.ie7 .product-wrapper {
			display: inline;
		}
		.ie6 .product-wrapper {
			height: 252px;
			display: inline;
		}
		.product-wrapper.first {
			margin-left: 0;
		}
		.product-wrapper a.product-link {
			width: 152px;
			height: 152px;
		}
		.product-wrapper .product-image-wrapper{
			height:150px;
			padding:10px 0;
		}
		.product-wrapper img {
			margin: 0;
			max-width: 150px;
			border-radius: 5px;
		}
			.ie6 .product-wrapper img {
				width: 130px;
			}
		#category-listing .product-wrapper-name {
			display: block;
			font: 12px/1.4 Arial, Helvetica, sans-serif;
			padding: 0 0 3px;
			margin-bottom: 10px;
		}
		#category-listing .product-wrapper-name a,
		#related-products .product-wrapper-name a {
			color: #5994b3;
			text-decoration: underline;
		}
		#category-listing .product-wrapper p,
		#related-products .product-wrapper p {
			margin: 0;
		}
		#category-listing .product-wrapper .ctgy-price,
		#related-products .product-wrapper .ctgy-price {
			color: #737373;
			font-style:italic;
			font-size: 13px;
			padding: 0 0 5px;
			margin: 0 0 10px 0;
		}
			#category-listing .product-wrapper .ctgy-price .red,
			#related-products .product-wrapper .ctgy-price .red,
			#search-results .product-wrapper .ctgy-price .red{
				font-weight: bold;
				font-style: normal;
			}
		.product-wrapper form {
			padding: 5px 0 0;
		}
		.product-wrapper input {
			cursor: pointer;
		}

	/* ------------------------ category bottom pagination ------------------------ */
	#ctgy-bottom-navigation {
		clear: both;
		margin: 10px 20px;
		overflow: hidden;
	}
		#ctgy-bottom-navigation .previous-button {
			display: inline;
			float: left;
			text-align: left;
			width: 50%;
		}
		#ctgy-bottom-navigation .next-button {
			display: inline;
			float: right;
			text-align: right;
			width: 50%;
		}


/*
------------------------ =PROD PAGE ------------------------ */
#product-info-wrap {
	margin: 5px 0 0;
	overflow: hidden;
}
	#product-image-container {
		float: left;
		padding: 20px 60px;
		text-align: center;
		width: auto;
		border: 1px solid #e9e9e9;
		margin: 0 20px 0 0;
		border-radius: 5px;
	}
		#product-image {
			width: 350px;
			height: 350px;
			float: left;
			border-radius: 5px;
			-moz-box-shadow: rgba(68, 68, 68, 0.25) 0 0 5px;
			-webkit-box-shadow: rgba(68, 68, 68, 0.25) 0 0 5px;
			box-shadow: rgba(68, 68, 68, 0.25) 0 0 5px;
		}
			#product-image span {
				display: inline-block;
				height: 100%;
				text-align: center;
				vertical-align: middle;
			}
			#product-image img {
				vertical-align: middle;
			}
	#product-info-container {
		float: left;
		width: 375px;
	}
		#product-info-container p {
			margin: 0 0 10px;
			clear: left;
		}
		#product-info-container p.product-price{
			font-style: italic;
			font-size: 18px;
			margin-bottom: 0;
			line-height: 18px;
			padding-top: 5px;
		}
			#product-info-container p span#price-value{
				font-weight: bold;
				font-style: normal;
				color: #ff0000;
			}
		#product-info-container p.product-code{
			font-style: italic;
		}
		#product-features h4, #product-features ul{
			margin: 0 0 10px;
			color: #4c4c4c;
		}
			#product-features ul li{
				margin-left: 15px;
			}
		#inventory-message {
			color: #d00000;
			font-style: italic;
			font-weight: bold;
			margin: 0 0 10px;
		}
		#product-info-container .product-quantity-label {
			text-align: left;
			width: 50px;
		}
		#product-quantity {
			margin-right: 0.5em;
			text-align: center;
			width: 25px;
		}
		.product-attributes .prompt{

		}
		.product-attributes .field{
			padding: 5px 0 10px 10px;
		}
		.product-attributes td input.textfield{
			width:100%;
		}
		#purchase-form input.cta-button, #purchase_form input.cta-button{
			float: left;
			clear: both;
		}
#product-description-container{
	float:left;
	width:899px;
	padding: 20px;
	margin: 10px 0;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
}		
	#product-description{
		clear: both;
		margin: 0;
		padding: 0;
		float: left;
	}
		#product-description.float-left{
			width: 560px;
			padding-right: 20px;
		}
		#product-description-container h2#page-title{
			float: none;
			font-size: 20px;
			margin-bottom: 10px;
		}
		#product-description p{
			margin: 0 0 10px;
		}
	#product-specifications{
		float: left;
		width: 315px;
	}
		#product-specifications ul{
			margin: 0; 
		}
		#product-specifications ul li{
			list-style-type: none;
			margin:0;
			padding: 5px 20px;
			text-align: left;
		}
			#product-specifications ul li span{
				font-weight: bold;
			}
			#product-specifications ul li.odd{
				background-color: #f2fbff;
			}
		
	/* ------------------------ additional product images ------------------------ */
	#product-image-container .thumbnails {
		display: block;
		margin: 0 0 0 10px;
		padding: 0;
		overflow: hidden;
		float: left;
	}
		#product-image-container .thumbnails li {
			border: 1px solid #eee;
			cursor: pointer;
			display: block;
			float: left;
			clear:left;
			margin: 0 10px 10px 0;
			padding: 0;
			text-align: center;
			width: 48px;
			height: 48px;
		}
			#product-image-container .thumbnails li span {
				display: inline-block;
				height: 100%;
				text-align: center;
				vertical-align: middle;
			}
			#product-image-container .thumbnails li img {
				vertical-align: middle;
				border-radius: 5px;
			}

	/* ------------------------ product close-up image ------------------------ */
	.closeup {
		background: #fff;
		border: 3px solid #eaeaea;
		border-radius: 5px;
		-moz-box-shadow: rgba(255, 255, 255, 0.65) 0 0 15px;
		-webkit-box-shadow: rgba(255, 255, 255, 0.65) 0 0 15px;
		box-shadow: rgba(255, 255, 255, 0.65) 0 0 15px;
		display: none;
		min-width: 274px;
		min-height: 274px;
		padding: 15px;
		position: absolute;
		top: 50px;
		text-align: center;
		z-index: 2;
	}
		.closeup a {
			cursor: pointer;
			position: absolute;
			top: -15px;
			right: -15px;
			z-index: 2;
		}
	#closeup-caption {
		background: #666;
		box-shadow: rgba(255, 255, 255, 0.75) 0 0 25px;
		color: #fff;
		display: none;
		font: bold 14px Arial, Helvetica, sans-serif;
		margin: 15px 15px 0;
		padding: 5px;
	}
	.closeup_backing {
		background: #000;
		background: rgba(0, 0, 0, .6);
		filter: alpha(opacity=60);
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}

	/* ------------------------ product attribute swatches ------------------------ */
	td.swatches{
		vertical-align:middle;
	}
	td.swatch-prompt{
		vertical-align:middle;
	}
	#swatches {
		overflow: hidden;
		clear: both;
	}
		#swatches ul {
			margin: 0 0 5px;
			overflow: hidden;
		}
			#swatches ul li {
				cursor: pointer;
				display: block;
				float: left;
				margin: 0 0 5px 0;
				padding: 0;
				text-align: center;
				width: 48px;
				height: 48px;
			}
				#swatches ul li span {
					display: inline-block;
					height: 100%;
					text-align: center;
					vertical-align: middle;
				}
				#swatches ul li img {
					vertical-align: middle;
				}

	/* ------------------------ related products ------------------------ */
	#related-products {
		clear: both;
		overflow: hidden;
		padding: 20px;
		border: 1px solid #e9e9e9;
		border-radius: 5px;
	}
		#related-products .product-wrapper-name {
			display: block;
			font: 12px/1.4 Arial, Helvetica, sans-serif;
			padding: 0 0 3px;
			margin-bottom: 10px;
		}
		#related-products .product-wrapper p {
			margin: 0;
		}


/*
------------------------ =POUT PAGE ------------------------ */
#pout-form{
	padding:0 20px;
}


/*
------------------------ =SRCH PAGE ------------------------ */
#search-results {
	border-top: 1px solid #E9E9E9;]
	clear: both;
	float:left;
	margin: 10px 0 0;
	overflow: hidden;
	padding: 10px 0 0;
	width: 100%;
}
	#search-results .product-wrapper-name {
		display: block;
		font: 12px/1.4 Arial,Helvetica,sans-serif;
		margin-bottom:10px
		padding: 0 0 3px;
	}
	#search-results .product-wrapper-name a{
		color: #5994B3;
		text-decoration: underline;
	}
	#search-results .product-wrapper p {
		margin: 0;
	}
	#search-results .product-wrapper .ctgy-price {
		color: #737373;
		font-size: 13px;
		font-style: italic;
		margin: 0 0 10px;
		padding: 0 0 5px;
	}


/*
------------------------ =BASK PAGE ------------------------ */
#BASK #page-title {
	display: inline;
	float: left;
}
#top-checkout-button {
	display: inline;
	float: right;
	margin-right: 20px;
}
#basket-contents {
	margin-top: 10px;
}

	/* ------------------------ basket ------------------------ */
	.basket {
		clear: both;
		border: none;
		margin: 0 auto;
		width: 940px;
	}
	#basket-contents p{
		margin:0;
	}
		.basket td {
			padding: 5px 10px;
			border-left:1px solid #e9e9e9;
			vertical-align:middle;
		}
		.basket td.total{
			padding:5px 10px 5px 40px;
		}
		.basket #basket-header-row, .shipping-payment #basket-header-row {
			background: none;
			color: #3e3e3e;
			text-align: center;
			vertical-align: middle;
		}
			.basket #basket-header-row td {
				border-top:1px solid #e9e9e9;
				border-bottom:1px solid #e9e9e9;
				border-right:1px solid #e9e9e9;
			}
		.basket .basket-prod-row {
			vertical-align: top;
		}
			.basket .basket-prod-row td{
				border-bottom:1px solid #e9e9e9;
				border-right:1px solid #e9e9e9;
			}
			.basket .basket-prod-row td.prod {
				width: 55%;
				border-left:none;
				vertical-align:top;
			}
				.basket .basket-prod-row td.prodImage{
					width: 75px;
				}
				.basket .basket-prod-row td.prod a {
					color: #2f86af;
					text-decoration: underline;
					font-weight:normal;
					font-size:13px;
				}
				#column-right .basket .basket-prod-row td p{
					margin: 0 0 5px;
				}
				.basket .basket-prod-row td.prod a:hover {
					color: #000;
				}
			.basket .basket-prod-row td input.quantity {
				text-align: center;
				width: 25px;
			}
			#basket-contents .basket tr.basket-prod-row p {
				margin: 0 0 5px;
			}
			.basket .basket-prod-row img {
				border: 1px solid #fff;
				display: block;
				margin: 0 auto;
			}
			.basket .basket-prod-row label {
				background: #fff;
				color: #2d7abb;
				cursor: pointer;
				display: block;
				font-size: 10px;
				margin: 0;
				padding: 0;
				text-align: center;
				width: auto;
				line-height: 18px;
			}
			.basket .basket-prod-row input.remove {
				display: none;
			}
			#basket-contents .continue-shopping {
				float:left;
				background:url("../../images/btn_grey.jpg") repeat-x scroll 0 0 transparent;
			}
			.basket .update-cart {
				background-color:#ffffff;
				border:none;
				color:#2D7ABB;
				font-size:10px;
				width:100%;
			}
		.basket #basket-bottom-row {
			border-bottom: 3px solid #d3d3d3;
			font-size: 0;
			height: 0;
			padding: 0;
		}

	/* ------------------------ shipping calculator and coupon block ------------------------ */
	#shipping-coupons {
		float: left;
		padding: 0 0 0 20px;
		width: 45%;
	}
	#basket-contents .estimate-shipping {
		background:url("../../images/btn_grey.jpg") repeat-x scroll 0 0 transparent;
	}
		input.estimate-shipping{
			width:200px;
		}
		#shipping-coupons table {
			border: none;
			width: 100%;
		}
			#shipping-coupons table.results {
				background: #efefef;
				border: 1px solid #E9E9E9;
				margin-bottom: 10px;
				padding: 10px 5px 0;
			}
				#shipping-coupons table.results tr.shipto {
					background: #2bacf1;
					color: #fff;
				}
				#shipping-coupons table.results tr.odd{
					background: #fafafa;
				}
				#shipping-coupons table.results tr.shipmethod {
					background: #77c5ee;
					color: #fff;
				}
					#shipping-coupons table.results td {
						padding: 5px;
					}
			#shipping-coupons table form input {
				width: auto;
			}

	/* ------------------------ totals block ------------------------ */
	#totals {
		float: right;
		margin: 0;
		text-align: right;
	}
	#basket-contents #totals {
		float:none;
		margin:0;
	}
		#totals div {
			background: #ffffff;
			border-bottom: 1px solid #e9e9e9;
			border-right: 1px solid #e9e9e9;
			border-left: 1px solid #e9e9e9;
			margin-bottom: 10px;
			padding: 10px 5px 0;
		}
			#totals div p{
				margin: 0 5px 10px;
			}
			#totals div .charges {
				font-size: 14px;
			}
			#totals div .total {
				font-size: 16px;
			}


/*
------------------------ =OCST, OSEL, OPAY AND INVC PAGES ------------------------ */
#ocst-form,
#osel-form,
#opay-form {
	display: inline;
	float: left;
	padding: 0;
}
#INVC #order-summary{
	border: none;
}
#INVC .order-id-date, #INVC h3.invoice-message{
	font-size: 18px;
	text-align: center;
}
#INVC #order-summary{
	width: 100%;
}
#INVC .shipping-payment #basket-header-row{icons/icon_order-top:none;
	border-right:none;
}
#INVC #customer-fields, #INVC #order-contents{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#INVC #order-contents table, #INVC #payment-method-fields table{
	width: 100%;
}
#INVC #order-contents #totals{
	margin-bottom: 0;
	margin-top:0;
}
.shipping-payment #basket-header-row h2.fields-heading {
	background: #ffffff;
	font: bold 12px/1.4 Arial,Helvetica,sans-serif;
	color: #1872a2;
	margin: 0 0 0 0;
	padding: 10px 0 5px 0;
}
#invoice-message{
    text-align: center;
	float:left;
	width: 100%;
	margin-bottom: 20px;
}
#payment-method-fields{
	float: left;
	width: 100%;
}
	#checkout-left-wrapper{
		float: left;
		width: 665px;
		padding:0 10px 10px 10px;
		border: 1px solid #e9e9e9;
		border-radius: 5px;
	}
	#customer-fields {
		clear: both;
	}
		#fields-key {
			margin: 0 0 10px;
			font-style:italic;
			font-size:11px;
			color:#515151;
		}
		#customer-fields label {
			line-height:25px;
			clear: both;
			display: inline;
			float: left;
			padding: 0 5px 0 0;
			text-align: right;
			white-space: nowrap;
		}
		.address2-label {
			margin: 0 0 14px 0;
		}
		#customer-fields input.textfield,
		#tax-fields input {
			margin: 0;
			width: 150px;
		}
		.non-editable div.form_row div {
			margin: 0 0 4px 0;
			width: 310px;
		}
		#customer-fields select {
			margin: 0;
			width: 160px;
		}
		#ship-to,
		#bill-to {
			float: left;
			width: 50%;
		}
			span.required {
				font-weight:normal;
				color:#ff0000;
			}
			#ship-to h2.fields-heading,
			#bill-to h2.fields-heading {
				background: #ffffff;
				font: bold 12px/1.4 Arial,Helvetica,sans-serif;
				color: #1872a2;
				margin: 0 0 12px 0;
				padding: 10px 0 5px 0;
				border-bottom:1px solid #e5e5e5;
				float:left;
				width:100%;
			}
				#ship-to h2 .controls-heading,
				#bill-to h2 .controls-heading {
					display: block;
					float: left;
					padding-right: 15px;
					padding-top: 5px;
				}
				#customer-fields .controls {
					visibility: hidden;
					float:right;
				}
				#customer-fields #bill-to .controls{
					float:left;
				}
				#customer-fields .controls label {
					float: none;
				}
				#ship-to h2 input.checkbox,
				#bill-to h2 input.checkbox {
					cursor: pointer;
					margin: 0;
					overflow: hidden;
					padding: 0;
					width: 13px;
					height: 13px;
					vertical-align:middle;
				}
			div.invalid input.textfield,
			div.invalid select,
			#tax-fields div.invalid input {
				border-color: #d90000;
			}
			div.invalid label {
				color: #d90000;
			}
			#customer-fields.editable .form_row {
				margin: 0 0 6px 0;
				text-align: left;
			}
			#customer-fields.non-editable .form_row {
				margin: 0 0 4px 0;
				text-align: left;
			}
			#customer-fields.non-editable label {
				clear: both;
				float: left;
				font-weight: bold;
				margin: 0 0 0 30px;
				padding: 0 4px 0 0;
				text-align: right;
				white-space: nowrap;
				width: 110px;
			}
			#customer-fields.non-editable .form_row div {
				float: left;
			}

	/* ------------------------ order summary layout ------------------------ */
	#order-summary {
		display: inline;
		float: right;
		margin:0;
		padding: 1px 1px 1px 1px;
		width: 240px;
		border: 1px solid #e9e9e9;
		border-radius: 5px;
	}
		#OCST #order-summary{
			margin: 25px 0 0 0;
		}
		ul#order-summary-steps,
		ul#order-summary-steps li ul {
			margin: 0;
			padding: 0;
		}
			ul#order-summary-steps li.customer-information{
				margin:5px 0;
				padding:5px 0;
				border-top:1px solid #e5e5e5;
				border-bottom:1px solid #e5e5e5;
			}
			ul#order-summary-steps li {
				list-style-type: none;
				margin: 0;
			}
			address{
				font-style:normal;
				font-size:11px;
			}
				ul#order-summary-steps li.mark {
					background-color:#f1f4f5;
					color: #3e3e3e;
					display: block;
					padding: 10px 0 5px 10px;
					margin: 0;
					height:20px;
				}
				ul#order-summary-steps li.mark p{
					margin:0;
					float:left;
				}
				ul#order-summary-steps li p{
					margin:0 10px;
				}
				ul#order-summary-steps li div.total{
					background-color:#F1F4F5;
					padding:10px 10px;
				}
				ul#order-summary-steps li p.markHeader{
					float:left;
				}
				ul#order-summary-steps li a{
					float:right;
					margin-right:10px;
				}
				ul#order-summary-steps li p.top{
					border-radius: 5px 5px 0px 0px;
				}
				ul#order-summary-steps li .item {
					clear: both;
					overflow: hidden;
					padding: 5px 10px;
				}

	/* ------------------------ order summary basket ------------------------ */
	#order-summary #basket-contents {
		margin: 0;
		padding:10px;
	}
		#order-summary .summary-basket {
			border: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}
			#order-summary .summary-basket td {
				padding: 2px 0 0;
			}
			#order-summary .summary-basket td a{
				font-size:11px;
			}
				#order-summary .summary-basket td a:hover{
					text-decoration:underline;
				}
			#order-summary .summary-basket #basket-header-row {
				border-bottom: 3px double #ccc;
				vertical-align: middle;
			}
				#order-summary .summary-basket .basket-header-row td {
					padding: 0;
				}
					#order-summary .summary-basket .basket-header-row td.prod {
						width: 100%;
					}
			#order-summary .summary-basket .basket-prod-row {
				vertical-align: top;
			}
				#order-summary .summary-basket .basket-prod-row td.prod {
					width: 100%;
				}
				#order-summary .summary-basket .basket-prod-row p {
					margin: 0 0 2px;
				}
				#order-summary .summary-basket .basket-prod-row p.basket-attribute {
					font-size: 10px;
				}

	/* ------------------------ order summary customer information ------------------------ */
	#order-summary h4 {
		border-bottom: 1px solid #ccc;
		font-size: 13px;
		margin: 0 0 5px;
	}
	#order-summary address.item {
		padding: 5px 0 0;
	}
	#order-summary address p {
		margin: 0 0 0 5px;
	}

	/* ------------------------ checkout headers ------------------------ */
	#checkout-headers-wrapper{
		margin: 0 auto 20px;
		width: 100%;
		width: 700px;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(128, 128, 128, 0.1);
		-moz-box-shadow: 0px 0px 1px 1px rgba(128, 128, 128, 0.1);
		box-shadow: 0px 0px 1px 1px rgba(128, 128, 128, 0.1);
		border: 1px solid #e9e9e9;
		text-align:center;
	}
	#column-right #checkout-headers {
		color: #3e3e3e;
		font: normal 11px Arial, Helvetica, sans-serif;
		padding: 10px 0;
		margin:0 auto;
		display:block;
	}
		#column-right #checkout-headers li{
			list-style-type:none;
			display:inline-block;
			padding:5px 10px;
			margin:0;
		}
		#column-right #checkout-headers li#secure{
			padding:0 10px 0 0;
			vertical-align:middle;
		}
			.ie6 #checkout-headers div,
			.ie7 #checkout-headers div,
			.ie8 #checkout-headers div,
			.ie9 #checkout-headers div {
				margin: 0;
			}
		#checkout-headers .id-page {
			background: #32b2f7;
			color: #fff;
			text-shadow: 1px 1px 2px #808080;
		}

	/* ------------------------ ocst login form ------------------------ */
	#OCST #login-form {
		display: none;
		margin: 0 auto;
		padding: 0 0 10px;
		text-align: center;
		width: 740px;
	}
		#OCST #login-form label {
			width: 90px;
			line-height: 25px;
		}

	/* ------------------------ osel error message ------------------------ */
	#OSEL .error-message {
		display: none;
		margin: 5px 0;
	}
	#OSEL .error-message p.error {
		margin: 5px 0;
	}

	/* ------------------------ osel form layout ------------------------ */
	#osel-form h2 {
		font-size: 14px;
		margin: 0 0 7px;
	}
	#OSEL #ship-pay-wrap {
		overflow: hidden;
	}
		#OSEL #shipping {
			float: left;
			width: 330px;
		}
		#OSEL #payment {
			float: right;
			width: 335px;
		}
			#OSEL #shipping h2.fields-heading,
			#OSEL #payment h2.fields-heading {
				color: #1872a2;
				font-size: 12px;
				margin: 0 0 10px;
				padding: 10px 0 5px 0;
				border-bottom: 1px solid #e5e5e5;
			}
			#OSEL #shipping input,
			#OSEL #payment input {
				margin-right: 10px;
				width: auto;
				border: none;
			}
			#OSEL #shipping .shipping-icons {
				display: inline;
				float: right;
				overflow: hidden;
				text-align: left;
				width: 180px;
			}
				#OSEL #shipping .shipping-icons img {
					width: 120px;
				}
			#OSEL #shipping .shipping-row {
				margin: 0 0 10px;
				padding: 0 10px;
			}
			#OSEL #payment #payment-wrap {
				width: 250px;
			}
				#OSEL #payment .payment-row {
					margin: 0 0 10px;
					padding: 0 0 0 30px;
				}
				#OSEL #payment .payment-icon {
					vertical-align: middle;
				}
			#order-summary-steps .payment-information{
				padding: 5px 0 10px 10px;
			}

	/* ------------------------ opay form layout ------------------------ */
	#opay-form h2 {
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 7px;
		border-bottom:1px solid #e5e5e5;
		color: #1872a2;
		padding:5px 0;
	}
	#OPAY #charges-summary {
		margin: 00;
		padding: 45px 0 0;
		width: 44%;
	}
	#OPAY #checkout-left-wrapper{
		padding-bottom: 0px;
	}
		#OPAY #charges-summary-total {
			font-size: 16px;
			color:#ff0000;
		}
	#OPAY .error-message{
		float: left;
		margin: 20px 0;
	}
	#OPAY #payment-fields {
		display: inline;
		float: left;
		width: 55%;
	}
		#OPAY #payment-fields .payment-row {
			margin: 0 0 10px;
		}
		#OPAY #payment-fields img{
		}
		#OPAY #payment-fields label {
		}
		#OPAY #payment-fields input {
			width: 220px;
		}


/*
------------------------ =ACAD, ACED, AFAD, AFED PAGES ------------------------ */
#acad-form,
#aced-form,
#afad-form,
#afed-form {
	margin: 0 auto;
	width: 940px;
	float:left;
	margin-top:10px;
}
	#login-details {
		margin: 0 0 10px;
		overflow: hidden;
		border: 1px solid #e9e9e9;
		border-radius: 5px;
		padding: 10px 10px 5px 10px;
		float: left;
	}
	#customer-fields-right, #affiliate-fields-right{
		float: right;
		border: 1px solid #e9e9e9;
		border-radius: 5px;
		width: 595px;
		margin-bottom: 10px;
		padding: 0 10px;
	}
	#afad-form h2.fields-heading,
	#afed-form h2.fields-heading {
		background: #ffffff;
		font: bold 12px/1.4 Arial,Helvetica,sans-serif;
		color: #1872a2;
		margin: 0 0 12px 0;
		padding: 10px 0 5px 0;
		border-bottom:1px solid #e5e5e5;
		float:left;
		width:100%;
	}
	#affiliate-fields {
		clear: both;
	}
		#affiliate-fields #fields-key {
			margin: 0 0 10px;
		}
		#affiliate-fields label {
			clear: both;
			display: inline;
			float: left;
			padding: 2px 5px 3px 0;
			text-align: right;
			white-space: nowrap;
		}
		#affiliate-fields input.textfield {
			margin: 0;
			width: 150px;
		}
		#affiliate-fields select {
			margin: 0;
			width: 160px;
		}
		#affiliate-fields.editable .form_row {
			margin: 0 0 6px 0;
			text-align: left;
		}
		#affiliate-fields.non-editable .form_row {
			margin: 0 0 4px 0;
			text-align: left;
		}
		#affiliate-fields.non-editable label {
			clear: both;
			float: left;
			font-weight: bold;
			margin: 0 0 0 30px;
			padding: 0 4px 0 0;
			text-align: right;
			white-space: nowrap;
			width: 110px;
		}
		#affiliate-fields.non-editable .form_row div {
			float: left;
		}
		#affiliate-commissions .form_row{
			float: left;
			width:100%;
		}
		#affiliate-commissions .form_row div{
			width:50%;
			float:left;
		}


/*
------------------------ =LOGN, ORDL AND ORHL PAGES ------------------------ */
#logn-left,
#logn-right,
#orhl-left,
#orhl-right {
	margin: 10px 10px 25px 10px;
	padding: 20px 23px;
	width: 400px;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
}
	#logn-left h2,
	#logn-right h2,
	#orhl-left h2,
	#orhl-right h2{
		margin: 0;
	}
#ordl-left,
#ordl-center,
#ordl-right {
}
	#ordl-left {
		width: 25%;
	}
	#ordl-center {
		width: 50%;
	}
		#ordl-center .ordl-wrappers {
			border: solid #065683;
			border-width: 0 1px;
		}
	#ordl-right {
		width: 25%;
	}
	.logn-wrappers,
	.orhl-wrappers, #forgot-password {
		font: normal 14px/1.5 Arial, Helvetica, sans-serif;
		height: 195px;
		margin-top: 5px;
		padding: 0;
	}
	.orhl-wrappers {
		height: 105px;
	}
	.ordl-wrappers {
		font: normal 14px/1.5 Arial, Helvetica, sans-serif;
		margin-top: 5px;
		padding: 20px 0;
	}
		.ordl-wrappers .button{
			padding: 5px 15px;
		}
		.ordl-wrappers input.button{
			float:right;
			padding: 0 15px;
		}
		.logn-wrappers .form-row {
			clear: both;
			margin: 0 20px 10px;
		}
		.logn-wrappers p.align-right{
			margin-bottom: 0;
		}
		.logn-wrappers input.textfield,
		.ordl-wrappers input.textfield,
		.orhl-wrappers input.textfield,
		#forgot-password input.textfield {
			width: 215px;
		}
#forgot-password {
	clear: both;
	margin: 10px auto;
	width: 46%;
}


/*
------------------------ =ACLN PAGE ------------------------ */
#ACLN #account-links {
	clear: both;
	margin: 10px 20px;
	overflow: hidden;
}
	#ACLN #account-links ul {
		list-style: none;
		margin: 0 auto;
		overflow: hidden;
		width: 400px; /* ADD 200PX FOR EACH ADDITIONAL ICON PAST 2 */
	}
		#ACLN #account-links li {
			float: left;
			list-style: none;
			margin: 0;
			padding: 10px 30px;
		}
			#ACLN #account-links li a {
				display: block;
				width: 135px;
				height: 20px;
				padding: 140px 0 0;
				text-align: center;
			}
			#ACLN #account-links li a.edit-account {
				background: url("../../images/icons/img_account_edit.png") no-repeat;
			}
			#ACLN #account-links li a.order-history {
				background: url("../../images/icons/img_order_history.png") no-repeat;
			}


/*
------------------------ =ORDH AND ORDS PAGES ------------------------ */
#orderhistory-list,
#order-contents {
}
	#orderhistory-list table,
	#order-contents table {
		border: none;
		clear: both;
		margin: 0 auto;
		width: 940px;
	}
		#orderhistory-list table thead {
			background: #d3d3d3;
			color: #000;
			text-align: left;
			vertical-align: middle;
		}
			#orderhistory-list table thead th {
				padding: 5px;
			}
		#orderhistory-list table tr.alt-row {
			background: #efefef;
		}
		#orderhistory-list table td,
		#order-contents table td, #payment-method-fields table td {
			padding: 5px;
			vertical-align: top;
		}
	#order-history-pagination {
	}
		#order-history-pagination td {
			width: 33%;
		}
		#order-history-pagination input {
			text-align: center;
			width: auto;
		}
#ORDS #customer-fields {
	margin: 0 auto 10px;
	overflow: hidden;
	width: 940px;
}
	#ORDS #customer-fields .form-row {
		margin: 0 0 5px;
		overflow: hidden;
	}
#ORDS #order-contents .basket tr.basket-prod-row p {
	margin: 0 0 5px;
}
	#ORDS #order-contents .basket tr.basket-prod-row .order-reorder img {
		border: none;
	}
	#ORDS #order-contents .basket tr.basket-prod-row img.ords-image {
		max-width: 75px;
		max-height: 75px;
	}
		.ie6 #ORDS #order-contents .basket tr.basket-prod-row img.ords-image {
			width: 75px;
			height: 75px;
		}


/*
------------------------ =NTFD PAGE ------------------------ */


/*
------------------------ =SMAP PAGE ------------------------ */
#sitemap-wrap {
	padding: 0 20px;
	overflow: hidden;
}
	.sitemap-column {
		float: left;
		padding: 0 10px 20px 0;
		width: 210px;
	}
		.sitemap-parent {
			color: #000;
			display: block;
			font-size: 14px;
			line-height: 20px;
			margin: 10px 0 0;
		}
		.sitemap-subcat1 {
			display: block;
			line-height: 16px;
			padding: 0 0 0 10px;
		}


/*
------------------------ =CTUS PAGE ------------------------ */
#contact-form {
	margin: 20px 0 10px;
}
	#contact-form fieldset {
		margin: auto;
		width: 600px;
	}
	#contact-form input.textfield {
		width: 225px;
	}
	#contact-form textarea {
		width: 400px;
	}
	#contact-form .btn-container input {
		margin: 0 25px;
	}
	#contact-form .error-message ul,
	#contact-form .error-message ul li {
		margin: 0;
	}


/*
------------------------ =ORDP PAGE ------------------------ */
#ORDP {
	background-color: #fff;
	background-image: none;
	margin: 10px;
}
	#printable-order {
		margin: 0;
		text-align: left;
		width: 920px;
	}
		#printable-order h3,
		#printable-order p {
			margin: 0 0 2px;
		}
		#printable-order #customer-fields {
			margin: 3px 0 10px;
			overflow: hidden;
		}
			#printable-order #customer-fields .form-row {
				margin: 0 0 5px;
			}
		#printable-order #order-contents {
			overflow: hidden;
		}
			#printable-order #order-contents .basket {
				width: 920px;
			}
			#printable-order #order-contents #totals {
				margin: 15px 0;
			}


/* ======================== NON-SEMANTIC HELPER CLASSES (Please define your site styles before this section.) ======================== */
	/* ------------------------ For Image Replacements ------------------------ */
	.ir {
		background-repeat: no-repeat;
		direction: ltr;
		display: block;
		overflow: hidden;
		text-align: left;
		text-indent: -999em;
	}
	/* ------------------------ The Magnificent Clearfix:  Updated to prevent margin-collapsing on child elements (j.mp/bestclearfix & blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page) ------------------------ */
	.clearfix:before,
	.clearfix:after {
		content: "\0020";
		display: block;
		height: 0;
		overflow: hidden;
	}
	.clearfix:after {
		clear: both;
	}
	.clearfix {
		zoom: 1;
	}


/* ======================== PRINT STYLES (Inlined to avoid required HTTP connection:  www.phpied.com/delay-loading-your-print-css/) ======================== */
@media print {
	* {
		background: transparent !important;
		color: black !important;
		-ms-filter: none !important;
		filter: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	@page {
	margin: 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}