/* 	__________________________________________________________________________________________
            Ayers Connectweb CSS	

            __________________________________________________________________________________________
*/

/* Basic Styles
_____________________________________________________________________________________________ */

body {
  background: #fffed5;
  margin: 0;
  padding: 25px 1px;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #000;
  letter-spacing: normal;
  }
p, tr, td, ul, li {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  }
ul li {
  margin:0;
  list-style-type: square;
  }
h1 {
  padding: 5px 10px;
  margin: 5px 0;
  font: bold 14px/20px Arial, Verdana, Helvetica, Sans-Serif;
  color: #fff;
  border: none;
  border-bottom: 0px solid #666;
  background-color: #69574b;
  }
h3 {
  padding: 0 3px;
  margin: 3px;
  font: bold 12px/13px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
h3:before { 
  content: "\00BB \0020";	/* adds a ">>" before H3s, not visible on IE */
  }
h4 {
  padding: 3px;
  margin: 0px;
  font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #fff;
  text-align: left;
  background: #69574b;
  border: 1px solid #69574b;
  }
h5, h6 {
  padding: 0;
  margin: 0;
  font: bold 12px/16px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
a, a:link, a:visited, a:active {
  text-decoration: none;
  color: #333;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  }
a:hover {
  text-decoration: underline;
  color: #666;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  cursor: pointer;
  }
table td { vertical-align:top; }
img { border: none; }
.hide { display: none; }
option { min-width: 1.5em; }


/* Main Layout
___________________________________________________________________________________________ */
/*	_________________________
	Fluid Container */
table#container {
  margin: 0 2%;
  padding: 0;
  width: 95%;
  min-width: 600px;
  background:#fff;
  border: 1px solid #333;
  }

/*	____________________
	Pop-up Containers */
#popupContainer {
  width:90%;
  padding:10px;
  margin: 0 3%;
  background: #FFF;
  }

/*	_______________________
	Pages with a sidebar */
#navcolumn {
  margin: 0;
  padding: 0 5px;
  width:150px;
  vertical-align:top;
  text-align:center;
  border-right: 1px solid #eee;
  }
#contentcolumn {
  padding:0px;
  margin:0px;
  vertical-align:top;
  text-align:left;
  width: 100%;
  }
  
/*	__________________________
	Pages without a sidebar */
#page, #pag {
  padding:0px;
  margin:0px;
  background:#fff;
  }
  
/*	________________________________
	Content Section on Every Page */
#maincontent {
  margin:0px;
  padding:5px 10px 10px 10px;    
  text-align: left;
  }

/* Header
___________________________________________________________________________________________ */
#Header {
  background: #69574b;
  padding: 0;
  margin: 0 0 5px 0;
  width: 100%;
  position: relative;
  }
#BrandingArea {
  height:185px;
  width:100%;
  background: #ffffff;
  position: relative;
  }
  
/*	___________________
	Logo Positioning */
/*#Logo {
  position: absolute;
  top: 24px;
  left: 10px;
  }*/
  
/*	___________________
	Logo Replacement */
	/* Want to use one logo for your site, and another for printing?  Here's a trick: the following css
	will hide your site logo and replace it with a different logo as a background image.  The background
	image will show on your site, the store logo will print. This will also allow you to create a hover
	effect since your logo links to the home page. */
#Logo a { /* Selects the logo link, where your default logo resides, so we can use a new background image as a link. */
  position: absolute; /* This sets the positioning for your logo.  Absolute positioning will allow it to float over everything else in your header so you can put it where you like. */
  top: 10px; /* Distance from the top of your header. */
  left: 10px; /* Distance from the left of your header.  You can also use 'right' if you like, depending on your placement. */
  text-indent: -9999px; /* This will help hide any text or images that might be a part of your logo. */
  background: transparent url(Ayers_Logo.gif) no-repeat top left; /* Your new logo image. */
  display: block; /* This is important; it allows us to define a size for the link that our logo sits within. */
  width: 166px; /* The exact width of your new logo image. */
  height: 171px; /* The exact height of your new logo image, obviously. */
  }
#Logo a:hover { /* Selects the hover for our linked background image. */
  background: transparent url(Ayers_Logo.gif) no-repeat top left; /* Want the image to change when hovered over? Use an image the exact size as your new logo image. */
  }
#Logo img { display: none; } /* Some browsers are still rather stupid, so this will make sure the linkage area is contained to only your new image, not beyond it if the original and new images are different sizes. */

/*	____________
	Site Menu */
#SiteMenu UL {
  position: absolute;
  top: 75px;
  right:90px;
  margin:0px;
  white-space:nowrap;
  }
#SiteMenu LI {
  display: inline;
  list-style-type: none;
  }
#SiteMenu A {
  padding-left:8px;
  padding-right:0px;
  padding-top:2px;
  padding-bottom:5px;
  color: #0000ff;
  font: bold 10px  Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  }
#SiteMenu A:Hover {
  color:#dfdf00;
  text-decoration: none;  
  }
#MiniCart {
  position:absolute;
  text-align:left;
  top:127px;
  right:130px;
  color: #0000ff;
  font: 10px/10px Verdana, Arial, Helvetica, Sans-Serif;
  }
#ShoppingCartLink {
  position:absolute;
  top:127px;
  right:240px;
  color: #0000ff;
  font: bold 10px/10px Verdana, Arial, Helvetica, Sans-Serif;
  }
#ShoppingCartLink a:link, #ShoppingCartLink a:visited {
  color: #0000ff;
  font: bold 10px/10px Verdana, Arial, Helvetica, Sans-Serif;
  }  
#ShoppingCartLink A:Hover {
  color:#dfdf00;
  font: bold 10px/10px Verdana, Arial, Helvetica, Sans-Serif;
  }

/*	___________

/* Main Menu
___________________________________________________________________________________________ */
#MainMenu {
  width:100%;
  background: transparent;
  text-align:center;
  }
  
/*	_____________________________
	Top-Banner Categories Menu */
#MenuLevel1, #MenuLevel1 table {
  background: transparent;
  margin: 0 auto;
  background: #69574b;
  }

/*	______________________________
	Category Top-Banner Tab Images
	(to control spacing, uncomment and adjust this and don't forget to comment out link tabs below) */
/*#MenuLevel1 .MenuItem,
#MenuLevel1 .MenuItemActive {
  padding: 0 8px;
  }*/
  
/*	_____________________________
	Category Top-Banner Tab Links
	(comment out the following if you're using category images, see above)*/
#MenuLevel1 .MenuItem, #MenuLevel1 .MenuItem a {
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  background: #69574b;
  color: #69574b;
  line-height: 25px;
  text-align: center;
  }
#MenuLevel1 .MenuItem a:hover, #MenuLevel1 .MenuItemActive a:hover {    
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  background: #69574b;
  color: #fff;
  line-height: 25px;
  text-align: center;
  }
#MenuLevel1 .MenuItemActive, #MenuLevel1 .MenuItemActive a {
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  background: #69574b;
  color: #69574b;
  line-height: 25px;
  text-align: center;
  }
#MenuLevel1 A, #MenuLevel1 A:Hover {
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  line-height: 25px;
  display: block;
  padding: 0 8px;
  white-space:nowrap;
  }

/*	________________________________
	Sub-Category Links Under Tabs */
#MenuLevel2 {
  width:100%;
  background: #69574b;
  visibility: Hidden;
  }
#MenuLevel2 Table {
  margin: 0 auto;
  }
#MenuLevel2 .MenuItem {
  padding: 2px 10px 0 10px;
  background:transparent;
  text-align: center;
  }
#MenuLevel2 a {
  font: 11px/16px Verdana, Arial, Helvetica, Sans-Serif;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  }
#MenuLevel2 a:hover {
  color:#ccc;
  text-decoration:none;
  white-space:nowrap;
  }

/* Home Page
___________________________________________________________________________________________ */
#PageHome #MainContent, .HomepageBlock {
  padding:0;
  margin:0;
  }
#HomeTable {
  padding:0;
  margin:0;
  width:100%;
  }
#HomeColumn1 {
  vertical-align: top;
  text-align: left;
  padding: 0 5px;
  width: 150px;
  margin: 0;
  border-right: 1px solid	#eee;
  }
#HomeColumn2 {
  vertical-align:top;
  text-align:center;
  padding: 0 5px;
  margin: 0;
  }
#HomeColumn3 {
  vertical-align:top;
  text-align:left;
  padding: 0 5px;
  width: 150px;
  margin: 0;
  border-left: 1px solid #eee;
  }
#HomepageSample1 {
  background: #fff url(FreshStartImage.png) no-repeat 50% 50%;
  height: 180px;
  margin: 0;
  padding: 0;
  }
#HomepageSample2 {
  background: #f5f5f5;
  text-align: left;
  vertical-align: middle;
  margin: 10px 0;
  padding: 5px;
  border: solid 1px #999;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  }

/* Other Menus
___________________________________________________________________________________________ */
#navColumn ul, .CategoryList ul,
#navColumn ul li, .CategoryList ul li {
  padding: 0;
  margin:0;
  list-style-type: none;
  }
  
/*	________________________________________
	Customer Service and My Account Menus */
.NavColumnBlock {
  background: #fff;
  padding: 0;
  margin: 0;
  width: 150px;
  }
.NavColumnBlockContent {
  padding: 3px;
  margin: 0 0 6px 0;
  line-height: 1.1em;
  text-align: left;
  background: #fff;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  color: #666;
  }

/*	___________________________________________
	Customer Service & My Account Menu Links */
.NavColumnBlockContent a, .NavColumnBlockContent a:visited, .NavColumnBlockContent a:link {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  text-decoration: none;
  list-style-type: none;
  margin: 0 0 0 10px;
  }
.NavColumnBlockContent a:hover {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #333;
  text-decoration: underline;
  }  

/*	_________________________
	Side Bar Menus & Forms */
.CategoryList, .SearchBoxForm, .MailingListSignupForm {
  width:150px;
  padding:0;
  }
.CategoryListContent, .SearchBoxFormContent, .MailingListSignupFormContent {
  padding: 3px;
  margin: 0 0 6px 0;
  text-align: left;
  background: #fff;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  }
.SearchBoxFormContent .FormInput, .MailingListSignupFormContent .FormInput {
  border: #666 1px solid;
  background: #fff;
  color: #666;
  padding-left: 2px;
  font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
  height: 27px;
  width: 70%;
  }
.MailingListSignupFormContent .FormLabel {
  font: 10px/12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
/*	_________________________
	Search Button Position */
#ContentColumn1__ctl1_btnGoSearch,
#ContentColumn4__ctl1_btnGoSearch,
#ContentColumn5__ctl1_btnGoSearch {
  margin-bottom: -0px; /* Adjust as needed. */
  }

/*	_________________________________
	Side Bar Categories Menu Links */
.CategoryListContent ul, .CategoryListContent ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;

  }
.CategoryListContent li { margin: 0; }
.CategoryListContent a,
.CategoryListContent a:link,
.CategoryListContent a:visited {
  display: block;
  color: #000;
  background-color: #fff;
  padding: 5px 6px; /*MJB*/
  text-decoration: none;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  border-bottom: 1px solid #666; /*JB*/
  }
.CategoryListContent li li a,
.CategoryListContent li li a:link,
.CategoryListContent li li a:visited {
  display: block;
  color: #000;
  background-color: #fff;
  padding: 1px 2px 1px 12px;
  text-decoration: none;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  }
.CategoryListContent .CurrentCategory a,
.CategoryListContent .CurrentCategory a:link,
.CategoryListContent .CurrentCategory a:visited,
.CategoryListContent .CurrentCategory a:hover {
  color: #000;
  background-color: #fff;
  font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
  }
.CategoryListContent .SubCategory a,
.CategoryListContent .SubCategory a:link,
.CategoryListContent .SubCategory a:visited {
  display: block;
  color: #000;
  background-color: #fff;
  padding: 1px 2px 1px 12px;
  text-decoration: none;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  }
.CategoryListContent .CurrentCategory .SubCategory a,
.CategoryListContent .CurrentCategory .SubCategory a:link,
.CategoryListContent .CurrentCategory .SubCategory a:visited {
  display: block;
  color: #000;
  background-color: #fff;
  padding: 1px 2px 1px 18px;
  text-decoration: none;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  }
.CategoryListContent a:hover,
.CategoryListContent li li a:hover,
.CategoryListContent .SubCategory a:hover,
.CategoryListContent .CurrentCategory .SubCategory a:hover {
  color: #fff;
  background-color: #69574b;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  }

/* Breadcrumbs
___________________________________________________________________________________________ */
#BreadCrumbs {
  margin: 0 0 8px 0;
  padding: 2px 4px;    
  font: 10px Arial, Verdana, Helvetica, Sans-Serif;
  color: #999;
  text-align: left;
  display:block;
  background: #fff;
  }
#BreadCrumbs a, #BreadCrumbs a:link, #BreadCrumbs a:visited {
  color: #000;
  font: 10px Arial, Verdana, Helvetica, Sans-Serif;
  text-decoration: none;
  }
#BreadCrumbs a:hover {
  color: #990100;
  font: 10px Arial, Verdana, Helvetica, Sans-Serif;
  text-decoration: none;
  }
.BreadCrumbTrailSpacer {
  font: 8px Verdana, Arial, Helvetica, Sans-Serif;
  }
.BreadCrumbTrailNoLink {
  }

/* Category Page
___________________________________________________________________________________________ */
#LayoutTable {
  width:97%;
  }
#Records table {
  border-top: 1px solid #ccc;
  width:97%;
  }
#Records table tr td {
  text-align:center;
  }
#Records table table {
  border:none;
  width:100%;
  }

/*	____________________________________________________
	Category Header (also uses H1 for category title) */
#CategoryBanner {
  margin: 3px 0;
  }
#Description {
  font:12px/14px Verdana, Helvetica, Arial, Tahoma, Sans-Serif;		
  color:#333;
  margin:10px 0;
  }
#RecordsFound, #Pager ,#Sorter , #Sorter TD, #RecordsFound2, #Pager2, #Sorter2, #Sorter2 TD {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  margin-bottom: 3px;
  white-space:nowrap;
  }
#Records {
  padding: 5px 0;
  }

/*	_____________________________
	"New" Image Position */
.NewProductBadge {
  position:relative;
  left:-60px;
  top:-128px;
  }
  
/*	_______________________
	Categories Grid/List */
.SingleCategoryDisplay {
  display: block;
  text-align:center;
  width:180px;
  margin:5px auto;
  vertical-align:top;
  }
.SingleCategoryDisplayname a,
.SingleCategoryDisplayname a:link,
.SingleCategoryDisplayname a:visited,
.ListCategoryDisplay a,
.ListCategoryDisplay a:link,
.ListCategoryDisplay a:visited {
  font: normal 11px/12px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }
.SingleCategoryDisplayname a:hover,
.ListCategoryDisplay a:hover {
  font: normal 11px/12px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }

/*	________________
	Products Grid  */
.SingleProductDisplay {
  display: block;
  text-align:center;
  width:180px;
  vertical-align:top;
  padding:5px;
  margin:6px auto;
  }
.SingleProductDisplayImage {
  padding-bottom:5px;
  }
.SingleProductDisplayName a,
.SingleProductDisplayName a:link,
.SingleProductDisplayName a:visited {
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }
.SingleProductDisplayName a:hover {
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  background-color: #eee;
  color: #333;
  }
.SingleProductDisplayPrice a,
.SingleProductDisplayPrice a:link,
.SingleProductDisplayPrice a:visited {
  font: normal 11px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }
.SingleProductDisplayPrice a:hover {
  font: normal 11px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }
  
/*	________________
	Product Lists */
.ListProductDisplay {
  height: 100%;
  }
.ListProductDisplayName, .ListProductDisplayName td,
.ListCategoryDisplayName, .ListCategoryDisplayName td {
  text-align:left !important;
  }
.ListProductDisplayPrice, .ListProductDisplayPrice td {
  float:right !important;
  text-align:right !important;
  }

/*	__________________________
	Detailed Products Lists */
.DetailProductDisplay {
  margin: 15px;
  text-align:left;
  }
.DetailProductDisplayName td,
.DetailProductDisplayPrice td,
.DetailProductDisplayDescription td,
.DetailProductDisplayControls td {
  text-align:left !important;
  float:left !important;
  }
.DetailProductDisplayName a,
.DetailProductDisplayName a:link,
.DetailProductDisplayName a:visited {
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:underline;
  color: #0000ff
  }
.DetailProductDisplayName a:hover {
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  background-color: #eee;
  color: #333;
  }
.DetailProductDisplayPrice a,
.DetailProductDisplayPrice a:link,
.DetailProductDisplayPrice a:visited {
  font: bold 13px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }
.DetailProductDisplayPrice a:hover {
  font: bold 13px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }
#Records .DetailProductDisplayImage {
  width:120px;
  float:right;
  text-align:right;
  }
 .DetailProductSku {
 visibility: hidden;
 }
/*	________________
	Pricing Links */
a .ListPrice,
a:link .ListPrice,
a:visited .ListPrice { color: #999; }
a .SitePriceDiscounted,
a:link .SitePriceDiscounted,
a:visited .SitePriceDiscounted { color: #f00; }
a:hover .ListPrice { color: #666; }
a:hover .SitePriceDiscounted { color: #f00; }
 
/*	_______________________________________
	Side Bar Product & Category Rotators */
.HomepageBlock .SingleCategoryDisplay {
  display: block;
  text-align:center;
  width:140px;
  margin:5px auto;
  vertical-align:top;
  }
.HomepageBlock .SingleProductDisplay {
  display: block;
  text-align:center;
  width:140px;
  vertical-align:top;
  border: none;
  padding:5px;
  margin:6px auto;
  }
.HomepageBlock .SingleProductDisplay {
  margin-top: 5px; !important
  }
.HomepageBlock .SingleProductDisplayImage {
  /* height: 64px; */
  padding-bottom:5px;
  }
  
/* Product Page
___________________________________________________________________________________________ */

/*	_________
	Layout */
#ProductPageContainer {
  width:98%;
  }
#ProductPageImageColumn {
  width:175px;
  padding:0 10px 0 0;
  margin:0px;
  vertical-align:top;
  text-align:center;
  }
#ProductPageContentColumn {
  padding:0 0 0 10px;
  margin:0;
  vertical-align:top;
  text-align:left;  
  border-left: 1px solid #eee;
  }

/*	_________
	Styles */
#lblSKU { font-size: 10px; color: #666; }
#productdescription {
  padding: 8px;
  font: 11px/12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
#imgZoom, #PrintThisPage, #EmailThisPage { margin: 0 0 2px 0; }
#ProductImage a, #ProductImage a:hover { text-decoration: none; }

/*	_______________________
	Product Controls Box */
#ProductControls {
  margin-top:5px;
  border: 3px double #999;
  background: #ffc;
  padding: 12px 0 0 12px;
  }

/*	_____________________
	Product Properties */
.ProductPropertyLabel { font: bold 11px Verdana, Arial, Helvetica, Sans-Serif; color:#666; }
#ProductProperties { text-align:left; }
#ProductProperties ul { margin: 5px 0 0 50px; padding: 0; }
#ProductProperties ul li { margin-top:3px; }
#ProductProperties ul ul { margin: 5px 0 0 0; }

/*	________________
	Pricing */
.DiscountText { font: 11px Verdana, Arial, Helvetica, Sans-Serif; color:#333; }
.SitePriceDiscounted,.YouSave,.ListPrice,.SitePrice { font: 11px Verdana, Arial, Helvetica, Sans-Serif; }
.SitePrice, .ListPrice { color:#666; }
.ListPrice { text-decoration:line-through; }
.YouSave { color:#f00; }
.SitePriceDiscounted { color:#333; }

/*	_________________
	Volume Pricing */
#VolumeDiscounts { margin:5px; }
.VolumePricingHeader { background:#999; font: 11px/12px Verdana, Arial, Helvetica, Sans-Serif; color:#FFF; }
.VolumePricingText { font: 11px/12px Verdana, Arial, Helvetica, Sans-Serif; color:#666; }

/*	________________
	Related Items */
.RelatedItemsBlock {
  background: #fff;
  margin: 0;
  padding: 0 0 3px 0;
  background-color: #f5f5f5;
  }
.RelatedItemsBlock H3 {
  padding: 3px;
  margin: 0 0 4px 0;
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  text-align: left;
  background-color: #eee;
  }
.RelatedItemsBlockContent {
  padding: 0 9px;
  text-align: center;
  }
.RelatedItemsBlock .SingleProductDisplay {
  border: 1px solid #ccc;
  width:145px;
  margin: 0 0 4px 0;
  background: #fff;
  }
.RelatedItemsBlock .SingleProductDisplayName a,
.RelatedItemsBlock .SingleProductDisplayName a:link,
.RelatedItemsBlock .SingleProductDisplayName a:visited,
.RelatedItemsBlock .SingleProductDisplayName a:hover { font: bold 11px Verdana, Arial, Helvetica, Sans-Serif; }

/*	__________________
	Product Reviews */
#ProductReviews {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin: 20px 0;
  padding: 0 0 3px 0;
  }
#ProductReviews H3 {
  padding: 3px;
  margin: 0 0 5px 0;
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  background: #eee;
  }
#ProductReviewNew { margin: 10px 0; }
#ProductReviews a,
#ProductReviews a:link,
#ProductReviews a:visited {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  padding: 3px;
  text-decoration: none;
  }
#ProductReviews a:hover {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  padding: 3px;
  }
.ProductReviewRating {
  font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  }
.ProductReview {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  margin: 5px 10px;
  border-left: 2px solid #ccc;
  padding-left: 4px;
  }
.ProductReviewKarma {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  white-space: nowrap;
  }
#pnlReviewDisplay {
  border: 1px solid #999;
  padding: 5px;
  }
#pnlWriteAReview textarea {
  width: 250px;
  height: 150px;
  }

/* Checkout
___________________________________________________________________________________________ */
#tblItems {
  border: 1px solid #999;
  width:98%;
  margin:5px;
  }
table#dgOrders {
  width:100%;
  }
#CheckoutTable {
  width:98%;
  margin: 0 1%;
  }
.Header {
  padding: 3px;
  margin: 0;
  font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #fff;
  background: #999;
  }
.CheckoutDescription {
  font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  }

/*	_________________
	Checkout Steps */
#CheckoutSteps {
  padding:5px;
  background: #fff;
  margin:0;
  }
.CheckoutStep {
  padding-right:20px;
  }
.CheckoutStep a, 
.CheckoutStep a:link, 
.CheckoutStep a:visited {
  font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color:#999;
  white-space:nowrap;
  text-decoration:none;
  }
.CheckoutStep a:hover {
  font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  white-space:nowrap;
  text-decoration:none;
  }
.CheckoutStep .CheckoutStepCurrent, 
.CheckoutStep a:link.CheckoutStepCurrent, 
.CheckoutStep a:visited.CheckoutStepCurrent, 
.CheckoutStep a:hover.CheckoutStepCurrent {
  font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  white-space:nowrap;
  text-decoration:none;
  }

/*	_____________________
	Shopping Cart Page */
#CartTitle {
  width:100%;
  }
#lblcart {
  color: #333;
  }
table#CartContainer {
  width:98%;
  padding:0;
  margin:0 auto;
  }
table#CartContainer tr td {
  vertical-align:middle;
  }
#CartItemBlock {
  padding:0px;
  margin:0px;
  }
#CartItemBlock Table {
  margin:0px;
  width:100%;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  border-bottom: none;
  }
#CartUp
Block {
  width:75%;
  background:#fff;
  margin:0px;
  text-align:center;
  vertical-align:middle;
  }
#CartTotalBlock {
  border-bottom: double 3px #999;
  border-right: solid 1px #999;
  border-left: solid 1px #999;
  width:25%;
  margin:0px;
  padding:5px;
  text-align:center;
  vertical-align:middle;
  }
#lblSubTotal {
  font: bold 14px Arial, Verdana, Helvetica, Sans-Serif;
  }
#CartCheckoutButtons {
  width:98%;
  text-align:right;
  margin-top:10px
  }
.CartItem,
.CartAlternateItem {
  padding: 5px;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  text-align: left;
  border-bottom:1px solid #999;
  }
.CartItem { background: #fff; }
.CartAlternateItem { background: #f5f5f5; }
.CartItem a,
.CartItem a:link,
.CartItem a:visited,
.CartAlternateItem a,
.CartAlternateItem a:link,
.CartAlternateItem a:visited {
  color: #666;
  text-decoration: none;
  font-weight: bold;
  }
.CartItem a:hover,
.CartAlternateItem a:hover {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  }

/*	________________________
	Shipping Methods List */
#ShipMethodsList {
  border-left: 3px solid #ccc;
  margin-left: 8px;
  }

/*	__________________
	Checkout Styles */
#AddressBookPanel {
  width:100%;
  margin:0;  
  }
#AddressList td {
  border: 3px double #ccc;
  padding: 5px;
  }
#AddressList td:hover {
  background: #ffc;
  }
.ContentBox {
  margin: 3px 0px 5px 20px;  
  text-align:left;
  background:#ffe;
  border: solid 1px #999;
  padding:10px;
  }
#CheckoutTotals {
  text-align:center;
  background:#f5f5f5;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  padding:5px;
  margin: 0;
  width: 172px;
  }
#lblGrandTotal {
  border-top: 1px solid #ccc;
  }
#PlaceOrderCell {
  padding:0px;
  margin: 0;
  text-align:center;
  background:#fff;
  }
.ControlArea {
  border: 1px solid #999;
  background: #f5f5f5;
  padding:5px;
  margin-top:5px;
  }
#CheckoutPayment {
  background:#f5f5f5;
  border: 1px solid #999;
  padding:5px;
  margin: 0;
  text-align:left;
  width: 172px;
  }
#InstructionsField {
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
  padding:3px;
  margin: 3px 0;
  }
#OrderItemPreview table {
  width: 98%;
  }
#OrderItemPreview table table {
  width: 100%;
  }
#ShipToMultipleAddressesButton { margin: 5px; }

/* Misc Visual Styles
___________________________________________________________________________________________ */
.SSWtext, .CartText {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
.SSWsmalltext {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  }
a#LoginControl1_lnkForgotPassword { text-decoration: none; }
/* #btnUpdateTotals { background-color: #ffc; }*/
#PackageList a,
#CheckoutPayment a {
  text-decoration: none;
  font-weight: bold;
  }
.SSWtext .Stories {
  text-align: justify;
  }
.Item {
  padding: 5px;
  background: #fff;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  text-align: left;
  }
.AlternateItem {
  padding: 5px;
  background: #eee;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  text-align: left;
  }
.FormTable {
  margin: 3px 5px;
  }
.contentcell {
  width: 50%;
  background: #fff;
  border: 3px solid #eee;
  }
.FormInput, #inKeyword {
  border: #999 1px solid;
  background: #fff;
  color: #666;
  padding-left: 2px;
  font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
  height: 18px;
  }
.ContentCell .FormInput, .ContentCell .FormInputError { width: 200px; }
.FormInput:focus { background: #ffc; } /* changes color of focused input box */
#btnSearch { margin: -2px 0 0 3px; } /* fixes alignment of search button on search page */
.FormInputError {
  border: #999 1px solid;
  background: #ffb5b5;
  color: #333;
  padding-left: 2px;
  font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
  height: 18px;
  }
.formlabel {
  font: 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #333;  
  letter-spacing: normal;
  }
.CheckoutDescription span.FormLabel label {
  background: #ffc;
  padding:2px;
  }
span.FormLabel label:before { 
  content: "\00AB \0020";	/* adds a "<<", not visible on IE */
  }
.FormLabelStrong {
  font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;  
  letter-spacing: normal;  
  }
span#lblAddress { font: normal 14px/16px Arial, Verdana, Helvetica, Sans-Serif; }
.indent {  
  margin-left:20px;
  }
.Padded {
  margin:10px;
  }
#dlPolicy, #dlPolicy a, #dlPolicy a:hover {
  font: 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
.text {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  padding-bottom: 8px;
  }
select {
  color: #333;
  }
a#lnkMyAccount, a:link#lnkMyAccount , a:visited#lnkMyAccount {
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
a:hover#lnkMyAccount {
  color: #9f0;
  text-decoration: none;
  }

/* Various Messages
___________________________________________________________________________________________ */
.ErrorMessage, .ErrorMessage UL {
  display: block;
  background: transparent;
  font: 10px/12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #f00;
  }
.SuccessMessage {
  display: block;
  background:#9f0;
  padding: 3px;
  color: #333;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  text-align: center;
  }
.WebPageMessage {
  border:solid 1px #f00;
  background:#fff;
  padding:0;
  margin:0;
  }
.WebPageMessageError, .WebPageMessageWarning, .WebPageMessageInformation, .WebPageMessageQuestion, .WebPageMessageOK {
  padding: 5px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
  }
.WebPageMessage .Message {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  padding: 0 0 0 40px;
  height:30px;
  margin:0;
  color:#333;
  }
.WebPageMessageError { background-image: url(MessageERROR.gif); }
.WebPageMessageWarning { background-image: url(MessageWARNING.gif); }
.WebPageMessageInformation { background-image: url(MessageINFO.gif); }
.WebPageMessageQuestion { background-image: url(MessageQUESTION.gif); }
.WebPageMessageOK { background-image: url(MessageOK.gif); }
  
/* Footer
___________________________________________________________________________________________ */
#footer {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  clear: both;
  margin: 3px 0 0 0;
  width: 100%;
  color: #fff;
  padding: 3px 0;
  text-align: center;
  background: #fff;
  border-top: 2px solid #69574b;
  }
#footermenu a {
  padding-left:4px;
  padding-right:4px;
  color: #000;
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  }
#footermenu a:hover {
  color:#69574b;
  text-decoration: none;
  }
#footercustommenu {
  padding: 4px 8px;
  }
#copyright {
  font-size: 10px;
  position: relative;
  top: 0px;
  color: #ccc;
  display: block;
  padding: 3px;
  text-align: center;
  }
.ItemCustomTable {
  border: 0px solid #ff0000;
  width: 90%;
 }
  .ItemCustomTable td {
  margin: 0 5%;
  padding: 4px;
  /*width: 90%;*/
  background:#fff;
  border: 0px solid #ff0000;
  text-align:center;
}
  .ItemCustomTable th {
  margin: 0 5%;
  padding: 4px;
  /*width: 90%;*/
  background:#ccc;
  border: 0px solid #ff0000;
  }
  #thTopBottom, #thEmpty{
  margin: 0 0%;
  padding: 0;
  /*width: 90%;*/
  background:#fff;
  border: 0px solid #ff0000;
  }

  .QTYColorTable {
  border: 0px solid #ff0000;
  width: 420px; /* MJB */
  }
  .QTYColorTable td {
  margin: 0 5%;
  padding: 4px;
  /*width: 90%;*/
  background:#fff;
  border: 0px solid #ff0000;
  }
  .QTYColorTable th {
  margin: 0 5%;
  padding: 4px;
  /* width: 90%; */
  background:#ccc;
  border: 1px solid #fff;
  }
  .UploadTable {
  border: 0px solid #ff0000;
  width: 90%;
  }
  .UploadTable td {
  margin: 0 5%;
  padding: 4px;
  width: 90%;
  background:#fff;
  border: 0px solid #ff0000;
  }
  .UploadTable th {
  margin: 0 5%;
  padding: 4px;
  width: 90%;
  background:#ccc;
  border: 0px solid #ff0000;
  }
  .tdUpload {
  background: #ccc;
  }
  #ScaleLabel {
  font: Bold;
  }
  #ColorLabel2 {
  font: Bold;
  }
  #AutoNumberLines {
  width: 34%;
  }
  #WizardColorHeader {
  background-color: #ccc;
  text-align: center;
  }
  #Choice235 {
  width: 250px;
  }
   /* the tables in the Re-Order Page */
.ReorderMasterTable {
  padding: 0;
  width: 90%;
  min-width: 400px;
  background:#bbb;
  border: 1px solid #333;
  }
.ReorderHeadTable {
  margin: 0 5%;
  padding: 0;
  width: 90%;
  min-width: 400px;
  background:#fff;
  border: 1px solid #333;
  }
.ReorderItemHeadTable {
  margin: 0 5%;
  padding: 0;
  width: 90%;
  min-width: 400px;
  background:#fff;
  border: 0px solid #333;
  }
.ReorderItemDetailTable {
  margin: 0 5%;
  padding: 0;
  width: 90%;
  min-width: 400px;
  background:#f5f5f5;
  border: 0px solid #333;
  }
.ReorderDivTable {
  margin: 0 5%;
  padding: 0;
  width: 90%;
  min-width: 400px;
  background:#fff;
  border: 1px solid #333;
  }
.ReorderBackGndTable {
  margin: 0 5%;
  padding: 0;
  width: 90%;
  min-width: 400px;
  background:#bbb;
  border: 0px solid #333;
  }
.ReorderBackGndTableAlt {
  margin: 0 5%;
  padding: 0;
  width: 90%;
  min-width: 400px;
  background:#ccc;
  border: 1px solid #333;
  }
.ReorderTD1 {
  background:#bbb;
  border: 1px solid #333;
  }
.ReorderTD2 {
  background:#bbb;
  border: 1px solid #333;
  }
.ReorderTD3 {
  background:#bbb;
  border: 1px solid #333;
  }
.ReorderTD4 {
  background:#bbb;
  border: 1px solid #333;
  }

.ReorderOsCell {
 border: #69574b solid 10px;
 background: #69574b;
 }
/* .RSBorderBG {
background-color: #ccc;
 }*/
.PreviewTable {
	background-color: #ccc;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 67px;
	height: 38px;
	padding: 4px;
 }