/* Custom CSS Document for Sew'n Knit'n Serge Outlet
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

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

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

/* Instructions */
.Instructions
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #E7E3D7; /* Background color */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */
}
#Instruction1_InstructCell {padding: 7px;}
#Instruction1_InstructCell a {}
#Instruction1_InstructCell a:hover {}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {color: #666666;}
#BreadCrumbs1_BreadCrumbs1 a {color: #666666; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration: none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {} /* Search Result Menu*/

/* Errors & Messages */
.ErrorMessages
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #C90D4F; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	text-align: center; /* Text Align */
}

.Messages
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #C90D4F; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	text-align: center; /* Text Align */
}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {}

/* Content Tables */

.ContentTableHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 10pt; /* Heading Font Size */
	color: #000000; /* Heading Font Color */
	font-weight: bold; /* Heading Font Style */
	font-style: normal; /* Heading FontStyle */
	text-decoration: none; /* Heading Font Style */
	background-color: #E7E3D7; /* Background color */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */
}

.ContentTable
{
	background-color: #E7E3D7;
}

.ContentTableHorizontal
{
	background-color: #E7E3D7;
}
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {}

/* Buttons */
td.button img {padding: 5px;}

/* Body Copy Type Styles
--------------------------------------------------------*/

.Headings,
.CenterHeadings,
#ContentCell h1 {font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 10pt; /* Font Size */
	color: Black; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */}
#ContentCell h2 {font-size: 10pt; text-transform:uppercase;}
#ContentCell h3 {font-size: 10pt;}
.SubHeadings {text-align: left; font-weight: bold; font-size: 10pt;}
.Content
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: black; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
	text-align: left; /* Text Align */

}
.Content a {}
.Content a:hover {}
#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;}

.Inputs
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: black; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none; /* Font Style */
	background-color: #FFFFFF; /* Background color */
	background-image: none; /* Background Image */
}

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

#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li,
#FooterCell ul li {}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {padding: 10px;}
#TopBannerCell img {}

.TopBanner
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 28px; /* Font Size */
	color: #666666; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #FFFFFF; /* Background Color */
	background-image: none; /* Background Image */
	text-align: left; /* Align Text */
}

/* 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 {padding: 10px;}

#TopSubBannerCell ul {margin: 0; padding: 0; text-align: center;}
#TopSubBannerCell ul li {list-style: none;  float: none; display: inline; padding: 0 4px;}
#TopSubBannerCell ul li a {color: #E7E3D7;}

.TopSubBanner
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 9pt; /* Font Size */
	color: #E7E3D7; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #666666; /* Background color */
	background-image: none; /* Background Image */
	text-align: center; /* Align Text */
}

.TopSubBannerText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 9pt; /* Font Size */
	color: #E7E3D7; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	text-align: center; /* Align Text */
}



/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {padding: 10px 15px; width: 35%;}
#LeftColumnNav1_custommenu {width: 100%;}
#LeftColumnNav1_custommenu td {}
#LeftColumnCell ul {margin: 0; padding: 0;}
#LeftColumnCell ul li {list-style: none; line-height: 24px;}
#LeftColumnCell ul li a {color: #000000; }
.LeftColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #C6BFA5; /* Background color */
	background-image: none; /* Background Image */
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	/*width: 20%;  Cell Width */
}

.LeftColumnText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	/*width: 20%;  Cell Width */
}

/* NavControl Styles */
.navigator {}
.navigator a {}

.categorybox {}
.selectedcategorybox {}

.overselectedcategorybox,
.overcategorybox {}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {}

.categorybox a,
.selectedcategorybox a {}

.overcategorybox a, 
.overselectedcategorybox a {}

.subcategorybox a,
.selectedsubcategorybox a {}

.oversubcategorybox a,
.overselectedsubcategorybox a {}

/* Right Column
--------------------------------------------------------*/
#RightColumnCell {padding: 10px 15px;}
#RightColumnCell ul {margin: 0; padding: 0;}
#RightColumnCell ul li {list-style: none; line-height: 24px;}
#RightColumnCell ul li a {color: #000000; }

/* Search Styles */
.search {margin-top: 15px; width: 115px;} /* 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 {vertical-align: top; padding-left: 3px; margin-top: 2px;} /* 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 {float: left;}
ul.searchWrap li.textbox .searchbox{width: 88px; font-size: 10px; }
ul.searchWrap li.advsearch {}
ul.searchWrap li.head {}

.RightColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #C6BFA5; /* Background color */
	background-image: none; /* Background Image */
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	/*width: 20%;  Cell Width */
}

.RightColumnText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #000000; /* Font Color */
	font-weight: normal; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; /* Align Text */
	/*width: 20%;  Cell Width */
}



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

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

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {padding: 10px;}
#FooterCell ul {margin: 0; padding: 0; text-align: center;}
#FooterCell ul li {list-style: none;  float: none; display: inline; padding: 0 4px;}
#FooterCell ul li a {color: #C6BFA5;}
.Footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #C6BFA5; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	background-color: #000000; /* Background color */
	background-image: none; /* Background Image */
	text-align: center; /* Align Text */
	vertical-align: top; /* Vertical Align Text */
}

.FooterText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
	font-size: 8pt; /* Font Size */
	color: #C6BFA5; /* Font Color */
	font-weight: bold; /* Font Style */
	font-style: normal; /* FontStyle */
	text-decoration: none;
	text-align: center; /* Align Text */
	vertical-align: top; /* Vertical Align Text */
}


/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/* Detail 1 
---------------------------- */
.optionsbox {border: 1px solid #E7E3D7;}
.optionsbox td {padding: 5px;}
#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:11px; 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 10px;} /* 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 */

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

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

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