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

/* Global Styles
--------------------------------------------------------*/
html, body {height: 100%}
body {background-image: url(images/bg-body.jpg)}
#PageTable, #PageSubTable, #PageCell, #LeftColumnCell, #ContentCell {height: 100%}
#PageSubTable {width: 988px; background: url(images/bg-page.jpg) repeat-y left; float: left}
#PageCell {text-align: left}
#ContentCell {padding: 36px 196px 20px 29px; background: url(images/divider.gif) no-repeat 29px 0}

.img-left {float:left;margin:4px 10px 4px 0}
.img-right {float:right;margin:4px 0 4px 10px}
.img-right p {text-align: right;}
#ContentCell ul li {background: url(images/lc-dd-bullet.gif) no-repeat 0 8px; list-style: none; padding-left: 20px;}

/* Form Element Styles */
#Form2 input, #Form2 select {font: 12px "Times New Roman", Times, serif; color: #2D1D04; line-height: normal}

/* Form Page Styles */
.col2 .c1 {border-right: 1px dashed #ccc}
#Form2 input, #Form2 select {font: 12px "Times New Roman", Times, serif; color: #2D1D04; 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: #2D1D04}
table.optionsbox {border: 1px solid #2D1D04}

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

/* Global Font Style */
#TopBannerCell, #TopSubBannerCell, #LeftColumnCell,
#RightColumnCell, #FooterCell, #ContentCell, .Content,
#BreadCrumbs1_BreadCrumbs1, .Instructions {font: 12px "Times New Roman", Times, serif}

/* Instructions */
.Instructions {color: #2D1D04; display: none}

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

/* Page Headlines = h1 */
.Headings, #ContentCell h1 {font-size: 21px; font-weight: bold; color: #500C17; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px}

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

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

/* Body Copy */
.Content {line-height: 22px; color: #2D1D04}
#ContentCell p, #ContentCell ul, #ContentCell ol {font-size: 12px; line-height: 22px; margin: 0 0 15px 0}

/* 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: 15px}

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

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {background: url(images/bn-bg.jpg) no-repeat 0 0; height: 162px}
#TopBannerCell .imglogo {margin: 57px 0 0 195px}
#TopBannerCell .imglogossl {margin: 57px 0 0 195px;}
#TopBannerCell .logo {float: left;}

/* Cart Styles */
#TopBannerCell .cart {font-size: 12px; font-family: "TimesLTStd Bold", "Times New Roman", Times, serif; color: #2D1D04;}

/* Search Styles */
#TopBannerCell .search {width: 203px; height: 44px; float:right;padding-top: 0; *padding-top: 0; background: url(images/images/search-bg.jpg) no-repeat;} /* set width */
#TopBannerCell ul.searchWrap {line-height:100%;} /* for IE/FireFox consistency */
#TopBannerCell ul.searchWrap li {/*height:33px;*/} /* set height of list items */
#TopBannerCell ul.searchWrap li a {}
#TopBannerCell ul.searchWrap li.button img {vertical-align:top; margin: 0;} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
#TopBannerCell ul.searchWrap li.button {float: left;}
#TopBannerCell ul.searchWrap li.textbox {float: left;}
#TopBannerCell ul.searchWrap li.textbox .searchbox{ margin-left: 22px; width: 133px; height: 23px; text-align: center; font-family: "TimesLTStd Bold", "Times New Roman", Times, serif; border: none; margin-top: 2px; background: transparent; color: #8d6736; font-size: 12px; padding-top: 2px; }
#TopBannerCell ul.searchWrap li.advsearch {}
#TopBannerCell ul.searchWrap li.head {}
#TopBannerCell ul.searchWrap li.Gotext {font-family: "Times New Roman", Times, serif; font-size: 0px; color: #8d6736; padding-left:37px; width: 166px;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width: 18%}
#LeftColumnNav1_custommenu {width: 170px}
.lc-wrap {position: relative; float: left; height: 550px}
.lc-nav {position: absolute; top: -147px; left: 0; background:url(images/lc-bookmark.png) no-repeat 0 0; width: 109px; height: 864px}
.lc-nav ul#navmenu {font-family: "Times New Roman", Times, serif}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {height: 26px; background: url(images/divider.gif) no-repeat 199px 0; }
#FooterCell .footer-links {width:auto; margin:20px 191px 20px 201px;}
#FooterCell .footer-links p {text-align:center; margin-bottom:5px}
#FooterCell .footer-links p span {margin:0px 5px; color:#cfb589;}
#FooterCell a  {color: #c10e0e; text-decoration: underline}
#FooterCell a:hover  {color: #c10e0e; text-decoration: none}

/* Home Page Styles
--------------------------------------------------------*/
.default #ContentCell {}
ul#toc {float: left; line-height: 25px; color: #2D1D04; font-size: 13px; margin: 0; padding: 0 0 37px 0; list-style: none; width: 100%; background: url(images/divider.gif) no-repeat 0 100%; }
#ContentCell #toc li { background: url(images/dots-horiz.gif) repeat-x 0 100%; padding-left: 0; letter-spacing: 2px}
#ContentCell #toc li a { text-decoration: none; float: left; padding: 0 4px 0 0; color: #2D1D04; }
#ContentCell #toc li span { float: right; padding: 0 0 0 4px; font-weight: bold;}
#ContentCell #toc li br { clear: both; }
.prod-wrap {float: left; width: 535px; padding-top: 20px; text-align:center;}

/* Static Page Styles
--------------------------------------------------------*/
.landing-grid-tbl td {width: 179px; text-align: center; vertical-align: top; padding-bottom: 20px}
.landing-grid-tbl td img {margin-bottom: 5px}
.landing-feat-prod {width: 100%; float: left; padding-top: 20px; background: url(images/divider.gif) no-repeat 0 0}
.static-img { margin: auto}
.static-divider { margin: 20px 0 }
.static-left { float: left; width: 198px;}
.static-right { float: left; width: 320px;}
.landing-button {float:right; width:auto; height:47px;}

/* 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 {background: url(images/divider.gif) no-repeat 0 0}
tr#ProductDetail11_trCategory td {padding-bottom: 10px}
tr#ProductDetail11_trEMailFriend td.button {text-align: left}

/* Detail Template 2 */
tr#ProductDetail21_trDescription td {background: url(images/divider.gif) no-repeat 0 0; text-align: center; padding-bottom: 15px; font-size:16px;}
#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 13px; font-weight: bold}
.options td, .options #ContentCell h1, h1.Headings, .options .Content, .detail2 .options td.button {text-align: center}
#ProductDetail21_Swatches_imgHyperlink img {margin: 0 0 15px 0}