/* 
    Document   : main
    Created on : 13-May-2008, 15:40:30
    Author     : robl
    Description:
        Main styles for CCE area of Auto-Online site
*/

* { margin:0; padding:0}
html { width:100%; height:100%}
body { margin:0 auto; height:100%; width:960px; font-family:"Arial", Helvetica, sans-serif; font-size:76%; font-size:13px;}

h1 { color:#0094E0; font-size:1.6em; margin-left:4px;}
h2 {color:#0094E0; font-size:1.1em; border-bottom:1px solid #0094E0; clear:both; padding-bottom:5px}
h3 {color:#0094E0; font-size:1.1em;}
a { color:#0094E0}
img { border:none;}

.errorExplanation {border:1px solid black;color:red;font-weight:bold;margin-left:auto;margin-right:auto;padding:10px;width:40%;}
.errorExplanation h2 {color:red;}
.errorExplanation li {list-style:disc inside;}

div#wrap { width:960px; margin:0 auto}
#header {position:relative;background:url(/images/header.gif) no-repeat; height:191px; padding: 0 0 0 20px; width:100%; }
#header p { height:180px; width:249px; float:left; padding-top:10px}
#header span {color:#0094E0; font-weight:bold; font-size:0.9em;}
#header h1 {left:277px;position:absolute;text-align:center;top:27px;width:550px;}
#header h1 span { font-size:1em; font-weight:normal;}
#header img#ebay {position:absolute;right:60px;top:60px;}

/*Menu*/
#header ul { list-style:none; width:100%;position:absolute;bottom:2px}
#header ul li { display:inline; width:30%; background: url(/images/separate.gif) no-repeat right; padding:11px 10px 14px 1px;}
#header ul li.user {color:#FFFFFF;}
#header ul li a { font-size:13px; display:block; color:#FFFFFF; display:inline; text-decoration:none; padding:12px 15px 14px; line-height:42px}
#header ul li a:hover { background: #0479d1; /*margin-top:5px*/}
#header ul li a#logout {font-weight:bold; text-decoration:underline;}
#header img#logo {margin:34px 0 16px 0;}
#header img#carsite_logo {position:absolute;right:40px;top:10px;}
body.index #header ul li a.index,
body.index p.hitachi {position:absolute;top:350px;width:300px;right:8px;font-size:11px;color:red;}
body.index p.hitachi img {float:left;}
body.affinity_scheme #header ul li a.affinity_scheme,
body.continual_cascade #header ul li a.continual_cascade,
body.contact_us #header ul li a.contact_us,
body.admin #header ul li a.admin,
body.news #header ul li a.news {background: #0479d1;/* margin-top:5px;*/ }

* html #header { margin:0 0 -40px 0;}	

#main { background:url(/images/main.gif) repeat-y; min-height:400px; display: table; width:100%;position:relative;}
#main #left { width:30%; margin:0 2px 0 15px; float:left; text-align:center; padding-top:20px;}
#main #left img { border:2px solid #0094E0; padding:2px}
#main #left a {position:relative;}
#main #left a span {cursor:pointer;text-decoration:none;width:247px;padding:6px 2px;position:absolute;left:4px;bottom:7px;background: #0FB1FF url(/images/magnifying_glass.png) no-repeat scroll 180px 3px;color:white;font-weight:bold;}
#main #left a span:hover {background-color:#0B88BF;}
#main #right {width:65%; float:left; padding-top:20px; margin-left:0px; position:relative;}
#main #right p { margin-bottom:15px}
#main #right p.clear { clear:both; text-align:right; padding:0px 20px 0px 0px;}
p.print {display:block; width:300px; border:1px solid #0094E0; font-weight:bold; font-size:12px;float:right;}
.index p.print {position:absolute;font-size:12px;right:8px;top:300px;}
#main #right ul { padding-left:20px; margin-bottom:15px; width:100%;color:#666666;}
#main #right ul#auto-online {float:left;font-size:0.8em;width:60%;}
#main #right ul.preview, #main #right ul.retail-ready {width:55%;}
#main #right li {width:100%;}
#main #right a img { border:none}

.twocolmn {width:250px !important;  margin:0; padding:0; float:left}
.twocolmn li {width:50%;}

#main #right img { position:relative; padding-right:5px}
#main #right img#honeycomb {float:right;}
#main #right img#autoonline { border-bottom:1px solid #0094E0}
.contact_us #main #right img {float:left;}
.contact_us #main #right h2 {margin-bottom:1em;}

#main #right h3.orange {color:#8E6F09; background:#F9EC00; margin:0; padding:0; width:60%; line-height:25px; padding-left:10px}
#main #right h3.blue {color:#023354; background:#277AC0; margin:0; padding:0; width:60%; line-height:25px; padding-left:10px}
#main #right h3.green {color:#3F7902; background:#8ACA44; margin:0; padding:0; width:60%; line-height:25px; padding-left:10px}

#main #right h4.orange {color:#E88707; padding:5px 0 5px 0}
#main #right h4.blue {color:#023354;  padding:5px 0 5px 0}
#main #right h4.green {color:#3F7902; padding:5px 0 5px 0}
img#hitachi_logo {float:left; padding:5px 5px 5px 0}
p#douglas {width:48%;}
p#douglas img {float:left; padding:5px 5px 5px 0}
#douglas_title {clear:left;float:left;font-size:9px;}

/** html #main #right {width:600px; padding:0; margin:0}*/
* html p.print {}
* html #main #right ul { padding-left:30px; margin-bottom:15px; width:350px}
* html #main #right li {}


#footer { background:url(/images/footer.gif) no-repeat; height:47px}
#footer p { text-align:center; color:#FFFFFF; font-size:12px; font-weight:bold; padding-top:10px}
#footer a {color:#FFFFFF;}

/*popup*/
#top { background: url(/images/popup-top.gif) no-repeat -4px 4px; height:50px; width:960px; text-align:left}
body#popup { text-align:center}
body#popup img {}
#top a#close { position:relative; left:11px; top:13px; border:none !important; color:#FFFFFF;}
#top a#close img { border:none !important;  vertical-align: middle }

/* admin areas */
div.admin_page {margin:5em 10em;}
div.admin_page table td, div.admin_page table th {padding: 5px; border-bottom:1px dashed #0479d1;}
div.admin_page label {display:block;color:#0479d1;}
div.admin_page input {margin-bottom:1em;}
.admin_meta-nav {position:absolute; top:0px;right:10px;min-height:65px;min-width:130px;background-color:DeepPink;color:white;padding:10px;}
.admin_meta-nav a {color:white;}
.admin_meta-nav ul {margin-left:10px;}

.major_panel {margin-left:auto;margin-right:auto;width:935px;}
.major_panel h2 {margin:0px 0px;}
.minor_panel {border:0px solid gray;float:left;left:5px;margin:0px;padding:0px;position:relative;width:340px;}
.minor_panel li {list-style:none;}
.minor_panel h3 {border-bottom:1px solid #0094E0;padding:0 0 4px;}
.major_panel dt, .major_panel dd {float:left;}
.major_panel dt {clear:left;font-weight:bold;margin-right:5px;}
.major_panel p {margin-left:10px;}
.major_panel table, .minor_panel table {border:none;border-color: white;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;margin-top: 0px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;padding-top: 10px; border-spacing: 0px 0px;font-size:10px;}
.major_panel th, .minor_panel th {background-color: rgb(223, 223, 223); text-align: left;}

.admin_major_panel {margin-left:auto;margin-right:auto;width:935px;}
.admin_major_panel h2 {margin:0px 0px;}
.admin_major_panel minor_panel {border:0px solid gray;float:left;left:5px;margin:0px;padding:0px;position:relative;width:340px;}
.admin_major_panel minor_panel li {list-style:none;}

.admin_major_panel dt,.admin_major_panel dd {float:left;}
.admin_major_panel dt {clear:left;font-weight:bold;margin-right:5px;}
.admin_major_panel .minor_panel {float:left;clear:right;background:transparent url(/images/minor_panel_bg.gif) repeat-y scroll 0 0;margin:1px 10px 0 0;width:182px;}
.admin_major_panel .minor_panel h3 {background:transparent url(/images/minor_panel_h2_grey.gif) no-repeat scroll left center;padding:10px 0 10px 10px;position:relative;width:182px;font-weight:bold;border-bottom:none;}
.admin_major_panel .minor_panel h3 a {color:#00ACC8;font-size:1em;font-weight:normal;text-decoration:none;}
.admin_major_panel .minor_panel h3 span {color:gray;font-size:9px;position:absolute;right:11px;top:3px;}
.admin_major_panel .minor_panel li {color:#00ACC8;font-size:10px;margin:0 1em 0 10px;padding-left:16px;background:url(/images/blog/sidebar_arrow.gif) no-repeat 0 2px;}
.admin_major_panel .minor_panel li a {color:#5F5F5F;text-decoration:none;}
.admin_major_panel .minor_panel li a:hover {text-decoration:underline;}
.admin_major_panel .minor_panel .footer {background:transparent url(/images/minor_panel_footer.gif) no-repeat scroll 0 0;clear:both;height:11px;}
.admin_major_panel .minor_panel dl {margin-left:7px;font-size:10px;}