@charset 'utf-8';

/*
 SITE NAME
 Author: Alex Hackbart
 Updated: 08/11/2011

 +-+-+-+-+-+-+ GLOBAL STYLES +-+-+-+-+-+-+
  =NORMALIZE ALL ELEMENTS (CROSS-BROWSER)
  =GLOBAL ELEMENTS
  =GLOBAL CLASSES
  =GLOBAL FORMS RULES
  =WRAPPER
  =HEADER
  =NAVBAR
  =MAIN
  =COLUMN-LEFT
  =COLUMN-RIGHT
  =BOTTOM WRAP
  =FOOTER
  =DISCLAIMERS
 +-+-+-+-+-+-+ PAGE SPECIFIC STYLES +-+-+-+-+-+-+
  =SFNT PAGE
  =CTGY PAGE
  =PROD AND PATR PAGES
  =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
*/

/* ------------------------ BASE RESET [Based on the HTML5 Boilerplate (http://html5boilerplate.com/) and normalize.css (http://github.com/necolas/normalize.css)] ------------------------ 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{ margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}*/

/* ------------------------ 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[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* ------------------------ 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 {
    overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -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.48 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-family: 'courier new', monospace;
    font-size: 1em;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1, h2, h3 { line-height: 1.2; }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    clear: both;
}


/* ------------------------ typography ------------------------ */

ins { text-decoration: underline; }

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

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 { -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"] {
    -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 { -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;
}

/* 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:0px 0px 5px red; -webkit-box-shadow:0px 0px 5px red; box-shadow:0px 0px 5px red; }
  .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 RESET ======================== */


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

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

body, select, input, textarea {
    color: #5a5a5a;
}

body {
    background: #FBF9EF url(images/bg-body.png) top center no-repeat;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 12px;
}

h5 {
    font-size: 11px;
}

h6 {
    font-size: 10px;
}

h1, h2, h3, h4, h5, h6 { 
    color: #747C31; 
    font-weight: normal;
    text-shadow: 0px 1px 0px #fff;
}

blockquote {
    margin: 0 10px 10px;
    background: #efefef;
    padding: 10px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-style: italic;
    color: #3f3f3f;
}

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 0px;
}

.img-right {
    float: right;
    margin: 5px 0px 10px 10px;
}

.float-left {
    float: left;
    display: inline;
}

.float-right {
    float: right;
    display: inline;
}

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.required { font-weight: bold; }

.italic { font-style: italic; }

.red { color: #d90000; }

.hidden { display: none; }

.shown { display: block; }

.invisible { visibility: hidden; }

.visible { visibility: visible; }

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

.button {
    color: #000 !important;
    background: #AEBC36;
    padding: 3px 25px;
    font: 12px Arial, Helvetica, sans-serif;
    margin: 0;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

input.button {
    padding: 2px 25px;
    width: auto;
}

.button:hover, input.button:hover {
    color: #FFF !important;
    background: #6B3A18;
}

.sec-button {
    color: #fff !important;
    background: #6f6f6f;
    padding: 3px 25px;
    font: 12px Arial, Helvetica, sans-serif;
    border: 1px solid #000;
    margin: 0;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

input.sec-button {
    padding: 2px 25px;
    width: auto;
}

.sec-button:hover, input.sec-button:hover {
    color: #6f6f6f !important;
    background: #fff;
}

.cta-button {
    background: #a6d154;
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 15px;
    float: right;
    display: inline;
    margin: 0;
    width: auto;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0,0,0, 0.3);
}

input.cta-button {
    padding: 5px 15px;
    border: none;
}

.cta-button:hover, input.cta-button:hover {
    background: #baec5c;
}

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

.lightbox-me {
    background: #fff;
    text-align: left;
    padding: 15px;
    border: 3px solid #eaeaea;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(255,255,255, 0.65) 0px 0px 15px;
    -webkit-box-shadow: rgba(255,255,255, 0.65) 0px 0px 15px;
    box-shadow: rgba(255,255,255, 0.65) 0px 0px 15px;
    display: none;
}

    .lightbox-me .close {
        cursor: pointer;
        position: absolute;
        top: -15px;
        right: -15px;
        z-index: 1050;
    }

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

.corners {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.shadows {
    -moz-box-shadow: rgba(68,68,68, 0.75) 0px 0px 4px;
    -webkit-box-shadow: rgba(68,68,68, 0.75) 0px 0px 4px;
    box-shadow: rgba(68,68,68, 0.75) 0px 0px 4px;
}

.bottom-shadow {
    -moz-box-shadow: rgba(68,68,68, 0.75) 0px 0px 5px;
    -webkit-box-shadow: rgba(68,68,68, 0.75) 0px 0px 5px;
    box-shadow: rgba(68,68,68, 0.75) 0px 0px 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 */
        line-height: 0;
        height: 0;
        font-size: 0;
    }

fieldset { border: 1px solid #ccc; }

legend {
    margin: 0 5px;
    padding: 3px 5px;
    font: normal normal bold 12px/12px Arial, Helvetica, sans-serif;
}

label {
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    margin-right: .5em;
    padding: 3px 0;
    cursor: pointer;
}

label.required { font-weight: bold; }

label.error { color: #c00; }

input, textarea, select, button {
    color: #676767;
    padding: 3px;
    border: 1px solid #000;
}

input, button {
    width: 150px;
    overflow: visible;
}

input:focus, button:focus { border-color: #c00; }

input.submit {
    cursor: pointer;
    width: auto;
}

select { width: auto; }

textarea {
    height: 90px;
    margin: 0 0 4px 0;
    width: 200px;
}

.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: -webkit-linear-gradient(top, #f3f3f3 0%,#ffffff 33%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3f3f3 0%,#ffffff 33%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%,#ffffff 33%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(top, #f3f3f3 0%,#ffffff 33%,#ffffff 100%); /* W3C */
}

.form-row {
    margin: 0 0 10px;
}

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

.info-message, .warning-message, .error-message, .success-message {
    font-weight: bold;
    padding: 10px 10px 10px 50px;
    color: #333;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.info-message {
    background: #9dd7f9 url(images/icons/info.png) no-repeat 10px center;
    border: 1px solid #64a6cc;
}

.warning-message {
    background: #f9e29d url(images/icons/warning.png) no-repeat 10px center;
    border: 1px solid #d0bc81;
}

.error-message {
    background: #f9a89d url(images/icons/error.png) no-repeat 10px center;
    border: 1px solid #d3847a;
}

.success-message {
    background: #c5f99e url(images/icons/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 {
    width: 940px;
    margin: 0 auto;
    text-align: left;
}

.single-column #wrap {

}

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

#header {
    height: 138px;
/*	background-color:#FFF; */
}

/* ------------------------ masthead framework ------------------------ */

#masthead {
    background: url(images/logo.gif) left center no-repeat;
    float: left;
    height: 138px;
    width: 265px;
}

/* ------------------------ search ------------------------ */

#search {
/*    float: left;
    margin: 10px 0 0 0;
*/}

/* ------------------------ meta ------------------------ */

#meta {
    text-align: right;
    float: right;
    margin: 20px 0 0 0;
    height: 24px;
    line-height: 24px;
}

    #meta li {
        /* if your li's float, you can adjust border height w/ line-height */
        padding: 0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
        display: inline;
        border-left: 1px solid #444443;
    }

    #meta .first {
        border: none
    }

    #meta a:link, #meta a:visited {

    }

    #meta a:hover, #meta a:active {

    }

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

#mini-basket {
    clear: right;
    float: right;
    margin: 10px 10px 0 0;
    font-weight: bold;
}

    #mini-basket li {
        display: inline;
        padding: 0 5px;
        border-right: 1px solid #444443;
        list-style: none;
    }
    
    #mini-basket a {
        color: #747C31;
    }

    #mini-basket .last {
        border-right: none;
        padding-right: 0;
    }

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

/* ------------------------ horizontal sprite nav ------------------------ */

#navbar {
    background: url(images/bg-nav.jpg) repeat-x;
    width: 940px;
    height: 35px;
    margin-bottom: 20px;
}

#navbar ul {
        margin: 0 0 0 17px;
        padding: 0;
}

/*nav a{text-indent:-9999px;} UNCOMMENT THIS WHEN READY TO HIDE TEXT_NO__DOTCOMMA__AFTER__*/

#navbar li, #navbar a {
height: 35px; /* change height here also */
display: block;
line-height: 35px;
}
#navbar a {
padding: 0 28px;
text-decoration: none;
font-weight: bold;
}

#navbar li {
float: left;
list-style: none;
}
/* ------------------------ MAIN ------------------------ */
#main {
    clear: both;
}

#hdft-header, #hdft-footer, #prod-ctgy-hdft-header, #prod-ctgy-hdft-footer, #content-item, #page-title { clear: both; }

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

#column-left {
    width: 180px;
    padding: 17px;
    float: left;
    display: inline;
    background: #f5f5f5 url(images/bg-column-left.gif) center bottom no-repeat;
    border: 1px solid #cacaca;
}

.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 { padding: 0; }

#column-left ul li {
        /* background: transparent url('css/00000001/images/bullet.jpg') 0px 6px no-repeat; 0px = horizontal position for left, 6px = vertical position from top */
        /* padding-left: 10px; pushes text to the right to display bg img */
    }

#column-left h2 {
    border-bottom: 3px solid #CDA632;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

/* ------------------------ category tree navigation ------------------------ */

#category-tree ul {
    margin: 0;
    padding: 0;
}

#category-tree ul li {
	list-style: none;
	list-style-image: none;
}

#category-tree ul a {
	display: block;
	padding: 0 5px; 
	text-decoration: none;
}
#category-tree ul .level-1 a {
}
#category-tree ul .level-1 a:hover {
}
#category-tree ul .level-2 a {
}
#category-tree ul .level-2 a:hover {
}
	/* ----- top level category list ----- */
.dropdown {
	position: relative;
	/* [disabled]margin: 0 0 10px; */
	padding: 0;
}
.dropdown a:hover {
/*	color: #000;
*/	background: #FFF;
}
.dropdown a:active {
/*	color: #CCC;
*/}
.dropdown li {
	font-weight: normal;
	float: left;
	zoom: 1;
	vertical-align: middle;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.dropdown li a {
	display: block;
	padding: 4px 10px;
/*	color: #CC0;
*/	text-decoration: none;
}
	/* Reiterated here because IE6 won't recognize like all the other browsers. */
.ie6 .dropdown li a {
/*	color: #222;
*/	text-decoration: none;
}
.dropdown li:last-child a {
	border-right: none;
}
.dropdown li.hover,
.dropdown li:hover {
/*	color: #000;
*/	position: relative;
}
.dropdown li.hover a {
/*	color: #000;
*/}
.dropdown code {
	padding: 0 0 0 10px;
}
	/* ----- second level category list ----- */
.dropdown ul {
	width: 180px;
	visibility: hidden;
	z-index: 100;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0;
	margin: 0;
}
.dropdown ul li {
	font-weight: normal;
	background: #FFFFFF;
/*	color: #000;
*/	border-bottom: 1px solid #ccc;
	float: none;
}
.ie6 .dropdown ul li,
.ie7 .dropdown ul li {
	display: inline;
	width: 100%;
}
.dropdown ul li a {
	border-right: none;
	padding: 4px 10px;
	display: block;
}
	/* IE 6 & 7 Needs Inline Block */
.ie6 .dropdown ul li a,
.ie7 .dropdown ul li a {
		display: inline-block;
}
.dropdown .sub-menu code {
	padding: 0;
	display: inline;
	position: absolute;
	right: 10px;
}
	/* ----- third level category list ----- */
.dropdown ul ul {
	left: 100%;
	top: 0;
}
.dropdown li:hover > ul {
	visibility: visible;
}
/* ----- use to convert the menu to a vertical layout for the category tree ----- */
.flyout {
	width: 190px;
}
.flyout li {
	float: none;
}
.flyout ul {
	top: 0;
	left: 100%;
}
/*** One Column Pages ***/
.one-column #column-left{ display:none; }

#category-tree{
	padding:1px;
	margin:0;
}

#category-tree-top-image{
	/* ie6 min-height hack */
	min-height:270px;
	height:auto !important;
	height:270px;
}

#category-tree-bottom-image{}

#category-tree a{
	display:block;
	text-decoration:none;
	color:#609;
	font-weight:bold;
}

#category-tree div{
	background-color:#666666;
	border-bottom:1px solid #CCCCCCC;	
}

#category-tree .level-1 a{ padding:4px 6px 4px 12px; }
#category-tree .level-2 a{ padding:4px 6px 4px 24px; }
#category-tree .level-3 a{ padding:4px 6px 4px 36px; }
#category-tree .level-4 a{ padding:4px 6px 4px 48px; }
#category-tree .level-5 a{ padding:4px 6px 4px 60px; }
#category-tree .level-6 a{ padding:4px 6px 4px 72px; }

#category-tree div.active{ background-color:#999999; }
#category-tree-header{}

#category-tree-footer{
	padding:4px;
	margin:10px 0;
}


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

#column-right {
    float: right;
    width: 700px;
}

.single-column #column-right {
    width: 940px;
    padding: 0 0 20px;
    float: none;
    display: block;
}

#column-right ul li {
    /* background: transparent url('css/00000001/images/bullet.jpg') 0px 6px no-repeat; 0px = horizontal position for left, 6px = vertical position from top */
    /* padding-left: 10px; pushes text to the right to display bg img */
    margin-left: 20px;
}

#column-right .pagecrumbs {
    overflow: hidden;
    color: #000;
    height: 24px;
    line-height: 24px;
    clear: both;
}

#column-right .pagecrumbs.header {
    margin-bottom: 10px;
}

#column-right .pagecrumbs.footer {
    margin-top: 10px;
}

.breadcrumbs {
    padding-left: 0;
}

#column-right .pagecrumbs ul.breadcrumbs, #column-right .pagecrumbs ul.pagination {
    display: inline;
    margin: 0;
}

#column-right .pagecrumbs ul.breadcrumbs { float: left; }

#column-right .pagecrumbs ul.breadcrumbs li, #column-right .pagecrumbs ul.pagination li {
float: left;
list-style: none;
margin: 0;
}

#column-right .pagecrumbs ul.breadcrumbs li { padding-left: 5px; }

#column-right .pagecrumbs ul.breadcrumbs .first, #column-right .pagecrumbs ul.pagination .first { padding-left: 0; }

#column-right .pagecrumbs ul.breadcrumbs a, #column-right .pagecrumbs ul.pagination a {
color: #000;
text-decoration: none;
}

#column-right .pagecrumbs ul.breadcrumbs a { padding: 2px 5px 2px 0; }

#column-right .pagecrumbs ul.breadcrumbs a:hover { text-decoration: underline; }

#column-right .pagecrumbs ul.breadcrumbs .cat-on { font-weight: bold; }

#column-right .pagecrumbs ul.pagination { float: right; }

#column-right .pagecrumbs ul.pagination li { }

#column-right .pagecrumbs ul.pagination a { padding: 2px; }

#column-right .pagecrumbs ul.pagination a:hover {
color: #fff;
background: #747C31;
}

#column-right .pagecrumbs ul.pagination .page-on {
padding: 2px;
font-weight: bold;
}

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

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

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

#footer {
    width: 940px;
    margin: 20px auto;
    padding-top: 20px;
    text-align: center;
    clear: both;
    background: url(images/bg-divider.jpg) left top repeat-x;
}

    #footer #cards {
        width: 260px;
        margin: 0px auto;
        display: inline;
        float: left;
        position: relative;
    }
    #footer #newsletter-form {
        width: 260px;
        margin: 10px auto;
        display: inline;
        float: left;
        position: relative;
    }

        #footer #newsletter-form .warning-message {
            position: absolute;
            bottom: 0;
            left: 0;
            margin: 0;
            width: 200px;
            display: none;
        }

    #footer #footer-content {
        width: 670px;
        display: inline;
        float: right;
    }

    #footer p {

    }

    #footer a:link, #footer a:visited {

    }

    #footer a:hover, #footer a:active {

    }

    #footer ul {
        margin: 10px;
        padding: 0;
    }

    #footer li {
        /* if your li's float, you can adjust border height w/ line-height */
        padding: 0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
        display: inline;
        border-left: 1px solid #444443;
    }

    #footer li.first {
        border: none
    }

/* ------------------------ DISCLAIMERS ------------------------ */

#disclaimers {
    width: 940px;
    margin: 0 auto;
    text-align: center;
    font-size: 10px;
    clear: both;
}

    #disclaimers p {
        padding: 0 0 0 270px
    }

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

#sfnt-header {
    height: 312px;
    background: url(images/bg-sfnt-special.jpg);
    margin-bottom: 20px;
}

#sfnt-special {
    width: 218px;
    height: 160px;
    float: right;
    margin: 25px 20px 0 0;
    text-align: center;
}

#sfnt-special h2,
#sfnt-special h3,
#sfnt-special {
    text-shadow: 2px 2px 3px #000;
    font-weight: bold;
}

#sfnt-special p {
    font-size: 30px;
    color: #fff;
}

#sfnt-special h3 {
    color: #fff;
}

#sfnt-special h2,
#sfnt-special h3,
#sfnt-special p {
    margin: 0;
}

#sfnt-special h2 {
    margin-top: 10px;
}

#announcements {
    height: 54px;
    background: url(images/bg-announcements.jpg);
    margin-bottom: 20px;
}

#sfnt-products {
    margin-bottom: 20px;
}

.sfnt-product {
    width: 210px;
    background: #fff;
    text-align: center;
    float: left;
    padding: 5px;
    margin-left: 20px;
}

#sfnt-products .first {
    margin-left: 0px;
}

.sfnt-product p {
    margin-bottom: 5px;
}

.sfnt-product img {
    margin-bottom: 5px;
}
    

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

#category-listing, #subcategory-listing {
    overflow: hidden;
    clear: both;
}

.product-wrapper {
    width: 160px;
    background: #fff;
    min-height: 245px;
    margin: 0 0 10px 16px;
	padding-top: 4px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    text-align: center;
}

.ie7 .product-wrapper { display: inline; }

.ie6 .product-wrapper {
    display: inline;
    height: 245px;
}

.product-wrapper.first { margin-left: 2px; }

.product-wrapper img {
    max-width: 120px;
}

.ie6 .product-wrapper img { width: 120px; }

#category-listing .product-wrapper-name, #subcategory-listing .product-wrapper-name {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 7px;
    display: block;
}

.product-wrapper-name a {
    color: #000;
    text-decoration: none;
}

#category-listing .product-wrapper p, #subcategory-listing .product-wrapper p { margin: 0; }

.product-wrapper form { padding: 5px 0 0; }

.product-wrapper input { cursor: pointer; }

.product-wrapper .button {
    display: block;
    margin: 5px 12px;
	}

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

#ctgy-bottom-navigation {
    margin: 10px 20px;
    clear: both;
    overflow: hidden;
}

    #ctgy-bottom-navigation .previous-button {
        width: 50%;
        display: inline;
        float: left;
        text-align: left;
    }

    #ctgy-bottom-navigation .next-button {
        width: 50%;
        display: inline;
        float: right;
        text-align: right;
    }

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

#PROD h1 {
    color: #90bf37;
}

#product-info-wrap {
    overflow: hidden;
}

#product-image-container {
    width: 350px;
    padding: 0 20px 0 0;
    text-align: center;
    float: left;
}

#product-image {
    width: 250px;
    height: 250px;
}

#product-image span {
        display: inline-block;
        height: 100%;
        text-align: center;
        vertical-align: middle;
    }
#product-image img { vertical-align: middle; }

#product-info-container {
    width: 300px;
    float: left;
}

#product-info-container p { margin: 0 0 10px; }

#product-info-container .product-quantity-label {
        width: 50px;
        text-align: left;
    }

#product-quantity {
    width: 18px;
    margin-right: 0.5em;
    text-align: center;
}

#product-description {
    clear: both;
    margin: 0 0 20px;
}

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

#product-image-container .thumbnails {
    display: block;
    width: 300px;
    margin: 5px auto;
    padding: 0;
    overflow: hidden;
}

    #product-image-container .thumbnails li {
        display: block;
        float: left;
        margin: 0 10px 10px 0;
        padding: 0;
        width: 48px;
        height: 48px;
        text-align: center;
        border: 1px solid #eee;
        cursor: pointer;
    }

        #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 {
    position: absolute;
    top: 50px;
    padding: 15px;
    background: #fff;
    border: 3px solid #eaeaea;
    text-align: center;
    display: none;
    z-index: 2;
    min-width: 274px;
    min-height: 274px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(255,255,255, 0.65) 0px 0px 15px;
    -webkit-box-shadow: rgba(255,255,255, 0.65) 0px 0px 15px;
    box-shadow: rgba(255,255,255, 0.65) 0px 0px 15px;
}

    .closeup a {
        cursor: pointer;
        position: absolute;
        top: -15px;
        right: -15px;
        z-index: 2;
    }

#closeup-caption {
    margin: 15px 15px 0;
    padding: 5px;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #fff;
    background: #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: rgba(255,255,255, 0.75) 0px 0px 25px;
    display: none;
}

.closeup_backing {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #000;
    background: rgba(0,0,0,.6);
    filter: alpha(opacity=60);
    width: 100%;
}

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

#swatches {
    overflow: hidden;
    clear: both;
}

    #swatches ul {
        margin: 0 0 5px;
        overflow: hidden;
    }

        #swatches ul li {
            display: block;
            float: left;
            margin: 0 5px 5px 0;
            padding: 0;
            width: 48px;
            height: 48px;
            text-align: center;
            border: 1px solid #eee;
            cursor: pointer;
        }

            #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 {
    overflow: hidden;
    clear: both;
}

    #related-products .product-wrapper-name {
        font-size: 15px;
        font-weight: bold;
        padding: 3px 0 7px;
        display: block;
    }

    #related-products .product-wrapper p { margin: 0; }

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

#search-results {
    overflow: hidden;
    clear: both;
}

    #search-results .product-wrapper-name {
        font-size: 15px;
        font-weight: bold;
        padding: 3px 0 7px;
        display: block;
    }

    #search-results .product-wrapper p { margin: 0; }  

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

#BASK #page-title {
    display: inline;
    float: left;
}

#top-checkout-button {
    float: right;
}

#basket-contents { margin-top: 10px; }

	/* ------------------------ basket ------------------------ */
	.basket {
		clear: both;
		border: none;
		margin: 0 auto;
		width: 940px;
	}
		.basket td {
			padding: 5px;
		}
		.basket #basket-header-row {
			background: #d3d3d3;
			color: #000;
			text-align: center;
			vertical-align: middle;
		}
			.basket #basket-header-row td.prod {
				text-align: left;
			}
		.basket .basket-prod-row {
			border-bottom: 1px solid #ccc;
			vertical-align: top;
		}
			.basket .basket-prod-row td.prod {
				width: 100%;
			}
				.basket .basket-prod-row td.prod a {
					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 #ccc;
				display: block;
				margin: 0 auto;
			}
			.basket .basket-prod-row label {
				background: #fff;
				color: #2d7abb;
				cursor: pointer;
				display: block;
				float: none;
				font-size: 10px;
				margin: 0;
				padding: 0;
				text-align: center;
				width: auto;
			}
			.basket .basket-prod-row input.remove {
				display: none;
			}
		.basket #basket-update-row {
			background: #efefef;
			vertical-align: middle;
		}
			.basket #basket-update-row .continue-shopping {
			}
			.basket #basket-update-row .update-cart {
			}
		.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: 15px 0 15px 0;
		width: 45%;
	}
		#shipping-coupons table {
			border: none;
		}
			#shipping-coupons table.results {
				background: #efefef;
				border: 1px solid #828282;
				margin-bottom: 10px;
				padding: 10px 5px 0;
			}
				#shipping-coupons table.results tr.shipto {
					background: #828282;
					color: #fff;
				}
				#shipping-coupons table.results tr.shipmethod {
					background: #aaa;
					color: #fff;
				}
					#shipping-coupons table.results td {
						padding: 5px;
					}
			#shipping-coupons table form input {
				width: auto;
			}

	/* ------------------------ totals block ------------------------ */
	#totals {
		float: right;
		margin: 15px 0 15px 20px;
		text-align: right;
	}
	.basket #totals {
		margin: 15px 0;
	}
		#totals div {
			background: #efefef;
			border: 1px solid #828282;
			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 ------------------------ */

#customer-fields { clear: both; }

    #customer-fields #fields-key { margin: 0 0 10px; }

    #customer-fields label {
        float: left;
        white-space: nowrap;
        text-align: right;
        padding: 2px 5px 3px 0;
        display: inline;
        clear: both;
    }

.address2-label { margin: 0 0 14px 0; }

#customer-fields input.textfield, #tax-fields input {
    width: 172px;
    margin: 0;
}

.non-editable div.form_row div {
    width: 310px;
    margin: 0 0 4px 0;
}

#customer-fields select {
    width: 180px;
    margin: 0;
}

#ship-to, #bill-to {
    width: 50%;
    float: left;
}

    #ship-to h2.fields-heading, #bill-to h2.fields-heading {
        background: #ccc;
        color: #333;
        margin: 0 0 12px 0;
        padding: 4px 4px 4px 12px;
    }

    #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 {
    margin: 0;
    padding: 0;
    width: 13px;
    height: 13px;
    overflow: hidden;
    cursor: pointer;
}

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

/*
------------------------ =OCST, OSEL, OPAY AND INVC PAGES ------------------------ */
#ocst-form,
#osel-form,
#opay-form,
#invoice-messages {
	display: inline;
	float: left;
	padding: 0;
	width: 690px;
}
#INVC .order-id,
#INVC .order-date {
	font-size: 18px;
}
	#customer-fields {
		clear: both;
	}
		#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;
		}
		.address2-label {
			margin: 0 0 14px 0;
		}
		#customer-fields input.textfield,
		#tax-fields input {
			margin: 0;
			width: 172px;
		}
		.non-editable div.form_row div {
			margin: 0 0 4px 0;
			width: 310px;
		}
		#customer-fields select {
			margin: 0;
			width: 180px;
		}
		#ship-to,
		#bill-to {
			float: left;
			width: 50%;
		}
			#ship-to h2.fields-heading,
			#bill-to h2.fields-heading {
				background: #D6DE8C;
				color: #333;
				margin: 0 0 12px 0;
				padding: 4px 4px 4px 12px;
			}
				#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;
				}
			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: 14px 0 0;
		padding: 0;
		width: 240px;
	}
		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: #333;
					color: #fff;
					display: block;
					padding: 0.5em;
					text-decoration: none;
				}
				ul#order-summary-steps li a:hover {
					background: #000;
				}
				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 {
		background: #f6f6f6;
		border: 1px solid #e9e9e9;
		color: #828282;
		font: bold 12px Arial, Helvetica, sans-serif;
		margin: 0 auto 10px;
		padding: 0px;
		width: 700px;
	}
		#checkout-headers div {
			float: left;
			display: inline;
			margin: 0;
			padding: 2px 4px;
		}
			.ie6 #checkout-headers div,
			.ie7 #checkout-headers div,
			.ie8 #checkout-headers div,
			.ie9 #checkout-headers div {
				margin: 0;
			}
		#checkout-headers .secure {
			background: url(images/icons/icon_lock.png) no-repeat 5px center;
			color: #828282;
			padding: 5px 5px 5px 30px;
		}
		#checkout-headers .id-page {
			background: #828282;
			color: #fff;
		}

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

	/* ------------------------ 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 {
		border-bottom: 1px solid #d1d3d4;
		overflow: hidden;
	}
		#OSEL #shipping {
			float: left;
			width: 340px;
		}
		#OSEL #payment {
			float: right;
			width: 340px;
		}
			#OSEL #shipping h2.fields-heading,
			#OSEL #payment h2.fields-heading {
				background: #5c5c5c;
				color: #fff;
				font-size: 12px;
				margin: 0 0 10px;
				padding: .5em 0 .5em 10px;
			}
			#OSEL #shipping input,
			#OSEL #payment input {
				margin-right: 10px;
				width: auto;
			}
			#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 10px;
					width: 100px;
				}
				#OSEL #payment .payment-icon {
					height: 24px;
					vertical-align: middle;
				}

	/* ------------------------ opay form layout ------------------------ */
	#opay-form h2 {
		font-size: 14px;
		margin: 0 0 7px;
	}
	#OPAY #charges-summary {
		background: #f1f1f1;
		border: 1px solid #666;
		margin: 0 0 10px;
		padding: 10px 0 0;
	}
		#OPAY #charges-summary-total {
			font-size: 16px;
		}
	#OPAY #payment-fields {
		display: inline;
		float: left;
		width: 450px;
	}
		#OPAY #payment-fields .payment-row {
			margin: 0 0 10px;
		}
		#OPAY #payment-fields label {
		}
		#OPAY #payment-fields input {
			width: 225px;
		}


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


/*
------------------------ =LOGN, ORDL AND ORHL PAGES ------------------------ */
#logn-left,
#logn-right,
#orhl-left,
#orhl-right {
	margin: 10px 0 25px;
	padding: 0;
	width: 450px;
}
#ordl-left,
#ordl-center,
#ordl-right {
}
	#ordl-left {
		width: 25%;
	}
	#ordl-center {
		width: 50%;
	}
		#ordl-center .ordl-wrappers {
			border: solid #828282;
			border-width: 0 1px;
		}
	#ordl-right {
		width: 25%;
	}
	.logn-wrappers,
	.orhl-wrappers {
		background: #dedede;
		border: 1px solid #828282;
		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;
	}
		.logn-wrappers .form-row {
			clear: both;
			margin: 0 20px 10px;
		}
		.logn-wrappers input.textfield,
		.ordl-wrappers input.textfield,
		.orhl-wrappers input.textfield,
		#forgot-password input.textfield {
			width: 195px;
		}
#forgot-password {
	clear: both;
	margin: 10px auto;
	width: 75%;
}


/*
------------------------ =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_account_edit.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 {
	}
		#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 {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

/* ------------------------ 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:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.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;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: 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
    }
}
.slideshow img{height:82px; vertical-align:middle; padding: 10px 8px 0 8px;}
.slideshow{height:110px; background-color:white; width:836px; float:left;}
#prev{background-image:url('../../images/00000001/arrowleft.jpg'); background-repeat: no-repeat; height:110px; width:52px; float:left;}
#next{background-image:url('../../images/00000001/arrowright.jpg'); background-repeat: no-repeat; height: 110px; width:52px; float:left;}
#slider-container{margin-top:20px;}
#pickup {
    clear: right;
    float: right;
    height: 24px;
    line-height: 24px;
    margin: 19px 40px 0 0;
    text-align: right;
}
#pickup li{
	color:#94a361;
	display:inline;
	font-weight:bold;
	font-size:1.8em;
}
#welcomeholiday {
    background: url(../../images/00000001/heipoa.jpg) no-repeat #FFFFFF;
	position: relative;
	width: 700px;
	height: 200px;
	margin-bottom: 15px;
}
#welcomeholiday .holidayscreen {
/*	border: 1px solid #666;
*//*	border-radius: 10px;
	-moz-border-radius: 10px;
*/	z-index: 10; /* Change this value if you have conflicts with other layers */

	/* Do not change the following values */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}