@import url("../../../../css/base.css");

/* Global Styles
--------------------------------------------------------*/
body {background: #fff}
#PageSubTable {width: 960px; border: 3px solid #D9D9D9; border-top: none; border-bottom: none}
#ContentCell {padding: 15px 15px 15px 0}

/* Form Element Styles */
#Form2 input, #Form2 select {font: 12px Arial, Helvetica, sans-serif; color: #7c7c7c; line-height: normal}

/* Form Page Styles */
.col2 .c1 {border-right: 1px dashed #d9d9d9}
#Form2 input, #Form2 select {font: 12px Arial, Helvetica, sans-serif; color: #7c7c7c; background: #fff}

/* Error Messages */
table.formtbl .ErrorMessages {width: 5px}

/* Instructions Box */
#Instruction1_InstructCell {border: 1px solid #d9d9d9; padding: 7px}

/* Content Tables */
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #d9d9d9; background: #7c7c7c}
table.optionsbox {border: 1px solid #7c7c7c}

/* Type Styles
--------------------------------------------------------*/

/* Global Font Style */
#TopBannerCell, #TopSubBannerCell, #LeftColumnCell,
#RightColumnCell, #FooterCell, #ContentCell, .Content,
#BreadCrumbs1_BreadCrumbs1, .Instructions {font: 12px Arial, Helvetica, sans-serif}

/* Instructions */
.Instructions {color: #7c7c7c}

/* Error Messages */
.Messages, .ErrorMessages {font-size: 12px; font-weight: bold; color: #890302}

/* Page Headlines = h1 */
.Headings, #ContentCell h1 {font-size: 18px; font-weight: normal; color: #890302; border-bottom: 1px solid #d9d9d9; padding-bottom: 5px; margin-bottom: 15px}

/* Sub Headlines = h2 */
.subHeadings, #ContentCell h2, .Content h2 {font-size: 14px; font-weight: bold; color: #7c7c7c; margin-bottom: 15px}
#ContentCell h2.divide {padding-top: 15px; border-top: 1px dashed #d9d9d9}

/* Sub Headlines 2 = h3 */
#ContentCell h3 {font-size: 12px; font-weight: bold; color: #7c7c7c; margin: 0}

/* Body Copy */
.Content {line-height: 20px; color: #7c7c7c}
#ContentCell p {font-size: 12px; line-height: 20px; margin: 0 0 15px 0}

/* Static Page List Styles */
.static #ContentCell li {margin: 0; line-height: 20px}
.static #ContentCell li ul {margin: 15px 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(../SubFolderName/images/design/c-top.gif) no-repeat 0 50%}

#ContentCell .formtbl td.input p {margin-top: 15px}

/* Body Link Styles */
.Content a, #Instruction1_InstructCell a  {color: #7c7c7c; text-decoration: underline}
.Content a:hover, #Instruction1_InstructCell a:hover  {color: #7c7c7c; text-decoration: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {font-size: 12px; font-weight: bold; color: #8F8F8F; letter-spacing: 1px}
#TopBannerCell a {color: #890302; text-decoration: none}
#TopBannerCell a:hover {text-decoration: underline}
#TopBannerCell .logo {float: left; width: auto}
#TopBannerCell .cart {float: right; width: 220px; margin-top: 10px}
#TopBannerCell .cart .left {float: left; width: auto}
#TopBannerCell .cart .right {float: right; width: auto}
#TopBannerCell .cart ul {clear: left; float: left; margin-right: 15px; width: 165px}
#TopBannerCell .cart li {float: left; padding: 5px 10px}
#TopBannerCell .cart .cartnav {border-bottom: 1px solid #959595}
#TopBannerCell .cart li.viewcart, #TopBannerCell .cart li.items {border-right: 1px solid #959595}

/* TopBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background: #D9D9D9; border: 2px solid #d9d9d9; border-left: none; border-right: none; color: #959595}
#TopSubBannerCell a {color: #959595; text-decoration: none}
#TopSubBannerCell a:hover {color: #890302} 
#TopSubBannerCell p {float: left; width: auto; background: #fff; padding: 5px 15px}
#TopSubBannerCell p span {margin: 0 10px}
#TopSubBannerCell li {display: inline}
#TopSubBannerCell .search {float: right; width: auto; margin: 2px 15px 0 0; _margin: 1px 15px 0 0}
#TopSubBannerCell .search input {border: none; background: #fff; font: 12px Arial, Helvetica, sans-serif; color: #890302; height: 20px; padding: 2px 0 0 3px}
#TopSubBannerCell .search img {_margin-bottom: 1px}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width: 21%; height: 100%; padding-top: 15px; padding-bottom: 15px}
#LeftColumnNav1_custommenu {width: 202px; height: 100%}
.lc-tbl {height: 100%; border: 1px solid #d9d9d9; margin: 15px; margin-bottom: 0; margin-top: 0}
.lc-tbl td {height: 100%}
.navigator {font-size: 12px; margin: 7px 0 13px 13px; line-height: 20px}
.navigator a {color: #7c7c7c; text-decoration: none}
.navigator a:hover {color: #890302}
.categorybox, .overcategorybox {width: 155px}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: #D9D9D9; color: #7C7C7C; font-size: 10px; padding: 10px 0; line-height: 18px}
#FooterCell p {text-align: center}
#FooterCell a {color: #7c7c7c; text-decoration: none}
#FooterCell a:hover {text-decoration: underline}
#FooterCell .nav {font-size: 11px}
#FooterCell .nav span {margin: 0 10px}

/* Home Page Styles
--------------------------------------------------------*/
.default #ContentCell {}
.default #ContentCell .the-wrapper {float: left; width: auto; border: 1px solid #d9d9d9; padding-bottom: 22px}
.default #ContentCell .primary {float: left; width: auto; margin-bottom: 22px}
.default #ContentCell .secondary {float: left; width: 100%; clear: both}
.default #ContentCell .secondary .item {float: left; width: auto; margin: 0 22px; padding: 0 0 3px 0; border: 1px solid #d9d9d9; font-weight: bold}
.default #ContentCell .secondary .item a {color: #aeaeae; text-decoration: none}
.default #ContentCell .secondary .item ul {text-align:center; margin: 0; padding: 0; width: 198px; list-style: none}
.default #ContentCell .secondary .item ul li {width: 198px; text-align:center; float: left; clear: both}
.default #ContentCell .secondary .item li.image img {border-bottom: 23px solid #d9d9d9}
.default #ContentCell .secondary .item li.name {}
.default #ContentCell .secondary .item li.code {}

/* Detail Page Styles
-------------------------------------------------------*/

/* Detail Template 1 */
#ProductDetail11_Swatches_Table1 {padding-right: 10px}
#ProductDetail11_trPrice, #ProductDetail11_trCustomPrice, #ProductDetail11_trSavings {font-size: 13px; font-weight: bold}
tr#ProductDetail11_trDescription td {border-top: 1px dashed #d9d9d9}
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 #d9d9d9}
#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 13px; font-weight: bold}