/* Custom CSS Document for Clothing 4 All
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

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

/* Global styles
--------------------------------------------------------*/
body {background:url(images/body-tile.gif); font-family: Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%;}
#PageSubTable {width:1001px; margin:0 auto;}
#Form2 {margin:0; padding:0}
#ContentCell {background:#fff; border-right:10px solid #cc231d; padding:15px 10px 0 25px;}

/* Instructions */
.Instructions {color:#000;}
#Instruction1_InstructCell {background:#fff09c; border:4px solid #fdcd12; padding:7px; font-size:12px;}
#Instruction1_InstructCell a {color:#fb1717; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; padding:7px 0; color:#000;}
#BreadCrumbs1_BreadCrumbs1 a {color:#fb1717; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#fff09c; border:4px solid #fdcd12; 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 {font-size:14px; font-weight:bold; color:#fff; background:#cc231d; }
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#cc231d;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:30px; font-weight:bold; color:#e6201e; margin:10px 0; padding:10px 0; width:100%; }
#ContentCell h2 {font-size:20px; font-weight:bold; color:#000; margin:5px 0; padding:5px 0; border-bottom:2px solid #feef9a;}
.SubHeadings,
#ContentCell h3 {font-size:14px; font-weight:bold; color:#000; margin:0; padding:0;}
.Content {line-height:18px; font-size:12px; color:#000; text-align:left;}
.Content a {color:#fb1717; text-decoration:underline;}
.Content a:hover {text-decoration:none;}

/* 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 {height:15px;}


/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background:url(images/bn-tile.gif) repeat-x bottom; margin:0; padding:0; height:77px;}
#TopSubBannerCell .float-left {background:url(images/bn-left-bg.gif) no-repeat bottom left; padding:0 0 0 29px; width:auto; height:77px;}
#TopSubBannerCell .float-right {float:left; background:url(images/bn-right-bg.gif) no-repeat bottom right; width:612px; height:77px;}

#TopSubBannerCell .float-right .main {float:left; width:100%; height:38px;}
#TopSubBannerCell .float-right .main .img {float:left; background:url(images/bn-tag.gif) no-repeat; height:38px; width:204px;}
#TopSubBannerCell .float-right .main ul {float:right; width:408px; font-size:21px; color:#e6201e;}
#TopSubBannerCell .float-right .main ul li {}
#TopSubBannerCell .float-right .main ul li a {color:#e6201e; text-decoration:none; padding:0 14px;}
#TopSubBannerCell .float-right .main ul li a:hover {text-decoration:underline;}

#TopSubBannerCell .float-right .sub {clear:left; float:left; width:100%; height:39px; line-height:39px;}
#TopSubBannerCell .float-right .sub ul {float:left; width:612px; font-size:14px; font-weight:bold; color:#fb1717;}
#TopSubBannerCell .float-right .sub ul li {}
#TopSubBannerCell .float-right .sub ul li a {color:#fb1717; text-decoration:none; padding:0 10px;}
#TopSubBannerCell .float-right .sub ul li a:hover {text-decoration:underline;}


/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:21%; vertical-align:top; padding:15px 0 0 0; background:#fff; border-left:10px solid #cc231d;}
#LeftColumnNav1_custommenu {width:211px;}
#LeftColumnCell .lcWrap {margin:0 0 0 25px; float:left; width:auto; height:auto;}

/* Search Styles */
.search {width:165px; height:26px; background:url(images/bn-search-bg.gif) no-repeat; float:left;} /* set width */
ul.searchWrap {line-height:100%; height:26px; width:165px; background:url(images/bn-search-bg.gif) no-repeat; } /* for IE/FireFox consistency */
ul.searchWrap li {height:26px;} /* set height of list items */
ul.searchWrap li a {}
ul.searchWrap li.button img {vertical-align:top;} /* 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 {padding:3px 0 0 15px; vertical-align:top;}
ul.searchWrap li.textbox .searchbox{ background:none; border:none; width:125px; height:16px; margin:0; padding:0; color:#fb1816; font:normal 12px Arial, Helvetica, sans-serif;}

/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:bold; font-size:14px; margin:15px 0;}
.navigator a {line-height:20px;}

.categorybox {padding-left:5px;}
.selectedcategorybox {background:#fb1717; padding-left:5px;}
.overselectedcategorybox,
.overcategorybox {background:#b82820; padding-left:5px;}

.subcategorybox,
.selectedsubcategorybox {background:#b82820; padding-left:5px;}
.oversubcategorybox,
.overselectedsubcategorybox {background:#911c15; padding-left:5px;}

.categorybox a {color:#fb1717; text-decoration:none;}

.selectedcategorybox a,
.overcategorybox a, 
.overselectedcategorybox a {color:#fff; text-decoration:none;}

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

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

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {height:100px; vertical-align:top;}
#FooterCell .ft-border {height:24px; width:100%; background:#fff url(images/ft-tile.gif) repeat-x bottom;}

#FooterCell .ft-border .float-left,
#FooterCell .ft-border .float-right {height:auto; width:24px;}
#FooterCell p {line-height:20px; font-size:11px; font-weight:bold; color:#b82820; text-align:center;}
#FooterCell a {text-decoration:none; color:#b82820; padding:0 8px;}
#FooterCell a:hover {text-decoration:underline;}

#FooterCell .marquee {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fb1717; width:68%; *width:95%; position:absolute; top:93px; right:223px;}
#FooterCell .marquee a {color:#fb1717;}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {}

#ContentCell.default .main {float:left; background:url(images/df-bg01.gif) no-repeat; height:254px; width:734px; text-align:center;}
#ContentCell.default .main .item {float:left; height:auto; width:148px; margin:15px 0 0 28px}
#ContentCell.default .main .item a {font-size:15px; font-weight:bold; color:#fff; text-decoration:none;}
#ContentCell.default .main .item a:hover {text-decoration:underline;}
#ContentCell.default .main .item p {margin:16px 0 0 0px; padding:0; line-height:20px;}

#ContentCell.default .sub {float:left; clear:left; background:url(images/df-bg02.gif) no-repeat; height:237px; width:734px; margin:15px 0 0 0;}
#ContentCell.default .sub ul.float-left {margin-top:57px; margin-bottom:0; margin-left:25px; padding-top:0;  padding-left:25px;}
#ContentCell.default .sub ul.float-left li {font-weight:bold; font-size:24px; line-height:26px; list-style-image:url(images/df-bullet.gif);}
#ContentCell.default .sub ul.float-left li a {color:#e6201e; text-decoration:none;}
#ContentCell.default .sub .float-right {padding:19px 55px 0 0; text-align:center;}
#ContentCell.default .sub .float-right p {font-weight:normal; font-size:20px; color:#d1221d; line-height:42px; margin:0; padding:0;}
#ContentCell.default .sub .clear {text-align:center;}
#ContentCell.default .sub .clear img {margin:8px 0 0 0;}

#ContentCell.default .sub02 {float:left; clear:left; width:734px; height:auto; margin:15px 0 0 0;}
#ContentCell.default .sub02 p {text-align:center; color:#fb1717; font-size:11px; font-weight:bold;}
#ContentCell.default .sub02 a {color:#fb1717; text-decoration:none; padding:0 3px;}
#ContentCell.default .sub02 a:hover {text-decoration:underline;}

#ContentCell.default .sub03 .feature-left {margin:0 66px 0 0;}

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

/* 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 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:10px 0; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {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 */

/* Button Spacing for FireFox */
#ProductDetail21_Table1 .button img {margin:1px 0;}

/* Contact Control Styles
--------------------------------------------------------*/
.contact-form {background:#f2f2f2; padding:10px; font:12px Arial, Helvetica, sans-serif; color:#000; width:90%;} /* Background wrap & border, define font */
table.tblContact {margin:0; padding:0; width:auto;} /*Main styles, table width */
table.tblContact td {vertical-align:top; margin:0; padding:0; height:35px;} /*  Fix for form element spacing issue */
.tblContact td em {color:red;} /* Asterisk color */
.tblContact td input {} /* Input width, border (default: #a5acb2) */
.tblContact td textarea {border:solid 1px #a5acb2; width:140px;} /* Large text area box width, border */
.tblContact td#button input {width:118px; height:21px; background:url(images/buttons/send.gif) no-repeat; color:#000; border:none; text-align:left; padding-left:15px;} /* Submit button style */