/***************************************************************************
**                      product   page   styles                          **
****************************************************************************/
body.product{

}

.product #header{
    position:       relative;
    height:         121px;
    width:          100%;
}

.product #header #logo{
    float:          left;
    display:        inline;
    margin-top:     43px;
    margin-left:    41px;
    border:         none;
}
img{
    border:             none !important;   
}

.product #header #admin-nav{
    float:          right;
    width:          auto;
    display:        inline;
    margin-top:     86px;
    font-size:      10px;
}

.product #site-nav{
    height:         76px;
}

.product #site-nav ul{
       float:       right;
}

.product #site-nav ul li{
    display:    inline;
    margin-right:       30px;
}
.product #site-nav ul li.last{
    margin-right:       0px;   
}
.product #site-nav ul li a{
    height:         7px;
    padding:        0;
    margin:         0;
}
.product ##site-nav ul li a img{
    padding-bottom:     3px;   
}
.product #site-nav ul li a:hover{
    border-bottom:      1px solid #666;
}

.product #products  div#product-title{
    text-transform:     lowercase;
    color:              #5c8f7c;
    font-family:        futura, helvetica, sans-serif;
    margin-bottom:      10px;
    letter-spacing:     2px;    
    font-size:          10px;
}

.product #products  div#product-data{
    margin-left:        19px;
    
}
.product #products  div#product-data div#product-description{
    font-family:        futura, helvetica, sans-serif;
    color:              #666;
    line-height:        22px;
    font-size:          10px;
}
.product #products  div#product-data div#product-description img{
    padding-left:       5px;
    vertical-align:     middle !important;
}
/*****************************************************************************
                purchase options - global
****************************************************************************/
.product #products  div#product-data div#purchase-options *{
    font-family:        futura, helvetica, sans-serif;
    color:              #666;
    line-height:        19px;
    font-size:          10px;
}
.product #products  div#product-data div#purchase-options div.purchase-option-set {
       
}
.product #products  div#product-data div#purchase-options div.purchase-option-set.second{
    margin-left:        35px;   
}
.product #products  div#product-data div#purchase-options div.purchase-option-set table{
   border:         2px solid #D1EED0;
}
.product #products  div#product-data div#purchase-options div.purchase-option-set table.option.selected{
    border:             2px solid white !important;
}
.product #products  div#product-data div#purchase-options div.purchase-option-set table.option td{
    margin:             0;
    padding:            0;
}
.product #products  div#product-data div#purchase-options div.purchase-option-set table.option td.quantity{
    padding-right:      2px;
    width:              20px;
}

.product #products  div#product-data div#purchase-options div.purchase-option-set table.option td.price{
    width:              45px;
    padding-left:       2px;
}
.product #products  div#product-data div#purchase-options div.purchase-option-set table.option td.divider{
    width:              5px;
}
.product #products  div#product-data div#purchase-options div.purchase-option-set div.options table.option tr td{
    height:     14px;
    line-height:14px;
}
.product #products  div#product-data div#purchase-options div.purchase-option-set div.options{}
.product #products  div#product-data #customer-controls{}
/*****************************************************************************
                purchase controls
****************************************************************************/
#selected-product-label{
     font-family:           Futura, Helvetica, sans-serif; 
     font-size:             9px; 
     padding-bottom:        10px;
     color:                 #666;
}

#product-selector-list{
    font-family:           Verdana, Arial, Helvetica, sans-serif; 
    font-size:             10px; 
    border:                #000; 
    border-style:          solid; 
    border-top-width:      1px; 
    border-right-width:    1px; 
    border-bottom-width:   1px; 
    border-left-width:     1px
    background-color:      #D1EED0;
    border:                1px solid #7F9DB9;
}
#product-selector-list optgroup{
    background-color:       #EFD67C;
    font-style:             normal !important;  
    font-size:              10px;
    color:                  #666;
    padding:                2px;
    font-weight:            normal !important;
}

#product-selector-list option{
     background-color:      #D1EED0;
     font-size:             10px;
     color:                 #666;
}

#purchase-item button{
    background:         #FED694;
    color:              #666;
    border:             2px solid white;
    width:              80px;
    text-transform:     uppercase;
    font-family:        Verdana;
	font-size:          9px;
    line-height:        11px;
    padding:            5px 0px 5px 0px;
	text-align:         center;
	vertical-align:     middle;
	outline:            none;
	cursor:             pointer;
	cursor:             hand;
	focus:              none;
}
#quantity-selected{
    margin-bottom:      2px;
    font-size:          10px;
}
/*****************************************************************************
                products templates - alpha
****************************************************************************/
.product #products.alpha .quantity{
    width:      20px;
}
.product #products.alpha .price{
    width:      45px;
}
/*purchase options customization */
.product #products.alpha  div#product-data div#purchase-options{
    padding-top:     20px;
    clear:          both;  
}
.product #products.alpha  div#product-data div#purchase-options{
        width:          469px;   
        display:        block;
}
.product #products.alpha  div#product-data div#purchase-options div.purchase-option-set{
        position:       relative;        
        float:          left;
        display:        block;
        clear:          none;
        width:          215px;
}
.product #products.alpha div#product-data div#purchase-options div.purchase-option-set.second{
      width:            205px;
}
.product #products.alpha  div#product-data div#purchase-options div.purchase-option-set div.options{
    float:          right;
    margin-top:     -17px;
    clear:          none;
}
.product #products.alpha div.purchase-option-set .options div#ev-image{
    margin-top: 5px;
}
.product #products.alpha  div#product-data div#purchase-options div.purchase-option-set div.options table.option{}
.product #products.alpha  div#product-data div#purchase-options div.purchase-option-set div.options table.option tr td{
    height:     14px;
    line-height:14px;
}
/*purchase controls customization */
.product #products.alpha div#purchase-controls{}
.product #products.alpha div#quantity-selector{
        display:        inline;
}
.product #products.alpha div#purchase-item{
        display:        inline;
        padding-left:    20px;
}

/*****************************************************************************
                products templates - beta
****************************************************************************/
.product #products.beta  div#product-data{}
.product #products  div#product-data #customer-controls{}
.product #products.beta  div#product-data div#purchase-options div.purchase-option-set{
    margin-left:        25px;
}
.product #products.beta div#product-data div#purchase-controls{
    top:            0px;              
    left:           130px;
    font-size:      9px;
}
.product #products.beta div#product-data div#purchase-controls div#quantity-selector{
        display:        inline;
}
.product #products.beta div#product-data div#purchase-controls div#purchase-item{
        display:        inline;
        margin-left:    20px;
}
.product #products.beta  div#product-data div#purchase-options div.purchase-option-set div.options .option{}
.product #products.beta  div#product-data div#purchase-options div.purchase-option-set div.options{
    margin-bottom:      15px;   
}
/*****************************************************************************
                products templates - theta
****************************************************************************/
.product #products.theta .quantity{
    width:      20px;
}
.product #products.theta .price{
    width:      45px;
}
/*purchase options customization */
.product #products.theta  div#product-data div#purchase-options{
    padding-top:     20px;
    clear:          both;  
}
.product #products.theta  div#product-data div#purchase-options{
        width:          469px;   
        display:        block;
}
.product #products.theta  div#product-data div#purchase-options div.purchase-option-set{
        position:       relative;        
        float:          left;
        display:        block;
        clear:          none;
        width:          130px;
}
.product #products.theta div#product-data div#purchase-options div.purchase-option-set.second{
      width:            165px;
}
.product #products.theta  div#product-data div#purchase-options div.purchase-option-set div.options{
    float:          right;
    margin-top:     -17px;
    clear:          none;
}
.product #products.theta div.purchase-option-set .options div#ev-image{
    margin-top: 5px;
}
.product #products.theta  div#product-data div#purchase-options div.purchase-option-set div.options table.option{}
.product #products.theta  div#product-data div#purchase-options div.purchase-option-set div.options table.option tr td{
    height:     14px;
    line-height:14px;
}
/*purchase controls customization */
.product #products.theta div#purchase-controls{padding-top:15px;}
.product #products.theta div#quantity-selector{
        display:        inline;
}
.product #products.theta div#purchase-item{
        display:        inline;
        padding-left:    20px;
}

/*****************************************************************************
                products templates - gamma
****************************************************************************/

.product #products.gamma div#product-data{
    width:          381px;
    position:       relative;
}

.product #products.gamma div#purchase-options{
    display:        block; 
}

.product #products.gamma div#product-data div#purchase-options div.purchase-option-set{
    width:              210px;
    position:           relative;
    margin-top:         15px;
}

.product #products.gamma div#product-data div#purchase-options div.purchase-option-set.second{
    margin-left:        0px;   
}

.product #products.gamma div#product-data div#purchase-options div.purchase-option-set div.label{
}

.product #products.gamma div#product-data div#purchase-options div.purchase-option-set div.options{
    margin-left:        30px;
}

.product #products.gamma div#product-data div#purchase-options div.purchase-option-set div.options .option{
    padding:0; margin:0;
}

.product #products.gamma .quantity{
    width:      30px;    
}
.product #products.gamma .price{
    width:      60px;
}

.product #products.gamma div#product-data div#purchase-controls{
    position:       absolute;
    bottom:         100px;
    left:           185px;
    text-align:     right;
    font-size:      9px;
}

.product #products.gamma div#purchase-item{
    margin-top:     10px;   
}

/*****************************************************************************
                products templates - omega
****************************************************************************/
.product #products.omega td div#image-holder{
        vertical-align:  top;
        width:           327px !important;
        text-align:      right;
}
.product #products.omega div#product-data{
        width:          455px;
}

.product #products.omega div#product-data div#purchase-options{
        margin-top:     20px;
        height:         114px;
        clear:          both;  
}
.product #products.omega div#product-data div#purchase-options{
        width:          455px;   
}
.product #products.omega div#product-data div#purchase-options div.purchase-option-set{
        width:          215px;
        height:         114px;
        position:       relative;        
        float:          left;
        display:        block;
        clear:          none;
        margin-right:        0px;
}
.product #products.omega div#product-data div#purchase-options div.purchase-option-set.second{
    width:200px;   
}
.product #products.omega div#product-data div#purchase-options div.purchase-option-set div.label{
        position:       absolute; 
        top:            0px;
        left:           0px;
}
.product #products.omega div#product-data div#purchase-options div.purchase-option-set div.options{
       position:        absolute; 
       top:             0px;
       right:           0px;
 
}

.product #products.omega  div#product-data div#purchase-options div.purchase-option-set div.options .option{
    /*display:    block;
    padding:0; margin:0;
    width:      60px;
    text-align: center;
    border:     2px solid #D1EED0;
    height:     14px;
    line-height:    14px;*/   
}
.product #products.omega div#ev-image{
       margin-top:      20px;
}

.product #products.omega div#product-data div#purchase-controls{
        height:         60px;
}

.product #products.omega div#product-data div#purchase-controls div#quantity-selector{
        float:          left;
        display:        inline;
        clear:          none;
}

.product #products.omega div#product-data div#purchase-controls div#purchase-item{
        float:          left;
        display:        inline;
        clear:          none;
        margin-left:    20px;
}

/*****************************************************************************
                related products
****************************************************************************/
.product #products  div#product-data div#related-products{
    border-top:         1px solid #666;
    padding-top:        15px;
    margin-top:         15px;
}

.product #products  div#product-data div#related-products div.related-product{
 
}
.product #products  div#product-data div#related-products div.related-product a{
    color:  #666;   
}
.product #products  div#product-data div#related-products div.related-product a img{
    width:          60px;   
}

.product #products  div#product-data div#related-products #related-products-label{
    text-transform:     uppercase;
    color:              #5c8f7c;
    font-size:          9px;
    font-family:        futura, helvetica, sans-serif;
    margin-bottom:      10px;
    letter-spacing:     2px;    
    
}


.clear{
 display:block;
 font-size: 1px;
 line-height:0px;
 clear:both;
 float:none;
 
}

#ev-image{
    cursor:     pointer;
    cursor:     hand;
}

#display-window{
    position:       absolute;
    top:            151px;
    left:           306px;
    height:         274px;
    width:          392px;
    border:         2px ridge #fff;
    text-align:     center;
    vertical-align: middle;
    background:     #D1EED0;
}
#display-window #close-box{
    position:           absolute;
    right:              0px;
    margin-right:       10px;
    margin-top:         10px;
    border:             2px solid #fff;
    width:              15px;
    height:             15px;
    cursor:             hand;
    cursor:             pointer;
    color:              #fff;
    font-weight:        bold;
    font-size:          12px;    
    vertical-align:     top;
    line-height:        12px;
    
}

#display-window img{
       vertical-align: middle;
       padding-top:     25px;
       padding-bottom:  10px;
}
