/* 
   ============================================================================
   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;
}

/* 
   ============================================================================
   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 #details .price {
    position:absolute;
    top:15px;
    right:15px;
}
.product #details .buyNowDiv {
    position:absolute;
    top:60px;
    right:15px;
}
.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: left;
        width: 225px;
        margin-right: 15px;
        
    }

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

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

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