@charset "UTF-8";
/* master.css */

body {
    background-color: #ffffff;
    font-size: 11px;
    /*font-family: arial;
    color: #000000;
    margin: 0px;
    min-width: 980px; /* Netscape 6 likes to spill the leftside of wrappers. We set the minimum body width to a value that is slightly larger than the page wrapper in order to fix that. */
    /*padding: 0px;
    text-align: center;*/
}

body#popup {
    min-width: 420px;
}

/***************************************************
 *
 * Typography
 *
 ***************************************************/

p {
    margin: 0 0 10px 0;
}

div.page-content p {
    color: #555;
    margin: 0 0 10px 0;
}

div.page-content div.longDescription {
    color: #555;
}

div.long-description p {
    margin: 10px 0 0 0;
}

div.long-description {
    margin: 0 0 10px 0;
}

a:link {
    color: #257fba;
    font-size: 11px;
    outline: none;
    text-decoration: none;
}

a:visited {
    color: #257fba;
    outline: none;
    text-decoration: none;
}

a:hover {
    /* color: #ec9800; */
    outline: none;
    text-decoration: underline;
}

a:active {
    /* color: #ec9800; */
    outline: none;
    text-decoration: underline;
}

a.link-default {
    color: #257fba !important;
}

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

h1 {
}

/* see ie6.css for margin fix for IE6 */
h1 {
    color: #000;
    /*font-family: Arial, Tahoma, Verdana, sans-serif;*/
    font-size: 13px;
    font-weight: bold;
    margin: 7px 0 10px 0;
}

h2 {
}

h2 {
    color: #555;
    /*font-family: Arial, Tahoma, Verdana, sans-serif;*/
    font-size: 12px;
    font-weight: bold;
    margin: -10px 0 0 0;
    padding-bottom: 10px; /* since IE subtracts the negative top margin from the bottom margin, we use padding instead */
}

h3 {
}

h3 {
    color: #000;
    /*font-family: Arial, Tahoma, Verdana, sans-serif;*/
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

div.page-content h3 {
    color: #555;
    font-size: 16px;
    font-weight: normal;
}

h4 {
}

h4 {
    color: #000;
    /*font-family: Arial, Tahoma, Verdana, sans-serif;*/
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 10px 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

table td {
    padding: 0px;
    vertical-align: top;
}

/***************************************************
 *
 * Custom Site Classes
 *
 ***************************************************/

ul.nav,
ul.nav ul,
ul.nav ul ul,
ul.nav ul ul ul,
ul.nav ul ul ul ul,
ul.nav ul ul ul ul ul,
ol.nav,
ol.nav ul,
ol.nav ul ul,
ol.nav ul ul ul,
ol.nav ul ul ul ul,
ol.nav ul ul ul ul ul,
dl.nav,
dl.nav ul,
dl.nav ul ul,
dl.nav ul ul ul,
dl.nav ul ul ul ul,
dl.nav ul ul ul ul ul {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/*
	Clearing Fixes
*/

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
    clear: both;
}

/******/

.ie6-only {
    display: none;
}

.print-only {
    display: none !important;
}

li.toggle {
    display: none;
}

.hand {
    cursor: pointer;
    cursor: hand;
}

ul.horizontal { /* Show list items in a horizontal list */
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.horizontal li {
    float: left;
}

/*
    View All / Close expand collapse
*/
a.h3-link {
    background: #FFFFFF url(/consumer/images/icon_plus.gif) no-repeat scroll right 11px;
    float: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 32px;
    margin: 0;
    padding-right: 18px;
    width: auto;
}

* html a.h3-link {
    w\idth: 65px;
    width: 55px;
}


a.view-all {
    background: #FFFFFF url(/consumer/images/icon_plus.gif) no-repeat scroll right 11px;
    width: auto;
}

a.view-close {
    background: #FFFFFF url(/consumer/images/icon_minus.gif) no-repeat scroll right 11px;
    display: none;
    width: auto;
}

img#close-button,
img.closer {
    cursor: pointer;
    cursor: hand;
}

img.promo {
    border: 1px solid #dedee0;
    padding: 5px;
    width: 213px;
    height: 100px;
}

img.category-promo {
    border: 1px solid #dedee0;
    padding: 5px;
    width: 210px;
    height: 100px;
}

table#category-promo-table {
    width: 980px;
}

table#category-promo-table td.category-promo-td {
    width: 245px;
    padding-right: 10px;
}

.container {
}


img.image-promo {
    border: 1px solid #dedee0;
}


div.container-related {
    border-top: 1px solid #dedee0;
    background: #fff;
}

#section div.container-related h3 {
    color: #555;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 10px;
    line-height: 32px;
    width: 338px;
}

* html div.container-related h3 {
    w\idth: 348px;
    width: 338px;
}

#section div.container-related h3.no-more {
    width: 398px;
}

* html #section div.container-related h3.no-more {
    w\idth: 408px;
    width: 398px;
}


div.container-related ul.datagrid {
    border-top: 1px solid #dedee0;
    clear: both;
    line-height: 14px;
    width: 408px;
}

div.container-related ul.datagrid li {
    float: left;
    padding: 10px 0 10px 10px;
    width: 194px;
}

* html div.container-related ul.datagrid li {
    w\idth: 204px;
    width: 194px;
}

div.container-related ul.datagrid li img {
    float: left;
    vertical-align: top;
    height: 86px;
    width: 86px;
}

div.container-related ul.datagrid li img.exclusive-icon {
    float: none;
    height: 11px !important;
    width: 11px !important;
}

div.container-related ul.datagrid h4 {
    float: right;
    margin: 0;
    padding: 0;
    width: 98px;
}

div.container-related ul.datagrid h4 a {
    font-size: 11px;
    font-weight: normal;
    width: 98px;
}

div.container-related ul.datagrid p {
    float: right;
    margin: 0;
    padding: 0;
    width: 98px;
}

div.container-related ul.datagrid a.more {
    float: right;
    margin: 0;
    padding: 0;
    width: 98px;
}

div.faq {
    color: #555555;
    margin: 10px 0;
}

div.faq h1,
div.faq h2,
div.faq h3,
div.faq h4,
div.faq h5,
div.faq h6 {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

div.faq p {
    margin: 0 0 10px 0;
    padding: 0;
}

ul.faq {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

ul.faq li {
    padding: 0 0 10px 0;
}

ul.faq h1,
ul.faq h2,
ul.faq h3,
ul.faq h4,
ul.faq h5,
ul.faq h6 {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

div.ownersExclusiveLegend {
    clear: right;
    display: none;
    float: right;
    font-size: 10px;
    line-height: 12px;
    margin: 0;
    text-align: right;
    width: 255px;
}

div.ownersExclusiveLegend p {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

div.ownersExclusiveLegend img {
    display: inline;
    margin: 0 3px 0 0;
    vertical-align: middle;
}

ul.error {
    margin-left: 30px;
    margin-bottom: 10px;
    padding: 0;
}

ul.error li {
    color: #cc0000;
    font-weight: bold;
}

.footnote, .footnote a {
    color: #555;
    font-size: 10px;
}

table#contentContainer td.singleColumnContainer ul {
    list-style-type: disc;
    margin: 0 0 10px 25px;
}

table.eljtable {
    border: 1px solid #333333 !important;
    border-collapse: collapse !important;
}

table.eljtable th, table.eljtable td {
    border: 1px solid #333333 !important;
    padding: 5px;
}

a.more {
    padding-left: 3px;
}

img.exclusive-icon {
    float: none;
    padding-left: 5px;
    padding-bottom: 10px;
    vertical-align: middle;
    width: auto !important;
}

/* PDF and SYMBOL list items  */
li.pdf {
    background: url(/consumer/images/icon-pdf-17x17.gif) no-repeat left center;
    line-height: 14px;
    margin: 0 0 10px 0;
}

li.pdf a {
    padding: 7px 0 7px 25px;
}

.pdf {
    background: url(/consumer/images/icon-pdf-17x17.gif) no-repeat left center;
    display: inline-block;
    line-height: 17px;
    padding: 2px 0 10px 23px;
}

li.symbol {
    background: url(/consumer/images/icon-download-17x17.gif) no-repeat left center;
    line-height: 17px;
    margin: 0 0 10px 0;
}

li.symbol a {
    background: transparent;
    padding: 2px 0 2px 27px;
}

a.swf {
    background: url(/consumer/images/icon_swf.gif) no-repeat left top;
    display: inline-block;
    padding: 0 0 10px 23px;
}

td.price {
    text-align: right;
}

/***************************************************
 *
 * Form Fields
 *
 ***************************************************/

label {
    display: block;
}

input.text {
    border-top: 1px solid #828282;
    border-right: 1px solid #dedee0;
    border-bottom: 1px solid #dedee0;
    border-left: 1px solid #dedee0;
    padding: 3px 0;
}

/* Submit Button / Link
-------------------------------------------------------------- */

input.submit {
    border: 1px solid #ccc;
    background: url(/consumer/images/background-submit.gif);
    color: #828282;
    cursor: pointer;
    cursor: hand;
    /*font-family: Arial, Verdana, Tahoma, sans-serif;*/
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
    padding: 2px 5px;
    text-align: center;
    width: auto;
}

input.submit:hover {
    background: url(/consumer/images/background-submit-hover.gif);
}

input.submit-hover { /* for an IE6 fix. see .js for javascript code */
    background: url(/consumer/images/background-submit-hover.gif);
}

input.cart {
    background: url(/consumer/images/background-submit-cart.gif) no-repeat 0 -1px;
    clear: both;
    padding-left: 25px;
    padding-right: 6px;
}

input.cart:hover {
    background: url(/consumer/images/background-submit-cart.gif) no-repeat -250px -1px;
}

button.submit {
    border: 1px solid #ccc;
    background: url(/consumer/images/background-submit.gif);
    color: #828282;
    cursor: pointer;
    cursor: hand;
    font-family: Arial, Verdana, Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 10px;
    padding: 3px 5px;
}

button.submit:hover {
    background: url(/consumer/images/background-submit-hover.gif);
}


button.cart:hover {
    background: url(/consumer/images/background-submit-cart.gif) no-repeat -250px -1px;
}

a.submit {
    border: 1px solid #ccc;
    background: url(/consumer/images/background-submit.gif);
    color: #828282 !important;
    cursor: pointer;
    cursor: hand;
    display: inline-block;
    /*font-family: Arial, Verdana, Tahoma, sans-serif;*/
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    padding: 3px 8px 3px 8px;
    margin-bottom: 10px;
    text-align: center;
}

a.submit:link {
}

a.submit:visited {
}

a.submit:hover {
    background: url(/consumer/images/background-submit-hover.gif);
    border: 1px solid #ccc;
    text-decoration: none;
}

a.submit:active {
}

a.button-small {
    font-size: 10px;
    line-height: 14px;
    padding: 0 3px 1px 3px;
}

a.cart {
    background: url(/consumer/images/header/cart-white-transparent.png) no-repeat 3px 1px;
    clear: both;
    padding-left: 25px;
}

/*
a.cart:hover {
    background: url(/consumer/images/header/cart-white-transparent.png) no-repeat -250px -1px;
}
*/
input.input-calendar {
    background: url(../images/jquery-datepicker-icon-calendar.gif) no-repeat right center;
    cursor: pointer;
    cursor: hand;
}

input.de-emphasise,
a.de-emphasise,
button.de-emphasise {
    background: none;
}


/* Submit Button / Link - Highlighted
-------------------------------------------------------------- */

input.submit-highlighted {
    border: 1px solid #132f6a;
    background: url(/consumer/images/background-submit-highlight.gif) repeat-x 0 0;
    color: #fff;
    cursor: pointer;
    cursor: hand;
    /*font-family: Arial, Verdana, Tahoma, sans-serif;*/
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 10px;
    padding: 4px 5px;
    text-align: center;
    width: auto;
}

input.submit-highlighted:hover {
    background: url(/consumer/images/background-submit-highlight.gif) repeat-x 0 -60px;
}

button.submit-highlighted {
    border: 1px solid #132f6a;
    background: url(/consumer/images/background-submit-highlight.gif) repeat-x 0 0px;
    color: #fff;
    cursor: pointer;
    cursor: hand;
    /*font-family: Arial, Verdana, Tahoma, sans-serif;*/
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 10px;
    padding: 3px 5px;
}

button.submit-highlighted:hover {
    background: url(/consumer/images/background-submit-highlight.gif) repeat-x 0 -60px;
}

a.submit-highlighted {
    border: 1px solid #132f6a;
    background: url(/consumer/images/background-submit-highlight.gif) repeat-x 0 0px;
    color: #fff !important;
    cursor: pointer;
    cursor: hand;
    display: inline-block;
    /*font-family: Arial, Verdana, Tahoma, sans-serif;*/
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    padding: 3px 8px 3px 8px;
    margin-bottom: 5px;
    text-align: center;
}

a.submit-highlighted:link {
}

a.submit-highlighted:visited {
}

a.submit-highlighted:hover {
    background: url(/consumer/images/background-submit-highlight.gif) repeat-x 0 -60px;
    border: 1px solid #132f6a;
    text-decoration: none;
}

a.submit-highlighted:active {
}


/* .Checkboxes: checkbox-02
-------------------------------------------------------------- */

.checkbox-02 label {
    display: block;
    float: left;
    line-height: 14px;
    margin: 29px 0 0 -182px;
    text-align: center;
    width: 121px;
}

.jquery-checkbox-02 {
    display: inline;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    cursor: hand;
}

.jquery-checkbox-02 .mark {
    display: inline;
}

.jquery-checkbox-02 img {
    vertical-align: middle;
    width: 184px;
    height: 72px;
}

.jquery-checkbox-02 img {
    background: transparent url(../images/background-checkbox-02.gif) no-repeat;
}

.jquery-checkbox-02 img {
    background-position: 0px 0px;
}

.jquery-checkbox-02-hover img {
    background-position: 0px 0;
}

.jquery-checkbox-02-checked img {
    background-position: 0px -72px;
}

.jquery-checkbox-02-checked .jquery-checkbox-hover img {
    background-position: 0px -72px;
}

.jquery-checkbox-02-disabled img {
    background-position: 0px -72px;
}

.jquery-checkbox-02-checked .jquery-checkbox-disabled img {
    background-position: 0px 0;
}

span.jquery-checkbox-02 {
    float: left;
    margin: 0 0 0 0;
}

.check-head + span.jquery-checkbox-02 span.mark img {
    background-position: 0 -144px;
}

.check-head + span.jquery-checkbox-02-checked span.mark img {
    background-position: 0 -216px;
}


/* .Checkboxes: radio-01
-------------------------------------------------------------- */

/* See ie.css for additional IE only rules */
.radio-01 label {
    color: #828282;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin: 4px 0 0 -133px;
    text-align: center;
    width: 114px;
}

.jquery-radio-01 {
    display: inline;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    cursor: hand;
}

.jquery-radio-01 .mark {
    display: inline;
}

.jquery-radio-01 img {
    vertical-align: middle;
    width: 164px;
    height: 23px;
}

.jquery-radio-01 img {
    background: transparent url(../images/background-radio.gif) no-repeat;
}

.jquery-radio-01 img {
    background-position: 0px 0px;
}

.jquery-radio-01-hover img {
    background-position: 0px 0;
}

.jquery-radio-01-checked + label {
    color: #257fba;
}

.jquery-radio-01-checked img {
    background-position: 0px -46px;
}

.jquery-radio-01-hover img {
    background-position: 0px -23px;
}

.jquery-radio-01-checked .jquery-radio-01-hover img {
    background-position: 0px -69px;
}

.jquery-radio-01-disabled img {
    background-position: 0px -23px;
}

.jquery-radio-01-checked .jquery-radio-01-disabled img {
    background-position: 0px 0;
}

span.jquery-radio-01 {
    float: left;
    margin: 0 0 0 0;
}

.check-head + span.jquery-radio-01 span.mark img {
    background-position: 0 -46px;
}

.check-head + span.jquery-radio-01-checked span.mark img {
    background-position: 0 -69px;
}


/***************************************************
 *
 * Common Elements
 *
 ***************************************************/


/* for jquery carousel */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/***************************************************
 *
 * Custom CSS Elements
 *
 ***************************************************/

div.copyright {
    /*font-family: Verdana, Arial, Tahoma, sans-serif;*/
    font-size: 9px;
    color: #aaa;
    margin: 5px 0 10px 0;
    text-align: right;
}

div.formfield {
    line-height: 14px;
}

/* Add to cart */

div.regular-price {
}

div.regular-price-value {
    text-decoration: line-through;
}

div.you-save {
}

div.you-save-value {
}

div.promotional-price {
    color: #dd0000;
    font-weight: bold;
}

div.promotional-price-value {
    color: #dd0000;
    font-weight: bold;
}

div.price-each {
}

div.price-each-value {
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/***************************************************
 *
 * Header.
 * Also see legacy /stylesheets/header.css
 *
 ***************************************************/

div#header {
    margin: 0px 0 15px 0;
    height: 123px;
    width: 960px;
}

div#header h1#header-site {
    float: left;
    /*margin: 39px 0 15px 0;*/
    width: 270px;
}

/* Nobody needs to see this; javascript uses the text value of this element to update the quantity displayed on the page. */
#cart-quantity-update {
    display: none;
}

#cart-flyout-container {
    padding: 4px;
}

#nav-utility-wrapper a.bin-button {
    border: 1px solid #ccc !important;
    color: #828282 !important;
}

/***************************************************
 *
 * Structure, Layout & Layout Typography
 *
 ***************************************************/

div#wrapper {
    margin: 0 auto;
    text-align: left;
    width: 960px;
}

div#section {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
}

/*
	Insets
*/

div.inset {
}

div.inset {
    display: inline;
    float: right;
    margin: 10px 0 20px 10px;
    padding: 0;
    width: 225px;
}

div.inset-01 {
    display: inline;
    float: right;
    margin: 0 0 20px 10px;
    padding: 0;
    width: 250px;
}


/* Some pages need a div around the header elements to hide parent div backgrounds. See products.jsp for example. */
div.header-page {
    background: #fff;
}


div.header-page div.column-01 {
    float: left;
    margin: 0 10px 0 0;
    width: 636px;
}

div#section div.header-page div.column-01 h1 {
    display: block;
    width: 636px;
}

div#section div.header-page div.column-01 h2 {
    display: block;
    width: 636px;
}

div.header-page p.intro {
    color: #333;
    margin: -5px 0 10px 10px;
}

div.header-page div.column-02 {
    float: left;
    margin: 00;
    width: 144px;
}

div.media-content {
    margin-bottom: 18px;
}

div.full #content-primary {
    float: left;
    margin-bottom: 10px;
    width: 960px;
}

div.nav01 {
    background: url(/consumer/images/background-content-vertical.gif) repeat-y 159px 0;
    border-top: 1px solid #cccccc;
}

div.nav01 #content-primary {
    display: inline;
    float: left;
    margin: 0 0 0 170px;
    width: 790px;
}

div.nav01 #content-secondary {
    display: inline;
    float: left;
    margin: 0 0 0 -960px;
    width: 160px;
}


div.nav02 {
}

div.nav02 div#content-primary {
    display: inline;
    float: left;
    margin: 0 0 0 133px;
    width: 827px;
}

div.nav02 div#content-secondary {
    display: inline;
    float: left;
    margin: 0 0 0 -960px;
    width: 128px;
}

/* Featured Designer only has one item and two images */
ul.bin-nav02-single {
}

ul.bin-nav02-single li {
    float: left;
    margin: 0 0 0 17px;
    width: 790px;
}

ul.bin-nav02-single li.first {
    margin: 0;
}

ul.bin-nav02-single img {
    float: left;
}

ul.bin-nav02-single img.first {
    padding-right: 5px;
}

ul.bin-nav02-single h3 {
    float: right;
    font-size: 11px;
    margin-bottom: 0;
    margin-left: 10px;
    width: 560px;
}

ul.bin-nav02-single h3 a img {
    float: none;
    margin-left: 3px;
}

ul.bin-nav02-single h4 {
    float: right;
    font-size: 11px;
    margin-left: 10px;
    width: 560px;
}

ul.bin-nav02-single p {
    color: #555555;
    float: right;
    margin-left: 10px;
    width: 560px;
}

div.nav03 {
}

div.nav03 #content-primary {
    float: left;
    display: inline;
    width: 537px;
    margin: 0 0 0 263px;
}

div.nav03 #content-secondary {
    float: left;
    display: inline;
    width: 258px;
    margin: 0 0 0 -800px;
}

div.nav03 #content-secondary div.utilityBinWrapper {
    height: 472px;
}

div.nav03 #navWrap, #defaultTemplate #navWrap {
    padding: 0;
    background: #ffffff;
    border-top: 1px solid #dedee0;
    border-bottom: 1px solid #dedee0;
    border-left: 1px solid #dedee0;
    border-right: 1px solid #dedee0;
    width: 256px;
    margin: 0 0 0 0;
}

* html div.nav03 #navWrap {
    w\idth: 258px;
    width: 256px;
}

div.nav04 {
    /*
        1. Similar to nav01 but without the 10px padding between primary and secondary content.
        2. Note that div.nav04 has its background image toggled via /javascript/products.js.
    */
    background: url(/consumer/images/background-content-vertical.gif) repeat-y 159px 0;
    border-top: 1px solid #cccccc;
}

div.nav04 #content-primary {
    display: inline;
    float: left;
    margin: 0 0 0 160px;
    width: 800px;
}

div.nav04 #content-secondary {
    display: inline;
    float: left;
    margin: 0 0 0 -960px;
    width: 160px;
}

div.nav04 h1 {
    margin-left: 10px;
    display: block;
}

div.nav04 div.header-page h1 {
    display: inline;
}

div.nav04 h2 {
    margin-left: 10px;
}

/* For Divider lines. */
.nav04-divider-product-accs {
    background: url(/consumer/images/background-content-vertical-products-accessories.gif) repeat-y 159px 0 !important;
}

.nav04-divider {
    background: url(/consumer/images/background-content-vertical.gif) repeat-y 159px 0 !important;
}

/***************************************************
 *
 * Custom Elements & Global Page Specific Elements
 *
 ***************************************************/

.hide {
    display: none;
}

.product-finder {
}

.product-finder-box {
    position: relative;
    z-index: 1000;
}

.product-finder {
    position: relative; /* this will turn absolute after javascript has worked on it a little bit */
    bottom: 0;
    left: 0;
    border: 1px solid #dedee0;
    width: 300px; /* javascript will let this be as wide as necessary */
    background: #EBEBEB url(/consumer/images/regflyout_bkg.gif) repeat-x scroll center top;
}

.product-finder, .product-finder ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.product-finder li a {
    display: block;
}

.product-finder .product-finder-closer {
    display: none;
    border-bottom: 1px solid #dedee0;
    text-align: right;
    padding: 2px 2px 1px 0;
}

.product-finder .product-finder-closer img {
    cursor: pointer;
    /*cursor: hand;*/ /* This is not necessary for IE6 */
}

.product-finder li.product-finder-label {
    padding: 5px;
}

.product-finder ul.finder-tier-1 a {
    color: #828282;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 0;
    margin: 2px 0;
}

.product-finder ul.finder-tier-2 a {
    color: #828282;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 12px;
    margin: 2px 0;
}

.product-finder ul.finder-tier-3 a {
    color: #828282;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    padding-left: 12px;
    margin: 1px 0;
}

.product-finder ul.finder-tier-2 a,
.product-finder ul.finder-tier-3 a {
    color: #257fba;
}

.product-finder ul.finder-tier-3 li {
    line-height: 12px;
    padding-bottom: 5px;

}

.product-finder li.product-finder-label a.product-finder-link {
    background: transparent url(../images/icon_plus.gif) 100% 50% no-repeat;
}

.product-finder ul.finder-tier-1 li a {
    display: block;
    padding: 0 0 0 10px;
    background: transparent url(../images/decorations/product-finder-closed.png) 0% 50% no-repeat;
}

.product-finder ul.finder-tier-1 li.open a {
    background: transparent url(../images/decorations/product-finder-open.png) 0% 50% no-repeat;
}

.product-finder ul.finder-tier-1 li ul.finder-tier-2 li a {
    background: transparent url(../images/icon_plus.gif) 0% 50% no-repeat;
}


.product-finder ul.finder-tier-1 li ul.finder-tier-2 li.open a {
    background: transparent url(../images/icon_minus.gif) 0% 50% no-repeat;
}

.product-finder ul.finder-tier-1 li ul.finder-tier-2 li ul.finder-tier-3 li a {
    background: none;
}

li.product a {
    background: none !important;
    font-weight: normal !important;
}

/*
	Locators
*/

/* Defaults */
div.container-service-locator {
}

div.container-service-locator h3 {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

div.container-service-locator h4 {
    color: #555;
    font-size: 10px;
    font-weight: normal;
}

div.container-service-locator label {
    color: #555;
    font-size: 10px;
    font-weight: bold;
}

div.container-service-locator input {
}

div.container-service-locator span.footnote {
    display: block;
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 15px 0;
}


div.inset h3, div.inset-01 div h3 {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 10px;
}

div.inset h4 {
    color: #555;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 190px 10px;
}

div.inset div.utilityBarContainerWhereToBuy {
    margin-top: 0;
}

div.inset div.container-service-locator {
    background: url(../images/service_locator_image.jpg) no-repeat 0 70px;
    border-right: 1px solid #dedee0;
    border-bottom: 1px solid #dedee0;
    border-left: 1px solid #dedee0;
    padding: 10px 0;
    width: 248px;
}

* html div.inset div.container-service-locator {
    w\idth: 260px;
    width: 248px;
}

div.inset div.container-service-locator label {
    font-weight: bold;
    margin: 0 0 0 10px;
}

div.inset div.container-service-locator input {
    margin: 0 0 0 10px;
}

div.inset div.container-service-locator span.footnote {
    display: block;
    margin: 0 0 15px 10px;
}


div.loading {
    background: url(../images/decorations/loader-white.gif) 20px 20px no-repeat;
    height: 60px;
}

input#regiontext {
    display: none;
}

div.fancy-dropdown-box {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
}

div.fancy-dropdown-display {
    font-size: 12px;
    border: 1px solid #CCCCCC;
    color: #555555;
    padding: 3px 5px 5px;
    cursor: default;
}

div.fancy-dropdown-selector {
    float: right;
    width: 20px;
    height: 20px;
    padding: 2px;
    background: transparent url(/consumer/images/jquery-ui/454545_7x7_arrow_down.gif) 50% 50% no-repeat;
}

input.fancy-dropdown-value {
    cursor: default;

}

ul.fancy-dropdown-list {
    display: none;
    position: absolute;
    top: 0;
    background: #FFFFFF;
    list-style-type: none;
    margin: 0;
    border: 1px solid #CCCCCC;
    padding: 3px 15px 5px 3px;
    cursor: default;
    height: 250px;
    overflow: auto;
    font-size: 12px;
    float: left;
    clear: left;
    z-index: 1;
}

ul.fancy-dropdown-list li {
    white-space: nowrap;
    background: inherit;
}

ul.fancy-dropdown-list li {
    white-space: nowrap;
    background: inherit;
}

ul.fancy-dropdown-list li:hover {
    background: #555;
    color: #fff;
}

/***************************************************
 *
 * Redirects
 *
 ***************************************************/

div#redirect-external {
    text-align: center;
}

div#redirect-external h3 {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 20px 0;
}

div#redirect-external h4 {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 15px 0;
}

div#redirect-external h4 img {
    margin: 0 5px -3px 0;
}


h2#testtest {
    font-size: 11px;
    /*font-family: arial;*/
    font-weight: normal;
    font-color: #555;
    margin-top: -5px;
}

/* This file is dynamically included in the DOM.
	It contains rules for the Owner's Area flyouts that appear when the
	user is not logged in, is a guest, or is apparently not a major
	appliance owner. There are three types of flyouts:

		1. Not logged in - shows a login form
		2. Guest - shows a button to encourage upgrading account
		3. Not an owner - shows 3 buttons to register, update profile, or find a dealer
*/

/***************************************************
 *
 * Owners area
 *
 ***************************************************/

/* Generic rules for all the exclusive owner flyouts */
.exclusive-layer {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    max-width: 500px;
    width: auto !important;
    width: 500px;
    color: #828282;
}

#owner-layer-opened-in-new-tab.exclusive-layer {
    position: static;
    width: 400px !important;
}

#owner-layer-opened-in-new-tab.exclusive-layer.register_update {
    width: 500px !important;
}

.exclusive-layer #owner-left {
    float: left;
    background: transparent url('/consumer/images/decorations/owners_area_flyout/left.png')
}

.exclusive-layer #owner-body {
    border-left: 1px solid #d8d8d8;
    background: transparent url('/consumer/images/decorations/owners_area_flyout/body.png') top right no-repeat;
}

.exclusive-layer #owner-header {
    text-align: right;
    padding: 2px;
    border-bottom: 1px solid #D8D8D8;
}

.exclusive-layer #owner-header img {
    cursor: pointer;
}

.exclusive-layer #exclusive-content {
    padding-bottom: 15px;
}

.exclusive-layer .content-item {
    padding: 0 15px;

}

.exclusive-layer #owner-bottom {
    height: 12px;
    width: 100%;
    background: transparent url('/consumer/images/decorations/owners_area_flyout/bottom.png') 50% 0% no-repeat;
}

.exclusive-layer a.button {
    color: white;
    background: #808183;
    border-bottom: 1px solid #646464;
    text-align: center;
    padding: 5px 10px 5px 10px;
    font-weight: bold
}


/* Rules specific to the login flyout */
#exclusive-login-flyout {
    width: 400px;
}

#exclusive-login-flyout #login-button {
    float: right;
    margin-top: 10px;
    margin-bottom: 15px;
}

#exclusive-login-flyout table {
    width: 100%;
}

#exclusive-login-flyout table thead tr th {
    border: 1px solid #D8D8D8;
    border-width: 1px 0 1px 0;
}

#exclusive-login-flyout table .left {
    margin-left: 15px;
}

#exclusive-login-flyout table .middle {
    margin: 0 15px;
}

#exclusive-login-flyout table .right {
    margin-right: 15px;
}


#exclusive-login-flyout table tbody a.button {
    display: block;
    float: left;
}


#exclusive-login-flyout table tbody td {
    padding-top: 15px;
}

#exclusive-login-flyout table tbody td.first {
    width: 20%;
}

#exclusive-login-flyout table tbody td.second {
    width: 40%;
}

#exclusive-login-flyout table tbody td.third {
    width: 40%;
}


#exclusive-login-flyout table tbody td input {
}

#exclusive-login-flyout #username, #exclusive-login-flyout #password {
    background: #FFFFFF url(/consumer/images/decorations/search_box_background_reverse.png) top right no-repeat;
    border: 0;
    color: #828282;
    font-size: 11px;
    height: 15px;
    padding: 3px 3px 0;
    width: 100%;
}

#exclusive-login-flyout #checkbox-prop {
    float: left;
    height: 25px;
}


/* Rules for the upgrade box */
#exclusive-upgrade-flyout {
    width: 400px;
    padding-bottom: 15px;
}


#exclusive-upgrade-flyout #upgrade-button-area {
    text-align: center;
}

#exclusive-upgrade-flyout a.button {
    /*display: block;*/
    float: left;
}


/* Rules for the encouragement box */
#exclusive-register-flyout #buy-links {
    width: 100%;

}

#exclusive-register-flyout td {
    text-align: center;
    width: 33.33%;
    padding-bottom: 15px;
}

#exclusive-register-flyout td.left {
    padding-left: 15px;
    text-align: left;
}

#exclusive-register-flyout td.right {
    padding-right: 15px;
    text-align: right;
}

div#page-international {
    margin-left: 0;
}

div#page-international div.longDescription {
    float: left;
    width: 690px;
}

span.dev-msg {
    color: red;
    font-family: "source code pro", consolas, monospace;
    text-transform: none;
    display: none;
}

body.developer span.dev-msg {
    display: inline;
}

.select-country-wrapper {
    background-image: url(/consumer/images/world-map.png);
    background-repeat: no-repeat;
    background-position: 50% -30%;
}

.select-country-wrapper h2 {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
}

.select-country-wrapper h2.intnl {
    margin-bottom: 3px;
}

.select-country-wrapper ul.site-country-list {
    border-bottom: 1px dotted #B5B5B5;
    list-style-type: none;
    margin-bottom: 15px;
    padding: 0px 0px 18px 5px;
}

.select-country-wrapper ul.regions {
    list-style: none;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    width: 960px;
}

.select-country-wrapper ul.regions li {
    float: left;
    margin: 0 0 0 25px;
    width: 139px;
}

.select-country-wrapper ul.regions li.first {
    margin-left: 0px;
}

.select-country-wrapper ul.regions li h3 {
    width: 140px;
}

.select-country-wrapper ul.regions li ul.world-region {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 150px;
}

.select-country-wrapper ul.regions li ul.world-region li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 150px;
}

.select-country-wrapper p {
    color: #555555;
    max-width: 300px;
    padding-left: 5px;
}

.select-country-wrapper h3 {
    color: #555555;
}

/*****************************
 *
 *	Transperfect classes
 *
 *****************************/
.OneLinkNoTx {
    /*no-op*/
}

.OneLinkHide {
    /*no-op*/
}

.OneLinkTxShow {
    disply: none;
}

.OneLinkShow {
    dispay: none;
}