﻿/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////    CONTENT TOP AND IMAGE AT TOP W/ NAV     ///////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



.productimage{width:250px; margin:10px; vertical-align:top;}
.productdesc {margin:0 25px 25px 25px; vertical-align:top;}


    /*/ Product types (div,ul,li,span,span) /*/

    #ProductTypes h3 { margin:20px 0 0 0;}
    div.producttypepanel { }

        ul.typedisplay {margin-top:0px;}
        ul.typedisplay li { }
        ul.typedisplay li .productpropertylabel  {font-weight:bold; padding-right:10px; }
        ul.typedisplay li .productpropertyvalue { }

        ul.typedisplay li.alt { } /*alt li's*/
        ul.typedisplay li.alt .productpropertylabel { }
        ul.typedisplay li.alt .productpropertyvalue { }


























/* ////////////////////////////////////////////////////////////////////////////
/////////////////////////// GLOBAL PRODUCT STYLES ////////////////////////////
/////////////////////////////////////////////////////////////////////////////





/* /// SUGGESTED ITEMS (Customers who purchased this item also purchased these items)   //

div(#SuggestedItemsPaneldiv),
 div(n/a),
  div(productgrid),
   div(decoratedblock blockcontent)
    h4(suggesteditemstitle),
    table,tr,td,
      div(suggesteditem),
        div(suggestedimage)
        div(suggestedname)
    /td,td...*/
#SuggestedItemsPaneldiv { padding: 5px; }
#SuggestedItemsPaneldiv .productgrid {}
#SuggestedItemsPaneldiv .decoratedblock { border: 0px solid #eee; margin: 10px 0px; padding: 0; }
#SuggestedItemsPaneldiv .blockcontent { padding: 1px; }        

#SuggestedItemsPaneldiv h4.suggesteditemstitle {font-size:120%; display: block; background: #eee; padding: 5px; color: #444;}
#SuggestedItemsPaneldiv td { vertical-align:top; width:33%; }

#SuggestedItemsPaneldiv div.suggesteditem { padding:8px 0;}
#SuggestedItemsPaneldiv .suggesteditem div.suggestedimage { text-align:center; }
#SuggestedItemsPaneldiv .suggestedimage img { width:110px; }
#SuggestedItemsPaneldiv .suggesteditem div.suggestedname { text-align:center; font-weight:bold; }
#SuggestedItemsPaneldiv .suggestedname a:link, .suggestedname a:visited {text-decoration:none;}


/* /////////////   Cross/Up Sells  ////////////////////// */
#crosssells { clear: both; padding: 5px; border:0;  margin-top:25px; padding-top:20px; border-top:dashed 1px #999;}
#crosssells h2 {font-size:18px; margin:10px 0; color:#000099; padding:3px;}
.WideSingleProductDisplayPanel { position: relative; width: 98%; border-bottom: 1px solid #eee; padding:2px; margin:2px;}
    .SingleProductDisplayImage { width: 125px; margin: 5px; }
    .SingleProductDisplayImage img {width:110px;}
    .SingleProductDisplayImage input { width:120px; display:none;}
    .ProductBadge { position: absolute; top:2px; left:-10px; display:none; }
    .SingleProductDisplayName { margin: 2px; font-size: 110%; font-weight: bold; clear: right; }
    .SingleProductDisplayDescription {  }
    .SingleProductDisplayPrice { display:none;}
    .SingleProductDisplayQuantity { visibility:hidden; position:absolute; display:none;}
    .SingleProductDisplayAddToCart { float:left; margin-left:15px; clear:right; display:none; }
    .SingleProductDisplayAddedToCart { color:#f00; font-size:120%; font-weight:bold; margin:2px 0 0 0; clear:both; display:none;}



/* ///////////// Product Reviews  ///////////// */
.ProductReviews { margin-top:25px; padding-top:20px; border-top:dashed 1px #999;}
.ProductReviews h3 { float:left;}
.ProductReviewRating { margin-left:25px; width:200px; float:left;} 
    .ProductReviewRating span { font-style:italic; }
    .ProductReviewRating img { }
.ProductReviews table {clear:both;}
.ProductReview { margin: 10px; padding: 3px 10px; border-left: 5px solid #eee; }
.ProductReview img {} /*note: hardcoded <br> after*/
.productreviewdescription {}

.ProductReviewKarma { display: block; padding-top: 5px; font-size: 90%; color: #666; }
.ProductReviewKarma span {}
.ProductReviewKarma input {}

.ProductReviewLinks { font-size: 90%; } 

