/* Custom CSS Document for Shop Attitudes
   Upgrade 5/18/09
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* From root styles.css
-------------------------------------------------------------------------
-------------------------------------------------------------------------*/

.GeneralPage
{
background-color: ; /* Background Color */
margin-bottom: 0px; /* Margins */
margin-left: 0px; /* Margins */
margin-right: 0px; /* Margins */
margin-top: 0px; /* Margins */
}

.GeneralTable
{
background-color: ; /* Background Color */
}

.TopBanner
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: ; /* Font Color */
font-weight: Bold; /* Font Style */
text-decoration: none;
font-style: normal; /* FontStyle */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.TopSubBanner
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.TopSubBannerText
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Left; /* Align Text */
}

.LeftColumn
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: ; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: px;}

.LeftColumnText
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: px;}

.RightColumn
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Normal; /* Font Style */
text-decoration: none;
background-color: ; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: px;}

.RightColumnText
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Normal; /* Font Style */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: px;}

.Footer
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: ; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
}

.FooterText
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
}

.Instructions
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.ErrorMessages
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Center; /* Align Text */
}

.Messages
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Center; /* Align Text */
}

.Headings
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: ; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.Content
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.ContentTableHeader
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Heading Font Size */
color: ; /* Heading Font Color */
font-weight: Bold; /* Heading Font Style */
font-style: normal; /* Heading FontStyle */
text-decoration: none; /* Heading Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.ContentTable
{
background-color: ;
}

.ContentTableHorizontal
{
background-color: ;
}

/* From custom.css
-------------------------------------------------------------------------
-------------------------------------------------------------------------*/

/* GLOBAL STYLES
--------------------------------------------------------*/
body {background: #DFDDAA url(images/design/bg-body.jpg) repeat-x top; font-family: Arial, Helvetica, sans-serif}
#Form2 {margin: 0; padding: 0}
#Form2 input, #Form2 select {font: 11px Arial, Helvetica, sans-serif; color: #4c4c4c; background: #fff; line-height: normal}
#PageSubTable {width: 775px}
#ContentCell {background: #fff url(images/design/c-tile.jpg) repeat-x bottom}
#Instruction1_InstructCell {background: #E6ECC7; border-top: 2px dotted #C9D787; border-bottom: 2px dotted #C9D787; padding: 7px}
#Instruction1_InstructCell a {color: #4c4c4c}
.Instructions {font-size: 11px; color: #4c4c4c; line-height: 16px}
.Messages, .ErrorMessages {font-size: 11px; font-weight: bold; color: #D11855}
.Headings {font-size: 16px; font-weight: bold; color: #4c4c4c}
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #fff; background: #63802D}
.ContentTableHeader input#CCartControl1_DynaCart_MultiShip {background: #63802D}
.Content {font-size: 11px; line-height: 16px; color: #4c4c4c}

/* Link Styles */
.Content a {color: #962234; text-decoration: underline}
.Content a:hover {color: #962234; text-decoration: none}
#TopBannerCell a:hover, #LeftColumnCell a:hover, #FooterCell a:hover  {text-decoration: underline}

/* 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}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {height: 19px; line-height: 19px; font-size: 11px; color: #fff; font-weight: normal}
#TopBannerCell .c1 {width: auto; float: left; margin: 0 0 0 5px}
#TopBannerCell .c2 {width: auto; float: right; margin: 0 5px 0 0}
#TopBannerCell a {color: #fff; text-decoration: none}
#TopBannerCell span {margin: 0 3px}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {height: 72px; background: url(images/design/bn-tile.jpg) repeat-x top}
#TopSubBannerCell .c1 {margin: 13px 0 0 1px; width: auto; float: left; font-size: 11px; color: #4c4c4c}
#TopSubBannerCell .c2 {width: auto; float: right}
#TopSubBannerCell .c2 .search {width: 195px; float: left; margin: 18px 0 0 0}
#TopSubBannerCell .c2 .search input {border: 1px solid #E2BDBC; background: #63802C url(images/design/bn-search_bg.gif) repeat-x top; color: #fff; font-size: 12px}
#TopSubBannerCell .c2 .cart {width: 255px; float: left; border-bottom: 1px solid #D54B61; margin: 23px 9px 0 0}
#TopSubBannerCell .c2 .cart p {margin: 0; padding: 0 0 0 85px; background: url(images/design/bn-cart.gif) no-repeat 0 50%}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {background: #63802C; width: 19%}
#LeftColumnNav1_custommenu {width: 151px}
#LeftColumnNav1_custommenu h2, #LeftColumnNav1_custommenu h3 {text-indent: -9999px; background-repeat: no-repeat; display: block; font-size: 1px}
#LeftColumnNav1_custommenu h2 {margin: 0 0 10px 0; padding: 0; background: url(images/design/lc-head.gif) 0 0; height: 31px; width: 151px}
#LeftColumnNav1_custommenu h3 {margin: 0 0 15px 0; padding: 0; width: 151px; height: 9px; line-height: normal}
#LeftColumnNav1_custommenu h3.bath {background: url(images/design/lc-subhead01.gif); height: 12px}
#LeftColumnNav1_custommenu h3.gifts {background: url(images/design/lc-subhead02.gif)}
#LeftColumnNav1_custommenu h3.accessories {background: url(images/design/lc-subhead03.gif)}
#LeftColumnNav1_custommenu h3.home {background: url(images/design/lc-subhead04.gif)}
#LeftColumnNav1_custommenu ul {margin: 0 0 15px 12px; padding: 0; list-style: none; font-size: 11px}
#LeftColumnNav1_custommenu a {color: #fff; text-decoration: none}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: url(images/design/ft-tile.jpg) repeat-x top; height: 75px; font-size: 11px; color: #4c4c4c}
#FooterCell .c1 {width: 151px; height: 75px; background: #C9D787; float: left}
#FooterCell h4 {margin: 8px 0 8px 8px; padding: 0; font-size: 1px; background: url(images/design/ft-questions.gif) no-repeat 0 0; text-indent: -9999px; height: 11px; width: 58px}
#FooterCell p {margin: 0 0 0 8px; padding: 0}
#FooterCell .c2 {width: auto; float: right; text-align: right; color: #63802C; margin: 8px 8px 0 0}
#FooterCell .c2 .nav {color: #4c4c4c; line-height: 16px}
#FooterCell .c2 .nav a {color: #4c4c4c; text-decoration: none}
#FooterCell .c2 .nav a:hover {text-decoration: underline}
#FooterCell .c2 .nav span {margin: 0 3px}
#FooterCell .c2 .url {text-decoration: none; color: #63802c}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {padding: 0 0 3px 3px}
#ContentCell.default .c1 {width: auto; float: left}
#ContentCell.default .c1 .refresh {border: 1px solid #41463B; background: url(images/design/df-refresh.jpg) no-repeat top left; width: 149px; height: 542px}
#ContentCell.default .c1 .refresh ul {margin: 324px 0 0 0; padding: 0; list-style: none; width: 149px; text-align: center}
#ContentCell.default .c1 .refresh li.name {color: #962234; font-size: 12px; font-weight: bold}
#ContentCell.default .c1 .refresh li.name span {font-size: 11px; font-weight: normal}
#ContentCell.default .c1 .refresh li.price {font-size: 14px; color: #7D8A2E; font-weight: bold}
#ContentCell.default .c1 .refresh li.image {margin: 10px 0}
#ContentCell.default .c2 {width: auto; float: left; margin-left: 3px}
#ContentCell.default .c2 div, #ContentCell.default .c2 h2 {float: left}
#ContentCell.default .c2 .welcome {line-height: 16px; width: 464px; background: #C9D787 url(images/design/df-welcome_bg.jpg) no-repeat 0 0; margin: 0 0 3px 0; padding: 34px 0 10px 0}
#ContentCell.default .c2 .welcome p {margin: 0 10px}
#ContentCell.default .c2 h2 {background: url(images/design/df-head.gif) no-repeat 0 0; width: 464px; height: 41px; margin: 10px 0; padding: 0; text-indent: -9999px; display: block}
#ContentCell.default .c2 .row {width: 100%}
#ContentCell.default .c2 .item {width: auto; text-align: center; margin-top: 20px}
#ContentCell.default .c2 .item ul {margin: 0 7px; padding: 0; list-style: none}
#ContentCell.default .c2 .item li.price {font-size: 14px; color: #7D8A2E; font-weight: bold}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {padding: 8px; background:#fff;}
#ContentCell.static h1 {font: 20px "Times New Roman", Times, serif; color: #63802C; border-bottom: 1px dotted #D11855; padding: 0; margin: 0 0 15px 0}
#ContentCell.static h2 {font-size: 14px; font-weight: bold; color: #4c4c4c; margin: 0 0 3px 0; padding: 0}
#ContentCell.static h3 {font-size: 12px; font-weight: bold; color: #4c4c4c}
#ContentCell.static p {margin: 0 0 15px 0; padding: 0}

/* NEW STYLES ADDED WITH UPGRADE 5/18/09
-----------------------------------------------------------------------
-----------------------------------------------------------------------*/

/* Global styles
--------------------------------------------------------*/
body {margin: 0; padding: 0;}
#PageTable {width: 100%;}
#PageSubTable {margin:0 auto;}
#Form2 {margin: 0; padding: 0;}
#ContentCell {padding: 8px;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {background: #E6ECC7; border-top: 2px dotted #C9D787; border-bottom: 2px dotted #C9D787; padding: 7px}
#BreadCrumbs1_BreadCrumbs1 a {color: #4C4C4C; text-decoration: underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration: none;}

/* Body Copy Type Styles
--------------------------------------------------------*/
#ContentCell h1.Headings {color: #962234; font-size: 18px; font-weight: normal;}
#ContentCell h2.SubHeadings {font-size: 16px; margin: 0; }
.SubHeadings {text-align: left; font-weight: bold; color: #4C4C4C;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default .c2 div, #ContentCell.default .c2 h2 {float: none; *float: left}

/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/* Detail 1 
---------------------------- */
#ProductDetail11_Table1 {} /* 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 {} /* 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 0;} /* Product Name */
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {padding:10px;} /* Description */
#ProductDetail11_trPrice .content {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 */

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {} /* Main Table*/
#ProductDetail21_Table1 td {vertical-align: top;}

/* 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 5px;} /* Swatch Image Table: Image - current settings fix table problems */

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

/* Content */
#ProductDetail21_trProductName h1.Headings {padding:0 10px 0 0; color: #4C4C4C; font-size:16px; font-weight: bold;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {padding:10px;} /* Description */
#ProductDetail21_trPrice .content {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 */
#ProductDetail21_trAddToCart .button img {margin-top: 10px;} /*Add button on detail page*/

/*Credit card table*/
#Table6 td {padding-left: 5px; }

/*Customer Sign-in */
table.col2 {width: 100%;}

/*Recommended Items*/
#apSampleTest .ContentTableHeader .Content {background: #63802D;}