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

/* Global Styles
--------------------------------------------------------*/
html,body {height: 100%}
body {background: #fff; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0}
#PageSubTable {width: 914px; background: #fff}
#ContentCell {height: 485px; padding: 8px}

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

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

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

/* Instructions Box */
#Instruction1_InstructCell {}

/* Content Tables */
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {color: #fff; background: #746B3F}
table.optionsbox {border: 1px solid #746B3F}

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

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

.Instructions {font: 11px Arial, Helvetica, sans-serif}

/* Instructions */
.Instructions {color: #666}

/* Error Messages */
.Messages, .ErrorMessages {font-size: 14px; letter-spacing: 1px; font-weight: bold; color: #BF2A00}

/* Page Headlines = h1 */
.Headings, #ContentCell h1 {font: 21px "Times New Roman", Times, serif; color: #666; border-bottom: 1px solid #B5B4B4; padding-bottom: 5px; margin-bottom: 15px}

/* Sub Headlines = h2 */
.subHeadings, #ContentCell h2, .Content h2 {font-size: 14px; font-weight: bold; color: #666; 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: #666; margin: 0}

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

/* Static Page List Styles */
.static #ContentCell li {margin: 0 0 15px 0}
.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(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: #000000; text-decoration: underline}
.Content a:hover, #Instruction1_InstructCell a:hover  {color: #d69601; text-decoration: none}

/* Common Styles
--------------------------------------------------------*/
.clear {clear:both}
.float-left {float:left}
.float-right {float:right}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.bold {font-weight:bold}
.italic {font-style:italic}
.img-left {float:left;margin:4px 10px 4px 0}
.img-right {float:right;margin:4px 0 4px 10px}
a {outline: none}
a img {border: none}

/* Common Controls Reset
--------------------------------------------------------*/
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.cart ul, .cart p,
.search ul, .search p {margin: 0; padding: 0; list-style: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {color: #666; padding: 8px 0; font: 11px Arial, Helvetica, sans-serif}
#TopBannerCell .logo {float: left; width: auto; margin: 0 0 0 12px}
#TopBannerCell .cart {float: right; width: auto; margin-top: 68px}
#TopBannerCell .cart li {float: left; height: 26px; line-height: 26px}
#TopBannerCell .cart li.head {padding-right: 5px}
#TopBannerCell .cart li.head a {color: #666; text-decoration: none; height: 26px; line-height: 26px; padding: 6px 0 6px 20px; _padding: 0 0 0 20px; background: url(images/design/bn-bag.gif) no-repeat 0 50%}
#TopBannerCell .cart li.head a:hover {text-decoration: underline}
#TopBannerCell .cart li.items {background: url(images/design/bn-nav-pipe.gif) no-repeat 0 50%; padding-left: 7px}
#TopBannerCell .cart li.total {padding-left: 10px}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {height: 44px; background: url(images/design/bn-nav-tile.gif) repeat-x top; vertical-align: top; border-bottom: 4px solid #fff; font: 11px Arial, Helvetica, sans-serif}
#TopSubBannerCell ul li {float: left; margin: 0; padding: 0}
#TopSubBannerCell .search {float: right; width: auto; background: #fff; margin-top: 1px; width: 306px; color: #666; font-size: 11px}
#TopSubBannerCell .search a {color: #666; text-decoration: none}
#TopSubBannerCell .search a:hover {text-decoration: underline}
#TopSubBannerCell .search ul {width: auto; text-align: left}
#TopSubBannerCell .search li.advsearch {margin: 0 55px 0 16px; height: 27px; line-height: 27px;}
#TopSubBannerCell .search li.textbox {margin: 5px 0 0 0; _margin-top: 4px}
#TopSubBannerCell .search li.button {padding: 5px 0 0 5px}
#TopSubBannerCell .search li input {border: 1px solid #4E451E; width: 115px; font: 10px Arial, Helvetica, sans-serif; color: #4e451e; background: #fff}

/* Navigation Styles */
div#topnav {clear: both; float:left; width: auto; text-align: left}
div#topnav ul#navmenu {height: 29px; width: 456px; background: transparent url(images/design/bn-nav.gif) no-repeat 0 0; margin: 0; padding: 0; position: relative}
div#topnav ul#navmenu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0}
ul#navmenu li, ul#navmenu a {height: 29px; display: block}
div#topnav ul#navmenu a {text-indent: -9999px; overflow: hidden; text-decoration: none}

#navhome {left: 0; width: 88px}
#navcatalogue {left: 88px; width: 120px}
#navaccount {left: 208px; width: 132px}
#naveducation {left: 340px; width: 116px}

#navhome a:hover {background: transparent url(images/design/bn-nav.gif) 0 -29px no-repeat}
#navcatalogue a:hover {background: transparent url(images/design/bn-nav.gif) -88px -29px no-repeat}
#navaccount a:hover {background: transparent url(images/design/bn-nav.gif) -208px -29px no-repeat}
#naveducation a:hover {background: transparent url(images/design/bn-nav.gif) -340px -29px no-repeat}

/* Drop Down Styles */

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {margin: 0; border: 0 none; padding: 0; width: 456px; /*For KHTML*/ list-style: none; height: 29px}
ul#navmenu li {margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 29px}
ul#navmenu ul {margin: 0; border: 0 none; padding: 0; width: 150px; list-style: none; display: none; position: absolute; top: 29px; left: 0; border: 1px solid #4E451E; border-top: none}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden}
ul#navmenu ul li {width: 150px; height: 22px; line-height: 22px; top: auto; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/}
div#topnav ul#navmenu ul a {text-indent: 0; height: 22px; line-height: 22px; padding: 0 0 0 10px; background: #fff url(images/design/bn-dd-divide.gif) no-repeat 50% 100%}
div#topnav ul#navmenu ul li.nobkgd a {background: #fff}
div#topnav ul#navmenu ul li.nobkgd a:hover {background: #fff url(images/design/bn-ddnav-hoverlast.gif) no-repeat 50% 0; color: #746B3F}
div#topnav ul#navmenu ul li span {background: #fff url(images/design/bn-nav-bullet.gif) no-repeat 0 50%; color: #666; padding-left: 15px}
div#topnav ul#navmenu li ul li {position: relative}

/* Root Menu */
ul#navmenu a {display: block; text-decoration: none}

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {float: none; color: #746B3F; background: #D1CEBF}
div#topnav ul#navmenu ul li a:hover {color: #746B3F; background: #fff url(images/design/bn-ddnav-hover.gif) no-repeat 50% 0}
div#topnav ul#navmenu ul li {}
div#topnav ul#navmenu ul li a:hover span { background: #D1CEBF url(images/design/bn-ddnav-hoversub.gif) no-repeat 0 50%;  color: #746B3F }

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {background: #D1CEBF; color: #746b3f}
 
/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {background: #EEE; color: #666}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {background: #CCC; color: #FFF}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {background: #EEE; color: #666}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover {background: #CCC; color: #FFF}
ul#navmenu ul ul, ul#navmenu ul ul ul {display: none; position: absolute; top: 0; left: 150px}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {display: none}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {display: block}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width: 16%; border-right: 1px solid #746B3F; vertical-align: top; height: 100%}
#LeftColumnNav1_custommenu {width: 150px; height: 100%}
#LeftColumnNav1_custommenu table {font: 11px Arial, Helvetica, sans-serif; width: 100%}
#LeftColumnNav1_custommenu table.lc-tbl {height: 100%}
#LeftColumnNav1_custommenu table .r01 {vertical-align: top}
#LeftColumnNav1_custommenu table .r02 {height: 100%; vertical-align: bottom}
#LeftColumnNav1_custommenu table h2 {background: #746B3F; float: left; width: 100%; font-size: 11px; font-weight: normal; color: #fff; padding: 2px 0; text-indent: 12px; margin: 0 0 3px 0}
#LeftColumnNav1_custommenu table ul {line-height: 18px; float: left; width: 100%}
#LeftColumnNav1_custommenu table ul.nav-static a {padding-left: 12px}
#LeftColumnNav1_custommenu table a {color: #746B3F; text-decoration: none; line-height: 20px; height: 20px; display: block}
#LeftColumnNav1_custommenu table a:hover, #LeftColumnNav1_custommenu .overcategorybox, #LeftColumnNav1_custommenu .overselectedcategorybox {text-decoration: none; background: #D1CEBF}
.prod-page #LeftColumnNav1_custommenu table .r02 {display: none}

/* Navigator Control Styles */
table.navigator, div.navigator {float: left; margin-bottom: 20px; width: 100%}
table.navigator a, div.navigator a {margin-left: 12px}
.subcategorybox {background: url(images/design/lc-bullet.gif) no-repeat 13px 7px}
.oversubcategorybox {background: #D1CEBF url(images/design/lc-bullet.gif) no-repeat 13px 7px}
.selectedsubcategorybox {background: url(images/design/lc-bullet.gif) no-repeat 13px 7px}
.overselectedsubcategorybox {background: #D1CEBF url(images/design/lc-bullet.gif) no-repeat 13px 7px}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: url(images/design/ft-tile.gif) repeat-x top; color: #666; padding: 0 0 10px 0; border-top: 18px solid #fff; font: 10px Arial, Helvetica, sans-serif}
#FooterCell .wrap {float: left; background: url(images/design/ft-limited.gif) no-repeat 0 0; width: 100%; padding: 21px 0 0 0}
#FooterCell .wrap a {color: #666; text-decoration: none}
#FooterCell .wrap a:hover {text-decoration: underline}
#FooterCell .wrap span {margin: 0 5px}
#FooterCell .wrap p {float: right; width: auto; clear: both}
#FooterCell .wrap p.nav {font-size: 11px; margin: 0 0 17px 0}

/* Default Page Styles
--------------------------------------------------------*/
.default #ContentCell {background: url(images/design/df-line.gif) no-repeat 100% 100%; padding: 0}
.default #ContentCell .welcome {width: 100%; float: left; background: transparent url(images/design/df-mainimg.jpg) no-repeat 0 0; height: auto; font: 12px "Times New Roman", Times, serif; color: #666; margin-bottom: 9px}
.default #ContentCell .welcome a {color: #666}
.default #ContentCell .welcome h1 {margin: 9px 0 5px 0; padding: 0; font-size: 30px; font-weight: normal; border: 0}
.default #ContentCell .welcome p {margin: 0; padding: 0; line-height: 18px}
.default #ContentCell .welcome .inner {float: left; margin-left: 623px; height: 323px}
.default #ContentCell .welcome ul {margin: 0; padding: 0; list-style: none; font-size: 10px; float: left}
.default #ContentCell .welcome ul.head {text-transform: uppercase; margin: 20px 0}
.default #ContentCell .welcome ul.head li {float: left}
.default #ContentCell .welcome ul.head li.category {background: url(images/design/df-arrow.gif) no-repeat 100% 50%; padding-right: 20px}
.default #ContentCell .welcome ul.head li.suggestions {padding-left: 7px}
.default #ContentCell .welcome ul.links {clear: left; width: 100%; line-height: 18px}
.default #ContentCell .welcome ul.links li {clear: left}
.default #ContentCell .welcome ul.links a {color: #908969}
.default #ContentCell .welcome ul.links ul li {background: url(images/design/df-bullet.gif) no-repeat 0 50%; padding-left: 10px; margin-left: 10px}
.default #ContentCell .item {letter-spacing: normal; float: left; height: 153px; font: 12px/18px "Times New Roman", Times, serif}
.default #ContentCell .item p {margin: 0; padding: 0; color: #666}
.default #ContentCell .i01 {width: 308px; background: url(images/design/df-section01.gif) no-repeat 0 0}
.default #ContentCell .i01 p {margin: 53px 10px 0 105px}
.default #ContentCell .i02 {width: 307px; background: url(images/design/df-section02.gif) no-repeat 0 0}
.default #ContentCell .i02 p {margin: 51px 100px 0 31px; float: left}
.default #ContentCell .i02 ul {margin: 0 0 0 32px; padding: 0; list-style: none; font-size: 14px; line-height: 18px; float: left}
.default #ContentCell .i02 ul a {color: #CDC59A; text-decoration: none}
.default #ContentCell .i02 li.push {margin-bottom: 5px}
.default #ContentCell .i02 li.push a {color: #908969}
.default #ContentCell .i03 {width: 299px; background: url(images/design/df-section03.gif) no-repeat 0 0}
.default #ContentCell .i03 p {margin: 0 25px 0 23px; color: #E3E3E3}
.default #ContentCell .i03 p.push {margin-top: 51px}
.default #ContentCell .i03 a {color: #e3e3e3; text-decoration: underline}
.default #ContentCell .i03 a:hover {text-decoration: none}
table.default #TopSubBannerCell {border-bottom: none}

/* Static Page Styles
--------------------------------------------------------*/
.static #ContentCell {padding: 8px}
.static #ContentCell h1 {font: 21px "Times New Roman", Times, serif; color: #666; border-bottom: 1px solid #B5B4B4; margin: 0 0 15px 0; padding: 0 0 5px 0}
.static #ContentCell h2 {font-size: 14px; font-weight: bold; color: #666; text-transform: uppercase; margin: 0; padding: 0; letter-spacing: 1px}
.static #ContentCell h3 {font-size: 12px; font-weight: bold; color: #666}
.static #ContentCell p {margin: 0 0 15px 0}
.static #ContentCell ol ul {list-style: none; margin: 0 0 15px 20px; padding: 0}

.land #ContentCell .r01 {float: left; width: 100%; border-bottom: 1px solid #B5B4B4}
.land #ContentCell .r01 .c1 {float: left; width: auto; margin: 0 0 0 88px}
.land #ContentCell .r01 .c2 {float: right; width: auto}
.land #ContentCell .r01 .c2 h2 {color: #BF2A00; border: 1px solid #b5b4b4; font-size: 14px; font-weight: normal; text-transform: capitalize; background: url(images/design/c-arrow.gif) no-repeat 5px 50%; padding: 5px 5px 5px 25px}
.land #ContentCell .r01 .c2 ul {margin: 0; padding: 0; list-style: none}
.land #ContentCell .r01 .c2 li {background: url(images/design/c-bullet.gif) no-repeat 25px 50%; border-bottom: 1px solid #b5b4b4; padding: 10px 0 10px 45px}
.land #ContentCell .r02 p {margin: 20px}

/* 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 #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} */
tr#ProductDetail21_trDescription td {padding-top:0px;}
#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 13px; font-weight: bold}



/* By Sych */
.search-grid-tbl {padding:0px;margin:0px !important;}
.search-grid-tbl .prodName {text-align:left;font-size: 11px;}
.search-grid-tbl .prodName div {padding-top:1px;margin-top:2px;border-top:solid 1px #a2a0a1;text-align:left;}
.search-grid-tbl .prodName a {display:block;background-color:#d6d4d5; color:#878586;text-decoration:none;padding-left:10px; background-position:top right;background-repeat:no-repeat;background-image:url(images/design/nameLink.gif);}
.search-grid-tbl .prodPrice span {display:block;padding-left:10px; color:#878586;}
.search-grid-tbl .prodPrice div {padding-bottom:1px;border-bottom:solid 1px #a2a0a1;text-align:left;}

.priceContainer {background-color:#D1CFD0;height:25px;line-height:25px;color:#686144;font-family:Times;padding-left:10px;
background-repeat:no-repeat;background-image:url(images/design/priceBg.gif);BACKGROUND-POSITION:TOP RIGHT;}

.dprodDescr {height:280px; overflow:hidden;}

.prodDescr table p {
	display:block;width:170px;
	padding: -5px 0px !important;
	border-bottom:solid 1px #D0D0D0;
	height:25px;
}

.prodDescr table td { overflow:visible;height:25px;}

.prodDescr table font {display:block;margin:0px 10px;line-height:20px;height:20px; position:absolute;overflow:visible;}
.prodDescr table {width:70px;}

.prodDescr table p font a {text-decoration:none;}
.prodDescr table p font a:hover {text-decoration:underline;}

.prodDescr table b {font-size:12px;font-family:"Times New Roman",Times,serif; color:#666666;display:block; }

.options input {border:solid 1px #7F9DB7;}

.options .stuff1 {border-top:solid 1px #AFAFAF;}
.options .stuff1 input {width:180px;display:block;}
.options .stuff1 td {font-size:12px;color:black;color:#666666;
line-height:18px;}
.detail2 .options td span {padding:0px !important;}

.detail2 h1 {margin-bottom:5px !important;}

.relatedHeader {font-size:14px !important;border-bottom:none !important;font-family:Times,serif !important; color:#666666 !important;font-weight:bold;line-height:28px !important;}

.tbRelated {border-top:solid 1px #a2a0a1;}