html {
    overflow-y: scroll;
}

body, strong, em, b {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

img {
    border: 0px;
}

li {

}

#ordered_pages {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
}

#ordered_pages li {
    cursor: pointer;
}

#content p, #content ol, #content ul {
    line-height: 1.3em;
    margin-bottom: 1em;
}

.back {
    margin-top: 8px;
}

a:visited, a:link {
    color: #0064D4;
    text-decoration: underline;
}

a:active, a:hover {
    background-color: #58B300;
    color: #FFF;
    text-decoration: none;
}

.linkset {
    margin-top: 2em;
}

.buttonset {
    margin-top: 2em;
    margin-bottom: 2em;
}

#bar {
    background-color: #1E4D93;
    padding: 4px 10px;
}

#bar a {
    font-size: 11px;
}

#bar p {
    color: #FFF;
    line-height: 1.3em;
    margin: 0px;
    padding: 4px 0px;
}

#bar a:visited, #bar a:link {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    background-color: #1E4D93;
}

#bar a:active, #bar a:hover {
    color: #FFF;
    background-color: #1E4D93;
    text-decoration: underline;
}

#bar #navigation {
    position: relative;
    float: left;
}

#bar #search form {
    position: relative;
    float: right;
}

#content {
    padding: 10px;
}

#thumbs {
    padding-top: 20px;
    padding-left: 20px;
}

table.packaging-list {
    border-spacing: 2px;
}

table.packaging-list td {
    padding: 0px 12px 0px 0px;
    min-height: 22px;
    height: 22px;
}

#packaging-thumbs .thumb {
    float: left;
    width: 100px;
    padding: 0px 5px 0px 0px;
    height: 105px;
}

#thumbs .thumb {
    float: left;
    width: 100px;
    padding: 0px 20px;
    height: 200px;
    text-align: center;
}

.thumb p.description a {
    display: block;
    padding: 2px;
    margin: 10px 4px;
}

.thumb p.description a:visited, .thumb p.description a:link {
    color: #0064D4;
    text-decoration: underline;
}

.thumb p.description a:active, .thumb p.description a:hover {
    background-color: #58B300;
    color: #FFF;
    text-decoration: none;
}

ul.paginator {
    margin-top: 20px;
    background-color: #BFCFEE;
    padding: 4px 10px;
    margin-bottom: 20px;
    clear: both;
}

ul.paginator li {
    display: inline;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
}

ul.paginator li.current {
    padding-right: 14px;
}

ul.paginator li a {
    font-size: 10px;
    font-weight: normal;
    padding: 2px 5px;
}

ul.paginator li a:visited, ul.paginator li a:link {
    color: #0064D4;
    text-decoration: underline;
}

ul.paginator li a:active, ul.paginator li a:hover {
    background-color: #58B300;
    color: #FFF;
    text-decoration: none;
}

div#Flashgood, div#Flashbad {
    text-align: left;
    border: 1px solid #ccc;
    font-size: 14px;
    margin: 10px 0px 12px 0;
    padding: 5px 5px 0px 30px;
    min-height: 21px;
}

div#Flashgood {
    border-color: #9c9;
    color: #060;
    background: url(/images/alertgood_icon.gif) #E2F9E3 0px 2px no-repeat;
}

div#Flashbad {
    border-color: #c99;
    color: #fff;
    background: url(/images/alertbad_icon.gif) #c00 0px 2px no-repeat;
}

div#Flashbad * {
    color: #fff;
}

h1 {
    font-size: 14px;
    margin-top: 18px;
    margin-bottom: 14px;
}

h2 {
    margin-top: 16px;
    font-size: 13px;
    margin-bottom: 8px;
}

h3 {
    margin-top: 16px;
    font-size: 12px;
    margin-bottom: 8px;
}

h2#breadcrumbs {
    margin-top: 6px;
    margin-bottom: 6px;
}

table#product p {

}

.coupon-code {
    text-transform: uppercase;
}

table.list td.decimal {
    text-align: right;
}

table.attributes {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    margin-top: 3px;
}

table.attributes td {
    vertical-align: top;
}

table.attributes .label {
    padding-right: 20px;
    padding-bottom: 6px;
    font-weight: bold;
    color: #7E9819;
}

table.attributes td.subheading {
    padding-top: 10px;
    font-weight: bold;
    color: #000;
}

table.attributes tr.header td {
    padding-right: 20px;
    padding-bottom: 6px;
    font-weight: bold;
    color: #7E9819;
}

table.attributes .price {
    text-align: right;
    padding-right: 20px;
}

.thumb_offset {
    margin-top: -10px;
}

.pseudo_nav {
    clear: both;
    padding: 4px 0px;
}

.pseudo_nav p {
    line-height: 1.3em;
    padding: 4px 0px;
    /*font-size: 12px;*/
}

#footer * {
    font-size: 11px;
}

#footer p {
    margin: 0px;
}

/* Lists */

ul {
    list-style-position: outside;
    padding-left: 3em;
}

ol {
    list-style-position: outside;
    padding-left: 3em;
}

li {
    padding-bottom: 0.4em;
}

/* Additional styling for Affiliate Level 3 */

table.attributes tr.first td {
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}

table.attributes tr.first td.input {
    padding-top: 3px;
}

label.after {
    padding-left: 3px;
}

label.before {
    padding-right: 3px;
}

.radio {
    padding-bottom: 4px;
}

input.actions {
    margin-top: 12px;
}

input[type='number'] {
    text-align: right;
}

/* For buttons */
.centeredbuttons {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}

.confirmation {
    position: relative;
    left: 50%;
    background-color: #F3F3F3;
    font-size: 105%;
    font-weight: bold;
    padding: 7px;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

textarea.textarea.code {
    font-family: "Courier";
    font-size: larger;
}

textarea.text {
    text-align: center;
}

/* Additional styling - ensure these are replicated in editor_content_styles.css */

.hardleft {
    float: left;
    margin-right: 1.3em;
    margin-bottom: 1.3em;
}

.hardright {
    float: right;
    margin-left: 1.3em;
    margin-bottom: 1.3em;
}

/* Pictos for cart icon */

@font-face {
    font-family: 'Pictos';
    src: url('/webfonts/pictos-web.eot');
    src: local('☺'), url('/webfonts/pictos-web.woff') format('woff'), url('/webfonts/pictos-web.ttf') format('truetype'), url('/webfonts/pictos-web.svg#webfontIyfZbseF') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pictos {
    font-family: 'Pictos';
    font-size: 180%;
    font-weight: normal;
}

/* Override standard forms */

.field_with_errors {
    display: inline;
    clear: none;
}

.numeric {
    text-align: right;
}

/* inplace editing */

.inplaceeditor-form {
    display: inline-block;
}

.editor_field {
    margin-left: 12px;
    width: 20em;
    margin-right: 10px;
}

.editor_ok_button {
    margin-right: 10px;
}

.editor_cancel {

}

/* sidebar indent */

li.indent-1 .title {
    margin-left: 2em;
}

li.indent-2 .title {
    margin-left: 4em;
}

/* Clearfix */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
    display: block; /* inline elements don't respond to the clear property */
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

.clearfix {
    display: inline-block;
}

/* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/* Forms */
/* Make this the template for all forms, including those that go on the main site */

input, button {

}

input.positive {
    background: #F0F0F0;
}

input.positive {
    border: 3px double #666;
    padding: 2px;
}

input.positive:hover {
    background: #CBF8D9;
    padding: 2px;
    border: 3px double #0d0;
}

input.negative {
    background: #F0F0F0;
}

input.negative {
    border: 3px double #666;
    padding: 2px;
}

input.negative:hover {
    background: #ff7b6b;
    padding: 2px;
    border: 3px double #ff523d;
}

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

Title : Wufoo Form Foundation
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : November 13, 2007

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

.wufoo {
    font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
    font-size: small;
}

.wufoo li {
    width: 62%;
}

form ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    font-size: 100%;
}

form li {
    margin: 0;
    padding: 4px 5px 2px 9px;
    position: relative;
    clear: both;
}

form li:after, .buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

form li, .buttons {
    display: inline-block;
}

* html form li, * html .buttons {
    height: 1%;
}

form li, .buttons {
    display: block;
}

* html form li div {
    display: inline-block;
}

form li div, form li span {
    margin: 0 4px 0 0;
    padding: 0 0 8px 0;
    color: #444;
}

form li span {
    float: left;
}

form li div.address {
    padding-bottom: 0;
}

form li div.left {
    display: inline;
    float: left;
    width: 47%;
}

form li div.right {
    display: inline;
    float: right;
    width: 47%;
}

.clear {
    clear: both !important;
}

/* ----- INFO ----- */

.info {
    display: inline-block;
    clear: both;
    border-bottom: 1px dotted #ccc;
    margin: 0 0 1em 0;
}

.info[class] {
    display: block;
}

.info h2 {
    font-weight: normal;
    font-size: 160%;
    margin: 0 0 3px 0;
    clear: left;
}

.info p {
    font-size: 95%;
    line-height: 135%;
    margin: 0 0 12px 0;
}

/* ----- SECTIONS ----- */

form hr {
    display: none;
}

form li.section {
    border-top: 1px dotted #ccc;
    margin-top: 9px;
    padding-top: 13px;
    padding-bottom: 0px;
    padding-left: 9px;
    width: 97% !important;
}

form ul li.first {
    border-top: none !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

form .section h3 {
    font-weight: normal;
    font-size: 110%;
    line-height: 135%;
    margin: 0 0 2px 0;
}

form .section p {
    font-size: 85%;
    margin: 0 0 10px 0;
}

/* ----- FIELDS AND LABELS ----- */

label.desc {
    line-height: 150%;
    padding: 1em 0 2px 0;
    border: none;
    color: #222;
    display: block;
    font-size: 100%;
    font-weight: bold;
}

label.entry {
    line-height: 150%;
    padding: 1em 0 2px 0;
    border: none;
    color: #222;
    font-size: 100%;
    font-weight: bold;
    width: 120px;
    display: inline-block;
}

label.choice {
    font-size: 100%;
    display: block;
    line-height: 1.4em;
    margin: -1.55em 0 0 25px;
    padding: 4px 0 5px 0;
    color: #222;
    width: 90%;
}

form li div label, form li span label {
    margin: 0;
    padding-top: 3px;
    clear: both;
    font-size: 9px;
    line-height: 9px;
    color: #444;
    display: block;
}

input.text, input.file, textarea.textarea, select.select {
    margin: 0;
    font-size: 100%;
    color: #333;
}

input.text, textarea.textarea, .firefox select.select {
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff;
    color: #000;
}

input.text, input.file {
    padding: 2px 0 2px 0;
}

input.number {
    width: 60px;
    text-align: right;
}

input.title {
    font-size: 120%;
}

input.currency, input.decimal, input.coupon-code {
    text-align: right;
}

input.checkbox, input.radio {
    display: block;
    line-height: 1.4em;
    margin: 6px 0 0 3px;
    width: 13px;
    height: 13px;
}

textarea.textarea {
    font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
}

select.select {
    font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
    margin: 1px 0;
    padding: 1px 0 0 0;
}

select.select[class] {
    margin: 0;
    padding: 1px 0 1px 0;
}

*:first-child + html select.select[class] {
    margin: 1px 0;
}

.safari select.select {
    margin-bottom: 1px;
    font-size: 120% !important;
}

span.symbol {
    font-size: 115%;
    line-height: 130%;
}

form li .datepicker {
    float: left;
    margin: .1em 5px 0 0;
    padding: 0;
    width: 16px;
    height: 16px;
    cursor: pointer !important;
}

/* ----- BUTTONS ----- */

input.btTxt {
    padding: 0 7px;
    width: auto;
    overflow: visible;
}

.buttons {
    clear: both;
    margin-top: 10px;
}

.buttons input {
    font-size: 120%;
    margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice,
.rtl div label, .rtl span label, .rtl input.text,
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct,
.rtl .section h3, .rtl .section p, .rtl input.btTxt {
    direction: rtl;
}

/* ----- SIZES ----- */

.third {
    width: 32% !important;
}

.half {
    width: 48% !important;
}

.full {
    width: 100% !important;
}

input.small, select.small {
    width: 25%;
}

input.medium, select.medium {
    width: 50%;
}

input.large, select.large, textarea.textarea {
    width: 100%;
}

textarea.small {
    height: 5.5em;
}

textarea.medium {
    height: 10em;
}

textarea.large {
    height: 20em;
}

/* ----- ERRORS ----- */

#errorLi {
    width: 99%;
    margin: 0 auto;
    background: #fff;
    border: 1px dotted red;
    margin-bottom: 1em;
    text-align: center;
    padding-top: 4px;
    padding-left: 0px;
    padding-right: 0px;
}

#errorMsgLbl {
    margin: 7px 0 5px 0;
    padding: 0;
    font-size: 125%;
    color: #DF0000;
}

#errorMsg {
    margin: 0 0 .8em 0;
    color: #000;
    font-size: 100%;
}

#errorMsg strong {
    background-color: #FFDFDF;
    padding: 2px 3px;
    color: red;
}

form li.error {
    display: block !important;
}

form li.error label {

}

form p.error, div.error p {
    color: red;
    font-weight: bold;
    clear: both;
}

.leftLabel p.error, .rightLabel p.error {
    margin-left: 30%;
    padding-left: 15px;
}

.noI .leftLabel p.error, .noI .rightLabel p.error {
    margin-left: 35%;
    padding-left: 15px;
}

/* ----- REQUIRED ----- */

form .req {
    float: none;
    color: red !important;
    font-weight: bold;
    margin: 0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused {
    background-color: #fff7c0;
}

form .instruct {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1000;
    width: 42%;
    margin: 0 0 0 8px;
    padding: 8px 10px 9px 10px;
    border: 1px solid #e6e6e6;
    background: #f5f5f5;
    line-height: 130%;
    font-size: 80%;
    color: #444;
    visibility: hidden;
}

form .instruct small {
    font-size: 105%;
}

form li.focused .instruct, form li:hover .instruct {
    visibility: visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct {
    visibility: visible;
    position: static;
    margin: -2px 0 0 0;
    padding: 0 0 7px 0;
    background: none;
    border: none;
    width: 100%;
    font-size: 9px;
    clear: left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel {
    width: 74% !important;
    padding-top: 9px;
}

.leftLabel .small, .rightLabel .small {
    width: 17%;
}

.leftLabel .medium, .rightLabel .medium {
    width: 35%;
}

.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address {
    width: 64%;
}

* html .leftLabel .small, * html .rightLabel .small {
    width: 23%;
}

* html .leftLabel .medium, * html .rightLabel .medium {
    width: 55%;
}

* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea {
    width: 97%;
}

.leftLabel label.desc, .rightLabel label.desc {
    float: left;
    width: 30%;
    margin: 2px 15px 0 0;
}

.rightLabel label.desc {
    text-align: right;
}

.leftLabel .address, .rightLabel .address {
    float: left;
}

.leftLabel p.instruct, .rightLabel p.instruct {
    width: 27%;
    margin-left: 5px;
}

.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {
    margin-left: 30% !important;
    padding-left: 15px;
    width: 65%;
}

.leftLabel .buttons, .rightLabel .buttons {
    margin-left: 15px;
}

.leftLabel .buttons input, .rightLabel .buttons input {
    margin-left: 30%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct {
    display: none !important;
}

.noI form li, .noI form li.buttons {
    width: 97% !important;
}

.noI form li.section {
    padding-left: 9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address {
    width: 60%;
}

* html .noI .leftLabel .small, * html .noI .rightLabel .small {
    width: 23%;
}

* html .noI .leftLabel .medium, * html .noI .rightLabel .medium {
    width: 55%;
}

* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea {
    width: 97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc {
    width: 35%;
}

.noI .leftLabel .buttons input, .noI .rightLabel .buttons input {
    margin-left: 35%;
}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf {
    width: 46% !important;
}

li.leftHalf {
    clear: left;
    float: left;
}

li.rightHalf {
    clear: none;
    float: right;
}

li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small {
    width: 100%;
}

/* Error messages */

.fieldWithErrors {
    padding: 2px;
    background-color: red;
}

.fieldWithErrors label {
    color: #FFF;
!important
}

.errorExplanation {
    border: 2px solid red;
    padding: 0.3em 1em;
    margin-bottom: 1em;
}

.errorExplanation h2 {
    font-size: 12px;
}