﻿
html, body, table, input, button, textarea {
    font-family:Verdana;font-size:11pt;
}

body {

	/*background: -ms-linear-gradient(top, #8C3310 0%, #FFFFFF 100%);	
	background: -moz-linear-gradient(top, #8C3310 0%, #FFFFFF 100%);	
	background: -o-linear-gradient(top, #8C3310 0%, #FFFFFF 100%);	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8C3310), color-stop(1, #FFFFFF));	
	background: -webkit-linear-gradient(top, #8C3310 0%, #FFFFFF 100%);	
	background: linear-gradient(to bottom, #8C3310 0%, #FFFFFF 100%);*/
		
	background-repeat:no-repeat;
    max-width:1280px;
    min-width:735px;
    margin-right:20px;
}

.content { 

margin:0 auto;
min-width:535px;
max-width:900px;
}

a {
    color:#00F;text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

a.CustomerInfoEdit
{
    position:absolute;
    top:-2px;
    right:5px;
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    background-color:#FFF;
}


a.disabled
{
    color:#c1c1c1;   
    text-decoration:none;
    background-color:#FFF;
    cursor:default;
}

div.header-nav-buttons {
    height:25px;
}
div.header-nav-buttons a {
    float:left;
    color:#000;display:inline-block;padding-left:5px;padding-right:5px;padding-bottom:2px; border:1px solid #aaa;border-left:0px;
        
	background: rgb(242,245,246);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1)));
	background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
	background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
	background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
	background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
    
    /*background: #876a5f; 
    background: -moz-linear-gradient(top,  #876a5f 1%, #8c3310 44%, #876a5f 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#876a5f), color-stop(44%,#8c3310), color-stop(100%,#876a5f)); 
    background: -o-linear-gradient(top,  #876a5f 1%,#8c3310 44%,#876a5f 100%);
    background: -ms-linear-gradient(top,  #876a5f 1%,#8c3310 44%,#876a5f 100%);
    background: linear-gradient(to bottom,  #876a5f 1%,#8c3310 44%,#876a5f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#876a5f', endColorstr='#876a5f',GradientType=0 );*/


}
div.header-nav-buttons a:first-child {
    border-left:1px solid #aaa;
}
div.header-nav-buttons a:hover {
    background:#fff;
    text-decoration:none;cursor:pointer;
    /*background: #827875;
    background: -moz-linear-gradient(top,  #827875 0%, #894830 45%, #827875 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#827875), color-stop(45%,#894830), color-stop(100%,#827875)); 
    background: -webkit-linear-gradient(top,  #827875 0%,#894830 45%,#827875 100%);
    background: -o-linear-gradient(top,  #827875 0%,#894830 45%,#827875 100%); 
    background: -ms-linear-gradient(top,  #827875 0%,#894830 45%,#827875 100%); 
    background: linear-gradient(to bottom,  #827875 0%,#894830 45%,#827875 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827875', endColorstr='#827875',GradientType=0 );*/ 

    
}

div.header-nav-buttons a.current {    
    font-style:italic;    
    font-weight:bold;
    background:#fff;
    /*background: #827875;
    background: -moz-linear-gradient(top,  #827875 0%, #894830 45%, #827875 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#827875), color-stop(45%,#894830), color-stop(100%,#827875)); 
    background: -webkit-linear-gradient(top,  #827875 0%,#894830 45%,#827875 100%);
    background: -o-linear-gradient(top,  #827875 0%,#894830 45%,#827875 100%); 
    background: -ms-linear-gradient(top,  #827875 0%,#894830 45%,#827875 100%);
    background: linear-gradient(to bottom,  #827875 0%,#894830 45%,#827875 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827875', endColorstr='#827875',GradientType=0 );*/ 
    border-bottom:none;
}

div.header-nav-userlinks {
    text-align:right;padding:10px;
}
div.header-nav-userlinks a{

}
div.header-nav-userlinks span{
    font-style:italic;
}
div.header-nav-userlinks span:last-child {
    display:inline-block;padding-right:15px; 
}




div.form-row > label.form-row-label {
    display:inline-block;width:150px;text-align:right;   
}

div.form-row > label.form-row-label-wide {
    width:220px;
}



fieldset {
    position:relative;
}

fieldset.items-purchased-checkboxes
{
    min-width:100px;
    width:100%
}
fieldset.items-purchased-checkboxes > div
{
    width:150px;float:left;margin-left:10px;
}

fieldset > span.fieldset-editlink {
    position:absolute;top:-4px;right:8px;
    display:inline-block;padding-left:3px;padding-right:3px;
    background-color:#fff;
}

div.pinnumber-modal-content > form > div > div > button, #setNewPin, #cancelPin, #clear {
    padding:12px;padding-left:16px;padding-right:16px; margin:3px;
}

form {
    margin:0px;padding:0px;
}




table.grid {
    border-collapse:collapse;
    -webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, .3);        
    box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, .3);
}

table.grid thead tr th ,table.grid tbody tr td {
    padding:0px;padding-left:5px;padding-right:5px;
}


table.grid thead {
    /*background: rgb(140,51,16); 
    background: -moz-linear-gradient(top,  rgba(140,51,16,1) 1%, rgba(137,70,45,1) 50%, rgba(140,51,16,1) 52%, rgba(137,70,45,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(140,51,16,1)), color-stop(50%,rgba(137,70,45,1)), color-stop(52%,rgba(140,51,16,1)), color-stop(100%,rgba(137,70,45,1))); 
    background: -webkit-linear-gradient(top,  rgba(140,51,16,1) 1%,rgba(137,70,45,1) 50%,rgba(140,51,16,1) 52%,rgba(137,70,45,1) 100%); 
    background: -o-linear-gradient(top,  rgba(140,51,16,1) 1%,rgba(137,70,45,1) 50%,rgba(140,51,16,1) 52%,rgba(137,70,45,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(140,51,16,1) 1%,rgba(137,70,45,1) 50%,rgba(140,51,16,1) 52%,rgba(137,70,45,1) 100%);
    background: linear-gradient(to bottom,  rgba(140,51,16,1) 1%,rgba(137,70,45,1) 50%,rgba(140,51,16,1) 52%,rgba(137,70,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c3310', endColorstr='#89462d',GradientType=0 );*/

    background: rgb(242,245,246);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1)));
	background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
	background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
	background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
	background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );

}
table.grid thead th {
    font-size:9pt;text-align:left;
}
table.grid tbody {
}
table.grid tbody tr td {
    border-left:1px solid #aaa;
}
table.grid tbody tr td:first-child {
    border-left:0px;
}
table.grid tbody tr:nth-child(even) {
    /*background-color:#EEE;*/
    background-color:#E8EEF0;
}
table.grid tbody tr:nth-child(odd) {
    background-color:#FFF;
}


input[type=text] {
    width:255px;
}
input.city {
    width:140px;
}
input.state, select.state {
    width:45px;
}
input.postalcode {
    width:60px;
}
input.phone {
    width:180px;
}
select.stateFull
{
    width:80px;
}


div.void {
    position:fixed;top:70px;left:0px;right:0px;bottom:0px;background-color:rgba(255,255,255,0.2);
    text-align:center;color:rgba(255,0,0,0.5); font-size:248px;
}


/*Check and Receipt*/
#newPurchase_Check
{
    position:absolute;left:-2600px;
}

/*.newPurchase_Check
{ 
    height:7.36cm; width:21.7cm; font-size:small;
}


#newPurchase_Check > div
{
    height:7.36cm; width:21.7cm; 
}*/

#newPurchase_Receipt 
{
    position:absolute; width:20cm; top:8.8cm; left:-2600px; right:1cm; font-size:medium; height:18cm;
}

.newPurchase_Receipt
{    
    width:21.5cm; max-height:11in; border-collapse:collapse; font-size:medium; margin-top:5px;
}

#newPurchase_Receipt table > tbody > tr > td, .newPurchase_Receipt > tbody > tr > td
{
    height:auto; top:3px;
}

#newPurchase_Receipt table > tbody > tr > td > div, .newPurchase_Receipt > tbody > tr > td > div
{
    height:9cm; max-height:9cm;
}

.newPurchaseTotalLabel
{
    padding-right:3.3cm; float:right; font-weight:bold;
}

/*Default Page Message*/
#messageDiv
{
    border: 2px groove rgba(185, 181, 181, 0.80); 
    width:auto; 
    max-width:600px;
    margin:0 auto;
    margin-top:30px;
    padding:10px;
    height:auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;    
    font-size:larger;
    font-weight:bold;
    text-align:center;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(60%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 60%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, .3);        
    box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, .3);
    
}

#messageDiv > div
{   
    width:auto;
    vertical-align:middle;
    height:auto;
}

#prodCountWarning
{   
    margin-top:10px;
    float:right;    
    display:none; 
    border: 1px solid red; 
    color:red; 
    width:145px;
    text-align:left;
    padding:5px;   
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;    

}

.shadow
{
    -webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, .3);        
    box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, .3);
}


#NewPurchase_ReceiptOnly
{
    display:none;
    position:absolute;
    left:-2600px;
}
.NewPurchase_ReceiptOnly
{
    margin:0 auto; 
    margin-top:15px; 
    width:100%; 
    text-align:left;
}

.NewPurchase_ReceiptOnly > table
{
    text-align:left;    
}
.header-nav-area
{
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    max-width:90%;
    margin:0 auto;
    padding-top:4px;
    padding-left:20px;
}

.stubTotals 
{
    text-align:right;
    margin-right:55px;
    font-weight:normal;
    font-size:small;
}

.stubNotes 
{
    font-weight:normal;
    font-size:small;
}
