body {
    font-family: tahoma, helvetica, arial, sans-serif;
    font-size: 13px;
    color: #000000;
    /* width: 100%; */
    margin: 0;  
    padding: 0; 
}

body.tc {
  background:url(../images/bg.png) repeat-x #fff;
}

table {
  font-size: inherit;
}

#wrapper {
    margin: auto;
    width: 960px;
    border: 0px solid #000000;
}

.header {
    margin: auto;
    width: 960px;
    text-align: center;
}

.content {  
    padding:5px 5px 5px 15px;
    text-align: left;
    font-size: 13px;
}

.footer {
    margin: auto;
    font-size: 10px;
    font-weight:500;
    text-align: center;
}
  
h1 {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 0;

}

h3 {
  font-size:14px; 
  line-height:1.25em; 
  padding: 5px 0 5px 5px;
  margin:0 0 5px 0; 
  color:#0e0e0e;
  font-weight:700;
  letter-spacing:0px;
  background:white url(images/h3-tail.gif) 0 100% repeat-x;
  border-radius:6px 6px 0 0;
  -moz-border-radius:6px 6px 0 0;
  -webkit-border-radius:6px 6px 0 0;
}

h3 strong {
  color:#ed1717;
}

.error {
  font-size:14px; 
  line-height:1.25em; 
  padding:5px 0 5px 5px;
  margin:0 0 5px 0; 
  color:#ed1717;
  font-weight:700;
  letter-spacing:0px;
  background:url(images/h3-tail.gif) 0 100% repeat-x;
  border-radius:6px 6px 0 0;
  -moz-border-radius:6px 6px 0 0;
  -webkit-border-radius:6px 6px 0 0;
}

h4 {
  font-size:14px; 
  line-height:1.25em; 
  padding:5px 0 5px 5px;
  margin:0 0 5px 0; 
  color:orange;
  font-weight:700;
  letter-spacing:0px;
}

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

a.orange { color: #FD7000; }
a.green  { color: #858e10; }
a.teal   { color: #238aaa; }
a.white { color: #FFFFFF; }

a:hover        { color: #FF2A8C; }
a:hover.orange { color: #FF9B0B; }
a:hover.green  { color: #adc299; }
a:hover.teal   { color: #239FF0; } 
a:hover.white { color: #FFFFFF; }

a:hover {
  text-decoration: underline;
  color: #8c8c8c;
}

fieldset {
  border-radius: 6px;
}

.layout {
  padding: 0;
  border: none;
  border-spacing: 0;
}

.layout td {
  padding: 0;
}

/******Box*****/

.box {
  margin:2px; 
  width:100%;
  border:1px solid #e1e2e5;
  background:#fff;
  padding-bottom: 2px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

table td.tabbox {
  padding: 4px 4px 4px 4px;
  border-top: none;
  border-left: 1px solid #9196a2; 
  border-right: 1px solid #9196a2;
  border-bottom: 1px solid #9196a2;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}

table td.tabactive {
  background: white;
  cursor: pointer;
  padding: 4px 4px 4px 4px;
  border-top: 1px solid #9196a2;
  border-left: 1px solid #9196a2;
  border-right: 1px solid #9196a2;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
}

table td.tabinactive {
  background: url(images/TabIBG.png) bottom repeat-x;
  cursor: pointer;
  padding: 4px 4px 4px 4px;
  border-top: 1px solid #9196a2;
  border-left: 1px solid #9196a2;
  border-right: 1px solid #9196a2;
  border-bottom: 1px solid #9196a2;
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
}

table th.tabend {
  border-bottom: 1px solid #9196a2;
}

.resultbox {
  width:98%;
  padding: 5px;
  border:1px solid #e1e2e5;
  background:#F0F0F0;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

.detailbox {
  margin:2px; 
  width:100%;
  border:1px solid #e1e2e5;
  background:#fff;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

.prioritybox {
  margin:1px; 
  width:98%;
  font-size: 16px;
  padding: 5px;
  border:1px solid orange;
  background: #fff6e7;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}


/***** Forms *****/
 
form {
  margin:0;
  padding:0;
  display:inline;
}
 
input, select, textarea {
  font:1em arial, helvetica, sans-serif;
  font-size: 11px;
}

label {
  cursor:pointer;
}
 
/***** Search form width *****/

.qsrch {
  width: 160px;
}
 
/***** CSS buttons - not yet used *****/

.button {
  border: 1px solid #696;
  padding: 6px;
  text-align: center; 
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #666 0px 2px 3px;
  -moz-box-shadow: #666 0px 2px 3px;
  box-shadow: #666 0px 2px 3px;
  background: #FFE199;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFE199), to(#F49215));
  background: -webkit-linear-gradient(#FFE199, #F49215);
  background: -moz-linear-gradient(#FFE199, #F49215);
  background: -ms-linear-gradient(#FFE199, #F49215);
  background: -o-linear-gradient(#FFE199, #F49215);
  background: linear-gradient(#FFE199, #F49215);
  -pie-background: linear-gradient(#FFE199, #F49215);
  behavior: url(/PIE.htc);
}

.button:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
  background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
  background-color:#ce0100;
}

.button:active {
  position:relative;
  top:1px;
}

body.detail { 
  padding: 2px;
}

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.header, .footer {
  text-align: center;
}

.footer img {
  vertical-align: -2px;
}

.main {
  min-height: 100px;
}

.dealer_stock {
  border-collapse: separate;
  border-spacing: 0 2px;
}

.dealer_stock > tbody > tr {
  background-color: #e0e0ff;
}

.dealer_stock > tbody > tr > td {
  margin: 2px;
  padding: 2px;
  position: relative;
  border-top: 2px solid #000080;
  border-bottom: 2px solid #000080;
}

.dealer_stock > tbody > tr > td:first-child {
  border-left: 2px solid #000080;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.dealer_stock > tbody > tr > td:last-child {
  border-right: 2px solid #000080;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; 
}

.stock_img {
  float: left;
  padding: 0 2px 2px 0;
}

.price {
  color: #000080;
  float: right;
  padding: 0 0 2px 2px;
}

.stock_detail {
  padding: 1px 5px;
  background-color: black;
  color: white;
  bottom: 0;
  float: right;
  margin: 0 0 0 2px;
}

.stock_detail:hover {
  color: white;
}

.stock_nav td span {
  background: #D4D4D3;
  border-radius: 5px;
  padding: 2px 5px;
}

.contact_form > tbody > tr > td {
  padding: 2px;
}

.contact_form > tbody > tr > td > span {
  color: #337ab7;
}

.contact_form > tbody > tr > td:first-child {
  text-align: right;
}

.contact_highlight {
  color: red;
  display: inline;
}

#detail_advert {
  margin-top: 2px;
  text-align: center;
}

#detail_advert img {
  max-width: 100%;
}

.detail_box {
  margin: 2px;
  padding: 0px;
  border:1px solid #c0c0c0;
  background:#fff;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

.detail_pictures img {
  border: 1px solid black;
  margin: 1px;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.detail_main_pic {
  max-height: 95%;
}

.detail_main_pic > img {
  display: inline-block;
  max-width: 97%;
  vertical-align: middle;
}

.detail_main_pic > div {
  display: inline-block;
  height: 100%;
  width: 1px;
}

.detail_box td {
  padding: 1px;
  font-weight: normal;
}

.detail_box td.dlabel {
  color: #000080;
  text-align: right;
  width: 1px;
}

.detail_top {
  border-bottom: 1px solid #c0c0c0;
  padding: 2px;
}

.detail_bottom {
  border-top: 1px solid #c0c0c0;
  padding: 2px;
}

.detail_price {
  float: right;
}

.detail_alt {
  background: #f0f0f0;
}

#detail_table {
  padding: 0px;
  border-spacing: 0px;
}

.detail_pictures {
  padding: 3px;
  text-align: center;
}

.detail_pictures div {
  vertical-align: middle;
}

.detail_thumbs {
  max-height: 100%;
  white-space: nowrap;
  overflow: auto;
}

div.detail_pc {
  overflow: auto;
  padding: 0px;
  margin: 0px;
}

.detail_full {
  display: block;
}

.img_middle {
  vertical-align: middle;
}

@media (min-width: 762px) {
  .detail_main_pic {
    width: 82.8%;
    display: inline-block;
  }

  .detail_pc {
    width: 124px;
    display: inline-block;
  }

  .detail_thumbs img {
    display: block;
    margin: 1px auto;
  }
}

@media (max-width: 761px) {
  .detail_main_pic {
    display: block;
  }
  
  .detail_pc {
    display: block;
  }
  
  .detail_thumbs img {
    display: inline-block;
    margin: 1px;
  }
}