﻿/*#prodTwoColumn2Nav h1 {font-size:24px; color:#000099;}
#prodContentTopNav h1 {font-size:22px; color:#000099;}
#prodContentBottomNav h1 {font-size:22px; color:#000099;}
#prodTwoColumnNav h1 {font-size:18px; color:#000099;}
*/

#traditional #imagecolumn {float:left; margin:0 4px; border:solid 1px blue; }
#traditional #contentcolumn {float:left; margin:1px; border:solid 1px green; width:50%;}
#ProductDescription {clear:both;}

/*#maincolumn h1 {display: block; background: #fff; padding: 5px 0; font-size: 20px; color: #016295; font-weight: bold;}*/

.prodskulabel {font-weight:bold;}

.productimage { padding:0; }
.productimage img { max-width:400px;}


    /*/ Product types (div,ul,li,span,span) /*/
    div.producttypepanel { display:none; }
        ul.typedisplay li { }
        ul.typedisplay li .productpropertylabel { }
        ul.typedisplay li .productpropertyvalue { }

        ul.typedisplay li.alt { } /*alt li's*/
        ul.typedisplay li.alt .productpropertylabel { }
        ul.typedisplay li.alt .productpropertyvalue { }
             
        
    /*/  Sku  /*/
    p.prodsku { float:right;  padding:0 15px; vertical-align:text-top; display:inline; white-space:nowrap; }
  

    /*/  Stock Display  /*/
    .outofstockdisplay {float:left; font-size:12px; color:#ff0000; font-weight:bold; text-align:left;}        
        
    /*/  ProductControls - prices, options, buttons - (main div)  /*/
    #ProductControls {float:left; width:250px; padding: 10px; margin: 2px 0 10px 0; }   
        
        /* prices (td, span) */
        #Prices { } /*table for list,site,yousave prices*/
        
        td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
        td.formfield { text-align: left; white-space: nowrap; }
            .productpropertylabel {font-weight:bold;  font-size:120%; padding-right: 5px; text-decoration: none;}
            
            .listpricelabel {}                
            .listprice {text-decoration: line-through; color:#666;}
            
            .sitepricelabel {}        
            .siteprice {color:#E21924; font-weight:bold; font-size:120%;}
            
            .yousavelabel {}
            .yousave {color:#666;}    

        .tblQuantity {width:200px;}
            .qty {font-weight:bold;  font-size:120%; padding-right: 5px; text-decoration: none; color: #666;}
            .short {width: 50px;}

        /* buttons */
        #addtocartbuttondiv { margin:3px; float:left;}
        .AddedToCartMessage {width:1px; display:block; background-color:#fff; border:solid 2px #0c0; color:#000; padding:8px 15px; font-size:120%; font-weight:bold; margin:5px 0;}

        #buttons {}
            #wishlist { margin:3px; float:left; }
            #EmailThisPage { margin:3px;  float:left;}
            #printthispage {margin:3px; float:left;}
            
        

        /* Choices And Inputs */
        td.choicelabel { vertical-align: top; text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
        .choicelabel span {font-weight:bold;  font-size:110%; padding-right: 5px; text-decoration: none; color: #E44000; }
        
        
        tr.radiobuttonimagelist {}
        td.choicefield {  text-align:left;}
            tr.imageradiobuttonlistrow {}
            td.radiobuttoncell { width:1%;}
            td.imagecell { text-align:left;}
        td.choiceerror {}
        
        tr.radiobuttonnormallist {}
        table.rblist {}
        .rblist label {margin:0 3px;}
        
        
    /* /end prod controls/ */



    /* Volume Discounts Box */
    #VolumeDiscounts { clear:both; padding: 5px; margin: 0; border:solid 1px #999;}
    #VolumeDiscounts table {padding:15px;}

    #VolumeDiscounts h3 {font-weight:bold; font-size: 120%; color:#E21924;}
    #VolumeDiscounts h3 span.ProductPropertyLabel {} /*dup of h3*/

    .VolumePricingHeader {font-weight:bold; font-size: 110%;color:#444;}
    .VolumePricingText td {text-indent:8px;}
    
/*////END TOP TD ////*/





/* DESC FIRST  */
    #prodContentTopNav .productimgdiv {float:right; margin:5px;}

/* IMG FIRST */
    #prodContentBottomNav .productimgdiv { margin:0 5px; float:left; width:300px;}
     #prodContentBottomNav .productimage img  { width:300px;}

/* NO NAV */
    #prodNoNav .productimgdiv {float:right; margin:5px;}


#prodDescLast .productimgdiv { float:left; margin:0 5px 0 0; max-width:320px;}
#prodDescLast #ProductControls {float:right; width:190px;border: 1px solid #E64851; background: #ffc; padding: 10px; margin: 2px 0 10px 0;}









/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////    TWO COLUMN   ///////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



/* //// TOP TD (prod desc - volume discounts)  //// */
    #prodTwoColumnNav .tbltoptd {vertical-align: top; padding: 5px; }
    #prodTwoColumnNav .prodleftcolumn { float:left; width:300px; }
    #prodTwoColumnNav .prodrightcolumn {float:left; width:250px;  margin-left:8px;}

    /*/  img  /*/
    #prodTwoColumnNav .productimgdiv {margin:5px;}
    #prodTwoColumnNav .productimage { padding:0; max-width:300px; }
    #prodTwoColumnNav .productimage img { max-width:300px; }

    /*/  Sku  /*/
    #prodTwoColumnNav p.prodsku { visibility:hidden; display:none;}
    #prodTwoColumnNav .prodskulabel {font-weight:bold;}
    

    /*/  Stock Display  /*/
    #prodTwoColumnNav .outofstockdisplay {font-size:14px; color:#ff0000; font-weight:bold; text-align:left; padding:0 8px; clear:both;}

    /*/  ProductControls - prices, options, buttons - (main div)  /*/
    #prodTwoColumnNav #ProductControls { border: 0px solid #E64851; padding: 5px; margin: 2px 0 10px 0;  }   
        

        /* buttons */
        #prodTwoColumnNav #addtocartbuttondiv {clear:both; text-align:right; margin:10px 0 5px 0; padding:10px 0 0 0;}
        #prodTwoColumnNav .AddedToCartMessage {clear:both; display:block; background-color:#fff; border:solid 2px #0c0; color:#000; padding:8px 15px; font-size:120%; font-weight:bold; margin:5px 0;}

        #prodTwoColumnNav #buttons {padding:1px; margin: 1px; clear:both; text-align:right;}
            #prodTwoColumnNav #wishlist {clear:both; display:block; float:right; margin:5px 0; padding:0;}
            #prodTwoColumnNav #EmailThisPage {clear:both; display:block; float:right; margin:5px 0; padding:0;}
            #prodTwoColumnNav #printthispage {clear:both; display:block;}

     
/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////    TWO COLUMN (CONTENT ON LEFT) W/ NAV     ///////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



/* //// TOP TD (prod desc - volume discounts)  //// */
    #prodTwoColumn2Nav .tbltoptd {vertical-align: top; padding: 10px; }
    #prodTwoColumn2Nav .prodleftcolumn { float:right; width:280px;  margin-left:8px;}

    /*/  img  /*/
    #prodTwoColumn2Nav .productimgdiv {margin:8px 0;}
    #prodTwoColumn2Nav .productimage { padding:0; max-width:280px; }
    #prodTwoColumn2Nav .productimage img { max-width:280px;}


    /*/  Sku  /*/
    #prodTwoColumn2Nav p.prodsku { visibility:hidden; display:none;}
    #prodTwoColumn2Nav .prodskulabel {font-weight:bold;}

    /*/  ProductControls - prices, options, buttons - (main div)  /*/
    #prodTwoColumn2Nav #ProductControls { border: 0px solid #E64851; background: #fff; padding: 10px; margin: 2px 0 10px 0;  }   
        

        /* buttons */
        #prodTwoColumn2Nav #addtocartbuttondiv {clear:both; text-align:left; margin:10px 0 5px 0; padding:10px 0 0 0;}
        #prodTwoColumn2Nav .AddedToCartMessage {clear:both; display:block; background-color:#fff; border:solid 2px #0c0; color:#000; padding:8px 15px; font-size:120%; font-weight:bold; margin:5px 0;}

        #prodTwoColumn2Nav #buttons {padding:1px; margin: 1px; clear:both; text-align:left;}
            #prodTwoColumn2Nav #wishlist { margin:5px 0; padding:0;}
            #prodTwoColumn2Nav #EmailThisPage {clear:both; display:block; margin:5px 0; padding:0;}
            #prodTwoColumn2Nav #printthispage {clear:both; display:block;}

        
        
    /* /end prod controls/ */

    




























/* ////////////////////////////////////////////////////////////////////////////
/////////////////////////// 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:16px; margin:10px 0; color:#016295; padding:3px;}
.WideSingleProductDisplayPanel { position: relative; width: 98%; border-bottom: 1px solid #eee; padding:15px 0; margin:10px;}
    .SingleProductDisplayImage { float: left; width: 125px; margin: 5px 15px 15px 5px; min-height:100px; }
    .SingleProductDisplayImage input { width:120px;}
    .ProductBadge { position: absolute; top:2px; left:-10px; }
    .SingleProductDisplayName { margin: 10px; font-size: 110%; font-weight: bold; clear: right; }
    .SingleProductDisplayDescription {  }
    .SingleProductDisplayPrice { float:left; padding:3px 0 0 0; font-size: 100%; font-weight: bold; color: #666; }
    .SingleProductDisplayQuantity { float:left; margin:0 8px; font-weight:bold; }
    .SingleProductDisplayAddToCart { float:left; margin-left:15px; clear:right; }
    .SingleProductDisplayAddedToCart { color:#f00; font-size:120%; font-weight:bold; margin:2px 0 0 0; clear:both;}



/* ///////////// 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 {} 
.productreviewdescription {}

.ProductReviewKarma { display: block; padding-top: 5px; font-size: 90%; color: #666; }
.ProductReviewKarma span {}
.ProductReviewKarma input {}

.ProductReviewLinks { font-size: 90%; } */



/* Product Reviews & Cross/Up Sells */
.ProductReviews, #CrossSells { clear: both; padding: 10px; margin: 10px; border: 1px solid #eee; }
.ProductReviewLinks { font-size: 90%; } 
.ProductReview { margin: 10px; padding: 0 0 0 5px; border-left: 5px solid #eee; }
.ProductReviewKarma { display: block; padding-top: 5px; font-size: 90%; color: #666; }
#CrossSells table { width: 100%; }
.WideSingleProductDisplayPanel { position: relative; width: 100%; float: left; border-bottom: 1px solid #eee; }
.SingleProductDisplayImage { float: left; width: 125px; margin: 5px 15px 5px 5px; }
.ProductBadge { position: absolute; top:-5px; left:-20px; }
.SingleProductDisplayName { margin: 10px; font-size: 110%; font-weight: bold; clear: right; }
.SingleProductDisplayDescription {  }
.SingleProductDisplayPrice { font-size: 100%; font-weight: bold; color: #666; }
