@import url("../../../../css/base.css");

/* Global Styles
--------------------------------------------------------*/
body {background: #fff url(images/design/bg-tile.gif) repeat-y left; text-align: left}
#PageCell {text-align: left}
#PageSubTable {width: 820px; float: left}
#ContentCell {padding: 13px 0 13px 13px}

/* Form Element Styles */
#Form2 input, #Form2 select {font: 16px Arial, Helvetica, sans-serif; color: #000; line-height: normal}

/* Form Page Styles */
.col2 .c1 {border-right: 1px dashed #ccc}
#Form2 input, #Form2 select {font: 16px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff}

/* Error Messages */
table.formtbl .ErrorMessages {width: 5px}

/* Instructions Box */
#Instruction1_InstructCell {background:#f2f2f2; border: 1px solid #ececec; padding: 7px}

/* Content Tables */
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {color: #fff; background: #060}
table.optionsbox {border: 1px solid #060}

/* Type Styles
--------------------------------------------------------*/

/* Global Font Style */
#TopBannerCell, #TopSubBannerCell, #LeftColumnCell,
#RightColumnCell, #FooterCell, #ContentCell, .Content,
#BreadCrumbs1_BreadCrumbs1, .Instructions {font: 16px Arial, Helvetica, sans-serif}

/* Instructions */
.Instructions {color: #000}

/* Error Messages */
.Messages, .ErrorMessages {font-size: 16px; font-weight: bold; color: #c00}

/* Page Headlines = h1 */
.Headings, #ContentCell h1 {font-size: 32px; font-weight: bold; color: #060; padding: 0; margin: 0}

/* Sub Headlines = h2 */
.subHeadings, #ContentCell h2, .Content h2 {font-size: 16px; font-weight: bold; color: #060; margin: 0 0 15px 0; font-style: italic}
#ContentCell h2.divide {padding-top: 16px; border-top: 1px dashed #ccc}

/* Sub Headlines 2 = h3 */
#ContentCell h3 {font-size: 16px; font-weight: bold; color: #000; margin: 0 0 15px 0}

/* Body Copy */
.Content {line-height: 18px; color: #000}
#ContentCell p {font-size: 16px; margin: 0 0 16px 0}
p.sub-heading {color: #060}
p.note {font-style: italic; color: #00f}
p.note strong {font-weight: bold; font-size: 18px}
#ContentCell .prod-group p {padding-left: 40px}
#ContentCell .prod-group img {float: right; border: 1px solid #060; margin-left: 10px}

/* Static Page List Styles */
.static #ContentCell li {margin: 0 0 16px 0}
.static #ContentCell li ul {margin: 16px 0 0 0; padding: 0; list-style: none}

/* Help Page Back To Top Link */
#ContentCell p.top {text-align: right}
#ContentCell p.top a {padding-left: 20px; background: url(images/design/c-top.gif) no-repeat 0 50%}

#ContentCell .formtbl td.input p {margin-top: 16px}

/* Body Link Styles */
.Content a, #Instruction1_InstructCell a  {color: #060; text-decoration: underline}
.Content a:hover, #Instruction1_InstructCell a:hover  {color: #00d000; text-decoration: underline}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {}

/* TopBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width: 15%}
#LeftColumnNav1_custommenu {width: 143px}
#LeftColumnNav1_custommenu td, #LeftColumnNav1_custommenu ul, #LeftColumnNav1_custommenu h2, #LeftColumnNav1_custommenu div {text-align: center; line-height: normal; margin: 0; padding: 0}
#LeftColumnNav1_custommenu h2 {font-size: 18px; font-weight: normal; margin-bottom: 20px}
#LeftColumnNav1_custommenu a {color: #060}
#LeftColumnNav1_custommenu a:hover {color: #00D000}
#LeftColumnNav1_custommenu .lc-nav01 {font-size: 10px; font-weight: bold}
#LeftColumnNav1_custommenu .lc-nav01 li {margin-bottom: 20px}
#LeftColumnNav1_custommenu .lc-nav02 {margin-bottom: 20px; font-size: 18px; font-weight: normal}
#LeftColumnNav1_custommenu .lc-nav01 a:hover {font-weight: bold}
#LeftColumnNav1_custommenu .btn-search {margin-bottom: 20px}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {padding-bottom: 20px}
#FooterCell a {color: #060}
#FooterCell a:hover {color: #00D000; font-weight: bold}
.ft-nav-wrap {width: auto; margin-left: 156px}
.ft-nav-wrap .inner {width: 664px; float: left}
#FooterCell ul.ft-nav01 {width: 100%; text-align: center; font-size: 10px; line-height: 18px; margin-bottom: 15px}
#FooterCell p.ft-nav02 {width: 100%; text-align: center; font-size: 18px}
#FooterCell p.updated {font-size: 10px; color: #060; text-align: center}
#FooterCell table {margin: 10px 0}
#FooterCell table td {text-align: center}
#FooterCell p.copyright {font: 11px "Times New Roman", Times, serif; text-align: center}
#FooterCell p.maintained {font: 10px "Times New Roman", Times, serif; text-align: center}

/* Home Page Styles
--------------------------------------------------------*/
.default #ContentCell {}

/* Detail Page Styles
-------------------------------------------------------*/

/* Detail Template 1 */
#ProductDetail11_Swatches_Table1 {padding-right: 10px}
#ProductDetail11_trPrice, #ProductDetail11_trCustomPrice, #ProductDetail11_trSavings {font-size: 16px; font-weight: bold}
tr#ProductDetail11_trDescription td {border-top: 1px dashed #ccc}
tr#ProductDetail11_trCategory td {padding-bottom: 10px}
tr#ProductDetail11_trEMailFriend td.button {text-align: left}

/* Detail Template 2 */
tr#ProductDetail21_trDescription td {border-top: 1px dashed #ccc}
#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 16px; font-weight: bold}