select { vertical-align: middle; }

#ProductContentArea {width: 972px; margin: 0 19px 15px 32px;}
#ProductBreadcrumb {width: 921px; margin-bottom: 10px; font-size: 10px;}



/* ITEM IMAGE COLUMN */
#NewProductItem { width: 220px; float: left; margin: 0 20px 0 0; padding: 0; display: inline;}

#ProductImages { width: 220px; text-align: center; }
#ProductImages img { margin-bottom: 5px;}

#AlternateViews {margin: 10px 0; padding: 0; color: #188ccb; }
#AlternateViews img {width: 35px; height: 35px; float: left; margin-right: 24px; margin-top:5px; margin-bottom:5px; border: 1px solid #999;}
#AlternateViews img.select { border: 1px solid #188ccb; }
#AlternateViews img.last { margin: 5px 0;}

#RelatedVideo {margin: 10px 0; padding: 10px 0; border-top: 1px solid #ccc; color: #188ccb; clear: both;}
#RelatedVideo img { float: left; margin: 5px 0; padding: 0; }
#RelatedVideo ul { float: left; display: block; width: 130px; margin: 5px 0; padding-left: 25px; }
#RelatedVideo li { font-size: 10px; line-height: 12px; padding-bottom: 3px;}



/* ITEM DESCRIPTION COLUMN */
#NewProductContent { width: 680px; padding: 0; margin: 0; overflow: hidden;}


#NewProductDescript { width: 470px; float: left; padding: 0; margin: 0; display: inline;}
#NewProductDescript h1 { color: #188ccb; font-weight: bold; font-size: 16px; line-height: 18px; margin: 0 0 5px; padding: 0;}
#NewProductDescript p { margin: 0 0 10px 0; padding:0; }
#NewProductDescript .logo { float:right; margin: 0; padding: 0;}
#NewProductDescript ul { padding: 0; margin-left: 20px; }
#NewProductDescript li { padding-bottom: 3px;}

#NewProductDescriptFull { width: 680px; float: left; padding: 0; margin: 0; display: inline;}
#NewProductDescriptFull h1 { color: #188ccb; font-weight: bold; font-size: 16px; line-height: 18px; margin: 0; padding: 0;}
#NewProductDescriptFull p { margin: 0 0 10px 0; padding:0; }
#NewProductDescriptFull .logo { float:right; margin: 0; padding: 0;}
#NewProductDescriptFull ul { padding: 0; margin-left: 20px; }
#NewProductDescriptFull li { padding-bottom: 3px;}
#NewProductDescriptFull .ProjectMessage { margin: 20px 0; padding: 10px; background-color: #ffefc9; font-size: 11px; line-height: 13px; font-style: italic; }
#NewProductDescriptFull .size { font-weight: bold; font-size: 14px; color: #188ccb; }

#NewProjectDescript { width: 368px; float: left; padding-right: 20px; margin: 0; display: inline;}
#NewProjectDescript h1 { color: #188ccb; font-weight: bold; font-size: 16px; line-height: 18px; margin: 0; padding: 0;}
#NewProjectDescript p { margin: 0 0 10px 0; padding:0; }
#NewProjectDescript .logo { float:right; margin: 0; padding: 0;}
#NewProjectDescript ul { padding: 0; margin-left: 20px; }
#NewProjectDescript li { padding-bottom: 3px;}

.SimilarItemHeader {
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	margin:0pt 0pt 5px;
	padding:0pt;
}


#AddtoCartBox {width: 160px; float: right; padding: 10px; margin: 0; display: inline; border: 1px solid #78b5e4; background-color: #fff;}
#AddtoCartBox p { margin: 0 0 5px 0; padding:0; line-height: 14px;}
#AddtoCartBox a { font-size: 10px; }
#AddtoCartBox .sale { color: #f00; }
#AddtoCartBox .qty { float: left; vertical-align: middle; margin-bottom: 10px;}
#AddtoCartBox .stockstatus { 
	margin: 0;
	padding:0;
	float: right;
	width: 75px;
	text-align: center;
	font-style: italic;
	vertical-align:middle;
	font-size: 10px;
	line-height: 11px;
}
#AddtoCartBox .out { color: #f00; }
#AddtoCartBox .addcart {text-align: center; padding-bottom: 10px; }

#AddtoCartBox .emailme {text-align: center; padding-top: 5px; }

#ShopListWrapper { display: inline; width: 292px; float: left; padding: 0; margin: 0;}
#ShoppingListBox {width: 270px; float: right; padding: 10px; margin: 0; display: inline; border: 1px solid #78b5e4; background-color: #fff;}
#ShoppingListBox h3 { color: #188ccb; font-weight: bold; font-size: 14px; line-height: 16px; margin: 0; padding: 0;}

#ShoppingListProds {
	width: 250px;
	height: 350px;
	overflow: auto;
	padding: 10px;
	font-size: 11px;
}

#ShoppingListProds table { width: 230px; }
#ShoppingListProds td { padding-right: 5px; padding-bottom: 10px;}
#ShoppingListProds .center {border-bottom: 1px solid #ccc;}

#ShoppingListBox .Listaddcart { padding-bottom: 10px; background: url('./graphics/oneclick_hdr.gif') top center no-repeat; overflow: hidden; height: 75px; }
.carttotbox { width: 100px; float: left; text-align: center; font-size: 12px; text-transform: uppercase; margin: 40px 0 0 0; padding: 0; }
.carttotbox strong { color: #188ccb; font-size: 16px; }
.cartbtnbox {width: 151px; float: right; text-align: center; margin: 40px 0 0 0; padding: 0; }

#OtherSuppliesBox {width: 270px; float: right; padding: 10px; margin: 15px 0; display: inline; border: 1px solid #78b5e4; background-color: #fff;}
#OtherSuppliesBox h3 { color: #188ccb; font-weight: bold; font-size: 14px; line-height: 16px; margin: 0; padding: 0;}
#OtherSuppliesBox a { font-size: 10px; }

#OtherSuppliesProds {
	width: 250px;
	height: 200px;
	overflow: auto;
	padding: 10px;
}

#OtherSuppliesProds ul {
	margin: 0;
	padding-left: 10px;
}

#OtherSuppliesProds li {
	font-size: 10px; 
}

/* OTHER PRODUCTS SECTION - SHORT */
#ProductRelated {width: 682px; margin: 10px 0 0 0; padding: 10px 0 0 0; float: left; display: inline; border-top: 1px solid #ccc;}
#ProductRelated .header {display: block; width: 160px; height: 21px; color: #ffffff; font-weight: bold; font-size: 14px; text-align: center;}
#ProductRelated h3 { font-size: 20px; color: #188ccb; font-weight: normal; margin: 0; padding: 0;}
#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;}

#ProductRelated .item {
	float: left;
	width: 150px;
	margin: 10px 0;
	padding: 0 10px;
	text-align: left;
	overflow: hidden;
}
#ProductRelated .itemprod {
	text-align: center;
	padding-bottom: 3px;
	}
	#ProductRelated .itemprod img {
	margin-bottom: 3px;
	}
#ProductRelated .itemprod p {
	font-size: 11px !important;
	line-height: 13px !important;
	margin: 0 !important;
	padding: 0 0 5px 0 !important;
}

/* OTHER PRODUCTS SECTION - FULL */
#ProductRelatedFull {width: 921px; margin: 10px 0 0 0; padding: 10px 0 0 0; float: left; display: inline; border-top: 1px solid #ccc;}
#ProductRelatedFull h3 { font-size: 20px; color: #188ccb; font-weight: normal; margin: 0; padding: 0;}
#ProductRelatedFull .item {
	float: left;
	width: 133px;
	margin: 10px 0;
	padding: 0 10px;
	text-align: left;
	overflow: hidden;
}
#ProductRelatedFull .itemprod {
	text-align: center;
	padding-bottom: 3px;
	}
	#ProductRelatedFull .itemprod img {
	margin-bottom: 3px;
	}
#ProductRelatedFull .itemprod p {
	font-size: 11px !important;
	line-height: 13px !important;
	margin: 0 !important;
	padding: 0 0 5px 0 !important;
}



/* SWATCH AREA */
#ProductSwatches { width: 682px; margin: 10px 0 0 0; padding: 0; float: left; display: inline; }
#ProductSwatches .SortRow { width: 682px; float: left; display: inline; margin-bottom: 20px; }
#ProductSwatches .Sort { float: left; display: inline; margin-top: 7px; }
#ProductSwatches .Sorttext { width: 375px; float: left; display: inline; text-align: right; margin-top: 7px;}
#ProductSwatches .AddCart { float: right; width: 151px; display: inline; text-align: center;}
#ProductSwatches .Wish { clear: both; float: right; display: inline; margin-top: 7px; }


#ProductSwatches .SwatchItemRow { float: left; display: inline; margin-bottom: 20px; }
#ProductSwatches .SwatchItem { width: 210px; float: left; display: inline; margin-right: 16px; font-size: 10px; line-height: 11px; }
#ProductSwatches .last { margin-right: 0px; }
#ProductSwatches .swatch { float: left; width: 55px; margin-right: 5px; }
#ProductSwatches .text { float: left; width: 100px; margin-right: 4px; }
#ProductSwatches .stock { display: block; padding-top: 3px; font-style: italic; }
#ProductSwatches .out { color: #f00; }
#ProductSwatches .qty { float: right; }


/* PROJECT CHART */
#ProjectChart th {color: #78b5e4; font-size: 14px; border-bottom: 1px solid #cccccc; padding: 4px;}
#ProjectChart td { padding: 6px 4px;}
#ProjectChart td.price { padding-right: 10px;}
#ProjectChart .total { font-weight: bold; color: #188ccb; font-size: 14px; }
#ProjectChart .totalprice { color: #000; }
#ProjectChart .bottom { border-top: 1px solid #cccccc; }

/* TABLECLOTHS AREA */
#TableCloths { clear: both; width: 680px; margin: 10px 0 0 0; padding: 0; float: left; display: inline; }
#TableCloths .SortRow { width: 680px; float: left; display: inline; margin-bottom: 10px; }
#TableCloths .AddCart { float: right; width: 151px; display: inline; text-align: center;}
#TableCloths .Wish { clear: both; float: right; display: inline; margin-top: 7px; }

#ForThisProd {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	width: 100%;
}

#ForThisProd tr.mainhead td {
	background-color: #666;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 4px 8px;
}

#ForThisProd tr.head td {
	background-color: #1cb6ca;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 8px;
}

#ForThisProd tr.subhead td {
	background-color: #999;
	font-weight: bold;
	color: #fff;
	padding: 4px 8px;
}

#ForThisProd tr.even td {
	background-color: #f1f1f1;
	padding: 4px 8px;
}

#ForThisProd tr.odd td {
	background-color: #fff;
	padding: 4px 8px;
}

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


#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 !important;
	padding: 0;
	list-style-type: none;
	}

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

ul.tabbernav li.tabbernav2  {
	background: url(./graphics/boxyellow-left.gif) no-repeat;

}
ul.tabbernav li.tabbernav2 a {
	background: url(./graphics/boxyellow-right.gif) no-repeat right top;

}


/*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: 500px;
overflow:auto;
background-color: #F4F4F4;
}

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