/* page */
body { text-align: center; background: #0E5299 url(/resources/images/bg.png) repeat-x scroll 0 0; padding: 20px 0px 0px 0px; margin: 0px; color: #000; }

#maincolumn {
     margin:0 auto;
     text-align: left;
     width: 1020px;
}
/* layout */
table.layout { margin-top:15px; width: 970px; border-collapse: collapse; border: 0px solid #a5a5a5; padding: 0px; margin-left: auto; margin-right: auto; }
table.layout td { vertical-align: top; }
table.layout #header { background-color: #fff; color: #000; padding-top: 5px; }
table.layout #leftColumn { vertical-align: top; padding: 0px; width: 170px; background-color: inherit; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-right: 5px; }
table.layout #contentColumn { background-color: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
table.layout #contentColumn input.button { background-color: #d3d3d3; color: #000; }
table.layout #contentColumn input { background-color: #fff; color: #000; }
table.layout #leftColumn table { background-color: #fff; width: 100%; border-collapse: collapse; padding: 0px; border: 1px solid #343434; color: #000; }
table.layout #leftColumn table th { font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fff; background-color: #0c58a2; }
table.layout #leftColumn table td { padding: 3px; }
table.layout #leftColumn input { background-color: #fff; color: #000; }
table.layout #leftColumn select { background-color: #fff; color: #000; }
table.layout #leftColumn a { font-size: 11px; font-weight: bold; }
table.layout #contentColumn select { font-size: 10px; background-color: #fff; border: 1px solid #343434; color: #000; }

/* content table */
table.main { width: 100%; border-collapse: collapse; border: 0px solid #343434; }
/*table.main { width: 100%; border: 1px solid #0c0b58; border-collapse: collapse; }*/
table.main td { padding: 10px; }
table.main #leftHeader { background-image:url('/resources/images/headerBack.png'); background-repeat: no-repeat; width: 795px; height: 120px; color: #0c0b58; font-size: 30px; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; text-align: left; vertical-align: middle; padding: 0px; }
table.main #rightHeader { background-image:url('/resources/images/headerBack.png'); background-repeat: no-repeat; width: 795px; height: 120px; color: #0c0b58; font-size: 30px; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; text-align: right; vertical-align: middle; }
table.main #footer { background-image:url('/resources/images/footerBack.png'); background-repeat: no-repeat; width: 795px; height: 25px; font-size: 10px; color: #0c0b58; font-family: Arial, Helvetica, sans-serif; text-align: right; vertical-align: middle; padding: 0px 5px 0px 0px; }

/* header table */
table.header { width: 100%; border: 0px; padding: 0px; border-collapse: collapse; }
table.header td { padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 10px; background-color: inherit; }
td.loginText { text-align: right; }
td.headerLine { background-color: #000; color: inherit; padding: 0px; height: 1px; width: 100%; }
table.header th { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 24px; font-weight: bold; padding: 0px; text-align: left; background-color: inherit; }

/* index menu */
table.indexMenu { width: 100%; }
table.indexMenu td { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; background-color: inherit; }

/* product group table */
.productGroups { }
.productGroups table { margin-left: auto; margin-right: auto; width: 100%; border: 1px solid #d2d2d2; background-color: #e3e3e3; color: #000; text-align: center; }
.productGroups td { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; text-align: left; padding: 0px; background-color: inherit; }
.productGroups ul { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; padding: 0px; background-color: inherit; }

/* product details */
table.productDetails { padding: 0px; border: 0px; border-collapse: collapse; margin: 0px; width: 100%; }
table.productDetails th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: bold; padding: 2px; vertical-align: top; background-color: inherit; }
table.productDetails td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; padding: 2px; vertical-align: top; background-color: inherit; }

/* login */
#memberLogin { text-align: left; }
#memberLogin table { width: 200px; border-collapse: collapse; color: #000; margin-left: 0px; padding: 0px; background-color: inherit; }
#memberLogin table td { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; text-align: right; padding: 3px; background-color: inherit; }

/* checkout */
table.checkout { border: 0px; width: auto; margin-left: 0px; margin-right: auto; }
table.checkout th { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; padding: 0px; background-color: inherit; }
table.checkout td { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding: 0px; background-color: inherit; }

/* data control table */
form.dataControlTable { font-size: 12px; font-weight: normal; color: #000; font-family: Arial, Helvetica, sans-serif; }
form.dataControlTable table { width: 100%; }
form.dataControlTable th { background-color: #0c58a2; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-align: left; }
form.dataControlTable th a { text-decoration: none; color: #ffffff; }
form.dataControlTable th a:hover { text-decoration: underline; color: #ffffff; }
form.dataControlTable td { padding: 0px 2px 0px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
form.dataControlTable ul { display: inline; padding: 0px; }
form.dataControlTable li { display: inline; font-size: 10px; }
form.dataControlTable li:after { content: " | "; }
form.dataControlTable li.nextPage:after { content: ""; }
form.dataControlTable td.pagination { text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; }
form.dataControlTable td.perPage { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; }
form.dataControlTable tr.totals td { background-color: #f49e9c; color: #000000; font-size: 12px; font-weight: bold; }

tr.odd { background-color: #e3e3e3; color: inherit; }
tr.even { background-color: #d3d3d3; color: inherit; }
tr.odd:hover { background-color: #fdcc00; color: inherit; }
tr.even:hover { background-color: #fdcc00; color: inherit; }

div.graph { }

/* price export */
table.priceExport ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 5px; }

/* flash message */
.flashMessage { background-color: #f49e9c; color: #000; }

/* text */
h1 { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 24px; font-weight: bold; background-color: inherit; }
h2 { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 18px; font-weight: bold; background-color: inherit; }
h5 { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; font-weight: bold; background-color: inherit; }
p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; background-color: inherit; }
.carType { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 18px; font-weight: bold; background-color: inherit; }

/* links */
a { color: #3c80cb; background-color: inherit; }
a:hover { color: #a75e27; background-color: inherit; }
a:visited { color: #3c80cb; background-color: inherit; }
a:visited:hover { color: #a75e27; background-color: inherit; }
a.headers { color: #fff; text-decoration: none; background-color: inherit; }
a.headers:hover { text-decoration: underline; }
a.headers:visited { color: #fff; text-decoration: none; background-color: inherit; }
a.headers:visited:hover { text-decoration: underline; }

/* forms */
input { font-size: 10px; background-color: #000; color: #fff; border: 1px solid #343434; }
select { font-size: 10px; background-color: #000; border: 1px solid #343434; color: #fff; }
.partsInterpreter { width: 160px; }

/* menu */
.ygtvlabel { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #3c80cb; background-color: inherit!important; }
.ygtvlabel:visited { color: #3c80cb; }
.ygtvlabel:hover { color: #a75e27; }
.ygtvlp { padding: 0px; margin: 0px; }
.ygtvitem table { border: 0px!important; }
.ygtvitem table td { padding: 1px!important; }

/* images */
img.partImg { border: 1px solid #343434; }
img { border: 0px; }

/* filters */
#criteria { width: 100%; background-color: #DAD9D9; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 10px; }
#title { width: 100%; font-size: 10px; font-weight: bold; background-color: #a1a1a1; color: #fff; }
#title table { width: 100%; }
#title th { font-size: 12px; width: 50%; text-align: left; }
#title td { text-align: right; width: 50%; }
#title a { color: #fff; }
#criteria strong { font-size: 10px; }
#criteria ul strong { font-size: 12px; }
#criteria ul { display: inline; padding: 2px; }
#criteria li { list-style: disc; display: inline; }
#criteria li:after { content: " " ; }
#criteria { background-color: #DAD9D9; width: 100%; padding: 0px; }
#criteria p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: 0px 0px 0px 0px; padding: 2px; }

/* lightbox modal */
#modal_container {
    padding:5px;
    background-color:#fff;
    border:1px solid #666;
    overflow:auto;
    font-family:"Lucida Grande",Verdana;
    font-size:12px;
    color:#333;
    text-align:left;
}
#modal_overlay {
    background-color:#000;
    opacity: 0.75
}

/* tooltip */
div.tooltip { margin: 5px; background-color: #ffffe7; color: #000; font-family: Arial, Helvetica, sans-serif; border: 1px solid #000; font-size: 10px; padding: 5px; }

#techLogin { padding: 10px; }

.boldLink { font-size: 11px; font-weight: bold; }

div.newsBox { width: 33%; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
div.newsBox strong { }