/*w-------------------------------------------------

Purpose:
-   Contains all of the layout specific styles.

Note(s):
-

------------------------------------------------- */

/* main layout */
#container {position: relative;margin: 2.4em 2.9em;width: 943px;}
#header {position: relative;}
#main {margin: 0 1.90em;}
#content {float: left;margin: 1em .10em 0;min-height: 405px;padding: 1.5em 0;width: 903px;}

#header p {float: right;text-align: right;width: 50em;}
.hero {margin: -1em 0 0 -2.10em;}

#categoryLanding #content { min-height: 0;}

#contentColumn1, #contentColumn2, #contentColumn3  {float: left;min-height: 405px;padding: 0 1.264em;width: 300px;}
#contentColumn2 {margin-left: -.091em;}

#productListing #content, #productListing #contentColumn1, #productListing #contentColumn2 {min-height: 200px;}
#pageSortTop, #pageSortBottom {clear: both;}

body#storeSearch #content {min-height: 365px;}
body#storeSearch #contentColumn1, body#storeSearch #contentColumn2 {min-height: 365px;}

/* layout: column widths */
#review #content, #confirmation #content, #orderDetail #content { padding: 1.50em; }

/* general */
.general #contentColumn1 {width: 857px;}
#contactUs #contentColumn1 {width: 271px;}
#contactUs #content {padding:1em 0 1.5em 0;}
#print {background: url(/media/BDK001/images/static/icons/print.gif) no-repeat 100% 0;color: #666;float: right;margin: 0em 1.80em 0 0;padding: .20em 2em .30em 0; position: absolute; bottom:  5px; left:  850px;}
.checkout #print {
    bottom:  0px;
}

/* product catalog */
.productCatalog #contentColumn1 {width: 129px;}
.productCatalog #contentColumn2 {width: 433px;}
.productCatalog #contentColumn3 {width: 265px;}

#categoryLanding #contentColumn1,
#categoryLanding #contentColumn2
{min-height: 406px;}
#categoryLanding #contentColumn3 {border-top: 1px solid #6e5751;border-bottom: 1px solid #6e5751;min-height: 0;padding: 4px 0 1px 0;}

#categoryListing #contentColumn2,
#searchResults #contentColumn2
{width: 710px;}

#productListing #contentColumn2 {width:728px;padding-right:0px;}

/* Added this style to solve the wrapping issue in search results page and product listing page */
#contentColumn2 .wrapProducts { margin-right: -20px;}

#productDetail #contentColumn1 {width: 180px;}
#productDetail #contentColumn2 {width: 400px; }
#productDetail #contentColumn3 {width: 245px;padding-right:0px;}
#productDetail #contentColumn3 .richText {padding-right:15px;}
#productDetail #contentColumn3 .bucket {margin-right:10px;}
#productDetail #contentColumn3 .pricing {margin-right:15px;}

#shoppingCart #contentColumn1 {width: 873px;}

#shoppingCartContents {text-align: right;width: 704px;}

#accountInformation #contentColumn2,
#accountInformation #contentColumn2,
#accountInformation #contentColumn2
{margin-bottom: 15px;}

/* checkout */
.checkout #contentColumn1, .checkout #contentColumn2, .checkout #contentColumn3 {width: 270px;}

#payment #contentColumn2 {padding-left: 12px;}

#review #contentColumn2, #confirmation #contentColumn2 {width: 229px;}
#review #content, #confirmation #content, #orderDetail #content {width: 873px;}
#review #content p {line-height: 1.3;}

#review #contentColumn1,
#review #contentColumn2,
#review #contentColumn3,
#confirmation #contentColumn1,
#confirmation #contentColumn2,
#confirmation #contentColumn3
{min-height: 125px;padding: 0;}

/* my account */
.myAccount #contentColumn1 {width: 290px;}
.myAccount #contentColumn2 {width: 250px;}
.myAccount #contentColumn3 {width: 250px;}

#addEditAddresses #contentColumn1, #addPayment #contentColumn1 {width: 210px;}

#orderHistory1 #contentColumn1 {width: 857px;}

#orderDetail #contentColumn1, #orderDetail #contentColumn2, #orderDetail #contentColumn3
{min-height: 125px;padding: 0;width: 200px;}
#orderDetail #contentColumn2 {width: 225px;}

/* store locator */
.storeLocator #contentColumn1 {width: 436px;}
.storeLocator #contentColumn2 {width: 420px;line-height: 1.4em;}

/* column content */
#contentColumn1 h2, #contentColumn2 h2, #contentColumn3 h2 {margin: 0 0 0.60em;}
#contentColumn1 h3 {padding-top: 2px;margin-bottom: 4px;}
#productDetail #contentColumn1 dl, #productDetail #contentColumn1 ul {margin-bottom: 1.60em;}

.productCatalog #contentColumn3 h3 {margin-bottom: 0;}

#review #contentColumn1 legend,
#review #contentColumn2 legend,
#review #contentColumn3 legend,
#confirmation #contentColumn1 h2,
#confirmation #contentColumn2 h2,
#confirmation #contentColumn3 h2
{margin-bottom: 1em;}

.general #contentColumn2 h2 {margin-top: 1em;}
#contactUs #contentColumn2 dl {line-height: 1.4;margin-bottom: 16px;}
#contactUs #contentColumn2 dd {margin-left: 1.80em;}
.myAccount #content ul li { line-height: 1.4;}

/* home page */
#homepage #main {margin: 0;}
#homepage #content, #homepage #contentColumn1 {padding: 0;width: 941px;}
#homepage #contentColumn1 + img {margin-left: 11em;}

/* checkout */
#review #content p {font-size: 1.1em;margin-bottom: 1em;}

/* COMPONENTS
-------------------------------------------------------*/

/* branding */
#branding {float: left;}
#branding { margin-top: 12px;}

/* buckets */
.bucket {margin: 0;}
.bucket .header .center, .bucket .footer .center {height: 7px;}
.bucket .footer .center {height: 11px;}
.bucket .header {margin-right: 11px;}
.bucket .header .center, .bucket .body .center, .bucket .footer .center {margin-right: -11px;}
.bucket .body, .bucket .footer {margin-right: 11px;}
.bucket .body .center .start {margin: 0 11px;padding: 8px 0;}

/* productDetail */
.productDetail.bucket {margin: 0 2px 13px -3px;}
.productDetail.bucket .body .center .start {padding: 5px 7px 7px;}

/* checkout */
.checkout.bucket legend {margin-top: -5em;}
.bucket.paymentSummary {margin-top: 1.50em;text-align: right;}
.bucket.paymentSummary legend {margin: -5em 0 0 -15px;}

#shoppingCart .bucket #totals {font-size: 1em;}

.bucket.totals {float: right;margin-right: 17em;width: 29em;}

#payment .bucket {width: 300px;}
#payment .bucket .body .center .start {margin: 0 18px;padding: 10px 0;}
#payment .bucket dl dt {width: 11em;}
.bucket dl, .bucket #totals {font-size: 1.1em;line-height: 1.4; margin-bottom: 0;}
.bucket dl dt { clear: left;float: left;width: 13em;}
.bucket dl dd {padding-right: .50em;}
.bucket .subtotal {margin-bottom: .50em;}
.bucket .total {margin-top: .50em;padding: .50em 0;}
#orderDetail .bucket {margin-right: 17em;margin-top: 0;width: 280px;}
#review .bucket dl dt,  #confirmation .bucket dl dt, #orderDetail .bucket dl dt {width: 12em;}

/* Store Locator */
.storeLocator.bucket {margin-top: 11px;width: 436px;}

/* subtotal */
#shoppingCart #content .bucket.shoppingCart {float: right;line-height: 1.4em;margin-top:10px;width: 25.8em;}
#shoppingCart #content .shoppingCart .bucket .center .start {padding-bottom:0;}
#totals {padding: 0 6px 0 0;text-align: right;}

/* crossSell */
#crossSell {float: left;letter-spacing: .04em;margin-top: 2em;width: 40em;}
#crossSell h2 {margin-bottom: .818em;text-indent: -1000em;}
#crossSell h3 {line-height: 1.2;margin: 2px 0;width: 45px;}
#crossSell .productCrossSell {float: left;margin: 1px 9px 0 0;width: 73px;}
#crossSell .productCrossSell.first {margin-right: 8px;}
#crossSell .productCrossSell.last {margin-right: 0;}
#crossSell .productCrossSell del, #crossSell .productCrossSell ins {color: #715749;display: block;}

#productDetail #crossSell {margin-top:  0px;width: 400px;}
#shoppingCart #crossSell {margin-top: 2.3em;width: 400px;text-align: left;}
#orderDetail #crossSell {margin-top: 2.0em;margin-bottom: 3em;}

/* display: address / payment */
.addressDisplay, .paymentDisplay {line-height: 1.3;}
#accountInformation .addressDisplay, #accountInformation .paymentDisplay {margin-bottom: -1.30em;}

#review .addressDisplay,
#review .addressDisplay,
#review .addressDisplay,
#review .paymentDisplay,
#review .paymentDisplay,
#review .paymentDisplay
{margin-top: 0;}

#confirmation .addressDisplay,
#confirmation .addressDisplay,
#confirmation .addressDisplay,
#confirmation .paymentDisplay,
#confirmation .paymentDisplay,
#confirmation .paymentDisplay,
#orderDetail .addressDisplay,
#orderDetail .paymentDisplay
{margin-top: 4em;}

/* featureBucket */

.featureBucket {clear: both;float: left;margin-top: 1.60em;width: 100%;}
.featureBucket h2 {height: 17px;margin-bottom: 1em;text-indent: -1000em;}
.featureBucket .collection {float: left;margin: 1.20em 0 1.80em 0;position: relative;width: 190px;}

.featureBucket .collection ins, .featureBucket .collection span,.featureBucket .collection del
{position: absolute;right: .90em;top: 0;}

.featureBucket .collection .exclusive {position: absolute;}
.featureBucket .collection a img {padding: 0 0 .40em 2.20em;}
.featureBucket .collection ins {right: 2em;top: 1.30em;}
.featureBucket .collection.even {margin-right: 20px;}

/* footer */
#footer {clear: both;line-height: 1.4;margin-left: 1px;padding: 1em 0 3em;}
#footer h3 {margin: 0;}
#footer p {margin: 0 0 .50em 0;}
#footer #emailSignup p, #footer #storeLocator p {letter-spacing: 0.002em;}
#footer #storeLocator p {line-height: 1.2em;margin-bottom: 0.7em;}

#footer div, #footer div form {float: left;width: auto;}
#footer div div, #footer div form {padding: .70em 1.5em;}
#footer div div {width: 108px;}
#footer div form#emailSignup {width: 286px;}
#footer form#emailSignup input.button {float: left;margin-right: .60em;}
#footer form#emailSignup input.button + a {display: block;padding-top: 0.7em;}
#footer form#emailSignup img {float: right;margin: -.20em -.60em 0 0;}

#footer input.text {margin-bottom: .60em;}
#footer input#quickEmailAddress {display: block;width: 18.8em;height: 1.3em;}
#footer div form#storeLocator {width: 182px;padding: 0.7em 1em 0.7em 1.5em;margin-left: .4em;}
#footer input#enterZipCode {float: left;margin-right: .8em;width: 9.5em;}

#footer #copyright {float: right;margin: .50em .30em 0;}

/* homeStore */
#homeStore {margin-top: -.40em;}
#homeStore dl {float: left;line-height: 1.4;width: auto;}
#homeStore .storeHours {float: right;}
#homeStore .storeHours dt {float: left; width: 40px;}
#homeStore .storeHours dd {text-align: right;}

#accountInformation #homeStore dl.storeInformation {
    width:  135px;
}

#accountInformation img#changeMyHomeStore {
    margin-top:  6px;
}

/* introPanel */
.introPanel {clear: both;margin: 18px 0 -1px 0;}
.introPanel img {float: right;margin: 1px 0 0 4em;}
.introPanel p {margin-right: 18em;line-height: 1.273;}
.introPanel.richText p {margin-bottom: 0;}
#shoppingCart .introPanel p, .checkout .introPanel p {margin-right: 1em;}
#shoppingCart .introPanel p {margin-bottom: 3px;}

/* legend */
#searchResults #contentColumn1,
#productListing #contentColumn1,
#searchResults #contentColumn2,
#productListing #contentColumn2
{position: relative;}

#searchResults .legend, #productListing .legend {position: absolute;left: -145px;bottom: -3px;}

/* Navigation
--------------------------------------------*/

/* navigation */
.navigation ul {overflow: hidden;}
.navigation li {display: inline;float: left;margin: 0 0 0 -.50em;padding: 0 0 .30em 0; width: auto;}

/* navigation: breadcrumbs */
#breadcrumb {clear: both;margin: 0 0 0 .10em;padding: 0 1.40em;}
#breadcrumb ul {margin: 0 9em 0 0;padding: .90em 0 .60em;}
#breadcrumb.navigation li a, #breadcrumb.navigation li span {padding: 0 .80em 0 1em;}
#breadcrumb { position: absolute; bottom:0px; width:914px;}
#header { height: 102px;}
.productCatalog #header { height: 130px;}
.checkout #header { height: 135px;}
#genericContent #header, #searchResults #header, #shoppingCart #header, .myAccount #header {height: 102px}



/* navigation: catalog */
#catalog h2 {margin: -.182em 0 7px 0;}
#catalog ul {margin: 0 0 1em 0;}
#catalog ul li {line-height: 1.1222;margin: 0 0 .55em 0;}

/* navigation: secondary */
#secondary {float: right;margin: 0 -1.40em 1em -.60em;width: auto;}
#secondary.navigation li {background: url(/media/BDK001/images/static/separators/slash-red.gif) no-repeat 0 0;margin-left: -.70em;}
#secondary.navigation li a, #secondary.navigation li span {padding: 0 1.30em 0 1.20em;}

/* navigation: topLevel */
#topLevel {clear: both;position: absolute;left: 2px;top: 74px;}
#topLevel li {float: left;margin-left: -.10em;}

/* navigation: utility */
#utility {float: left;margin: .60em 0 0 1.40em;width: 44em;}
#utility ul {float: right;}
#utility.navigation li {background: url(/media/BDK001/images/static/separators/slash-grey.gif) no-repeat 0 0;margin-left: -.70em;}
#utility.navigation li a {padding: 0 1.30em 0 1.10em;}
#utility.navigation li span {margin-left: -.30em;}
#utility li a.shoppingCart {margin-right: .40em;padding-right: 1.70em;}

/* navigation: workflow */
#workflow {clear: both;float: left;letter-spacing: -.02em;margin: 1.10em 0 -.90em 2em;width: 903px;}
#workflow.navigation li {height: 21px;margin: 0 .80em 0 0;padding: .50em 0 0 2.5em;}

/* orderContents / orderDetails */
#shoppingCart #orderContents td a {color: #6c5b51;font-weight: 700;text-decoration: none;}
#shoppingCart #orderContents th {color: #ffa319;font-weight: bold;padding: 0;}
#shoppingCart .quantityCell {font-size: 9px;position:relative;}
#shoppingCart .quantityCell .orderContentsError {position:absolute;z-index:66;margin-top:-14px;margin-left:50px;font-size:1.1em;line-height:1.1em;}
#shoppingCart .quantityCell select {margin-bottom:4px;padding:1px;font-size:10px;}
#shoppingCart #orderContents .quantityCell a {font-weight: normal ;text-decoration: underline;font-size: 9px;}
#shoppingCart #orderContents .quantityCell a:hover {text-decoration: none;}
#shoppingCart .priceCell, #shoppingCart .quantityCell {padding-left:1px;}
#shoppingCart .subtotalCell {text-align:right;}
#shoppingCart #orderContents .productCell a {line-height:  1.2em;}
#shoppingCart #orderContents .productCell dl {margin-top:  0px;}

#review .spacer, #confirmation .spacer, #orderDetail .spacer {height: 10px;margin: 13px 0 12px;}
#continueShopping {float:left;margin-top:15px;margin-left:6px;}
input#checkout {float: right;margin: 10px 11px 0 0;}
#clearCart {color: #6b5a53;font-size: .818em;margin:-10px 25px 0 0;padding-top:0;padding-bottom:10px;}

#orderContents {margin:0;width:680px;}
#orderContents th {color: #ffa319;font-weight: bold;padding: 0 0 2px;}
#orderContents td {color: #715749;padding-top: 7px;vertical-align: top;text-align:left;}
#orderContents td a {color: #e1393e;text-decoration: underline;}
#orderContents .productCell span {color: #715749;font-weight: bold;text-decoration: none;}
#orderContents img {float: left;margin-right: 15px;}
#orderContents .productCell dl {float: left;margin-top: 5px;}
#orderContents .productCell dt {clear: left;float: left;width: 5em;}
#orderContents .productCell dd {float: left;}
#orderContents .quantityCell a {font-size: .95em;font-weight: normal;text-decoration: underline;}
#orderContents .quantityCell a:hover {text-decoration: none;}
#orderContents .trackingNumbers {margin-top: -3px;}

#orderDetail #orderContents {width: 100%;}
.orderDetails {float: left;}
.orderDetails dd {margin-top: .50em;}

/* start: orderHistory */
.history {clear: both;margin: 0 1.50em;padding: 1.50em 0 0;}
.history h2 {float: left;font-size: 1.1em;font-weight: bold;color: #e43730; margin: 0 1em 1em 0;}
.history .viewHistory {color: #735a46;display: block;margin-top: 1px;text-decoration: underline;}
.history .viewHistory:hover {text-decoration: none;}
.history table {clear: both;}

#orderHistory {width: 704px;}
#orderHistory th {color: #535353;font-size: .95em;font-weight: bold;padding-bottom: 1.2em;line-height: 0.4em;}
#orderHistory td {font-size: .95em;line-height: 2.1;}
#orderHistory a {color: #e1393e;text-decoration: underline;}
#orderHistory a:hover {text-decoration: none;}
#orderHistory .dateCell {width: 170px;}
#orderHistory .confirmationCell {width: 90px;}
#orderHistory .statusCell {width: 90px;}
#orderHistory .trackingCell {width: 180px;}
#orderHistory .trackingCell li {padding-bottom: 2px;}
#applyToOrder {float: right;margin-top: .6em;}


/* pricing */
.pricing {margin: 0 0 10px 0;position:relative;}
.pricing .callout {position:absolute;left:188px;top:0;}
.pricing dl {padding-top: 2px;}
.pricing dt, .pricing dd, .pricing p, .pricing img {margin-bottom: .70em;}
.pricing dt {clear: left;float: left;}
.pricing .original {padding-right: .50em;}
.pricing p {line-height: 1.2;margin-bottom: 1em;width:175px;}

/* start: product */
.product {float: left;margin: 0 20px 0 0;position: relative;width: 160px;}
.product p {margin-bottom: 3px;}
.product ins, .product span, .product del {line-height: 2;display: block;float: left;}
.product del {margin-right: .70em;}
.product ins {height: 20px;padding-right: 46px;}
.product .exclusive {position: absolute;}
.product a img {padding-left: 2.50em;}

/* start: productDetail */
.productDetail {margin: 0 0 1em 0;}
.productDetail p {line-height: 1.2;margin: 0 0 .70em 0;}
.productDetail label {display: inline;}
.productDetail input.text {margin-right: 7px;width: 1.20em;}
.productDetail input.button {vertical-align: top;}

/* promotions */
#promotions {float: left;width: 100%;}
#promotions div {float: left;min-height: 111px;padding: 10px 15px 0px 15px;position: relative;}

#promoCode {float: right;width: 8.6em;}

#promotions .featurePromotion1 {margin-right: 3px;width: 319px;}
#promotions .featurePromotion2,
#promotions .featurePromotion3 {margin-right: 3px;}
#promotions .featurePromotion2 {width:192px;}
#promotions .featurePromotion3 {width:150px;}
#promotions .featurePromotion4 {width:151px;}

#promotions .featurePromotion2 img {float: left;margin-left: -10px;}
#promotions .featurePromotion2 img.button,
#promotions .featurePromotion3 img.button,
#promotions .featurePromotion4 img.button
{margin:6px 0 0 0;float:left;poisition:absolute;}

#promotions .featurePromotion3 img {float: right;}

/* promotionalCode */
#promotionalCode {border-bottom: 1px solid #b19d88;border-top: 1px solid #b19d88;clear: both;margin: 0 .4em;padding: 1em .6em;}
#promotionalCode label {color: #715749;display: block;float: left;font-size: 1em;font-weight: bold;margin: 3px 0 0 5px;width: 11.5em;}
#promotionalCode p {color: #715749;float: left;font-size: .90em;line-height: 1.2;margin-left: 3px;width: 130px;}

/* quickSearch */
#quickSearch {float: right;margin: 0 0 .70em 0;}
#quickSearch input {float: left;}
#quickSearch input.text {height: 1.20em;margin: .10em .70em .10em 0;width: 90px;}

/* searchResults */
#searchResults #contentColumn1, #searchResults #content {min-height: 200px;}
#searchResults #contentColumn2 {padding-right:  0px;width: 720px;min-height: 200px;}

.searchResult {float: left;letter-spacing: 0.03em;margin: 4px 0.6em 2em 0.1em;min-height: 168px;position: relative;width: 172px;}
.searchResult ins,.searchResult span, .searchResult del {line-height: 2;display: block; float: left;}
.searchResult .exclusive {position: absolute;}
.searchResult a img {padding-left: 2.50em;}
.searchResult del {margin-right: .70em;}
.searchResult ins {height: 20px;padding-right: 46px;}

/* skuSelection */
#skuSelection {margin: -1px 15px 8px 0;}
#skuSelection fieldset {margin: 0 0 9px 0;}

/* spacer */
.spacer {clear: both;height: 30px;}

/* specifications */
.specifications .first {border: none;padding-top: 0;}
.specifications .last {padding-bottom: 0;}
.specifications dt, .specifications dd {border-top: 1px solid #e7e7e7;line-height: 1.3;padding: 5px 0;}
.specifications dt {float: left;font-weight: bold;margin-left: -1px;width: 9em;}
.specifications dd {float: left;width: 82px;}
.specifications dt.customTitle {color: #dbccb2;}
.specifications dt.customValue {color: #e1393e;}


/* storeSearch / storeResults */
#storeLocatorSearch legend {font-size: 1em;}
#storeResults #content legend {font-weight: normal;margin-bottom: .30em;}
#storeResults #content  fieldset input.text,
#storeResults #content  fieldset .selectArea
{float: left; margin-right: 3px;}


#storeResults #content fieldset input {margin-top: -1px;}
#storeResults #content fieldset input#storeCity {width: 8em; margin-top: 1px; float: left;margin-right:3px;}

#storeResults #content fieldset input.text {margin-top: 0px;}
#storeResults select {
    height: 18px;
    margin-bottom: 8px;
    padding: 0px;
}


#storeLocatorResults {font-size: 1em;color: #666;width: 97%;}
#storeLocatorResults a {clear: both;display: block;color: #e1393e;text-decoration: underline;}
#storeLocatorResults a:hover {text-decoration: none;}
#storeLocatorResults td {padding-bottom: 15px;vertical-align:top;}
#storeLocatorResults th {color: #535353;font-size: 1em;font-weight: bold;padding-bottom: 10px;}
#storeLocatorResults .storeInfoCell {width: 155px;}
#storeLocatorResults th.storeInfoCell {padding-left: 35px;}
#storeLocatorResults .storeInfoCell .storeInformation dt img {margin-right: 11px;}
#storeLocatorResults .storeInfoCell .storeInformation dt span {display: block;font-weight: bold;margin-left: 35px;margin-top: -24px;}
#storeLocatorResults .storeInfoCell .storeInformation dd {margin-left: 35px;}
#storeLocatorResults .storeInfoCell .storeInformation dd a {line-height: 1.4em;}
#storeLocatorResults th.distanceCell {margin-top: 0;}
#storeLocatorResults td.distanceCell {width: 70px;}
#storeLocatorResults th.hoursCell {padding-top: 0;text-align: left;padding-left: 0px;}
#storeLocatorResults td.hoursCell {padding-top: 21px;text-align: right;}
#storeLocatorResults em {color: #715749;font-style: italic;line-height: 1.65em;padding-left: 29px;}
#storeLocatorResults .hoursCell dl.storeHours {display: block;margin: -21px 0 0 0px;text-align: left;}
#storeLocatorResults .hoursCell .storeHours dt {float: left;clear: left;width: 35px;}
#storeLocatorResults .hoursCell .storeHours dd {float: left;text-align: right;}


#orderDetail td.quantityCell {
    width: 40px;
}

#orderDetail td.subtotalCell {
    width: 80px;
}

#productListing .wrapProducts {
    margin-bottom: 20px;
}