html,body {
    padding:0;
    margin:0;
    height:100%;
    min-height:100%;
    font-family: 'Lato',Calibri,Arial,sans-serif;
}
.body{background-color: #94B62D;}
h1{color: #445569;}
.clear{clear: both;}
.red{color: tomato;}
.gray{color: gray;}
#maxbox {
margin: 0 auto;
position: relative;
text-align: left;
width: 960px;}

#maxboxpanel{width: 100%;
background-color: white;
position: absolute;
min-height: 100%;}

#maxnavpanel{    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    overflow: hidden;
    min-height: 100%;
    background: none repeat scroll 0% 0% #94B62D;
    z-index: 200;
}

nav li{list-style: none; cursor: pointer; color: lightgray;padding: 2px; letter-spacing: 1px; transition: opacity 0.5s ease 0s, width 0.1s ease 0.5s, height 0.1s ease 0.5s;}
nav li:hover{ background-color: #779E00;transition: opacity 0.5s ease 0s, width 0.1s ease 0.5s, height 0.1s ease 0.5s;}
nav a{text-decoration: none;}
nav ul{margin: 0px;
padding: 0px;
list-style: none outside none;}

nav h1{color: white; margin-left: 20px;}

/*sites*/

.site1{background-color: tomato; }
.site2{background-color: yellowgreen;}
.site3{background-color: mediumaquamarine;}
.site4{background-color: mediumorchid;}
.site5{background-color: darkgoldenrod;}
.site6{background-color: darkorange;}
.site7{background-color: dodgerblue;}
.site8{background-color: rosybrown;}
.site9{background-color: paleturquoise}
.site10{background-color: peru;}

.siteline1{height:1px; width:100%; border-bottom: 1px solid tomato; }
.siteline2{height:1px; width:100%; border-bottom: 1px solid yellowgreen;}
.siteline3{height:1px; width:100%; border-bottom: 1px solid mediumaquamarine;}
.siteline4{height:1px; width:100%; border-bottom: 1px solid mediumorchid;}
.siteline5{height:1px; width:100%; border-bottom: 1px solid darkgoldenrod;}
.siteline6{height:1px; width:100%; border-bottom: 1px solid darkorange;}
.siteline7{height:1px; width:100%; border-bottom: 1px solid dodgerblue;}
.siteline8{height:1px; width:100%; border-bottom: 1px solid rosybrown;}
.siteline9{height:1px; width:100%; border-bottom: 1px solid paleturquoise}
.siteline10{height:1px; width:100%; border-bottom: 1px solid peru;}


.dataofferid{
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
vertical-align: middle;
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.dataofferid .datetime{color: darkgreen;}
.dataofferid .offerdesc{}

.lastpricesubm{width: 200px;margin: 0 auto;clear: both;}
.lastprice{width: 130px;margin: 0 auto;clear: both;}
.lastprice .from{color: #333; float: left;
font-size: 13px;
letter-spacing: 3px;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);}
.lastprice .priceshow{color: green; float: left;
font-size: 24px;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);}

.status0{
background: none repeat scroll 0% 0% tan;
color: black;
box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6);
padding: 10px 0px;
font-size: large;
width: 100%;
text-align: center;
font-weight: bold;
border: 1px solid #A8BC65;
color: #6D7649;
border-radius: 4px;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
}
.status1{
background: none repeat scroll 0% 0% mediumaquamarine;
color: black;
box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6);
padding: 10px 0px;
font-size: large;
width: 100%;
text-align: center;
font-weight: bold;
border: 1px solid #A8BC65;
color: #6D7649;
border-radius: 4px;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
}
.status2{
background: none repeat scroll 0% 0% mediumpurple;
color: black;
box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6);
padding: 10px 0px;
font-size: large;
width: 100%;
text-align: center;
font-weight: bold;
border: 1px solid #A8BC65;
color: #6D7649;
border-radius: 4px;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
}
.status3{
background: none repeat scroll 0% 0% gold;
color: black;
box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6);
padding: 10px 0px;
font-size: large;
width: 100%;
text-align: center;
font-weight: bold;
border: 1px solid #A8BC65;
color: #6D7649;
border-radius: 4px;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
}

.status4{
background: none repeat scroll 0% 0% gainsboro;
color: black;
box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6);
padding: 10px 0px;
font-size: large;
width: 100%;
text-align: center;
font-weight: bold;
border: 1px solid #A8BC65;
color: #6D7649;
border-radius: 4px;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
}
.status5{
background: none repeat scroll 0% 0% tomato;
color: black;
box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6);
padding: 10px 0px;
font-size: large;
width: 100%;
text-align: center;
font-weight: bold;
border: 1px solid #A8BC65;
color: #6D7649;
border-radius: 4px;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
}
.strongwhite{color: white; text-transform: uppercase;}


#maxnavtitle{
height: 100px;
color: white;
background-color: #333;
padding: 10px;}

#maxcontent{
margin-left: 300px;
background: none repeat scroll 0% 0% white;
min-height: 100%;}

#maxcontentbox{width: 900px; margin: 0px auto; padding: 1px; border-left: 1px dashed #333; border-right: 1px dashed #333;}
#maxcontentbox h1{color: #445569;
border-bottom: 2px solid green;
margin-left: 10px;
padding-bottom: 5px;}
#navigation{width: 100%; font-size: medium; color: #333; margin: 20px;}

.records_mini{ border-bottom: 3px solid slateblue;float:left; color: #333; margin: 30px; }
.btn_check{ font-size: small; background-color: slateblue; padding: 5px; float: right; text-transform: uppercase; color: white; font-weight: 400;}

.records{ cursor: pointer; color: #333; margin: 30px; padding: 10px;  -moz-box-shadow: 0 0 5px #e1e1e1; -webkit-box-shadow: 0 0 5px#e1e1e1; box-shadow: 0 0 5px #e1e1e1; }
.records:hover{ -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}

.recordsinfo{ color: #333; }
.firstinfo{width: 300px; padding: 5px; -moz-box-shadow: 0 0 5px #e1e1e1; float: left;
-webkit-box-shadow: 0 0 5px#e1e1e1;
box-shadow: 0 0 5px #e1e1e1; }
.aboutcar{width: 300px; padding: 5px; -moz-box-shadow: 0 0 5px #e1e1e1; float: right;
-webkit-box-shadow: 0 0 5px#e1e1e1;
box-shadow: 0 0 5px #e1e1e1; }
.secondtinfo{width: 500px; margin-top: 20px; padding: 5px; -moz-box-shadow: 0 0 5px #e1e1e1; float: left;
-webkit-box-shadow: 0 0 5px#e1e1e1;
box-shadow: 0 0 5px #e1e1e1; }
.secondtinfo form{padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
vertical-align: middle;
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
legend{ color: black; font-weight: bold; letter-spacing: 2px;}

.input{background-color: whitesmoke; border: 1px solid gray;height: 20px; padding: 5px; font-weight: bolder; color: #333; text-transform: uppercase;}
.inputt{    border: 1px solid #DDD;
    padding: 6px;
    font-size: small;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
    color: #666;
    width: 80%;
    background: -moz-linear-gradient(center top , #FFF 0%, #F7F7F7 7%, #F7F7F7 22%, #FFF 100%) repeat scroll 0% 0% transparent;
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.698), 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.label{margin:3px; float: left; font-size: small; background-color: whitesmoke; border-bottom: 1px solid gray; height: 20px; padding: 5px; font-weight: bolder; color: #333; text-transform: uppercase;}
.label50{width:180px;  margin:3px; float: left; font-size: small; background-color: whitesmoke; border-bottom: 1px solid gray; padding: 5px; font-weight: bolder; color: #333; text-transform: uppercase;}
.label100{width:100%; margin:3px; float: left; font-size: small; border-bottom: 1px solid gray; padding: 5px; font-weight: bolder; color: #333; text-transform: uppercase;}
.labelbox{
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: center;
padding-right: 3%;
min-width: 80px;
font-size: 13px;
color: #888;
letter-spacing: 3px;
text-transform: uppercase;
text-align: right;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);}


.clear{clear: both;}
.left{float: left;}
.right{float: right;}
a{text-decoration: none;}

#login{width: 350px; margin: 0px auto; margin-top: 15%;  background-color: white;}
.leftlogin{float: left; width: 100%;
padding: 5px;}
.rightlogin{float: left; width: 40%; font-size: small;}
#footerlogin{ text-transform: uppercase;
color: #333; font-size: small; letter-spacing: 1px;	
position: fixed;
text-align: left;
width: 100%;
height: 40px;
text-align: center;
bottom: 0px;
display: block;}

#inheader{ text-transform: uppercase;
color: #333; font-size: small; letter-spacing: 1px;	
position: fixed;
text-align: left;
border: 3px solid black;
width: 100%;
text-align: center;
top: 0px;
display: block;}


#title{text-shadow: 2px 2px 2px #000;
letter-spacing: 2px;
color: #FFF;
font-size: xx-large;
text-align: center;}

.save{
background: none repeat scroll 0% 0% #CAE082;
color: #535B31;
box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6);
cursor: pointer;
padding: 3px 0px;
font-size: large;
width: 190px;
text-align: center;
font-weight: bold;
border: 1px solid #A8BC65;
color: #6D7649;
border-radius: 4px;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
}

.submit{float: left;
clear: both;
margin-top: 20px;
height: 85px;
padding: 0px 0px 5px 3px;
background: none repeat scroll 0% 0% #FFF;
font-size: large;
letter-spacing: 2px;
z-index: 1;
color: #333;
border: 4px solid #E1E1E1;
cursor: pointer;
text-decoration: none;
font-weight: bold;}