/* ##  BEGIN INVOICE  ############################################################################################## */
        
#invoice { display:block; width:100%; text-align:center; background:none; }



/* #### INVOICE_FORM #### */
#invoice_form { display:block; width:100%; margin:0px; padding:0px; text-align:center; background:none; }



#invoice_confirm { margin:15px 0px 0px 0px; padding:0px 0px 0px 6px; border:none; font:normal 16px/28px Arial, Helvetica, Sans-Serif; letter-spacing:1px; text-align:center; color:#55555f; background:none; }





/* #### INVOICE_ADDRESS #### */
#invoice_address { width:100%; margin:20px 0px 20px 0px; font:normal 16px Arial, Helvetica, Sans-Serif; text-align:left; vertical-align:top; color:#494949; border:none; border-spacing:0px; background:none; }
#invoice_address > tbody > tr { }
#invoice_address > tbody > tr > td { width:50%; padding:8px 16px 8px 16px; border-bottom:1px solid #99999f; }
#invoice_address > tbody > tr.heading > td { font:bold 18px Arial, Helvetica, Sans-Serif; color:#1e4f75;/*0d3f64|1e4f75|2e5f85*/ border-bottom:2px solid #2e5f85; }






/* #### INVOICE_ITEMS #### */
#invoice_items { width:100%; font:normal 16px Arial, Helvetica, Sans-Serif; text-align:left; vertical-align:top; color:#494949; border:none; border-spacing:0px; background:none; }
#invoice_items > tbody > tr { width:100%; }
#invoice_items > tbody > tr > td { padding:8px 16px 8px 16px; text-align:center; vertical-align:middle; border-bottom:1px solid #99999f; }

#invoice_items > tbody > tr > td:nth-of-type(1) { width:18%; background:none; }
#invoice_items > tbody > tr > td:nth-of-type(1) > img { width:100%; height:auto; }
#invoice_items > tbody > tr > td:nth-of-type(2) { width:46%; text-align:left; vertical-align:top; background:none; }
#invoice_items > tbody > tr > td:nth-of-type(3) { width:12%; background:none; }
#invoice_items > tbody > tr > td:nth-of-type(4) { width:12%; background:none; }
#invoice_items > tbody > tr > td:nth-of-type(5) { width:12%; background:none; }

#invoice_items > tbody > tr.heading > td { font-weight:bold; color:#1e4f75;/*0d3f64|1e4f75|2e5f85*/ border-bottom:2px solid #2e5f85; }


#invoice_items > tbody > tr > td input[type='text'] { width:32px; height:auto; margin:0px; padding:3px 6px 3px 6px; font:normal 16px Arial, Helvetica, Sans-Serif; text-align:center; color:#494949; border:1px solid #cacaca; background:#ffffff; }
#invoice_items > tbody > tr > td a.delete { margin-left:10px; color:#990000; line-height:24px; text-decoration:none; vertical-align:top; }


table.details { display:inline-table; height:auto; margin:6px 0px 0px 0px; padding:0px; font:normal 13px Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; vertical-align:top; color:#444444; border:none; border-spacing:1px; background:#bbbbbb; }
table.details > tbody > tr { height:auto; margin:0px; padding:0px; border:none; }
table.details > tbody > tr > td { height:auto; margin:0px; padding:2px 8px 2px 8px; border:none; background:#eeeeee; }
table.details > tbody > tr > td:nth-of-type(2) { background:#fbfaf9; }


#invoice_btn_update { margin:0px; padding:0px; font:normal 15px Arial, Helvetica, sans-serif; text-decoration:none; color:#666669; border:none; background:none; -webkit-transition: all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#invoice_btn_update:hover { color:#666699; cursor:pointer; }








/* #### INVOICE_FOOTER #### */
#invoice_footer { width:100%; }
#invoice_footer > li { min-height:200px; }
#invoice_footer > li:nth-of-type(1) { width:70%; padding:2% 2% 2% 0px; background:none; }
#invoice_footer > li:nth-of-type(2) { width:30%; background:none; }






/* #### INVOICE_INFO_PANEL #### */
#invoice_info_panel { display:block; width:100%; min-height:100px; height:auto; margin:0px; padding:16px; text-align:left; background:#eaeaea; }
#invoice_info_panel > div.title { width:100%; height:auto; margin-bottom:6px; font:bold 24px Arial, Helvetica, sans-serif; letter-spacing:2px; color:#3e6f95;/*0d3f64|1e4f75|2e5f85*/ }

/* # DISCOUNT_CODE # */
#invoice_discount_code { width:160px; height:32px; padding:4px; font:bold 16px Arial; color:#494949; border:1px solid #a9a9a9; }
#invoice_discount_code::-webkit-input-placeholder { color:#afafaf; }
#invoice_discount_code:-moz-placeholder { color:#afafaf; }
#invoice_discount_code::-moz-placeholder { color:#afafaf; }
#invoice_discount_code:-ms-input-placeholder { color:#afafaf; }


#invoice_discount_btn { width:120px; height:32px; margin:0px 0px 0px 10px; padding:0px; font:bold 16px/16px Arial, Helvetica, Sans-Serif; letter-spacing:1px; text-transform:uppercase; text-decoration:none; color:#666669; border:2px solid #99999f; background:#cccccf; -webkit-appearance:none; }
#invoice_discount_btn:hover { color:#ffffff; border-color:#3e6f95; background:#8e9fb5;/*0d3f64|1e4f75|2e5f85|3e6f95|6e9fc5*/ cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }


#invoice_btn_continue { float:right; margin:6px 0px 0px 0px; padding:0px; font:normal italic 20px/56px Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; color:#77777f; background:none; }
#invoice_btn_continue:hover { color:#666699; cursor:pointer; }



#invoice_instructions { box-sizing:border-box; width:100%; min-height:122px; height:auto; margin:0px; padding:6px; font:normal 16px Arial, Helvetica, Sans-Serif; color:#494949; border:1px solid #a9a9a9; background:#ffffff; }

#invoice_tax_msg { width:100%; height:auto; margin:0px; padding:10px 0px 0px 0px; font:normal 12px Arial, Helvetica, Sans-Serif; text-align:center; }

#invoice_terms_msg { width:100%; height:auto; margin:0px; padding:5px 0px 0px 0px; font:normal 12px Arial, Helvetica, Sans-Serif; text-align:center; }
#invoice_terms_msg > a { font:normal 12px Arial, Helvetica, Sans-Serif; text-decoration:none; color:#77777f; }
#invoice_terms_msg > a:hover { text-decoration:underline; color:#666699; }






/* #### INVOICE_TOTALS #### */
#invoice_totals { display:inline-table; width:100%; margin:20px 0px 0px 0px; padding:0px; border:none; border-spacing:0px; background:none; }
#invoice_totals > tbody > tr { width:100%; height:auto; margin:0px; padding:0px; border-bottom:2px solid #a9a9a9; background:none; }
#invoice_totals > tbody > tr > td { height:auto; margin:0px; padding:8px; font:normal 16px Arial, Helvetica, sans-serif; text-align:center; vertical-align:middle; color:#494949; border-bottom:1px solid #99999f; background:none; }
#invoice_totals > tbody > tr > td.heading { padding-left:6%; font:normal italic 17px Arial, Helvetica, Sans-Serif; text-align:left; color:#494949; }


/*#invoice_btn_checkout { min-width:100px; max-width:280px; width:100%; height:auto; margin:10px 0px 0px 0px; padding:6px; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:2px; text-transform:uppercase; text-decoration:none; color:#ffffff; border:2px solid #0eb9ad; background:#0eb9ad; -webkit-appearance:none; }*/
/*#invoice_btn_checkout:hover { color:#ffffff; border-color:#0eb9ad; background:#0fcabf; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }*/
#invoice_btn_checkout { min-width:100px; max-width:280px; width:100%; height:auto; margin:10px 0px 0px 0px; padding:6px; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:2px; text-transform:uppercase; text-decoration:none; color:#3e6f95; border:none; background:none; -webkit-appearance:none; }
#invoice_btn_checkout > i { font-size:20px; line-height:24px; }
#invoice_btn_checkout:hover { color:#3e6f95; /*5e7f95*/ background:url(images/nav_hover.gif) no-repeat center center; background-size:90px 36px; cursor:pointer; }



/* ##  END INVOICE  ################################################################################################ */




























/* ##  BEGIN CHECKOUT  ############################################################################################## */


/* CHECKOUT */

#checkout { min-width:100%; max-width:100%; width:100%; height:auto; margin:20px 0px 0px 0px; padding:0px; text-align:center; vertical-align:top; background:none; }


div.cocol { min-width:250px; width:33%; min-height:450px; height:auto; margin:0px; padding:0px 1% 20px 1%; vertical-align:top; border:none; border-top:1px solid #999999; background:none; }
div.cocolsep { width:1px; min-height:450px; margin:0px; padding:0px; border:none; background:url('images/cocolsep.png') repeat-x top center; }
div.cocol div.coheading { width:100%; margin:15px 0px 0px 0px; padding:0px 0px 0px 6px; border:none; font:bold 16px Arial, Helvetica, Sans-Serif; text-align:left; color:#1e4f75; background:none; }
div.cocol div.cowidget { width:49%; margin:15px 0px 0px 0px; border:0px solid Black; text-align:left; color:#494949; background:none; }
div.cocol div.cowidget.left { margin-right:2%; }
div.cocol div.cowidget.long { min-width:100%; max-width:100%; width:100%; }
div.cocol div.cowidget.state { min-width:59%; max-width:59%; width:59%; margin-right:2%; }
div.cocol div.cowidget.zip { min-width:39%; max-width:39%; width:39%; }
div.cocol div.cowidget.cvv { min-width:39%; max-width:39%; width:39%; }
div.cocol div.cowidget.exp { min-width:39%; max-width:39%; width:39%; }
div.cocol div.cowidget select.cosel { min-width:100%; max-width:100%; width:100%; margin:3px 0px 0px 0px; padding:2px 4px 2px 4px; border:solid 1px #949599; font:normal 14px Arial, Helvetica, Sans-Serif; text-align:left; color:#3f3f3f; background:#ffffff; }
div.cocol div.cowidget > input.cotb { width:100%; margin:3px 0px 0px 0px; padding:3px; border:solid 1px #949599; font:normal 14px Arial, Helvetica, Sans-Serif; text-align:left; color:#3f3f3f; background:#ffffff; }
div.cocol div.cowidget > span { color:#dd0000; }
div.cocol div.cowidget > input[type="checkbox"] { margin:8px 0px 6px 0px; padding:2px; border:solid 1px #949599; font:normal 14px Arial, Helvetica, Sans-Serif; color:#3f3f3f; background:#ffffff; }
div.cocol div.cowidget > textarea.enquiry { width:560px; height:120px; margin:8px 0px 6px 0px; padding:4px; border:solid 1px #949599; font:normal 14px Arial, Helvetica, Sans-Serif; color:#3f3f3f; background:#ffffff; }




#checkout_btn { width:80%; height:auto; margin:20px 0px 0px 0px; padding:6px; font:normal 24px Arial, Helvetica, sans-serif; letter-spacing:2px; text-transform:uppercase; color:#3e6f95; border:none; background:none; -webkit-appearance:none; }
#checkout_btn > i { font-size:20px; line-height:24px; }
#checkout_btn:hover { color:#3e6f95; background:url(images/nav_hover_v1.gif) no-repeat center center; background-size:90px 36px; cursor:pointer; }

#checkout_wait { width:80%; height:40px; margin:20px 0px 0px 0px; padding:6px; border:none; font:normal 16px/26px Arial, Helvetica, sans-serif; letter-spacing:2px; text-transform:uppercase; color:#ad9130; background:none; }
#checkout_wait i { font-size:20px; color:#ad9130; background:none; }






#pp-btn { position:absolute; right:-10px; top:16px; text-align:right; transform:scale(0.9); }

/* ##  END CHECKOUT  ################################################################################################ */































@media all and (max-width:800px)
{
    /* #### INVOICE #### */
    #invoice_btn_checkout { padding:6px; font-size:18px; letter-spacing:1px; }
    #invoice_btn_checkout > i { font-size:16px; line-height:18px; }

}/*800px*/





@media all and (max-width:600px)
{
    /* #### INVOICE #### */

    #invoice_confirm { font-size:13px; line-height:20px; letter-spacing:0px; }


    #invoice_address > tbody > tr > td { font-size:13px; }
    #invoice_address > tbody > tr.heading > td { font-size:14px; }


    
    #invoice_items { font:normal 13px Arial, Helvetica, Sans-Serif; }
    
    #invoice_items > tbody > tr > td { padding:6px; }
    
    #invoice_items > tbody > tr > td:nth-of-type(1) { display:none; }
    #invoice_items > tbody > tr > td:nth-of-type(2) { width:55%; text-align:left; vertical-align:middle; background:none; }
    #invoice_items > tbody > tr > td:nth-of-type(3) { width:15%; background:none; }
    #invoice_items > tbody > tr > td:nth-of-type(4) { width:15%; text-align:center; background:none; }
    #invoice_items > tbody > tr > td:nth-of-type(5) { width:15%; background:none; }

    #invoice_items > tbody > tr.heading > td { font:bold 14px Arial, Helvetica, sans-serif; }



    table.details { font:normal 11px Arial, Helvetica, Sans-Serif; }
    table.details > tbody > tr td { padding:2px 3px 2px 4px; }
    
    
    #invoice_footer > li:nth-of-type(1) { width:50%; padding:2% 2% 2% 0px; }
    #invoice_footer > li:nth-of-type(2) { width:50%; }

    
    #invoice_info_panel { min-height:0px; padding:6px 4px 4px 4px; text-align:center; }
    #invoice_info_panel > div.title { font-size:14px; letter-spacing:0px; }
    
    #invoice_discount_code { width:125px; height:26px; padding:4px; font-size:13px; }
    #invoice_discount_btn { width:125px; height:26px; margin:6px 0px 0px 0px; padding:0px; font:bold 13px/13px Arial, Helvetica, Sans-Serif; letter-spacing:1px; }
    

    #invoice_tax_msg { font-size:8px; }

    #invoice_terms_msg { font-size:8px; }
    #invoice_terms_msg > a { font-size:8px; }



    #invoice_totals > tbody > tr { font-size:13px; }
    #invoice_totals > tbody > tr > td.heading { font-size:14px; }


}/*600px*/





@media all and (max-width:420px)
{

}/*600px*/