/* 
   ============================================================================
   Product Landing Page
   ============================================================================
*/
#productLanding div.item {
    margin:0px;
    padding:0px;
    border:none;
}
#productLanding .thumbnailItem {
    width:176px; /* - five across */
/*    width:221px; - four across */
}
html > body #productLanding .thumbnailItem {
    width:177px;
    height:216px;
}

#productLanding .thumbnailItem .image img {
    width: 176px;
    height: 176px;
}
#productLanding .rollover .description {
    height: 177px;
}

/* 
   ============================================================================
   Product Segment/Category Listings
   ============================================================================
*/
.category .item, .segment .item {
    margin:0px;
    padding:0px;
    border-top:none;
    min-height:210px;
}
.category .item:first-child, .segment .item:first-child {
    border-top:1px solid #DADADA;   
}
.category .item h2, .segment .item h2 {
    margin:0px;
    padding:6px 15px 6px 25px;
    font-weight:bolder;
    border-bottom:1px solid #DADADA;
    background:#FFFFFF url(/img/xyron/icons/pointer-right.jpg) no-repeat scroll 10px 10px;        
}
.category .item h2 a, .segment .item h2 a {
    font-size:15px;
}
.category .item .smallImage, .segment .item .smallImage {
    position:absolute;
    left:35px;
}
.category .item .smallImage img, .segment .item .smallImage img {
    width:170px;
    height:170px;
}
.category .item .content, .segment .item .content {
    position:relative;
    top:15px;
    left:235px;
    width:400px;
    padding-bottom:90px;
}
.category .item .moreInfoDiv, .segment .item .moreInfoDiv {
    position:absolute;
    bottom:14px;
    right:15px;
}
.category .item .buyNowDiv, .segment .item .buyNowDiv {
    position:absolute;
    bottom:14px;
    right:200px;
}
.category .item .price, .segment .item .price { 
    position:absolute;
    bottom:15px;
    left:235px;
}

.category .item .msrpDiv, .segment .item .msrpDiv { 
	bottom: 5px;
	position: absolute;
	right: 285px;
}

.category .item .msrpDiv span, .segment .item .msrpDiv span{
	color: #5C5C5C;
	display: block;
	font-size: 13px !important;
	font-weight: bolder;
	height: 40px;
	padding: 0 0 0 15px;
	text-align: center;
	text-decoration: none;
}

/* 
   ============================================================================
   Product Detail page
   ============================================================================
*/

.product #prodImage,
.product #details,
.product #productTabs {
    border: none;
    -moz-box-shadow: 5px 5px 5px #aaa;
    -khtml-box-shadow: 5px 5px 5px #aaa;
}
.product #prodImage #highResImageLink {
	padding-top: 20px;
	color: #4396A2;
}
.product #prodImage img:hover,
.product #prodImage #highResImageLink:hover {
	cursor: pointer;
}
    
.product #details .price {
    position:absolute;
    top:15px;
    right:15px;
}
.product #details .buyNowDiv {
    position:absolute;
    top:60px;
    right:15px;
}
.product #details .msrpDiv {
    position:absolute;
    top:60px;
    right:35px;
}
.product #details .msrpDiv span{
	color: #5C5C5C;
	display: block;
	font-size: 13px !important;
	font-weight: bolder;
	height: 40px;
	padding: 0 0 0 15px;
	text-align: center;
	text-decoration: none;
}
.product #details .description, .product #details .features, .product #details .sku {
    width:520px;
    padding:0 15px 15px 15px;
    background-color:#F9F8F6;
}
.product #details .description {
    padding-top:15px;
}
.product #details .sku {
	font-weight:bold;
	bottom:15px;
	position:absolute;
}

#details .features { margin-bottom:30px; }

.product #details h2 {
    display:none;
}

.product #relatedProducts {    
	float: right;
	width: 225px;
}

.product #productTabs {
	float: left;
	width: 470px;
	margin-top: 15px;
	background-color: #F9F8F6;    
}
.tab-content {
	display: none;
}
.tab-content.selected {
	display: block;
}
.product #productTabs table {
    width:440px;
}
.product div#highResImage {
    margin-top: 15px;
}

#supportDocuments, #dealerImagePack  {
	margin-top:15px;
	overflow:hidden;
	width:195px;	
}

#dealerImagePack div.description {
	padding:15px 15px 0px 15px;
}    

 /* 
   ============================================================================
    COLOR ANCHORS IN THE PRODUCT CONTENT
   ============================================================================
*/
    .content .description a {color: #0f8596;}  
	.content .description a:hover {color: #8c2a53;}
	.content .description a:active {color: #0f8596;}  

/* high res image */
#highResImageOverlay h2 {
	height: 20px;
	display:none;
}
#highResImageOverlay ul 
{
	margin:0px;
}

#RelatedProjectOverlay #instructions 
{
	width: 100%;
}

#RelatedProjectOverlay #projectInfo {
    position:relative;
}
#RelatedProjectOverlay #projectInfo .largeImage, #projectInfo .largeImage img {
    height:250px;
    width:250px;
}
#RelatedProjectOverlay #projectInfo .pageInfo {
	position:absolute;
	left:280px;
	top:15px;
	width:325px;
}
#RelatedProjectOverlay #projectInfo .pageInfo .lineItem {
    float:left;
    width:100%;
}
#RelatedProjectOverlay #projectInfo .pageInfo .lineItem .label {
    width:125px;
    float:left;
}
#RelatedProjectOverlay #projectInfo .pageInfo .lineItem .field {
    width:200px;
    float:left;
}
.requestInfoDiv,
.requestSampleDiv {
	position: absolute;
	left: 565px;
}
.requestInfoDiv{
	bottom: 45px;
}
.requestSampleDiv {
	bottom: 5px;
}
.requestInfoDiv a,
.requestSampleDiv a 
{
	background: transparent url("/img/xyron/buttons/btn3.jpg") no-repeat scroll right top;
	width: 120px;
}
.requestInfoDiv a span,
.requestSampleDiv a span 
{
	background: transparent url("/img/xyron/buttons/btn3.jpg") no-repeat scroll left top;
	left: 0px;
	text-align: left;
}