body {
    font:14px/28px Arial, Helvetica, sans-serif; 
    color:#58595b;
}
#container {width:1290px; margin:0 auto;}
h1 {font-size:16px; text-transform:uppercase; padding-bottom:10px;}
p {padding-bottom:10px;}
#header {
    width:1290px;
    height:170px;
    margin:0 auto;
    border-bottom: solid;
    padding: 10px 0px 0px 50px;
	margin-bottom: 10px;
}
#header-left {
    float: left;
    width: 400px;
}
#header-right {
    width: 830px;
    float: left;
    padding: 0px 0px 0px 20px;
}

#logo {margin-right:10px;}
#logos {position:absolute; top:28px;}
/* #header p {position:absolute; right: 160px; top: 32px; font-size:12px;} */
#navigation {margin-bottom: 10px;}
#navigation li {border:1px solid; border-color: transparent; border-right:none; float:left; }
#navigation a {display:block; padding: 1px 10px; border-width: 1px; border-style: solid; border-color: transparent; transform-origin: left top; background-repeat: no-repeat; text-align: center; font-family: sans-serif; font-weight: 400; white-space: nowrap; font-style: normal; background-color: #e6e7e8; text-transform:uppercase; text-decoration:none; color: #666666; box-shadow: 6px 6px 8px #b9b9b9;}
#navigation a:hover {color:#fff; background:#58595b;} 
#cars {margin:20px 0; line-height:10pt;}
#cars li {float:left; padding-right:20px;}
#cars div, #hometext {border:1px solid #58595b; padding:15px; background:#e6e7e8; }
#cars img {border:1px solid #58595b;}
#hometext { height:140px;}
#hometext div {float:left; width:454px;}
#hometop {background: url(../images/homepic.jpg); width:236px; height:248px; padding:16px 150px 0 553px; border:1px solid #58595b; color:#fff; font-size:14px; line-height:24px;}
#footer {clear:both; font-size:12px; padding:2px 10px; margin-top:20px; border-top:1px solid #58595b;}
.imgRight {float:right; margin:0 0 6px 12px;}
.imgLeft {float:left; margin:0 12px 6px 0;}
.imgCenter {display:block; margin:6px auto; text-align:center;}

#left {width:25%; float:left; border-right:1px solid #58595b; padding-right:25px;}
#right ul {padding-left:40px; list-style:disc;}
#right {width:60%; padding-right:70px; float:right;}

#contactform td {padding:5px;}
#contactform td:first-child {text-align:right;}

.announce1 {
	font-family: verdana;
	font-size: 12pt;
	color: blue;
}

.preloader {
	display:none;
	width:15px; height:15px;
	background:url(../images/preloader.gif);
	margin:40px auto;
}
.output {
	display:none;
	color:#EB4F14; 
	text-align:center;
	margin:40px 0;
}
.needsfilled {
	background:#EB4F14;
	color:white;
}
textarea {font-family:Arial, Helvetica, sans-serif;}

tr.back {
	background: white;
	font-family: verdana;
	font-size: 8pt;
}

.button-link {
  background-color: #4CAF50; /* Green background */
  border: none; /* Remove border */
  color: white; /* White text */
  padding: 15px 32px; /* Some padding */
  text-align: center; /* Center text */
  text-decoration: none; /* Remove underline */
  display: inline-block; /* Make it behave like a block element, but inline */
  font-size: 16px; /* Increase font size */
  cursor: pointer; /* Add a mouse pointer on hover */
  border-radius: 8px; /* Rounded corners */
}

#orderlist tr.descript {
	font-family: verdana;
	font-weight: bold;
	font-size: 8pt;
}

#orderlist tr.row {
	background: #FFFFFF;
	font-family: verdana;
	font-size: 8pt;
	cursor:pointer;
}

#orderlist tr.altrow {
	background: #CCCCCC;
	font-family: verdana;
	font-size: 8pt;
	cursor:pointer;
}

#orderlist tr.alert {
	background: #FFFFFF;
	font-family: verdana;
	font-size: 8pt;
	color: red;
}

#orderlist tr.highlight {
	background: #FFFFCC;
	font-family: verdana;
	font-size: 8pt;
	cursor:pointer;
}

#orderlist input {
	cursor:pointer;
}

#vieworder table td{
   border-width: 1px;
   border-color: Black;
   border-collapse: True;
   border-style: Solid;
   padding-left:3px;
}

#content td {vertical-align:top;}

#u233755-4 {background-color:transparent;color:#7F7F7F;font-style:italic;font-family: sans-serif; line-height:20px;box-shadow:none;text-align:left;text-shadow:6px 6px 8px rgba(0,0,0,0.17);font-weight:700; padding-top: 9px; margin-bottom: 10px;
font-size: small; margin-left: 25px;}

#u233755-2 {padding-top:9px; margin-bottom: 20px;}

#u233757-2 {
    background-color:transparent;
    color:#7F7F7F;
    font-style:normal;
    font-family: sans-serif; 
    line-height:43px;
    box-shadow:none;
	text-align:center; 
    text-decoration:none; 
    font-size: 36px; 
    padding-top: 50px;
	padding-right: 50px;
}

#u233758_img{vertical-align:top;display:block; margin-left: 25px; margin-right: 5px;}

/* Main Table - lst-tbl */
.lst-tbl {
  width: 100%;
  max-width: 1000px;
  margin: 20px auto;           /* Centers the table itself */
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
}

/* Center text alignment for all <td> cells */
.lst-tbl td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
}

/* Optional: Style for table headers (th) - also centered */
.lst-tbl th {
  text-align: center;
  vertical-align: middle;
  background-color: #4a90e2;
  color: white;
  font-weight: bold;
  border: 1px solid #ddd;
}

/* Row styling for better readability */
.lst-tbl tr:nth-child(even) td {
  background-color: #f9f9f9;
}

.lst-tbl tr:hover td {
  background-color: #f0f7ff;
}

/* Responsive adjustment */
@media (max-width: 768px) {
  .lst-tbl td,
  .lst-tbl th {
    padding: 10px 8px;
    font-size: 14px;
  }
}

/* Overlay */
#popupOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

/* Popup box */
#popupBox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    transform: translate(-50%, -50%);
    z-index: 1000;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}