/* Custom CSS Document for FeatherStore
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* IE 6 PNG Fix
--------------------------------------------------------*/
img, div {behavior:url(iepngfix.htc);}

/* Global styles
--------------------------------------------------------*/
body {margin: 0; padding: 0; background: #7A1414 url(Images/design/body-tile.gif) repeat-y 50% 0; font-family: Verdana, Tahoma, sans-serif;}
#PageTable {width: 100%;}
#PageSubTable {margin:0 auto; width: 972px; background: #fff;}
#Form2 {margin: 0; padding: 0;}
#ContentCell {background: #fff; padding: 7px;}

/* Instructions */
#Instruction1_InstructCell {background: #E8E7E7; border: 1px solid #C8C7C7; padding: 7px}
#Instruction1_InstructCell a {color: #000}
#Instruction1_InstructCell a:hover {}
.Instructions {font-size: 11px; color: #000}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {}
#BreadCrumbs1_BreadCrumbs1 a {}
#BreadCrumbs1_BreadCrumbs1 a:hover {}

/* Search Styles */
#SearchTemplate11_ResultInfo {} /* Search Result Menu*/

/* Errors & Messages */
.Messages, .ErrorMessages {font-size: 12px; font-weight: bold; color: #A03A3A}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {}

#Form2 input, #Form2 select {font: 11px Verdana, Tahoma, sans-serif; color: #000; background: #fff; line-height: normal}

/* Content Tables */
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #fff; background: #7A1414}

/* Buttons */
td.button img {padding-bottom: 3px; padding-top: 3px;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings {font-size: 16px; font-weight: bold; color: #000}
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size: 16px; font-weight: bold; color: #000;}
#ContentCell h2 {font-size: 14px; font-weight: bold; color: #000;}
#ContentCell h3 {font-size: 12px; font-weight: bold; text-transform:uppercase; color: #000;}
.SubHeadings {font-weight: bold; font-size: 12px;}
.Content {font-size: 11px; color: #000; text-align: left;}
.Content a {color: #000; text-decoration: underline}
.Content a:hover {color: #000; text-decoration: none}
#ContentCell p {}
#ContentCell p.top {}
#ContentCell p.top a {}

/* 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 {background: #fff}
#TopBannerCell .logo {width: auto; float: left}
#TopBannerCell .cart {width: auto; float: right; text-align: right; font-size: 10px; margin: 44px 8px 0 0}
#TopBannerCell .cart .r1 {height: 30px; background: url(Images/design/bn-cart.gif) no-repeat 43px 50%; margin-bottom: 3px; color: #999; width: 313px}
#TopBannerCell .cart .r1 a {color: #999}
#TopBannerCell .cart .r1 p {margin: 17px 15px 0 0; padding 0}
#TopBannerCell .cart .r2 {background: url(Images/design/bn-nav_bkgd.gif) no-repeat 0 0; height: 22px; line-height: 22px; width: 313px}
#TopBannerCell .cart .r2 p {margin: 0 10px 0 0; padding: 0}
#TopBannerCell .cart .r2 p a {color: #666}
#TopBannerCell .cart .r2 p a.checkout {color: #03f; padding-right: 7px; background: url(Images/design/bn-cart_arrow.gif) no-repeat 100% 50%}

/* Cart Styles */
ul.cartnav {}
ul.cartnav li {}
ul.cartnav li a {}
ul.cartnav li.account {}
ul.cartnav li.viewcart {}
ul.cartnav li.checkout {}

ul.shopcart {}
ul.shopcart li {}
ul.shopcart li a {}
ul.shopcart li.head {}
ul.shopcart li.items {}
ul.shopcart li.total {}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background: #A03A3A; height: 43px; font-size: 12px; color: #fff; border-bottom: 16px solid #fff}
#TopSubBannerCell a {color: #fff; text-decoration: none}
#TopSubBannerCell .search {float: left; width: auto; background: #7A1414; width: 161px; height: 43px}
#TopSubBannerCell .search div {margin: 12px 0 0 12px}
#TopSubBannerCell .search input {border: none; background: #BD6464; width: 95px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff}
#TopSubBannerCell .nav {float: right; width: auto; height: 43px; line-height: 43px; margin: 0 10px 0 0}
#TopSubBannerCell .nav span {margin: 0 3px}

/*Default page only */
#TopSubBannerCell .promo-bar {width: 100%; float: left; height: 39px; background: #ebebeb; line-height: 39px; text-transform: uppercase; color: #7a1414; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-align:center; }

/* Search Styles */
.search {} /* set width */
ul.searchWrap {} /* for IE/FireFox consistency */
ul.searchWrap li {} /* set height of list items */
ul.searchWrap li a {}
ul.searchWrap li.button img {} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
ul.searchWrap li.button {}
ul.searchWrap li.textbox .searchbox{}
ul.searchWrap li.advsearch {}
ul.searchWrap li.head {}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {background: url(Images/design/lc-tile.gif) repeat-y left; width: 16%; font-size: 12px; padding-bottom: 12px; vertical-align:top;}
#LeftColumnNav1_custommenu {width: 161px}
#LeftColumnNav1_custommenu .nav {margin: 12px 0 0 12px}
.LeftColumnText a {color: #7A1414; height: 18px; line-height: 18px}

/* NavControl Styles */
.navigator {width: 151px; cursor:hand; cursor:pointer; }
.navigator a {}

.categorybox {color: #000!important; font-weight: bold; text-decoration: underline; }
.selectedcategorybox {}

.overselectedcategorybox,
.overcategorybox {color: #000!important; font-weight: bold; text-decoration: underline; }

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {}

.categorybox a,
.selectedcategorybox a {}

.overcategorybox a, 
.overselectedcategorybox a {}

.subcategorybox a,
.selectedsubcategorybox a {}

.oversubcategorybox a,
.overselectedsubcategorybox a {}

/* Search Styles
--------------------------------------------------------*/
#LeftColumnNav1_SimpleSearch1_Panel1 {margin: 0; padding: 0; font-size: 11px; color: #000}
#LeftColumnNav1_SimpleSearch1_Panel1 a {color: #000; text-decoration: none}
#LeftColumnNav1_SimpleSearch1_Panel1 a:hover {color: #000; text-decoration: none}
#LeftColumnNav1_SimpleSearch1_Panel1 input {border: 1px solid #000}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {padding: 0;}
.default #ContentCell {padding: 0 0 0 16px}
.default #ContentCell .features {float: left; width: 623px; }
.default #ContentCell table {color: #600; font-size: 14px; font-weight: bold; float: left}
.default #ContentCell table img {width: 81px; height: 80px; border: 1px solid #fff; border-top: none}
.default #ContentCell table td.alt, .default #ContentCell table td.alt2, .default #ContentCell table td.alt-top, .default #ContentCell table td.alt-base {background: url(Images/design/df-imgtile.gif) repeat-y left; vertical-align: bottom; text-align: left; padding: 0 40px 12px 12px}
.default #ContentCell table td.alt-top {background: url(Images/design/df-img_round01.gif) no-repeat top left}
.default #ContentCell table td.alt-base {background: url(Images/design/df-img_round02.gif) no-repeat bottom left}
.default #ContentCell table td#right {padding-right: 0}
.default #ContentCell table a {color: #7A1414; text-decoration: none}
.default #ContentCell .new {border: 1px solid #999; float: left}
.default #ContentCell .new h2 {display: block; height: 33px; text-indent: 11px; line-height: 33px; margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #7A1414; background: url(Images/design/df-new_tile.gif) repeat-x top; width: 100%; float: left}
.default #ContentCell .new .row {height: auto; float: left; width: 100%}
.default #ContentCell .new .row .products {float: left; width: auto}
.default #ContentCell .new .row .products ul {margin: 10px 10px 0 10px; padding: 0; list-style: none; float: left; width: auto}
.default #ContentCell .new .row .products ul a {color: #999}
.default #ContentCell .new .row .products ul.first .image {border-right: 1px solid #999; padding-right: 20px}
.default #ContentCell .new .row .ad {float: right; width: auto; margin: 1px 1px 1px 0}
.default #ContentCell .right-col {float: left; width: 172px;}
.default #ContentCell .right-col .box {margin-left: 19px; width: 152px; height: 150px; margin-bottom: 10px; background: #7a1414; }
.default #ContentCell .right-col .box .box-title {width: 100%; height: 37px; line-height: 37px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; text-transform:uppercase; background: #7a1414;}
.default #ContentCell .right-col .box .item {background: url(images/rc-box-bg.gif) repeat-y; width: 100%; height: 111px; }
.default #ContentCell .right-col .box .item .feature-image {float: left; margin-top: 23px; margin-left: 14px; width: 43px; height: 66px;}
.default #ContentCell .right-col .box .item ul.details {list-style: none; margin: 23px 14px 23px 13px; padding: 0; float: left; width: 68px;}
.default #ContentCell .right-col .box .item ul.details li {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.default #ContentCell .right-col .box .item ul.details li.product-name {color: #7a1414; line-height: 13px; }
.default #ContentCell .right-col .box .item ul.details li.product-name a {color: #7a1414; text-decoration: underline; font-weight:normal;}
.default #ContentCell .right-col .box .item ul.details li.product-name a:hover {text-decoration: none;}
.default #ContentCell .right-col .box .item ul.details li.product-code {color: #898989; margin-top: 4px; }
.default #ContentCell .right-col .box .item ul.details li.product-price {font-size: 14px; color: #7a1414; margin-top: 4px; font-weight: bold;}
.default #ContentCell .home-text {clear: both; float: left; width: 100%;}

/* Default Dynamic Page Template Styles */
#FeaturedCategories {}
#FeaturedCategories ul {}
#FeaturedCategories ul li {}
#FeaturedCategories ul li.image {}
#FeaturedCategories ul li.category a {}
#FeaturedCategories ul li.description {}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {}

/* Static Page Styles
--------------------------------------------------------*/
.static #ContentCell {padding: 8px}
.static #ContentCell h1 {font-size: 16px; font-weight: bold; color: #000}
.static #ContentCell h2 {font-size: 14px; font-weight: bold; color: #000}
.static #ContentCell h3 {font-size: 12px; font-weight: bold; color: #000}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: #fff; color: #999; font-size: 11px; padding-top: 5px}
#FooterCell p {line-height: 24px}
#FooterCell a {color: #999; text-decoration: none}
#FooterCell .c1 {width: auto; float: left}
#FooterCell .c2 {width: auto; float: right; margin-top: 10px}

/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/*Detail Pages
---------------------------------------------------------*/
#ProductDetail21_CustomPriceCell {font-weight:bold; font-size: 12px; padding: 10px 0}
#ProductDetail21_trPrice td.content {font-weight: bold; font-size:12px; padding: 10px 0}

/* 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 .Headings {padding:0 10px 0 0; margin-bottom: 0;} /* Product Name */
#ProductDetail21_trProductCode td {} /* Product Code */
#ProductDetail21_trCategory td {padding-top: 10px;} /* Category Name */
#ProductDetail21_trDescription td {padding:10px;} /* Description */
#ProductDetail21_trPrice td {padding-top: 10px; font-weight:bold; font-size: 12px;} /* 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 td  {} /* Quantity */
#ProductDetail21_trAddToCart td {padding-top: 15px;}
/*Credit card table*/
#Table6 td {padding-left: 5px; }

/*Customer Sign-in */
table.col2 {width: 100%;}

/*Recommended Items*/
#apSampleTest .ContentTableHeader .Content {background: #7A1414;}

/*Search Results */
#SearchTemplate11_DataGrid1 td {text-align: left!important;}
