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

/* IE 6 PNG Fix
--------------------------------------------------------*/
img, div {behavior:url(iepngfix.htc);}

/* Global styles
--------------------------------------------------------*/
body {font-family: Arial, Helvetica, sans-serif; color: #7D7D7D; margin:0; padding:0;}
#PageTable {}
#PageSubTable {width:950px; background:#fff; margin:0 auto;}
#Form2 {margin:0; padding:0}
#ContentCell {padding: 19px 0}

.PageNavigation span {margin: 0 5px}

/* Instructions */
.Instructions {color:#000;display: none}
#Instruction1_InstructCell {background:#ccc; border:1px solid #999; padding:7px; font-size:12px;}
#Instruction1_InstructCell a {color:#000; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; background:#E8E8E8; padding:7px; color: #666}
#BreadCrumbs1_BreadCrumbs1 a {color:#1b3d63; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#f3f3f3; border:1px solid #ccc; padding:7px;} /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#c00;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {color:#000;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#999;}

/* Buttons */
td.button img {margin:4px 0;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:15px; text-transform: uppercase; font-weight:bold; color:#1B3D63; margin:0 0 15px 0; padding:0 0 5px 0; width:100%; }
#ContentCell h2 {font-size:13px; font-weight:bold; color:#7D7D7D; margin:0 0 15px 0; padding:0}
#ContentCell h3 {font-size:11px; font-weight:bold; color:#7D7D7D; margin:0; padding:0; text-transform: uppercase}
#ContentCell h4 {font-size:11px; font-weight:bold; color:#ec7800; margin:0; padding:0; text-transform: uppercase}
.Content {line-height:18px; font-size:11px; color:#7D7D7D; text-align:left;}
.Content a {color:#1B3D63; text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#ContentCell p {font-size:11px; margin:0 0 15px 0;}
#ContentCell p.top {text-align:right;}
#ContentCell p.top a {padding-left:20px; background:url(images/design/c-top.gif) no-repeat 0 50%;}

/* Common Styles
--------------------------------------------------------*/ 
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.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;}

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

#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li,
#FooterCell ul li {list-style:none; float:left;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {font-size: 11px}
#TopBannerCell a {color: #7D7D7D; text-decoration: none}
#TopBannerCell a:hover {text-decoration: underline}
#TopBannerCell img {margin:0; padding:0;}
#TopBannerCell .logo {width: auto; float:left; padding: 10px 0 6px 3px}
#TopBannerCell .right-group {width: 402px; float: right}
#TopBannerCell .right-group span.divide {margin: 0 3px}
#TopBannerCell .right-group .row-1 {clear: right; padding: 10px 0 31px 0}
#TopBannerCell .right-group .row-1 p {height: 23px; line-height: 23px; float: right; width: auto; margin-right: 11px}
#TopBannerCell .right-group .row-2 ul {text-align: right; font-size: 12px; float: right; width: auto}
#TopBannerCell .right-group .row-2 li {display: inline; height: 21px; line-height: 21px; margin-left: 11px}
#TopBannerCell .right-group .row-2 a {color: #13365E}
#TopBannerCell .right-group .row-1, #TopBannerCell .right-group .row-2 {text-align: right; float: left; width: 100%}
#TopBannerCell .socialbar {margin-left: 35%; margin-right: auto; margin-top: 40px; position: absolute; width: 233px; height: 21; overflow: hidden; } 

/* Search Styles */
.search {float:right;line-height:100%;width: 160px}
.search li {height:23px; float:left} /* set height of list items */
.search li.button img {vertical-align:top; margin-top:5px} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
.search li.button {padding-left: 5px}
.search input {height: 23px; border: 1px solid #E8E8E8; background: #fff; color: #7D7D7D; font-size: 12px; padding: 2px 0 0 5px}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {border: 1px solid #7D7D7D; border-left: none; border-right: none; font-size: 11px}
#TopSubBannerCell li {float: left; width: 79px}
#TopSubBannerCell li.extra {float: left; width: 80px}
#TopSubBannerCell li a {display: block; text-align: center; color: #7d7d7d; text-transform: uppercase; width: 79px; text-decoration: none; line-height: 35px; padding-bottom: 3px}
#TopSubBannerCell li a:hover {background: #67BC45; color: #fff}
#TopSubBannerCell li.wrap a {line-height: normal; line-height: 16px; padding: 3px 0}
#TopSubBannerCell li.extra a {line-height: normal; line-height: 16px; padding: 3px 0; width: 80px;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:21%; vertical-align:top; padding-bottom: 20px}
#LeftColumnNav1_custommenu {width:200px; font-size: 11px}
#LeftColumnNav1_custommenu td {vertical-align:top}
#LeftColumnNav1_custommenu h2 {color: #7D7D7D; font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 19px 0 18px 0}

/* Static page navigation */
.static #LeftColumnCell {display: none;}
#LeftColumnCell ul li {float: none}
#LeftColumnNav1_custommenu ul {margin: 19px 0 18px 0}
#LeftColumnNav1_custommenu ul li {float: none; }
#LeftColumnNav1_custommenu li a {color: #1b3d63; text-decoration: none; font-weight: bold; line-height: 18px; padding-left: 15px; background: url(images/lc-arrow.gif) no-repeat 0 3px;}

/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:bold; font-size:11px;}
.navigator a {line-height:18px}
.navigator a:hover {text-decoration: underline}

.categorybox,
.selectedcategorybox {display: none}

.overcategorybox,
.overselectedcategorybox {display: none}

.subcategorybox,
.selectedsubcategorybox {}

.oversubcategorybox,
.overselectedsubcategorybox {}

/*
.categorybox a,
.selectedcategorybox a {color:#1B3D63; text-decoration:none; padding-left: 10px}

.overcategorybox a, 
.overselectedcategorybox a {color:#1B3D63; text-decoration:none; padding-left: 10px}
*/

.subcategorybox a,
.selectedsubcategorybox a {color:#1B3D63; text-decoration:none}

.oversubcategorybox a,
.overselectedsubcategorybox a {color:#1B3D63; text-decoration:none}


/* Default Page Styles
--------------------------------------------------------*/
.default #ContentCell {padding-top: 5px}
.default #ContentCell .primary, .default #ContentCell .secondary, .default #ContentCell .featured, .default #ContentCell .primary .inner {width: 950px; float: left}
.default #ContentCell .primary .inner {height: 272px}
.default #ContentCell .primary {background: url(images/df-main-tile.gif) repeat-x top; height: 272px}
.default #ContentCell .primary .right-group {float: right; padding: 53px 53px 0 0}
.default #ContentCell .primary .right-inner {width: 407px}
.default #ContentCell .primary .right-inner h1 {margin: 0; padding: 0; height: 39px; width: 316px; background: url(images/df-main-head.gif) no-repeat 0 0; text-indent: -9999px; display: block}
.default #ContentCell .primary .right-inner h3 {margin: 0; padding: 0; color: #EC7800; text-align: right; font-size: 13px; font-weight: bold}
.default #ContentCell .primary .right-inner h3 a {color: #ec7800; text-decoration: none}
.default #ContentCell .primary .right-inner h3 a:hover {text-decoration: underline}
.default #ContentCell .primary .right-inner p {line-height: 24px; font-size: 13px; margin: 10px 0; padding: 10px 0; border: 1px solid #999; border-left: none; border-right: none}
.default #ContentCell .primary .right-inner strong {font-weight: bold; text-transform: uppercase}
.default #ContentCell .secondary {padding: 5px 0 11px 0}
.default #ContentCell .secondary img {margin-right: 8px}
.default #ContentCell .secondary img.last {margin-right: 0}
.default #ContentCell .featured .feat-head {height: 38px; width: 950px; float: left; background: url(images/df-feat-head-tile.gif) repeat-x top}
.default #ContentCell .featured .feat-head h2 {text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: none; text-transform: uppercase; font-size: 12px; color: #FFF; height: 38px; width: 950px; display: block; line-height: 38px;}
.default #ContentCell .featured table {font-size: 11px; color: #7d7d7d; width: 100%; margin: 20px 0; float: left}
.default #ContentCell .featured table td {width: 25%; vertical-align: middle}
.default #ContentCell .featured table h3 {font-size: 12px; text-transform: uppercase; color: #1B3D63; margin: 26px 0 10px 0}
.default #ContentCell .featured table h3 a {color: #1b3d63}
.default #ContentCell .featured table img {float: left; margin-right: 10px}
.default #ContentCell #random {background-repeat: no-repeat; background-position: top left}

/* Static Page Styles
--------------------------------------------------------*/
.static #ContentCell {padding: 19px 0; height: 390px}
#ContentCell .title {margin: 0; padding: 0; color: #EC7800; font-size: 13px; font-weight: bold}
#ContentCell .leftcell {width: 200px; padding: 27px; border-right: 1px solid #e6e6e6; vertical-align: top; }
#ContentCell .rightcell {padding: 27px;}
#ContentCell .contactimage {padding-bottom: 10px;}
#ContentCell .farrightcell {padding: 27px; border-left: 1px solid #e6e6e6;}
td.pressimage img {border: none; padding-right: 6px; padding-top: 3px; }
.content-nav {width:100%; height:22px; line-height:22px; background:#f2f2f2; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px; margin:15px 0;}
.content-nav ul {float:left; margin:0; padding:0}
.content-nav ul li {float:left; display:inline; display:block; margin-right:25px; list-style:none;}
.content-nav ul .first {margin-left:15px;}
.content-nav a {color:#000000; text-decoration:none;}
.content-nav a:hover {text-decoration:underline;}

.static #ContentCell .brands {width: 100%;}
.static #ContentCell .brands table {width: 100%; font-size: 11px; }
.static #ContentCell .brands table td {width: 20%; text-align: center; padding: 10px 0; vertical-align:bottom;}
.static #ContentCell .brands h2 {margin-left: 15px; border: 1px solid #E8E8E8; border-right: none; border-left: none; }
.static #ContentCell .brands img {max-height: 72px;	max-width: 200px; }

/* Landing Page Styles
--------------------------------------------------------*/
.landing #ContentCell {padding: 19px 0; height: 390px}
.landing #ContentCell .col-1, .landing #ContentCell .col-2 {float: left}
.landing #ContentCell .col-1 {width: 377px}
.landing #ContentCell .col-1 p {padding: 0 66px 0 18px}
.landing #ContentCell .col-1 h1 {padding: 0 18px 0 18px; margin-top: 15px; color: #666; font-size: 15px; width: auto}
.landing #ContentCell .col-2 {width: 281px}
.landing #ContentCell .col-2 table {width: 100%; font-size: 11px; border: 1px solid #E8E8E8; border-top: none; border-bottom: none}
.landing #ContentCell .col-2 table td {width: 50%; text-align: center; padding: 10px 0}

/* Landing Page Left Column Navigation */
.landing #LeftColumnNav1_custommenu ul {margin: 0}
.landing #LeftColumnNav1_custommenu li {background: none; padding-left: 0}

/* Candles & Scents */
.candles-scents #ContentCell {background: url(images/candles-scents/c-bg.gif) no-repeat 100% 19px}

/* For the Home */
.forthehome #ContentCell {background: url(images/forthehome/c-bg.gif) no-repeat 100% 19px}

/* Nutritional Supplements */
.nutritional #ContentCell {background: url(images/nutritional/c-bg.gif) no-repeat 100% 19px}

/* Skin & Beauty */
.skinbeauty #ContentCell {background: url(images/skinbeauty/c-bg.gif) no-repeat 100% 19px}

/* Gifts */
.gifts #ContentCell {background: url(images/gifts/c-bg.gif) no-repeat 100% 19px}

/* Books & Music */
.booksmusic #ContentCell {background: url(images/booksmusic/c-bg.gif) no-repeat 100% 19px}

/* Gear */
.gear #ContentCell {background: url(images/gear/c-bg.gif) no-repeat 100% 19px}

/* Gourmet Food */
.gourmetfood #ContentCell {background: url(images/gourmetfood/c-bg.gif) no-repeat 100% 19px}

/* Pets */
.pets #ContentCell {background: url(images/pets/c-bg.gif) no-repeat 100% 19px}

/* Naughty */
.naughty #ContentCell {background: url(images/naughty/c-bg.gif) no-repeat 100% 19px}

/* Shop by Brand */
.shopbybrand #ContentCell {background: url(images/shopbybrand/c-bg.gif) no-repeat 100% 19px}

/* Sale */
.sale #ContentCell {background: url(images/sale/c-bg.gif) no-repeat 100% 19px}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {border-top: 1px solid #999; font-size: 11px}
#FooterCell a {color: #7d7d7d; text-decoration: none}
#FooterCell ul {border-bottom: 1px solid #999; text-align: center; width: 950px; font-size: 10px; text-transform: uppercase; font-weight: bold; float: left}
#FooterCell ul li {display: inline; float: none; height: 20px; line-height: 20px; padding: 0 30px}
#FooterCell ul li.first {padding-left: 0}
#FooterCell ul li.last {padding-right: 0}
#FooterCell p {padding: 10px 0}
#FooterCell .phone-number {float: left; line-height: 24px;}
#FooterCell .copyright {float: right; line-height: 24px; }

/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* Detail 1 
---------------------------- */
#ProductDetail11_Table1 {border:1px solid #f2f2f2;} /* Main Table*/

/* Image Style */
#ProductDetail11_ImageCell {} /* Image Cell */
#ProductDetail11_ImageCell img {} /* Image Cell: Image */
#ProductDetail11_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail11_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail11_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail11_Table2 {border:1px solid #;} /* Info Table*/
#ProductDetail11_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail11_trProductName .Headings {padding:10px 10px 0 10px; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail11_trPrice .content {color:#478522; font-weight:bold; font-size:14px; padding:5px 10px 0 10px;} /* Price */
#ProductDetail11_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail11_trQty .content  {} /* Quantity */

.description li {text-decoration: none; list-style: none; line-height: 18px; padding-left: 15px; background: url(images/lc-arrow.gif) no-repeat 0 3px;}

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {} /* Main Table*/

/* Image Style */
#ProductDetail21_ImageCell {} /* Image Cell */
#ProductDetail21_ImageCell img {} /* Image Cell: Image */
#ProductDetail21_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail21_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail21_Swatches_imgProductImage {margin:0 10px 0 0;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail21_Table2 {border:1px solid #;} /* Info Table*/
#ProductDetail21_Table2 td {} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail21_trProductName .Headings {font-size:15px; text-transform:uppercase; font-weight:bold;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {background:#fff; padding:10px;} /* Description */
#ProductDetail21_trPrice .content {color:#478522; font-weight:normal; font-size:18px; padding:15px 10px;} /* Price */
#ProductDetail21_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail21_trQty .content  {} /* Quantity */