body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#fff url(http://snaptaillures.com/images/dealer_body.jpg) repeat-x 0 0;
margin:0;
padding:0;
color:#555555;
}

p {
padding:0;
margin:10px 0 10px 0;
line-height:18px;
}

a {
color:#3f5768;
text-decoration:underline;
}

a:hover {
color:#3f5768;
text-decoration:none;
}

img {
border:0;
}
#video{
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 400px;
	width: 287px;
	height: 39px;
}

#video img {
	width: 287px;
	height: 39px;
	border: none;
}

#dogear {
	position: absolute;
	z-index: 1;
	top: 35px;
	left: 0px;
	width: 1000px;
	height: 214px;
}

#dogear img {
	width: 1350px;
	height: 210px;
	border: none;
}
#container {
width:950px;
margin:0 auto;
}

#top_nav ul {
list-style:none;
float:right;
padding:0;
margin:0;
border-left:1px solid #567388;
border-right:1px solid #3f5869;
}

#top_nav li {
list-style:none;
float:left;
padding:0 20px 0 20px;
margin:0;
height:34px;
border-left:1px solid #567388;
border-right:1px solid #3f5869;
}

#top_nav li img {
margin:0 0 -3px 0;
border:0;
}

#page_header {
height:235px;
margin-bottom:10px;
width:800px;
clear:both;
}

#logo {
float:left;
padding-top:66px;
clear:left;
}

#header_banner {
float:right;
width:470px;
height:235px;
z-index: 20;
padding:50px 160px 0 0;
width/**/:/**/ 220px;
height/**/:/**/ 100px;
/*background:url(images/logo.png) bottom right no-repeat;*/
}

#header_banner h1 {
font-size:26px;
font-weight:lighter;
color:#3f5768;
font-family:Tahoma, Arial, Verdana;
margin:0 0 10px 0;
padding:0;
}

#header_banner span {
font-size:15px;
font-weight:bolder;
color:#FFFFFF;
font-family:Tahoma, Arial, Verdana;
line-height:22px;
}

#page_content {
width:630px;
float:left;
margin-bottom:20px;
padding-left: 20px;
}

#page_content2 {
width:900px;
float:left;
margin-bottom:20px;
padding-left: 20px;
}
#page_content img {
padding-left: 10px;
}
#right_nav {
width:280px;
float:right;
margin-left: 10px;
margin-bottom:20px;
padding-left: 10px;

}


#right_nav img{

margin-left: 10px;

padding-left: 20px;

}
#right_nav h1 {
font-size:22px;
font-weight:normal;
font-family:Tahoma, Arial, Verdana;
color:#3f5768;
padding:3px 0 3px 0;
margin:10px 0 10px 0;
border-bottom:1px dotted #55493d;
}
#page_content h1 {
font-size:22px;
font-weight:normal;
font-family:Tahoma, Arial, Verdana;
color:#3f5768;
padding:3px 0 3px 0;
margin:10px 0 10px 0;
border-bottom:1px dotted #55493d;
}
#page_content2 h1 {
font-size:22px;
font-weight:normal;
font-family:Tahoma, Arial, Verdana;
color:#3f5768;
padding:3px 0 3px 0;
margin:10px 0 10px 0;
border-bottom:1px dotted #55493d;
}

.highlighted1 {
float:left;
padding:4px;
width:240px;
border:1px solid #cae5e6;
background-color:#FFFFFF;
}

.highlighted2 {
float:right;
padding:4px;
width:240px;
border:1px solid #cae5e6;
background-color:#FFFFFF;
}

#right_inner {
padding:0px 18px 10px 18px;
}

#right_inner h1 {
font-size:16px;
font-weight:bold;
font-family:Tahoma, Arial, Verdana;
color:#3f5768;
padding:0 0 5px 0;
margin:10px 0 10px 0;
border-bottom:1px dotted #509597;
}

form {
margin:0;
padding:0;
}

.inputfield {
width: 130px;
}

.form_label {
text-align:right;
}

.form_inputfield {
text-align:right;
}

#right_inner ul {
margin:0;
padding:0 0 0 18px;
}

#right_inner li {
margin:0;
padding:0;
line-height:22px;
}

.content_section {
margin:20px 0px 20px 0px;
padding-bottom:10px;
border-bottom:1px dotted #126c6f;
}

.content_section_last {
margin:20px 0px 20px 0px;
}

.title {
font-size:14px;
font-weight:bold;
margin-top:10px;
color:#126c6f;
}

.portfolio {
margin:20px 0 20px 20px;
}

.portfolio p {
margin:5px 0 5px 0;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea {
width:200px;
}

.textbox {
	background-color:#FFFFFF;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}

.cssform_login label{
	font-weight: bold;
	float: left;
	width: 70px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform_login input {
	width:120px;
	padding:0 3px 0 3px;
}
.cssform_login #button_send {
	width:45px;
	height:18px;
}

.cssform_login #button_login {
	margin-left: 70px;
}

#page_footer {
clear:both;
padding:10px 0 10px 0;
border-top:1px dotted #55493d;
margin-bottom:20px;
width:930px;
margin: 0 auto;
}

#copyright {
float:left;
}

#footer_link {
float:right;
}
#footer_link li {
display: inline;
padding-left: 10px;
}

/*FORM ELEMENT STYLING */
input,textarea{
height: 21px;
padding: 5px 5px 3px 5px;
font-size: 15px;
color: #211e18;
background: #eeeeee;
border: 1px solid #bebebe;
}
input:hover,textarea:hover{
background: #f6f6f6;
border: 1px solid #c78851;
}
input:focus,textarea:focus{
border: 1px solid #c78851;
}

.input-sub-text{
font-size: 10px;
color: #a0a0a0;
display: block;
}
.error{
color: #990000;
font-size: 14px;
}
input.error{
border: 1px dashed #990000;
}
label.error{
margin-left: 5px;
}
textarea{
height: 150px;
width: 385px;
font-size: 15px;
color: #211e18;
background: #eeeeee;
border: 1px solid #bebebe;
}
pre.code{
border: 1px dashed #bebebe;
background: #eeeeee;
padding: 5px 5px 3px 5px;
}
button, .formBlockSubmitButton{
background: #405374;
border: 1px solid #776b57;
height: 31px;
padding: 0px 10px 0px 10px;
margin-left: 0px;
display: inline-block;
outline: none;
cursor: pointer;
color: #eeeeee;
font-size: 12px;

}

.formBlockSubmitButton:hover {
background: #2d3c58;
}

tbody, tr, td{

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
width: 750px;
}
tr.title-row{
background: #687d77;
color: #eaeaea;
height: 25px;
}
td{
padding-left: 10px;
}
tr{
height: 25px;
}
.odd{
background: #edf2df;
}
.even{
background: #dadfcd;
}
td.table-no{
width: 40px;
}
td.table-status{
width: 275px;
}
td.table-customer{
width: 750px;
}
td.table-total{
width: 125px;
}
td.table-date{
width: 125px;
}
td.table-move{
width: 110px;
}
td.table-actions{
width: 110px;
}
table img{
cursor: pointer;
}
