@import url("fonts.css");
*, html { margin:0px }
body {
    margin:0px;
    padding:0px;
    background:url('images/paw_bg.svg') #333333;
    font:normal 13px Arial, Helvetica, sans-serif;
    color:#333333;
}
header, footer, nav, article, aside, div, ul, li, a, form, input, button { display:inline-block; box-sizing:border-box; }
table { display:inline-table; box-sizing:border-box; }
tr { display:table-row; box-sizing:border-box; }
td { display:table-cell; box-sizing:border-box; }

img { display:inline-block; box-sizing:border-box; border:none; }

a { color:#888888; text-decoration:none; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
a:hover { color:#0fcabf; text-decoration:none; }

ul, ol { margin:0px; padding:0px; list-style:none; }

button { padding:3px 6px 3px 6px; border:none; font:bold 14px Trebuchet MS, Arial; color:#f1f1f1; background:#717170; }
button:hover { color:#ffffff; background:#f06821; cursor:pointer; }

.button { padding:3px 6px 3px 6px; border:none; font:bold 14px Trebuchet MS, Arial; color:#f1f1f1; background:#717170; }
.button:hover { color:#333333; background:#cccccc; cursor:pointer; }

.submit { padding:3px 6px 3px 6px; border:none; font:bold 14px Trebuchet MS, Arial; color:#f1f1f1; background:#717170; }
.submit:hover { color:#333333; background:#cccccc; /*f06821*/ cursor:pointer; }

.input { padding:1px 4px 1px 4px; border:1px solid #717170; font:normal 15px Trebuchet MS, Arial; color:#515150; background:#ffffff; }


#cb_all {}
.cb {}


.container { position:relative; max-width:1200px; width:100%; height:auto; margin:0px; padding:0px; text-align:left; background:none; }




/* ##  BEGIN SHOPPING CART  ############################################################################################## */


#invoice { width:100%; min-height:300px; height:auto; margin:20px 0px 20px 0px; text-align:center; background:none; }


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


#invoice_form { display:block; width:100%; margin:0px; padding:0px; background:none; }


#invoice_addr { width:100%; height:auto; margin:20px 0px 40px 0px; padding:0px; border:none; border-spacing:0px; background:none; }
#invoice_addr tr { width:100%; height:auto; margin:0px; padding:0px; }
#invoice_addr tr td { height:auto; margin:0px; padding:6px 12px 6px 12px; font:normal 16px Arial, Helvetica, Sans-Serif; text-align:center; vertical-align:top; color:#000000; border-bottom:1px solid #bbbbbb; background:none; }
#invoice_addr tr.fields td { display:table-cell; width:100%; height:auto; margin:0px; padding:6px 12px 6px 12px; font:normal 17px Arial, Helvetica, Sans-Serif; text-align:center; color:#111111; border-bottom:2px solid #bbbbbb; background:none; }



#invoice_items { display:block; width:100%; height:auto; margin:0px; padding:0px; background:none; }
#invoice_items > li { display:block; width:100%; height:auto; margin:0px; padding:0px; font:normal 16px Arial, Helvetica, sans-serif; text-align:center; vertical-align:top; color:#222222; border-bottom:1px solid #bbbbbb; background:none; }

#invoice_items > li > ul { display:block; width:100%; height:auto; margin:0px; padding:0px; background:none; }
#invoice_items > li > ul > li { height:auto; margin:0px; padding:6px 12px 6px 12px; text-align:center; vertical-align:middle; background:none; }
#invoice_items > li > ul > li:nth-of-type(1) { width:18%; background:none; }
#invoice_items > li > ul > li:nth-of-type(2) { width:46%; text-align:left; vertical-align:top; background:none; }
#invoice_items > li > ul > li:nth-of-type(3) { width:12%; background:none; }
#invoice_items > li > ul > li:nth-of-type(4) { width:12%; background:none; }
#invoice_items > li > ul > li:nth-of-type(5) { width:12%; background:none; }

#invoice_items > li > ul > li 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 > li > ul > li a.del { margin-left:10px; color:#990000; line-height:24px; text-decoration:none; vertical-align:top; }

#invoice_items > li > ul.fields { border-bottom:1px solid #bbbbbb; }
#invoice_items > li > ul.fields > li { font:bold 17px Arial, Helvetica, sans-serif; }


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_update_btn { margin:0px; padding:0px; font:normal 15px Arial, Helvetica, sans-serif; text-decoration:none; color:#494949; border:none; background:none; -webkit-transition: all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#invoice_update_btn:hover { color:#0fcabf; cursor:pointer; }





#invoice_footer { width:100%; height:auto; vertical-align:top; background:none; }
#invoice_footer > li { min-height:200px; vertical-align:top; }
#invoice_footer > li:nth-of-type(1) { width:70%; padding:2%; background:none; }
#invoice_footer > li:nth-of-type(2) { width:30%; background:none; }


#invoice_info_panel { display:block; width:100%; min-height:100px; height:auto; margin:0px; padding:16px; text-align:left; background:#eeeeee; }
#invoice_info_panel > div.title { width:100%; height:auto; margin-bottom:6px; font:bold 24px Tahoma, Verdana, Arial, Helvetica, sans-serif; letter-spacing:2px; color:#0fcabf; }

#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:#494949; border:2px solid #aaaaaa; background:#bbbbbb; }
#invoice_discount_btn: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_continue_btn { float:right; margin:6px 0px 0px 0px; padding:0px; font:normal italic 20px/56px Georgia, 'Times New Roman', Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; background:none; }



#invoice_instructions { width:100%; min-height:122px; height:auto; margin:0px; padding:6px; 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:#777777; }
#invoice_terms_msg > a:hover { text-decoration:underline; color:#0eb9ad; }



#invoice_totals { width:100%; height:auto; margin:20px 0px 0px 0px; padding:0px; border:none; border-spacing:0px; background:none; }
#invoice_totals tr { width:100%; height:auto; margin:0px; padding:0px; border-bottom:2px solid #a9a9a9; background:none; }
#invoice_totals td { height:auto; margin:0px; padding:8px; font:normal 16px Arial, Helvetica, sans-serif; text-align:center; vertical-align:middle; color:#222222; border-bottom:1px solid #cacaca; background:none; }
#invoice_totals tr td.field { padding-left:6%; font:normal italic 17px Georgia, Times, 'Times New Roman' Arial, Helvetica, Sans-Serif; text-align:left; color:#444444; }


#invoice_checkout_btn { 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_checkout_btn > i { font-size:20px; line-height:24px; }
#invoice_checkout_btn:hover { color:#ffffff; border-color:#0eb9ad; background:#0fcabf; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }


/* ##  END SHOPPING CART  ################################################################################################ */









/* ##  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 'Droid Sans', Arial, Helvetica, Sans-Serif; text-align:left; color:#3f3f3f; background:none; }
div.cocol div.cowidget { width:49%; margin:15px 0px 0px 0px; border:0px solid Black; text-align:left; color:#777777; 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:29%; max-width:29%; width:29%; }
div.cocol div.cowidget.exp { min-width:69%; max-width:69%; width:69%; }
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 'Lato', 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 'Lato', 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:#ffffff; border:2px solid #0eb9ad; background:#0eb9ad; -webkit-appearance:none; }
#checkout_btn > i { font-size:20px; line-height:24px; }
#checkout_btn:hover { color:#ffffff; border-color:#0eb9ad; background:#0fcabf; 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  ################################################################################################ */












/* SECURITY SENDKEY */
#security { float:right; box-sizing:border-box; width:180px; height:auto; margin:0px 20px 0px 0px; padding:3px; border:2px solid #a9a9a9; border-radius:4px; vertical-align:top; background:#dddddd; }
#security img { width:58%; height:auto; margin:0px; border:none; vertical-align:top; }
#security input[type=text] { width:40%; height:32px; margin:0px 0px 0px 2%; padding:4px; border:2px solid #a9a9a9; border-radius:2px; font:normal 15px Arial; text-transform:uppercase; text-align:center; vertical-align:top; color:#3d3d3d; background:#ffffff; }
#security div { width:100%; height:auto; margin:4px 0px 0px 0px; font:bold 12px Arial; letter-spacing:2px; text-align:center; vertical-align:top; color:#707070; background:none; }
































































@media all and (max-width:800px)
{
    /* #### INVOICE #### */
    #invoice_checkout_btn { padding:6px; font-size:18px; letter-spacing:1px; }
    #invoice_checkout_btn > 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_addr tr td { font-size:13px; }
    #invoice_addr tr.fields td { font-size:14px; }



    #invoice_items > li > ul > li { padding:6px; }

    #invoice_items > li { font:normal 13px Arial, Helvetica, sans-serif; }

    #invoice_items > li > ul > li:nth-of-type(1) { display:none; }
    #invoice_items > li > ul > li:nth-of-type(2) { width:55%; text-align:left; vertical-align:middle; background:none; }
    #invoice_items > li > ul > li:nth-of-type(3) { width:15%; background:none; }
    #invoice_items > li > ul > li:nth-of-type(4) { width:15%; text-align:center; background:none; }
    #invoice_items > li > ul > li:nth-of-type(5) { width:15%; background:none; }

    #invoice_items > li > ul.fields > li { 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 tr td { font-size:13px; }
    #invoice_totals tr td.field { font-size:14px; }


}/*600px*/





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

}/*600px*/