/* Custom CSS Document for 
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

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

/* Global styles
--------------------------------------------------------*/
body {background:#fff; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%;}
#PageSubTable {width:100%; background:#fff; /*margin:0 auto;*/ position: absolute; top: 0; left: 0;}
#Form2 {margin:0; padding:0}
#ContentCell {}


/* Instructions */
.Instructions {color:#000; font-size: 10px;}
#Instruction1_InstructCell {background:#fff; border:1px solid #8cccd8; padding:4px; font-size:10px;}
#Instruction1_InstructCell a {color:#000; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; background:#666; padding:7px; color:#fff;}
#BreadCrumbs1_BreadCrumbs1 a {color:#fff; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#f3f3f3; border:1px solid #ccc; padding:7px;} /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#6aa94e;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {color:#000;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#999;}

/* Buttons */
td.button img {margin:4px 0;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:18px; font-weight:bold; color:#000; margin:0 0 15px 0; padding:4px 0 5px 0; width:100%; }
#ContentCell h2 {font-size:16px; font-weight:bold; color:#000; margin:0; padding:0; }
#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:#000; text-decoration:underline;}
.Content a:hover {color:#000; text-decoration:underline;}
#ContentCell p {/*font-size:12px; margin:0 0 15px 0;*/}
#ContentCell p.top {text-align:right; padding-right: 5px;}
#ContentCell p.top a {padding-left:20px; background:url(images/design/c-top.gif) no-repeat 0 50%;}

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

#TopSubBannerCell ul li,
#FooterCell ul li {list-style:none; float:left;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {background:#fff; margin:0; padding:0; height:auto;}
#TopBannerCell ul li {list-style: none;}
#TopBannerCell img {margin:0; padding:0;}


/* Search Styles */
.search {width:155px; float:left; height: 29px;/*margin-bottom: 15px;*/} /* set width */
ul.searchWrap {line-height:100%; } /* for IE/FireFox consistency */
ul.searchWrap li {/*height:33px;*/ float: left;} /* set height of list items */
ul.searchWrap li a {}
ul.searchWrap li.button img {vertical-align:top; margin-top:5px; } /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
ul.searchWrap li.button {padding-left: 5px; margin-top: 3px; }
ul.searchWrap li.textbox .searchbox{width: 119px; margin-top: 9px; *margin-top: 8px; margin-left: 8px; height: 19px; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; color: #222021; padding-left: 4px; border: 0; padding-top: 2px;}
ul.searchWrap li.advsearch {}
ul.searchWrap li.head {}

/* Cart Styles */
.shopline1 {padding-top: 23px; clear: left;}
ul.cartnav {font-size: 11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #201c1d; text-align: center; /*clear: left;*/ }
ul.cartnav li {float: none; display: inline;}
ul.cartnav li a {text-decoration: none; color: #201c1d; }
ul.cartnav li.account {}
ul.cartnav li.viewcart {}
ul.cartnav li.checkout {}
ul.cartnav li.divide {padding: 0 2px 0 2px;}

.shopline2 {/*padding-top: 4px;*/}
ul.shopcart {font-size: 11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #201c1d; clear: left;text-align: center; }
ul.shopcart li {float: none; display: inline;}
ul.shopcart li a {text-decoration: none; }
ul.shopcart li.head {}
ul.shopcart li.items {}
ul.shopcart li.total {}
ul.shopcart li.divide {padding: 0 0 0 0;}
/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {}



/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {/*width:24%;*/ vertical-align:top; background: url(images/coolsidefill.jpg) repeat-y;}
#LeftColumnCell ul {line-height: 24px; clear: left;}
#LeftColumnCell ul li {list-style: none; text-align: center; }
#LeftColumnCell .search-cart {float: left; margin-left: 15px; margin-top: 13px; margin-bottom: 12px; width: 158px; height: 95px; background: url(images/cart-search-box.jpg) #fff; /*position: absolute; left: 810px; top: 15px;*/}
#LeftColumnCell .search-cart ul {line-height: 18px;}
#LeftColumnNav1_custommenu {width:189px; background: #fff; margin-left: 27px; margin-top: 21px;}
#LeftColumnNav1_custommenu td {vertical-align:top;}
.left-column-extra {background: #fff; margin-left: 27px; width: 189px;}
.left-column-extra a {color: #000; text-decoration: underline;}
#LeftColumnCell .left-column-extra ul {margin-top: 16px; padding-bottom: 16px;}
#LeftColumnCell .left-column-extra ul li {list-style: disc; text-align: left; margin-left: 39px; line-height: 20px; }
.credit-card {text-align: center}

/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:bold; font-size:12px;}
.navigator a {line-height:18px; }

.categorybox {}
.selectedcategorybox {}

.overselectedcategorybox,
.overcategorybox {background:#968f73;}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {background:#3f3a58}

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

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

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

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


/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {}
.default #LeftColumnCell {display: none;}
.default #TopBannerCell {display: none;}
.default #TopSubBannerCell {display: none;}
.default #RightColumnCell {display: none;}
.default #FooterCell {display: none;}
.default a {color: #0000FF; text-decoration: underline;}
.default a:hover {color: #0000FF; text-decoration: underline;}

/* Default Dynamic Page Template Styles */
#FeaturedCategories {}
#FeaturedCategories ul {margin:0; padding:0; text-align:center;}
#FeaturedCategories ul li {list-style:none;}
#FeaturedCategories ul li.image {}
#FeaturedCategories ul li.category a {}
#FeaturedCategories ul li.description {}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background:#99CCCC; height: 133px; text-align: left; padding-left: 5px;}
#FooterCell a {color: #fff; font-weight: bold; text-decoration: none; padding-right: 10px; }

/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/* Detail 1 
---------------------------- */
#ProductDetail11_Table1 {border:1px solid #f2f2f2;} /* 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 {border:1px solid #;} /* 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 10px; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail11_trPrice .content {color:#478522; 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*/

/* 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 {border:1px solid #;} /* 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 10px 0 10px; font-size:16pt; font-weight:normal; padding-left: 0;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {background:#f2f2f2; 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 */

/*Styles from mystyles1.css*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.byline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.head2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.chead1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #663399;
}
.chead2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	clip:    rect(auto auto auto auto);


}
.chead3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.list1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: none;
	line-height: 14px;


}
.head2a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.strikethrough {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: line-through;
}
.chead1b {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;

}
.jazzy1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #006633;
}
.chead1R {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}

/*Styles from root Styles.css */
.GeneralPage
{
background-color: #ffffff; /* 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, Helvetica, sans-serif; /* Font Face */
font-size: 14pt; /* Font Size */
color: #99CC66; /* Font Color */
font-weight: Bold; /* Font Style */
text-decoration: none;
font-style: normal; /* FontStyle */
background-color: White; /* Background color */
text-align: left; /* Align Text */
}

.TopSubBanner
{
font-family: Arial, Helvetica, sans-serif; /* Font Face */
font-size: 12pt; /* Font Size */
color: #000000; /* Font Color */
font-weight: bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: White; /* Background color */
text-align: Center; /* Align Text */
}

.TopSubBannerText
{
font-family: Arial, Helvetica, sans-serif; /* Font Face */
font-size: 10pt; /* Font Size */
color: #663300; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: blink;
text-align: left; /* Align Text */
}

.LeftColumn
{
font-family: Arial, Helvetica, sans-serif; /* Font Face */
font-size: 10pt; /* Font Size */
color: Black; /* Font Color */
font-weight: normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: White; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 15%;}

.LeftColumnText
{
font-family: Arial, Helvetica, sans-serif; /* Font Face */
font-size: 9pt; /* Font Size */
color: Black; /* 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: 15%;*/}

.RightColumn
{
font-family: Arial, Helvetica, sans-serif; /* Font Face */
font-size: 10pt; /* Font Size */
color: White; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Bold; /* Font Style */
text-decoration: none;
background-color: White; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 15%;}

.RightColumnText
{
font-family: Arial, Helvetica, sans-serif; /* Font Face */
font-size: 10pt; /* Font Size */
color: White; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Bold; /* Font Style */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 15%;}

.Footer
{
font-family: Arial, Helvetica, sans-serif; /* Font Face */
font-size: 10pt; /* Font Size */
color: White; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: #99CCCC; /* Background color */
text-align: Center; /* Align Text */
vertical-align: Top; /* Align Text */
}

.FooterText
{
font-family: Arial, Helvetica, sans-serif; /* Font Face */
font-size: 10pt; /* Font Size */
color: White; /* Font Color */
font-weight: bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Center; /* Align Text */
vertical-align: Top; /* Align Text */
}