@import url("../../../../css/base.css");

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

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

/* Global styles
--------------------------------------------------------*/
body {background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:881px;}
#PageSubTable {width:881px;}
#Form2 {margin:0; padding:0}
#ContentCell {width:auto;}

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

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; padding:7px; color:#055590; display:none;}
#BreadCrumbs1_BreadCrumbs1 a {color:#055590; 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:#c00;}

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

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#003366;}
.ContentTableHeader a {color:#fff; font-weight:bold; text-decoration:none;}
.ContentTableHeader a:hover {text-decoration:underline;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:18px; font-weight:bold; color:#003366; margin:5px 0 15px 0; padding:5px 0; width:100%; height:20px;}
#ContentCell h2 {font-size:14px; font-weight:bold; color:#000; margin:5px 0; padding:5px 0; border-bottom:1px solid #ccc;}
#ContentCell h3 {font-size:12px; font-weight:bold; color:#000; margin:0; padding:0;}
.Content {line-height:18px; font-size:10px; color:#003366; text-align:left;}  /* Change type size & color 020409 LS*/
.Content a {color:#000; text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#ContentCell p {margin:0 0 15px 0;}

/* 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,
#FooterCell ul li {list-style:none; float:left;}
#LeftColumnCell ul li {list-style:none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {margin:0; padding:0; height:157px; vertical-align:top;}
#TopBannerCell img {margin:0; padding:0;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {}

.divStyle
{
	padding-left: 9px;
	text-align: right;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	font-weight: 200;
}
#TopSubBannerCell .divStyle a.TopSubBannerLink
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	font-weight: 200;
	text-decoration: none;
	}
#TopSubBannerCell .divStyle a.TopSubBannerLink:Hover
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	font-weight: 200;
	text-decoration: none;
	}
#TopSubBannerCell .divStyle a.TopSubBannerLink:Visited
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	font-weight: 200;
	text-decoration: none;
	}

/* Search Styles */
.search {width:155px; float:left;} /* set width */
ul.searchWrap {line-height:100%;} /* for IE/FireFox consistency */
ul.searchWrap li {height:33px;} /* 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 {}
ul.searchWrap li.textbox .searchbox{}
ul.searchWrap li.advsearch {}
ul.searchWrap li.head {}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:23%; vertical-align:top;}
#LeftColumnNav1_custommenu {width:207px;}
#LeftColumnNav1_custommenu td {vertical-align:top;}

.rotator {margin-top: 10px; margin-bottom: 8px;}
.lc-rotator {width:100%; text-align:center;}

.lc-menu {width:190px; border-top:2px solid #9d9da1; border-right:2px solid #9d9da1; border-bottom:2px solid #e0dfe3; border-left:2px solid #e0dfe3; height:auto; float:left; font-weight:bold; font-size:10px; text-transform:uppercase;}
.lc-menu li {width: 100%}

ul.lc-menu {width:190px; margin:0; padding:0;}
ul.lc-menu li {display:block; background:#cda839 url(images/lc-bg.gif) no-repeat left; border-top:1px solid #9d9da1; border-right:1px solid #e0dfe3; border-bottom:2px solid #fff; border-left:1px solid #9d9da1}
ul.lc-menu a {color:#000; width:auto; display:block; padding:0 0 0 50px; font-weight:normal; line-height:18px; border-bottom:1px solid #e0dfe3;}
ul.lc-menu a:hover {color:#fff; text-decoration:underline;}

/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer}
.navigator a {line-height: normal; font-weight:normal;}

.categorybox,
.selectedcategorybox,
.overselectedcategorybox,
.overcategorybox {background:#cda839 url(images/lc-bg.gif) no-repeat 0 50%; padding:3px 0 3px 50px; margin:2px 0; border-top:1px solid #9d9da1; border-right:1px solid #e0dfe3; border-bottom:1px solid #e0dfe3; border-left:1px solid #9d9da1;}

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

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

.subcategorybox a,
.selectedsubcategorybox a {color:#000; text-decoration:underline;}

.oversubcategorybox a,
.overselectedsubcategorybox a {color:#000; text-decoration:underline;}

a.LeftColumnText {background:#cda839 url(images/lc-bg.gif) no-repeat 0 50%; padding:3px 0 3px 50px; color:#000; font-weight: normal; margin:0; border-top:1px solid #9d9da1; border-right:1px solid #e0dfe3; border-left:1px solid #9d9da1; display: block}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {}
#ContentCell.default table {width:664px;}
#ContentCell.default table img {border:0;}  /* home page elements border off LS 012309*/
#ContentCell.default table th {background:#003366; height:22px;}
#ContentCell.default table td {padding:10px 0 10px 0;}

/* 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 {border-top:15px solid #fff; background:#000;}
.FooterGoldText {color: #CDA839; font-size: 16px; text-decoration: none; font-weight:bold;}
.FooterWhiteText {font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: White; font-weight:bold;}

/* Search Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
#ContentCell.search img {border:0;} /* catolog page elements LS 012309*/
#ContentCell.search .CatName {line-height:25px; height:25px; width:100%; text-indent:8px; font-weight:bold; color:#fff; font-size:12px; background:#003366;}

/* 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*/
.optionsbox {background: #CDA839}
#ProductDetail11_Table2 {} /* Info Table*/
#ProductDetail11_Table2 td {padding:3px 0 3px 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_trProductName h1 { background:#CDA839; text-indent: 5px}
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {} /* 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 */

/* Button Spacing for FireFox */
#ProductDetail11_trAddToCart .content img,
#ProductDetail11_trSavedCart .content img,
#ProductDetail11_trEMailFriend .content img {margin:1px 0;}

#ProductDetail11_Table2 #ProductDetail11_trAddToCart td {padding-bottom: 10px}

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {border:1px solid #f3f3f3;} /* 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 {height:100%;} /* 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:18px; font-weight:normal; color:#003366;} /* 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 */

/* Button Spacing for FireFox */
#ProductDetail21_trAddToCart .content img,
#ProductDetail21_trSavedCart .content img,
#ProductDetail21_trEMailFriend .content img {margin:1px 0;}

/* Related Product Control */
.related-header {width: 100%; float: left; margin-bottom: 20px}
.related-header {text-align:right; font-size:12px; color:#000;}
#ContentCell .related-header h2 {float:left; width:auto; border:none; margin-top:0; padding-top:0; color:#003366; font-size:16px; font-weight:bold;}
.related, .paging {position: relative; width: 100%; float: left}  /* Center realted info copy 020409 LS*/
table#tblDataList {width:100%;}