#ProductContentArea {width: 950px; margin: 0 10px 10px 10px;}
#ProductBreadcrumb {width: 930px; height: 17px; margin-bottom: 10px;}
#BreadCrumb {float: left; font-size: 12px;}
#NextPrev {float: right; font-size: 10px;}
#NewProductItem {width: 220px; float: left; margin: 0 20px 0 0; padding: 0; display: inline; }

#AlternateViews {margin: 5px 0; padding: 0; height: 260px; overflow: auto;}
#AlternateViews img {width: 70px; height: 70px; float: left; margin-right: 15px; margin-left: 15px; margin-top:8px; margin-bottom:2px; padding: 5; display: inline;}
#AlternateViews img.select {width: 70px; height: 70px; float: left; margin-right: 13px; margin-left: 13px; margin-top:6px; margin-bottom:0px; padding: 5; border-color:black; border-width:2px; border-style:solid; display: inline;}
#AlternateViews img.last {margin: 0;}

#ProductRelated {width: 160px; margin: 10px 0 0 0; float: left; background: top left no-repeat url("./graphics/RelatedProd_top.gif"); display: inline;}
#ProductRelated .header {display: block; width: 160px; height: 21px; color: #ffffff; font-weight: bold; font-size: 14px; text-align: center;}
#RelatedBox {border: 1px solid #C0C0C0; border-top: 0px; margin: 0; padding: 0;}
.RelatedItemBox { font-size: 10px; text-align: center; padding: 5px 5px;}
.SalePrice {color: #ff0000; font-weight: bold;}

#NewProductDescript {width: 520px; float: left; padding: 0; margin: 0 10px 0 10px; display: inline;}
#TableClothMain {width: 520px; float: left; padding: 0; margin: 0 20px 0 0; display: inline;}
#relatedOptions7 { margin-top: 5px;}
#NewProductDescript h1 { color: #3366cc; font-weight: bold; font-size: 16px; line-height: 22px; margin: 0; margin-bottom: 5px; padding: 0;}
#TableClothMain h1 { color: #3366cc; font-weight: bold; font-size: 16px; line-height: 22px; margin: 0; margin-bottom: 5px; padding: 0;}
#divSalePrice {color:#FF0000}
#divSavings {color:#FF0000}

#tabbox {
	padding: 0 10px;
	clear: both;
	}
	

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {clear: both;}
.tabberlive {margin: 0;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
.tabberlive .tabbertab h3 {
	margin: 0;
	padding: 0;
	}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

ul.tabbernav {
	float: left;
	margin: 0 0 0 -1px;
	padding: 0;
	list-style-type: none;
	}

ul.tabbernav li {
	float: left;
	margin: 0 0 -2px 1px;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	background: url(./graphics/box-left.gif) no-repeat;
	}

/*active tab background*/
ul.tabbernav li.tabberactive {
	background: url(./graphics/boxg-left.gif) no-repeat;
	}

	
ul.tabbernav li a {
	display: block;
	margin-left: 5px;
	padding: 4px 10px 6px 5px;
	margin-bottom: -1px;
	text-decoration: none;
	color: #fff;
	border-bottom: 0;
	background: url(./graphics/box-right.gif) no-repeat right top;
	}

ul.tabbernav li a:hover {
	color: #fff;
	}

/*active tab background*/
ul.tabbernav li.tabberactive a {
	color: #999;
	background: url(./graphics/boxg-right.gif) no-repeat right top;
	}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
clear: both;
padding:5px;
border:1px solid #C0C0C0;
height:140px;
width: 508px;
overflow:auto;
background-color: #F4F4F4;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h3 {
 display:none;
}

#ForThisProd {
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #99CC66;
clear: both;
}

#ForThisProd tbody tr.head td {
background-color: #99CC66;
font-size: 14px;
font-weight: bold;
color: #fff;
}

#ForThisProd tbody tr.subhead td {
background-color: #666;
font-weight: bold;
color: #fff;
}

#ForThisProd tbody tr.even td {
background-color: #ffddcc;
}

#ForThisProd tbody tr.odd  td {
background-color: #fff;
}

#ForThisProd tbody tr td.borderright 
{
	border-right: 1px solid #99CC66;
}

.spacer
{
	margin: 0px;
	clear: both;
}

.SmallAlert {
font-size: 10px;
line-height: 11px;
font-style: italic;
color: #f00;
}

.Stock {
font-size: 10px;
line-height: 11px;
font-style: italic;
}

.StockRed {
font-size: 10px;
line-height: 11px;
font-style: italic;
color: #f00;
}

.ProdStyleTypeBox {
background-color:#E0E0E0;
border:1px solid #CCCCCC;
margin:10px 0pt 30px;
padding:4px;
}

.ProdSteps {
color:#B83A2B;
font-size:22px;
line-height:22px;
margin:0pt;
padding:0pt;
}

#ProdQuantBox { margin-bottom:10px; padding: 5px; border: 1px solid #ccc; width: 300px;}

#ProdButtonsHorizLeft {float: left;  margin-bottom: 10px;}
#ProdButtonsVertRight {float: right;  margin-bottom: 10px;}

#ProdButtons img {margin-bottom: 2px;}

#NewProductItemFab {
float:left;
margin-left:10px;
width:220px;
display: inline;
}

#YarnFabLayout {
float:left;
width:780px;
display: inline;
}

#YarnFabLayoutTop {
float:left;
width:780px;
display: inline;
}

#YarnFabLayoutBottom { 
	float:left;
	width:780px;
	display: inline;
}

#AddToCart {
	float: left;
	width: 375px;
	vertical-align:bottom;
}


input.text12 {
background:#FFFFFF none repeat scroll 0% !important;
border:1px solid #666666 !important;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:1px;
voice-family:inherit;
}

#YarnType {
float:right;
height:52px;
margin:10px;
padding:5px 20px;
width:100px;
}

#LogoType {
float:right;
margin:10px;
padding:5px 20px;
}