@charset "UTF-8";

/*

 SITE NAME

 Author: Miva Merchant



 +-+-+-+-+-+-+ GLOBAL STYLES +-+-+-+-+-+-+

 =NORMALIZE ALL ELEMENTS (CROSS-BROWSER)

 =GLOBAL ELEMENTS

 =GLOBAL CLASSES

 =GLOBAL FORMS RULES

 =WRAPPER

 =HEADER

 =NAVBAR

 =MAIN

 =BANNER

 =COLUMN-LEFT

 =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

 +-+-+-+-+-+-+ SMART DESIGN +-+-+-+-+-+-+



 */



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

}

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%;

}
/* Fix for Oswald Font -- If you have the font installed it freaks out */
@font-face {
    font-family: 'oswaldbook';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Font normalization inspired by YUI Library's fonts.css (developer.yahoo.com/yui/) [*Hack retained to preserve specificity] */

body {

	font: 12px/1.4 'oswaldbook', 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: 'oswaldbook', monospace;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

}

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 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;

}

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

}

.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;

}



/* ------------------------ tables ------------------------ */

/* Remove most spacing between table cells */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

td {

	vertical-align: top;

}

.uppercase {
	text-transform: uppercase;
}

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



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



/*

 ------------------------ GLOBAL ELEMENTS ------------------------ */

body, select, input, textarea {

	color: #444;

}

body {

	background: url("../images/bg_body_solid.png") repeat scroll center center transparent;

}

h1 {

	color: #000;

	font-size: 22px;

}

h2 {

	color: #000;

	font-size: 16px;

}

h3 {

	color: #000;

	font-size: 14px;

}

h4 {

	color: #000;

	font-size: 12px;

}

h5 {

	color: #000;

	font-size: 11px;

}

h6 {

	color: #000;

	font-size: 10px;

}

blockquote {

	background: #efefef;

	color: #3f3f3f;

	font-family: Georgia, Times, 'Times New Roman', serif;

	font-style: italic;

	margin: 0 10px 10px;

	padding: 10px;

}

a, a:active, a:visited {

	outline: none;

	text-decoration: none;

	color: #4176AC;

}

a:hover {

	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;

}

.required, .bold {

	font-weight: bold;

}

.italic {

	font-style: italic;

}

.red {

	color: #d90000;

}

.hidden {

	display: none;

}

.shown {

	display: block;

}

.invisible {

	visibility: hidden;

}

.visible {

	visibility: visible;

}



/* ------------------------ buttons ------------------------ */

.button, a.button, .sec-button, a.sec-button {

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #022E64;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.10);
	border: none;
	color: #fff;
	cursor: pointer;
	font: bold 16px/30px 'Open Sans', sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);

}

.ie7 .button, .ie7 a.button, .ie7 .sec-button, .ie7 a.sec-button {

	border: 0;

	line-height: 1.8;

}

input.button {

	width: auto;

	padding: 0 10px;

	height:30px;

}

.sec-button, a.sec-button {

	font-size: 12px;

	line-height: 18px;

	padding: 7px 18px;

}

input.sec-button {

	padding: 2px 25px;

	width: auto;

}



.cta-button, a.cta-button {

	background-color: #c3325f;

	border: 1px solid #c3325f;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.4);

	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.4);

	box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.4);

	color: #fff;

	cursor: pointer;

	display: inline;

	float: right;

	font-size: 16px;

	font-weight: bold;

	line-height: 1.5;

	margin: 0;

	padding: 6px 15px;

	text-align: center;

	text-decoration: none;

	text-shadow: 1px 1px 0 rgba(0,0,0,0.1);

	width: auto;

}

input.cta-button {

	padding: 0px 15px;

	height: 30px;

}

.btn-blank, a.btn-blank {

	background-color: #CE1728;
	border: 0;
	display: inline-block;
	width: 77px;
	height: 24px;
	font-family: 'oswaldbook', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 24px;
	padding: 3px 15px;

}

.btn-signin{
	background-color: #d3edfc;
	border: 0;
	border-radius: 5px;
	display: inline-block;
	font-weight: normal;
	color: #021722;
	line-height: 24px;
	padding: 3px 15px;
}

.btn-cta, a.btn-cta {

	color: #FFFFFF;
	background-color: #CE1728;
	border-radius: 5px;
	border: 0;
	font-size: 20px;
	font-family: 'oswaldbook', sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	margin-left:20px;
	text-align: center;
	width: 223px;
	height: 45px;

}



/* ------------------------ lightbox-me layout ------------------------ */

.lightbox-me {

	background: #fff;

	border: 3px solid #eaeaea;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	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: 2000;

}

/* ------------------------ image replacement ------------------------ */

.ir {

	border: 0;

	text-shadow: none;

	color: transparent;

	background-color: transparent;

}

/* ------------------------ advanced browers goodies ------------------------ */

.corners {

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

}

.shadows {

	-moz-box-shadow: rgba(68, 68, 68, 0.75) 0 0 5px;

	-webkit-box-shadow: rgba(68, 68, 68, 0.75) 0 0 5px;

	box-shadow: rgba(68, 68, 68, 0.75) 0 0 5px;

}

.bottom-shadow {

	-moz-box-shadow: rgba(68, 68, 68, 0.75) 0 0 5px;

	-webkit-box-shadow: rgba(68, 68, 68, 0.75) 0 0 5px;

	box-shadow: rgba(68, 68, 68, 0.75) 0 0 5px;

}

.text-shadows {

	text-shadow: 0 1px 1px rgba(68, 68, 68, 0.3);

}

.text-shadow-dark {

	text-shadow: 0 -1px 0 hsla(0,0%,  0%,0.3)

}

.text-shadow-light {

	text-shadow: 0 1px 0 hsla(0,0%,100%,0.3)

}



/*

 ------------------------------- =GROUPED PAGE MODIFICATIONS ------------------------------- */

#ABUS #column-right #page-title, #ABUS #column-right #page-title, #FAQS #column-right #page-title, #FAQS #column-right #page-title, #PRPO #column-right #page-title, #PRPO #column-right #page-title, #SARP #column-right #page-title, #SARP #column-right #page-title {

	border-bottom: 1px solid #e9e9e9;

	padding-bottom: 10px;

}



#content-item ol, #content-item ul, .logn-wrappers ul, .logn-wrappers ul {

	margin-left: 18px;

}



/*

 ------------------------------- =GLOBAL FORM ELEMENTS ------------------------------- */

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: 150px;

}

label.required {

	font-weight: bold;

}

label.error {

	color: #c00;

}

input, textarea, select, button {

	border: 1px solid #ccc;

	color: #5b5b5b;

	padding: 3px;

}

input, button {

	overflow: visible;

	width: 150px;

}

input.submit {

	cursor: pointer;

	width: auto;

}

select {

	width: auto;

}

textarea {

	margin: 0 0 4px 0;

	width: 200px;

	height: 90px;

}

.textfield {/* Use this class to apply a background or background-image to all text inputs and text areas */

	background: #fff url(../images/bg_text_input.gif) repeat-x left top; /* Old browsers */

	background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 33%, #ffffff 100%); /* FF3.6+ */

	background: -ms-linear-gradient(top, #f3f3f3 0%, #ffffff 33%, #ffffff 100%); /* IE10+ */

	background: -o-linear-gradient(top, #f3f3f3 0%, #ffffff 33%, #ffffff 100%); /* Opera11.10+ */

	background: -webkit-linear-gradient(top, #f3f3f3 0%, #ffffff 33%, #ffffff 100%); /* Chrome10+,Safari5.1+ */

}

.form-row {

	margin: 0 0 10px;

}



/* ------------------------ validation messages ------------------------ */

.info-message, .warning-message, .error-message, .success-message {

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	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;

	height: 25px;

	line-height: 25px;

}

.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;

}



#newsletter-form .warning-message {

	display: none;

}



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;

}



/*

 ------------------------------- =container ------------------------------- */

.container {

	margin: 0 auto;

	width: 980px;

}

/*

 ------------------------------- =HEADER ------------------------------- */

header .row1 {

	height: 25px;

	line-height: 25px;

	background-color: #dbdbdb;

	border-bottom: 1px solid #bebebe;

}

/* .row2 -- logo, cart search */

header .row2 .container {

	height: 100%

}

header .row2 {

	height: 65px;

	margin: 10px 0 20px;

	position: relative;

}

/* .row2 defaults */



header .basket, header .checkout, header .logo, header .phone, header .search {

	background: transparent no-repeat scroll 0 0;

	display: block;

	position: absolute;

	bottom: 0;

}



/* header .row2 image overrides */

header .basket {

	background: url("../images/btn_basket.png") no-repeat center center transparent;

	width: 152px;

	height: 40px;

	text-decoration: none;

	text-align: center;

	right: 130px;

}

header .basket span {

	color: #292929;

	font-family: Arial, sans-serif;

	font-size: 15px;

	font-weight: lighter;

	top: 11px;

	left: -26px;

	position: relative;

}

header .checkout {

	background: url("../images/btn_checkout.png") no-repeat center center transparent;

	width: 120px;

	height: 40px;

	right: 0;

}

header .logo {

	background: no-repeat center left transparent;

	width: 256px;

	height: 54px;

	left: 0;

}

header .search {

	background: url("../images/bg_search.png") no-repeat center center transparent;

	width: 415px;

	height: 40px;

	right: 295px;

}

header .search input {

	border: 1px solid transparent;

	height: 38px;

	background: transparent;

	display: block;

	padding: 0;

	position: absolute;

}

header .search input[type="submit"] {

	margin: 1px;

	color: transparent;

	text-shadow: none;

}

header .search input[type="submit"] {

	right: 0;

	width: 81px;

}

header .search input[type="text"] {

	left: 0;

	width: 310px;

	padding: 0 10px

}

header .phone {

	bottom: 45px;

	left: 270px;

}

/* ------------------------ basket hover calculator ------------------------ */



#global-mini-basket-container {

	display: block;

	float: right;

	line-height: 22px;

	padding: 4px 3px 0px 0px;

}



#global-mini-basket-hover-content {

	background: none repeat scroll 0 0 #FFFFFF;

	display: none;

	float: left;

	max-width: 410px;

	min-width: 250px;

	position: absolute;

	right: 0px;

	top: 75px;

	z-index: 10;

}



#global-mini-basket-hover-content table {

	display: table;

	border-collapse: collapse;

	border-spacing: 0px;

	border: 1px solid #EBF3F7;

	background: #FFF;

}



#global-mini-basket-hover-content table thead th, #global-mini-basket-hover-content table tfoot td {

	color: #003366;

	padding: 5px;

	font-weight: bold;

	font-size: 13px;

	background: #F2F2F2;

}



#global-mini-basket-hover-content table tbody td {

	padding: 3px 5px;

	line-height: 14px;

}



#global-mini-basket-hover-content table tbody tr.on td {

	border-bottom: 1px solid #EBF3F7;

}

#global-mini-basket-hover-content table tbody tr td.remove {

	vertical-align: middle;

}

#global-mini-basket-hover-content table tbody tr td.mb_prod {

	min-width: 230px;

}

#global-mini-basket-hover-content table a, #global-mini-basket-hover-content table a:link, #global-mini-basket-hover-content table a:active, #global-mini-basket-hover-content table a:visited {

	color: #4176AC;

}

#global-mini-basket-hover-content table a:hover {

	color: #003366;

}

#global-mini-basket-hover-content input.mb_remove {

	background: url("../images/icons/btn_remove.png") no-repeat scroll center center transparent;

	border: medium none;

	cursor: pointer;

	height: 15px;

	width: 15px;

}

.minibasket_backing {

	display: none;

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

}

/* ------------------------ =NAV ------------------------ */

.nav-container {

	z-index: 1000;

}

.nav-global, .nav-global a, .nav-global a:active, .nav-global a:link, .nav-global a:visited {

	color: #000;

}

/* .nav-global */

.nav-global {

	font-size: 15px;

	height: 50px;

	line-height: 50px;

	position: relative;

	width: 100%;

	background: url("../graphics/00000001/bg_nav_global2.png") repeat scroll 0 0 transparent;

	float: none;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

}

.nav-global ul {

	padding: 0;

	text-align: center;

	list-style: none outside none;

	margin: 0;

}

.nav-global ul li {

	display: inline;

	list-style: none outside none;

	float: left;

	height: 50px;

}

.nav-global ul li.first a,
.nav-global ul li:first-child a {

	background-color: transparent;

	border: 0 none;

	color: transparent;

	overflow: hidden;

	padding: 0;

	text-shadow: none;

	width: 57px;

	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);

}

.nav-global ul li a {

	color: #FFFFFF;

	border-left: 1px solid rgba(255, 255, 255, 0.15);

	box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1);

	padding: 0 27px;

	display: inline-block;

	text-decoration: none;

}

.nav-global ul li.first a:hover,
.nav-global ul li:first-child a:hover {

	border: none;
    /*background-image:('../graphics/00000001/home.png') !important;*/
    background-position: center left !important;
    background-repeat: no-repeat;
	border-width: 0 0 0 0;

}

.nav-global ul li a:hover {

	background: hsla(0,0%,0%,0.15);

	border: solid hsla(0,0%,0%,0.15);

	border-width: 0 0 0 1px;

}



/* .nav-user */

.nav-user {

	float: right;

}

.nav-user ul {

	padding: 0;

	text-align: center;

}

.nav-user li {

	display: inline;

	list-style: none outside none;

	float: left;

}

.nav-user li a, .nav-user li a:active, .nav-user li a:visited {

	font-size: 11px;

	font-family: 'Open Sans', sans-serif;

	font-weight: lighter;

	line-height: 100%;

	color: #292929;

}

.nav-user li.first a{

	border-left: none;

}

.nav-user li a {

	margin-left: 10px;

	padding-right: 0;

	display: inline-block;

	border-left: 1px solid #292929;

	padding-left: 10px;

}

.nav-user li a:hover {

	text-decoration: underline;

}

/* ------------------------ =BANNER ------------------------ */

.banner {

	background: transparent url("../images/bg_banner.png") no-repeat scroll center;
    
    -mox-box-shadow: 0 8px 5px -5px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0 8px 5px -5px rgba(0,0,0,0.2);

	box-shadow: 0 8px 5px -5px rgba(0,0,0,0.2);

	margin-top: 0;

	margin-left: -10px;

	padding: 0 10px;

	position: relative;

	width: 100%;

	height: 40px;

}

.banner .arrow-left, .banner .arrow-right {

	border-top: 10px solid #000000;

	line-height: 0;

	position: absolute;

	top: 100%;

	width: 0;

	height: 0;

}

.banner .arrow-left {

	border-left: 10px solid transparent;

	left: 0

}

.banner .arrow-right {

	border-right: 10px solid transparent;

	right: 0

}

/* ------------------------ =MAIN ------------------------ */

#main {

	background: #fff;

	padding: 10px 0;

	-moz-border-radius: 0 0 5px 5px;

	-webkit-border-radius: 0 0 5px 5px;

	border-radius: 0 0 5px 5px;

}

#hdft-header, #hdft-footer, #prod-ctgy-hdft-header, #prod-ctgy-hdft-footer, #page-title {

	clear: both;
	
	text-transform: uppercase;
}

#content-item,
#ocst-form, #osel-form, #opay-form, #invoice-messages,
#order-summary,
#basket-contents {
    font-family: 'Open Sans', sans-serif;
}
/*

 ------------------------ =COLUMN-LEFT ------------------------ */

/* cattree

 -------------------------------------------------- */

.cattree ul {

	margin: 0;

	padding: 0;

}

.cattree li {

	border-top: 1px solid #eaeaea;

	list-style: none;

}

.cattree li.level-1.active,
.cattree li.level-1.active a:hover {

	background: url("../graphics/00000001/bg_cattree_expanded.png") no-repeat scroll center right #ececec;

}

.cattree a {

	color: #202020;

	display: block;

	height: 27px;

	line-height: 27px;

	margin: 1px 0;

	padding-left: 5px;

	text-decoration: none;

	letter-spacing: 1px;

}

.cattree a:hover,
.cattree .level-2.active a {

	background: #ececec;

	color: #000;

}

.cattree li.level-2, .cattree li.level-3, .cattree li.level-4, .cattree li.level-5 {

	border: 0;

}

.cattree li.level-2 a {

	padding-left: 10px;

}

.cattree li.level-3 a {

	padding-left: 15px;

}

.cattree li.level-4 a {

	padding-left: 20px;

}

.cattree li.level-5 a {

	padding-left: 25px;

}

/*

 ------------------------ =COLUMN-LEFT ------------------------ */

.column-left {

	border-bottom: 1px solid #E9E9E9;

    border-right: 1px solid #E9E9E9;

    display: inline;

    float: left;

    margin: 20px 0 30px;

    padding: 0 10px 5px;

    width: 185px;

}

.single-column .column-left {

	display: none;

}

.column-left h1 {

	color: #505050;

}

/*

 ------------------------ =COLUMN RIGHT ------------------------ */

#column-right {

	display: inline;

    float: right;

    margin: 20px 0 0;

    min-height: 460px;

    padding: 0 10px;

    width: 749px;

}

.single-column #column-right {

	border-left: 0;

	display: block;

	float: none;

	margin-top: 0;

	padding: 15px 10px;

	width: 960px;
    
    font: 12px/1.4 Arial, Helvetica, sans-serif

}

/* ------------------------ =BREADCRUMBS ------------------------ */

#breadcrumbs {

	clear: both;

	color: #000;

	font: normal 11px Arial, Helvetica, sans-serif;

	height: 25px;

	line-height: 25px;

	margin-bottom: 10px;

	overflow: hidden;

}

#breadcrumbs ul {

	list-style: none;

	margin-bottom: 0;

}

.ie7 #breadcrumbs ul, .ie8 #breadcrumbs ul, .ie9 #breadcrumbs ul {

	padding: 0;

}

#breadcrumbs ul li {

	display: block;

	float: left;

	list-style: none;

	margin-left: 0;

}

#breadcrumbs a {

	color: #434343;

	font-weight: normal;

	margin: 0 6px;

	text-decoration: none;

}

#breadcrumbs .breadcrumb-border {

	color: #777;

	font-weight: normal;

}

#breadcrumbs .breadcrumb-home {

	margin-left: 0;

}

#breadcrumbs .cats-hidden {

	color: #434343;

	font-weight: normal;

	margin: 0 6px;

	text-decoration: none;

}

#breadcrumbs .current-item {

	color: #434343;

	font-weight: bold;

	margin: 0 6px;

}

#breadcrumbs .shortbreadcrumb {

	color: #434343;

	font-weight: normal;

	padding: 0 6px;

}

/*

 ------------------------ =BOTTOM WRAP ------------------------ */

#bottom-wrap {

	clear: both; /* important - do not remove */

	height: 0;

}

/*

 ------------------------ =FOOTER ------------------------ */

footer {

	margin: 10px auto;

	font-family: 'Open Sans', sans-serif;

}

footer h3, footer li.header {

	font: bold 16px Arial, sans-serif;

	color: #4277ad;

}

footer a, footer a:active, footer a:visited {

	color: #363636;

	text-decoration: none;

}

footer a:hover {

	color: #363636;

}

footer ul {

	padding-left: 0;
    
    text-align: center;

	margin: 20px auto;

}

footer li {

	list-style: none;

	display: inline-block;

	padding: 0 10px;

	border-right: 1px solid #292929;

}

footer li:last-child{
	border:none;
}

footer li.header {

	margin-bottom: 10px;

}

footer .links ul {

	padding: 0;

}

/* columns */

footer .column1, footer .column2, footer .column3 {

	float: left;

	margin-top: 10px;

}

footer .column1 ul {

	margin-top: 30px;

}

footer .column1 ul.first {

	margin-top: 0;

}

/* column width overrides */



footer .column1 {

	width: 365px;

	padding-left: 10px;

}

footer .column2 {

}

footer .column3 {

	width: 315px

}

.social a {

	display: inline-block;

	width: 100%;

	height: 100%;

	margin-right: 10px;

}

.social li {

	background: transparent url("../images/sprites/icon_social_sprite.png") no-repeat scroll 0 0;

	float: left;

	margin-right: 10px;

	width: 24px;

	height: 24px;

}

.social li.facebook {

	background-position: 0px 0px

}

.social li.rss {

	background-position: 0px -24px

}

.social li.twitter {

	background-position: 0px -48px

}

.social li.youtube {

	background-position: 0px -72px

}

.social li.googleplus {

	background-position: 0px -96px

}

.social li.pinterest_icon {

	background-position: 0px -120px

}

.social li.linkedin_icon {

	background-position: 0px -144px

}

.social li.flickr_icon {

	background-position: 0px -168px

}

.social li.vimeo_icon {

	background-position: 0px -193px

}

footer .newsletter {

	float: right

}

footer .newsletter form {

	margin-bottom: 10px

}

footer .newsletter form input[type="email"] {

	background: transparent url("../images/bg_newsletter_text.png") no-repeat scroll 0 0;

	width: 177px;

	height: 19px;

	line-height: 19px;

	overflow: hidden;

}

footer .newsletter form input[type="submit"] {

	background: transparent url("../images/bg_newsletter_submit.png") no-repeat scroll 0 0;

	height: 27px;

	line-height: 19px;

	width: 69px;

}

footer .trust-builders {

}



footer .trust-builders ul {

	clear: both

}

footer .trust-builders li {

	background: transparent url("../images/sprites/icon_trust_sprite.png") no-repeat scroll 0 0;

	width: 39px;

	height: 24px;

	float: left;

	margin: 0 10px 10px 0;

	cursor: default;

	border: 0;

	text-shadow: none;

	color: transparent;

	background-color: transparent;

}

footer .trust-builders a {

	display: block;

	width: 100%;

	height: 100%;

	border: 0;

	text-shadow: none;

	color: transparent;

	background-color: transparent;

}

/* #trust-builders image sprite mapping */

.trust-builders li.amex {

	background-position: 0px -45px

}

.trust-builders li.discover {

	background-position: -39px -45px

}

.trust-builders li.mastercard {

	background-position: 0px -69px

}

.trust-builders li.paypal {

	background-position: -39px -69px

}

.trust-builders li.visa {

	background-position: -115px 0px

}

footer .disclaimers {

	clear: both;

	font-size: 10px;

	margin: 0 auto;

	text-align: center;

}

footer .disclaimers p, footer .disclaimers a {

	color: #3f3f3f;

}

/*

 ------------------------ =SFNT PAGE ------------------------ */

#column-right #hdft-footer h2 {

	font-weight: normal;

	color: #505050;

}

.about h2, #column-right #hdft-footer h2 {

	color: #505050;

	font-weight: bold;

	/* required */

	clear: both;

}

.about {

	border: solid hsl(0, 0%, 91%);

	border-width: 1px 0;

	padding: 10px 10px 10px 0;

	margin-bottom: 20px;

	/* required */

	clear: both;

}

.about img {

	float: left;

	margin: 3px 20px 15px 0;

}

.about p {

	color: #7c7c7c;

	min-height: 110px;

}

.features span {

	display: inline-block;

	float: left;

	margin-bottom: 25px;

}

.features .full {

	width: 100%;

}

.features .half {

	width: 48%;

}

.half, .half + .half + .half {

	margin-right: 4%

}

.half + .half, .half + .half + .half + .half {

	margin-right: 0

}

.sfnt-featured {
	display: block;
	float: left;
	margin-bottom: 25px;
}
.sfnt-featured .half, .sfnt-featured .one-third {
	display: inline-block;
	float: left;
	border:1px solid #dcdcdc;
	border-radius: 5px;
}
.sfnt-featured .half{
	margin-right: 0;
	width: 355px;
	height: 140px;
}
.sfnt-featured .half:first-child {
	margin-right: 34px;
}
.product-item .padding {
	padding: 10px 20px 0 20px;
	width: 91%;
	position: relative;
}
.product-name{
    display: inline-block;
    width: 228px;
    vertical-align: top;
    height: 50px;
}
.product-name a, .category-name a{
	font-family: 'Open Sans', sans-serif;
	color: #292929 !important;
	font-size: 18px;
	font-weight: 700;
}
.product-image {
	display: inline-block;
	text-align: right;
	vertical-align: bottom;
	position: absolute;
}
.purchase-buttons {
	position: relative;
	top: 33px;
}


/* ------- SFNT feature CTGY -----*/
.sfnt-featured .one-third {
	margin-right: 34px;
	width: 151px;
	min-height: 140px;
}
.btnCategory{
	margin: 10px 0px;
}

.btnCategory .ctgyBtn{
	width: 60px !important;
	margin: 0 auto;
	display: block;
}
.category-name {
	display: block;
	width: 80%;
	text-align: center;
	vertical-align: top;
	margin: 5px auto;
	min-height: 50px;
}
a.ctgyBtn{
	font-size:14px;
	text-align: center;
}
.category-image a img{
	width: 90px;
}

/*

 ------------------------ =CTGY PAGE ------------------------ */

#category-listing, #subcategory-listing {

	clear: both;

	overflow: hidden;

}

.products {

	clear: both;

}

.product {

	margin: 0 4% 4% 0;

	overflow: hidden;

	float: left;

	width: 22%;

	height: 270px;

}

.ie7 .product {

	width: 21.9%;

}

.product .img-wrap {

	border: 1px solid #e9e9e9;

	height: 140px;

	line-height: 140px;

	overflow: hidden;

	padding: 10px;

	text-align: center;

}

.product .img-wrap img {

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

	display: inline;

}

.product .details {

	border-top: 1px solid #e9e9e9;

	margin: 10px 0 0;

	padding: 5px 0 0;

	text-align: center;

}

.product .name:active, .product .name:link, .product .name:visited {

	color: #292929;

}

.product .name {

	height: 35px;

	display: block;

	overflow: hidden;

	font-weight: normal;

	font-family: 'Open Sans', sans-serif;

	color: #292929;

}

.product .price {

	font-weight: bold;

	font-family: 'Open Sans', sans-serif;

}

.product .button {

	font-size: 12px;

	margin-top: 5px;

}

.product.row-last {

	margin-right: 0;

}

/* sub categories

 -------------------------------------------------- */

.subcategories {

	background: #e9e9e9;

	padding: 5px;

	margin-bottom: 20px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.subcategory {

	width: 48.4%;

	margin: 5px;

	text-align: center;

	display: inline-block;

	vertical-align: top;

}

.subcategory a {

	display: block;

	font-size: 12px;

	line-height: 30px;

}

.subcategory a:hover {

	background: rgba(0,0,0,0.8)

}

/* ------------------------ product filtering options ------------------------ */

#filter-items-container {

	color: #434343;

	float: right;

	font-size: 11px;

	margin: 0 5px 20px;

}



/* ------------------------ product sorting ------------------------ */

#filter-items-container .sorting {

	float: left;

	padding: 0 10px 0 0;

	position: relative;

}

.ie7 #filter-items-container .sorting {

	margin-left: 50px;

}

#filter-items-container .sorting label {

	width: auto;

}

#filter-items-container .sorting select {

	font-size: 11px;

	float: left;

}



/* ------------------------ products per page ------------------------ */

#filter-items-container .per-page {

	float: left;

	padding: 0;

	position: relative;

}

#filter-items-container .per-page label {

	width: auto;

}

#filter-items-container .per-page select {

	font-size: 11px;

	float: left;

}



/* ------------------------ pagination ------------------------ */

.page-links {

	color: #5b5b5b;

	float: right;

	margin: 0;

	margin-left: 20px;

	text-align: right;

}

.page-links a {

	color: #5b5b5b;

}

.page-links-title {

	display: block;

	float: left;

	margin-top: 3px;

	position: relative;

}

.page-links-container {

	border: 1px solid #e9e9e9;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	display: block;

	float: right;

	margin-left: 10px;

	text-decoration: none;

}

.ie7 .page-links-container {

	float: left;

}

.page-links-previous, .page-links-next {

	font-weight: bold;

	line-height: 20px;

	padding: 0 8px;

	text-decoration: none;

	white-space: nowrap;

}

.page-links-previous {

	border-right: 1px solid #e9e9e9;

	float: left;

	text-align: right;

}

.page-links-next {

	float: right;

	text-align: left;

}

.page-links-deactivated {

	color: #999;

	text-decoration: none;

}

.page-links-deactivated:hover {

	background: none;

	color: #999;

	text-decoration: none;

}

.page-disp {

	display: block;

	float: left;

	line-height: 20px;

	text-align: center;

}

.page-links-inactive {

	border-right: 1px solid #e9e9e9;

	padding: 2px 3px;

	text-decoration: none;

}

.page-links-inactive.hellip{

	border-right: none;

}

.page-links-active {

	border: 1px solid #e9e9e9;

	border-top: 0;

	border-bottom: 0;

	border-left: 0;

	color: #00a7ff;

	font-weight: bold;

	padding: 1px 3px;

	text-decoration: none;

}



/*

 ------------------------ =PROD PAGE ------------------------ */

#product-info-wrap {

	margin: 0;

	margin-top: 20px;

	margin-bottom: 20px;

	padding-bottom: 20px;

	overflow: hidden;

}

#product-image-container {

	float: left;

	padding: 0 20px 0 0;

	text-align: center;

	width: 350px;

}

#product-image {

	width: 300px;

	height: 300px;

	border: 1px solid #dddddd;
	
	margin-left: 40px;

}

#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: 590px;

}

#product-info-container.related {

	width: 360px;

}

#product-info-container p {

	line-height: 1.7;

}

#product-info-container ol, #product-info-container ul {

	padding-left: 0;

}

#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;

	margin-top: 10px;

	margin-right: 10px;

}

#product-quantity {

	margin-right: 0.5em;

	text-align: center;

	width: 25px;

	height: 30px;

	vertical-align: super;

}

#product-info-container .product-price {

	font-family: 'Open Sans', sans-serif;

	font-size: 20px;

	font-weight: normal;

	line-height: 1;

	padding-bottom: 8px;

}

#product-info-container #page-title {

	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 26px;
	text-transform: none;
	line-height: 1;

}

#product-description {

	clear: both;

	margin: 0 20px 20px;

	padding: 20px;

	border: 1px solid #dddddd;

}

#product-description h3{
	font-weight: bold;
}

#product-description h3, #product-description p{
	
	font-family: 'Open Sans', sans-serif;

}

#product-description p {

	line-height: 1.5;

}



#product-overview {

	min-height: 160px;

}



#product-overview p {

	font-size: 14px;

}

#product-overview li {

	list-style: none;

	line-height: 1.7;

}

#product-overview li span {

	color: #232323;

	font-weight: bold;

	margin-right: 5px;

}

#PROD #breadcrumbs {

	margin: 0;

}

.product-attributes {

	margin-bottom: 25px;

}

.product-attributes .prompt {

	padding: 0 20px 0 0;

	vertical-align: middle;

	font-family: 'Open Sans', sans-serif;

}

.product-attributes .field{
	font-family: 'Open Sans', sans-serif;
}

.product-attributes .field input[type="checkbox"]{
	/*margin-top: 20px;*/
}

.product-attributes .field select {

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.product-quantity {

	font-weight: normal;

	font-family: 'Open Sans', sans-serif;

	width: 360px;

}

p.zoom{

	font-family: 'Open Sans', sans-serif;

	margin-top: 10px;

}

/* related products */

.products.related {

	background: #f1f1f1;

	float: right;

	padding: 10px;

	width: 190px;

	clear: none;

}

.products.related h3 {

	color: #787878;

	font-weight: normal;

}

.products.related .product {

	background: #fff;

	min-height: 70px;

	padding: 5px;

	margin-bottom: 10px;

	width: 180px;

	height: auto;

}

.products.related .product > * {

	float: left;

	width: 50%;

}

.products.related .product .img-wrap {

	border: 0;

	height: auto;

	line-height: 0;

}

.related.products .product .name {

	height: auto;

	overflow: visible;

}

.related.products .details, .related.products .purchase-buttons {

	text-align: left;

}

.related.products .details {

	border: 0;

	margin: 0;

}

/* ------------------------ additional product images ------------------------ */

#product-image-container .thumbnails {

	display: block;

	margin: 5px auto;

	margin-left: 60px;

	padding: 0;

	overflow: hidden;

	width: 300px;

}

#product-image-container .thumbnails li {

	border: 1px solid #dddddd;

	cursor: pointer;

	display: block;

	float: left;

	margin: 0 10px 10px 0;

	padding: 0;

	text-align: center;

	width: 55px;

	height: 55px;

}

#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;

}



/* ------------------------ product close-up image ------------------------ */

.closeup {

	background: #fff;

	border: 3px solid #eaeaea;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	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: 3000;

}

.closeup a {

	cursor: pointer;

	position: absolute;

	top: -15px;

	right: -15px;

	z-index: 3000;

}

#closeup-caption {

	background: #666;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: rgba(255, 255, 255, 0.75) 0 0 25px;

	-webkit-box-shadow: rgba(255, 255, 255, 0.75) 0 0 25px;

	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);

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

}



/* ------------------------ product attribute swatches ------------------------ */



#swatches {

	clear: both;

	overflow: hidden;

}

#swatches ul {

	padding: 15px 0;

	margin-bottom: 15px;

	overflow: hidden;

}

#swatches ul li {

	border: 1px solid #eee;

	cursor: pointer;

	display: block;

	float: left;

	margin: 0 5px 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 {

	max-width: 40px;

	max-height: 40px;

	vertical-align: middle;

}



/*

 ------------------------ =POUT PAGE ------------------------ */

#pout-form {

	padding: 0 20px;

}



/*

 ------------------------ =SRCH PAGE ------------------------ */

#search-results {

	clear: both;

	overflow: hidden;

}

/*

 ------------------------ =BASK PAGE ------------------------ */

#BASK #page-title {

	display: inline;

	float: left;

}

#top-checkout-button {

	display: inline;

	float: right;

	margin-right: 10px;

}

#basket-contents {

	margin-top: 10px;

}



/* ------------------------ basket ------------------------ */

.basket {

	clear: both;

	border: none;

	margin: 0 auto;

	width: 940px;

}

.basket td {

	padding: 5px;

}

.basket td #update-button{

	background: none repeat scroll 0 0 transparent;

    border-radius: 0 0 0 0;

    color: #2D7ABB;

    cursor: pointer;

    display: block;

    float: none;

    font-size: 10px;

    line-height: 15px;

    margin: 5px 0 0;

    padding: 0 4px;

    text-align: center;

    text-shadow: 0 0 0 rgba(255, 255, 255, 0);

    width: 100%;

    height:auto;

}

.basket td #remove-button{

	background: url("../images/icons/btn_remove.png") no-repeat scroll center center transparent;

    border: medium none;

    cursor: pointer;

    height: 15px;

    width: 15px;

}

.basket td.basket-remove-row{

	vertical-align:middle;

}

.basket #basket-header-row {

	background: #505050;

	color: #ffffff;

	text-align: center;

	vertical-align: middle;

	border-right: 1px solid #505050;

	border-left: 1px solid #505050;

}

.basket #basket-header-row td.prod {

	text-align: left;

}

.basket .basket-prod-row {

	border-bottom: 1px solid #505050;

	border-right: 1px solid #505050;

	border-left: 1px solid #505050;

	vertical-align: top;

}

.basket .basket-prod-row td.prod {

	width: 100%;

}

.basket .basket-prod-row td.prod a {

	color: #2f86af;

	text-decoration: none;

}

.basket .basket-prod-row td.prod a:hover {

	color: #000;

}

.basket .basket-prod-row td input.quantity {

	text-align: center;

	width: 35px;

}

#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;

	max-width: 50px;

}

.basket #basket-update-row {

	vertical-align: middle;

	background: none repeat scroll 0 0 #F0F0F0;

	border-bottom: 1px solid #505050;

	border-left: 1px solid #505050;

	border-right: 1px solid #505050;

}

.basket #basket-bottom-row {

	border-bottom: 3px solid #505050;

	font-size: 0;

	height: 0;

	padding: 0;

}



/* ------------------------ totals block ------------------------ */

#totals {

	float: right;

	margin: 0px 10px;

	text-align: right;

}

.basket #totals {

	margin: 15px 0;

}

#totals div {

	background: none repeat scroll 0 0 #F0F0F0;

	border-bottom: 1px solid #505050;

	border-left: 1px solid #505050;

	border-radius: 0 0 0 0;

	border-right: 1px solid #505050;

	margin-bottom: 10px;

	padding: 10px 5px 0;

}

#totals div .charges {

	font-size: 14px;

}

#totals div .total {

	font-size: 16px;

}



/*

 ------------------------ =OCST, OSEL, OPAY AND INVC PAGES ------------------------ */

#ocst-form, #osel-form, #opay-form, #invoice-messages {

	display: inline;

	float: left;

	padding: 0;

	width: 670px;

}

#INVC .order-id, #INVC .order-date {

	font-size: 18px;

}

#customer-fields {

	clear: both;

}

#customer-fields-wrap {

	float: left;

	width: 668px;

	border: 1px solid #505050;

	padding-bottom: 10px;

}

#customer-fields #fields-key {

	margin: 0 0 10px;

}

#customer-fields label {

	clear: both;

	display: inline;

	float: left;

	padding: 2px 5px 3px 0;

	text-align: right;

	white-space: nowrap;

	width: 130px;

}

.address2-label {

	margin: 0 0 14px 0;

}

#customer-fields input, #customer-fields select {

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

#customer-fields input.textfield, #tax-fields input {

	margin: 0;

	width: 165px;

}

.non-editable div.form_row div {

	margin: 0 0 4px 0;

	width: 310px;

}

#customer-fields select {

	margin: 0;

	width: 173px;

}

#ship-to, #bill-to {

	float: left;

	width: 50%;

}

#ship-to h2.fields-heading, #bill-to h2.fields-heading {

	background: none repeat scroll 0 0 #505050;

	color: #ffffff;

	margin: 0 0 10px;

	padding: 4px 4px 4px 12px;

}

#shipping_fields {

}

#billing_fields {

}

#update-record {

	float: left;

	width: 100%;

	margin: 5px 0 0;

}

#update-record input {

	margin-left: 35px;

	vertical-align: top;

}

#update-record label {

	float: none;

	margin: 0;

	padding: 0;

	width: auto;

}

#ship-to h2 .controls-heading, #bill-to h2 .controls-heading {

	display: block;

	float: left;

	padding-right: 15px;

}

#customer-fields .controls {

	font: normal .75em Arial, Helvetica, sans-serif;

	visibility: hidden;

}

#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;

}

#ship-to h2 {

}

#bill-to h2 {

}

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;

}

.continue-button {

	margin-top: 10px;

	float: left;

	width: 100%;

}

.osel-btn{
	position: relative;
	right: 0;
}

/* ------------------------ order summary layout ------------------------ */

#order-summary {

	border: 1px solid #505050;

	display: inline;

	float: right;

	margin: 26px 0 0;

	padding: 0;

	width: 278px;

}

ul#order-summary-steps, ul#order-summary-steps li ul {

	background: #fff;

	border: solid #fff;

	border-width: 1px 1px 0;

	margin: 0;

	padding: 0;

}

ul#order-summary-steps li {

	border-bottom: 1px solid #fff;

	list-style-type: none;

	margin: 0;

}

ul#order-summary-steps li a {

	background: #505050;

	color: #fff;

	display: block;

	padding: 0.5em;

	text-decoration: none;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);

}

ul#order-summary-steps li a.inactive {

	background: #333;

}

ul#order-summary-steps ul li a {

	border-radius: 5px;

}

ul#order-summary-steps li a:hover {

	background: #333;

}

ul#order-summary-steps li .mark {

	float: left;

	font-weight: bold;

	margin-right: 5px;

	text-align: center;

	width: 10px;

}

ul#order-summary-steps li .item {

	clear: both;

	overflow: hidden;

	padding: 5px;

}



/* ------------------------ order summary basket ------------------------ */

#order-summary #basket-contents {

	margin: 0;

}

#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 #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 {

	border-bottom: 1px solid #ccc;

	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: 14px;

	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 {

	background: #f6f6f6;

	border: 1px solid #e9e9e9;

	color: #ccc;

	font: bold 12px Arial, Helvetica, sans-serif;

	margin: 0 auto 20px;

	padding: 0;

	width: 940px;

	text-align: center;

}

#checkout-headers {

	margin: 0 auto;

	padding: 5px 10px;

	display: block;

}



#column-right #checkout-headers li {

	list-style-type: none;

	display: inline-block;

	padding: 5px 10px;

	margin: 0 10px;

}

#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: #828282;

	color: #fff;

}



/* ------------------------ ocst login form ------------------------ */

#OCST #login-form {

	width: 280px;

}

#OCST #login-form label {

	width: 90px;

}



/* ------------------------ ocst account sign-up form ------------------------ */

#OCST #ocst-acad-form {

	width: auto;

}

#OCST #ocst-acad-form h2.fields-heading {

	background: #5c5c5c;

	color: #fff;

	font-size: 14px;

	margin: 0 0 10px;

	padding: .5em 0 .5em 10px;

}

#OCST #ocst-acad-form #ship-to {

	float: none;

	width: auto;

}



/* ------------------------ 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-form #ship-pay-wrap {

	border: 1px solid #505050;

	overflow: hidden;

	margin-top: 8px;

}

#osel-form #shipping {

	float: left;

	width: 334px;

}

#osel-form #payment {

	float: right;

	width: 334px;

}

#osel-form #shipping h2.fields-heading, #osel-form #payment h2.fields-heading {

	background: none repeat scroll 0 0 #505050;

	color: #fff;

	font-size: 12px;

	margin: 0 0 10px;

	padding: .5em 0 .5em 10px;

}

#osel-form #shipping h2.fields-heading {

	margin-bottom: 20px;

}

#osel-form #payment h2.fields-heading {

}

#osel-form #shipping input {

	margin-right: 10px;

	width: auto;

	display: block;

	float: left;

	height: 16px;

	vertical-align: middle;

}

#osel-form #payment input {

	display: block;

	float: left;

	height: 41px;

	margin-right: 10px;

	vertical-align: middle;

	width: auto;

}

#OSEL #shipping .shipping-icons {

	display: inline;

	float: right;

	overflow: hidden;

	text-align: left;

	width: 180px;

}

#osel-form #shipping .shipping-icons img {

	width: 120px;

}

#osel-form #shipping .shipping-row {

	margin: 0 0 10px;

	padding: 0 10px;

	float: left;

	width: 100%;

}

#osel-form #payment #payment-wrap {

	width: 250px;

}

#osel-form #payment .payment-row {

	margin: 0 0 10px;

	padding: 0 0 0 10px;

	width: 100px;

}

#osel-form #payment .payment-row label {

	display: block;

	float: left;

	height: 41px;

	margin: 0;

	padding: 0;

	text-align: left;

	width: auto;

}

#osel-form #shipping label {

	display: block;

	float: left;

	height: 16px;

	margin: 0;

	padding: 0;

	text-align: left;

	width: 90%;

}

#osel-form #payment .payment-icon {

	height: 24px;

	vertical-align: middle;

}



/* ------------------------ opay form layout ------------------------ */

#opay-wrap {

	float: left;

	border: 1px solid #505050;

	width: 668px;

	padding: 10px 0;

	margin-bottom: 10px;

}

#opay-form h2 {

	font-size: 14px;

	margin: 0;

	background: none repeat scroll 0 0 #505050;

	color: #ffffff;

	padding: 4px 0 4px 10px;

}

#opay-form #charges-summary {

	background: #f0f0f0;

	border: 1px solid #ccc;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	margin: 0 5px 15px;

	padding: 10px;

}

#opay-form #charges-summary-total {

	font-size: 16px;

}

#opay-form #payment-fields {

	display: inline;

	float: left;

	width: 450px;

}

#opay-form #payment-fields .payment-row {

	margin: 0 0 10px;

}

#opay-form #payment-fields label {

}

#opay-form #payment-fields input {

	width: 225px;

}

#OPAY #order-summary, #INVC #order-summary {

	margin-top: 0;

}

/* ------------------------ INVC layout ------------------------ */

#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, #ORDP .shipping-payment #basket-header-row {

	border-right: none;

	background: #505050;

	color: #FFFFFF;

	margin: 0 0 10px;

	padding: 4px 4px 4px 12px;

}

#INVC .shipping-payment tbody td, #ORDP.shipping-payment tbody td {

	padding: 10px

}

#INVC #customer-fields, #INVC #order-contents {

	float: left;

	width: 100%;

	margin-bottom: 10px;

}

#INVC #order-contents table, #INVC #payment-method-fields table, #ORDP #payment-method-fields table {

	width: 100%;

}

#INVC #order-contents #totals {

	margin: 0;

}

.shipping-payment #basket-header-row h2.fields-heading {

	color: #FFFFFF;

	font: bold 14px/1.4 Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 4px 10px;

}

#invoice-message {

	text-align: center;

	float: left;

	width: 100%;

	margin-bottom: 20px;

}

#payment-method-fields {

	float: left;

	width: 100%;

}

/*

 ------------------------ =ACAD, ACED, AFAD, AFED PAGES ------------------------ */

#acad-form, #aced-form, #afad-form, #afed-form {

	margin: 0 auto;

	width: 940px;

}

#login-details {

	margin: 0 0 10px;

	overflow: hidden;

}

#afad-form h2.fields-heading, #afed-form h2.fields-heading {

	background: #ccc;

	color: #333;

	margin: 0 0 12px 0;

	padding: 4px 4px 4px 12px;

}

#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: 172px;

}

#affiliate-fields select {

	margin: 0;

	width: 180px;

}

#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;

}



/*

 ------------------------ =CEML, CPWD, FPWD PAGE ------------------------ */

#ceml-form, #cpwd-form, #fpwd-form {

    margin: 20px auto;

	padding: 20px 23px;

	width: 470px;

	border: 1px solid #E9E9E9;

	border-radius: 5px;

}

#ceml-form .form-row span, #cpwd-form .form-row span {

    line-height: 25px;

}

#cpwd-form label, #ceml-form label {

    width: 190px;

}

#fpwd-form .button{

	margin-left: 5px;

	font: bold 12px/30px Arial,sans-serif

}



/*

 ------------------------ =LOGN, ORDL AND ORHL PAGES ------------------------ */

#logn-form{

	float: left;

}

#logn-left, #logn-right, #orhl-left, #orhl-right {

	margin: 10px 0 25px;

	padding: 0 25px;

	width: 430px;

}

#ordl-left, #ordl-center, #ordl-right {

}

#ordl-left {

	width: 25%;

}

#ordl-center {

	width: 50%;

}

#ordl-center .ordl-wrappers {

	border: solid #e9e9e9;

	border-width: 0 1px;

	padding: 20px;

	margin: 0 20px;

}

#ordl-right {

	width: 25%;

}

.logn-wrappers, .orhl-wrappers {

	border: 1px solid #e9e9e9;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	font: normal 14px/1.5 Arial, Helvetica, sans-serif;

	height: 195px;

	margin-top: 5px;

	padding: 20px;

}

.orhl-wrappers {

	height: 105px;

}

.ordl-wrappers {

	font: normal 14px/1.5 Arial, Helvetica, sans-serif;

	margin-top: 5px;

	padding: 20px 0;

}

.logn-wrappers .form-row {

	clear: both;

	margin: 0 0 10px;

}

.logn-wrappers input.textfield {

	width: 223px;

}

.ordl-wrappers input.textfield, .orhl-wrappers input.textfield, #forgot-password input.textfield {

	width: 220px;

}



/* ------------------------ forgot password form ------------------------ */

#forgot-password {

	border: 1px solid #e9e9e9;

	clear: both;

	overflow: hidden;

	width: 400px;

	min-height: 60px;

	padding: 20px;

	margin: auto;

	border: 1px solid #e9e9e9;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}

#LOGN #forgot-password {

	float: right;

	margin-right: 25px;

	width: 388px;

}

#forgot-password label {

	font: normal 14px/1.5 Arial, Helvetica, sans-serif;
}

#forgot-password input[type=text] {

	width: 155px;

	margin-right: 5px;

	padding: 5px 10px;

}

#LOGN #forgot-password input[type=text] {

	width: 145px;

}

#forgot-password input[type=submit] {

	font-size: 12px;

	line-height: 25px;

	margin-top: 10px;

}



/*

 ------------------------ =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: 128px;

	height: 128px;

}

#ACLN #account-links li a.edit-account {

	background: url("../images/icons/img_edit_account.png") no-repeat;

}

#ACLN #account-links li a.edit-email {

	background: url("../images/icons/img_edit_email.png") no-repeat;

}

#ACLN #account-links li a.edit-password {

	background: url("../images/icons/img_edit_password.png") no-repeat;

}

#ACLN #account-links li a.order-history {

	background: url("../images/icons/img_order_history.png") no-repeat;

}

#ACLN #account-links li a.wish-list {

	background: url("../images/icons/img_wish_list.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 {

	padding: 5px;

	vertical-align: top;

}

#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 {



}

#printable-order #order-contents .basket {

	width: 920px;

}

#printable-order #order-contents #totals {

	margin: 0;

}



/*

 ------------------------ =ORDP PAGE ------------------------ */

#PLST .product-item {

	margin-bottom: 20px;

}

#PLST .product-thumbnail a img {

	float: left;

}

#PLST .product-name a {

	border-top: 0;

}



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

}



/* ------------------------ shipping calculator ------------------------ */

#shipping-coupons {

	float: left;

	padding: 0 0 0 9px;

	width: 45%;

}

input.estimate-shipping {

	width: 200px;

}

#shipestimate_close {

	cursor: pointer;

	position: absolute;

	top: -15px;

	right: -15px;

	z-index: 1050;

}

.shipestimate_dialog {

	display: none;

	z-index: 11;

	position: absolute;

	background: #FFF;

	padding: 8px 20px;

	border: 1px solid #434343;

	width: 450px;

}



.shipestimate_backing {

	display: none;

	z-index: 10;

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	background: #FFF;

	opacity: 0.5;

}

#shipestimate_inputfields_tbody input {

	width: 90%;

}

#shipestimate_inputfields_tbody select {

	width: 94%;

}

/*-------------------------------------- = TABS */

.tabs{
font-family: 'Open Sans', sans-serif;
line-height:normal;
margin-top: 15px;
}

 /* ----- tab navigation ----- */
 .tabs ul.tabs-list{
 height:30px;
 margin:0;
 padding:0;
 list-style:none;
 /*border-bottom:1px solid #aaa;*/
 }
  .tabs ul.tabs-list li{
  display:block;
  width:auto;
  height:29px; 
  line-height:29px; 
  padding:0;
  margin:0 0 -1px 0;
  float:left;

  overflow:hidden;
  background: #f9f9f9;
  border: 1px solid #E9E9E9;
  }
  .tabs ul.tabs-list .first{
  /*border-left:1px solid #aaa;*/
  }
  .tabs ul.tabs-list .last{
  }
  .tabs ul.tabs-list .current{
  border-bottom:1px solid #fff;
  }
   .tabs ul.tabs-list li:first-child a{
   }
   .tabs ul.tabs-list li:last-child a{
   }
   .tabs ul.tabs-list a{
   display:block; 
   width:auto; 
   margin:0;  
   padding:0px 20px; 
   /*background:#f5f5f5;*/
   font-size: 14px;
   text-decoration:none;
   color: #464646;
   font-weight: normal;
   }
   .tabs ul.tabs-list a:hover{
  color: #464646;
  font-size: 14px;
  font-weight: normal;
   }
   .tabs ul.tabs-list .current a{
   /*background:#fff; */
  color: #464646;
  font-size: 14px;
  font-weight: bold;
   }


 /* ----- tab content ----- */
 .tabs .content{
 clear:both;
 overflow:hidden;
 background:#fff;
 border: 1px solid #E9E9E9;


 }
 .tabs .content .tab-nav{
 display:none;
 }
 .tabs .content .tab-content{
 overflow:hidden;
 padding: 10px;
 }

 /* ----- tab pagination ----- */
 .tabs .tab-pagination{
 list-style:none;
 padding:0;
 margin:0
 }
 .tabs .tab-pagination li{
 display:inline;
 }
 .tabs .tab-pagination a{
 padding:0 10px;
 }
 .tabs .tab-pagination a:hover, .tabs .tab-pagination a:focus{
 opacity: 0.7;
 }
 .tabs .tab-pagination a span{
 overflow:hidden;
 }

/* Start Mega Menu */

#megamenu {
	
}
	#megamenu li,
	#megamenu li a {
		color: #FFFFFF;
		display: block;
		float: left; 
		height: 50px; /* Match Above */
		line-height: 50px; /* Match Above */
		text-align:center;
	} 
	#megamenu li {
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
	}
		#megamenu li.first {
			
		}
		#megamenu li.last {
			
		}
	#megamenu li a {
		text-decoration:none;
		padding: 0 38px;
		text-transform: uppercase;	
	} 
		#megamenu li.first a,
		#megamenu li:first-child a {
			padding:0 25px 0 45px;
            background:url('../graphics/00000001/hover_home.png') no-repeat center left;
            -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            border-top-left-radius: 5px;
		}
		#megamenu li.last a,
		#megamenu li:last-child a {
			padding:0 46px 0 47px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topright: 5px;
            border-top-right-radius: 5px;
            
		}
		#megamenu li:hover a,
		#megamenu li a:hover {
			background: #FFFFFF;
			color: #000000;
			text-decoration: none;
		}
  
	/* ------------------------ drop down ------------------------ */
	.one-column-menu,
	.two-column-menu,
	.three-column-menu,
	.four-column-menu,
	.five-column-menu {
		background: #fff;
		border: 1px solid #292929;  
		border-top: none;  
		float: left;  
		margin: 4px auto;  
		padding: 20px 5px;  
		position: absolute;
		left: -999em; /* Hides the drop down */  
		text-align: left;  
		z-index: 10;
        box-sizing:border-box;
	}
	.one-column-menu {
		width: 100%;
	}
	.two-column-menu {
		width: 200%;
	}
	.three-column-menu {
		width: 300%;
	}
	.four-column-menu {
		width: 400%;
	}
	.five-column-menu {
		width: 500%;
	}
	#megamenu li:hover .one-column-menu,
	#megamenu li:hover .two-column-menu,
	#megamenu li:hover .three-column-menu,
	#megamenu li:hover .four-column-menu,
	#megamenu li:hover .five-column-menu {
		top: 46px;
		left: 0px;
	}
  
	/* ------------------------ right alignment ------------------------ */
	#megamenu .menu-right {
		float: right;
		margin-right: 0;
	}
		.ie6 #megamenu li.menu-right a {
			width: 158px;
		}
	#megamenu li:hover .menu-align-right {
		top: 27px;
		right: -1px;
		left: auto;
	}
	
	/* ------------------------columns ------------------------ */
	.column-1,
	.column-2,
	.column-3,
	.column-4,
	.column-5 {
		border-right: none;
		display: inline;
		float: left;
		position: relative;
		text-align: left;
        width: 100%;
        box-sizing: border-box;
	}
		.column-1.last,
		.column-2.last,
		.column-3.last,
		.column-4.last {
			border-right: none;
		}  

	/* ------------------------ drop down content stylings ------------------------ */
	#megamenu p,
	#megamenu h2,
	#megamenu h3,
	#megamenu ul li {
		font: normal 12px Arial, Helvetica, sans-serif;
		text-align: left;
		text-transform: none;
	}
	#megamenu h2 {
	}
	#megamenu h3 {
		color: #3f3f3f;
		font-weight:bold;
		margin: 0 0 3px;
	}
		#megamenu li:hover h3 a,
		#megamenu li h3 a {
			background: none;
			color: #3f3f3f;
			display: block;
			float: none;
			height: auto;
			line-height: 20px;
			margin: 0;
			padding: 0;
			text-align: left;
		}
	#megamenu p {
		margin: 0 0 5px;
		padding: 0;
	}

	#megamenu li ul {
		background: none;
		list-style: none;
		margin: 0;
		padding: 0;
		width: auto;
		height: auto;
	}
	#megamenu li ul li {
		border: none;
		display: block;
		float: none;
		line-height: 20px;
		margin: 0;
		padding: 0;
		position: relative;
		text-align: left;
		width: 172px;
		height: auto;
	}
		#megamenu li .last ul li {
			width: 100%;
		}
		#megamenu li:hover ul li a,
		#megamenu li ul li a {
			background: none;
			color: #292929;
			display: block;
			float: none;
			height: auto;
			line-height: 20px;
			margin: 0;
			padding: 0 0 0 10px;
			text-align: left;
			width: auto;
		}
	#megamenu li ul li:hover,
	#megamenu li ul li a:hover {
		background: #022E64;
		border: none;
		color: #fff;
		margin: 0;
		text-decoration: none;
	}
		#megamenu li ul li.brand-logo:hover,
		#megamenu li ul li a.logo:hover {
			background: none;
		}

/* End Mega Menu */

#sign_in{
	width: 900px;
	height: 360px;
	border-radius: 5px;
	background-color: white;
	font-family: 'Arial', 'Helvetica', sans-serif;
}

#close_x{
	background-image:url(../graphics/00000001/close.png);
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
}

#signin-left, #signin-right{
	margin: 10px 0 25px;
	padding: 0 25px;
	width: 400px;
}
#signin-left .logn-wrappers, #signin-right .logn-wrappers{
	border: none;
	padding: 0;
	height: 100px;
}
.signin-header{
	background-color: #efefef;
	padding: 12px 0 12px 20px;
}
.signin-header h1{
	margin-bottom: 0;
}

#signin-left #forgot-password{
	border: none;
	padding:0;
}

.btn-signin{
	margin-bottom: 20px;
}

#signin-left h2{
	margin-bottom: 20px;
}

#signin-left label, #signin-left input[type="text"]{
	margin-bottom: 10px;
}

/*BASK Messages and styling*/

.btn-disabled {
	-webkit-box-shadow: inset 10px 10px 97px 52px rgba(0,0,0,0.19);
	-moz-box-shadow: inset 10px 10px 97px 52px rgba(0,0,0,0.19);
	box-shadow: inset 10px 10px 97px 52px rgba(0,0,0,0.19);
	cursor:not-allowed !important;
	margin-bottom: 1rem !important;
}

.opt-in {
	width: 55%;
}