/* --------------------------------------------------------
    Product stylesheet
    Website: IF Merch
    Created by: Guillaume - guillaume@falzhobel.ca
    Filename: css/product.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    Content
   -------------------------------------------------------- */
   
    div.product_details { border-bottom: 1px solid #E9E6DE; padding-bottom: 15px; margin-bottom: 15px; }
    div.product_details div.product_details_images { float: left; width: 350px; position: relative; }
    div.product_details div.product_details_images p.product_details_price { position: absolute; z-index: 2; top: 271px; left: 5px; background-color: #fff; font-size: 235%; font-weight: bold; padding: 5px; }
    div.product_details div.product_details_infos { float: right; width: 330px; padding-right: 10px; }
    
    ul.additional_images { width: 100%; overflow: hidden; padding-top: 5px; }
    ul.additional_images li { float: left; padding: 0px 0px 13px 13px; }
    ul.additional_images li a { display: block; border: 1px solid #DDD9CC; }
    ul.additional_images li a:hover, ul.additional_images li a.thumb_on { border-color: #DDD9CC; }
    
    #content_main div.product_details div.product_details_infos h3 { font-size: 120%; margin-bottom: 5px; border-bottom: 1px solid #E9E6DE; padding-bottom: 5px; }
    #content_main div.product_details div.product_details_infos p { font-size: 100%; padding-bottom: 10px; }
    #content_main div.product_details div.product_details_infos ul.product_details li { font-size: 90%; line-height: 1.5em; }
    
    table.product_purchase { width: 100%; }
    table.product_purchase th, table.product_purchase td { padding: 2px 0px; font-size: 95%; border-bottom: 1px dotted #D1CCBB; }
    table.product_purchase .col_color { width: 38%; }
    table.product_purchase .col_price, table.product_purchase .col_add_cart { width: 31%; }
    table.product_purchase .col_add_cart { font-weight: bold; }
    table.product_purchase .col_add_cart a { display: block; padding: 2px 1px; text-align: center; color: #fff; background-color: #0477BF; }
    table.product_purchase .col_add_cart a:hover { background-color: #000; color: #fff; }
    
    div.product_details div.product_details_infos form { padding: 5px 10px 0px 10px; border: 1px solid #0477BF; margin-bottom: 13px; }
    
    #content_main div.product_details div.product_details_infos h4 { font-size: 190%; letter-spacing: 1px; padding-bottom: 10px; }
    #content_main div.product_details div.product_details_infos p.purchase_select { padding-bottom: 8px; }
    #content_main div.product_details div.product_details_infos p.purchase_select select { width: 180px; }
    #content_main div.product_details div.product_details_infos p.purchase_submit { margin-left: -2px; }