/* CSS Document for VRL KnowledgeBank website - MotorFinance*/

/* General settings */
body {font: 76%/1.4 Arial, Verdana, Helvetica, sans-serif; background: #A0A0A0; color:#494848; text-align:center; padding:0 0 20px 0; position:relative;}
html {height:100.01%;}

/* Kill browser defaults */
* {margin:0; padding:0;}
img {border:none;}

/* #Wrapper defines the outline of the page.*/
/* main sections contained within #Wrapper are #Topslot, #Header, #Leftnav, #Content  #Footer,  */
div#wrapper {margin:0 auto; text-align:left;  background-color:#fff; padding:0 12px 10px 12px; width:922px;} 

/* #Topslot contains #leaderboard(top ad banner), #logInOut, #header*/
div#topslot { width:922px; height:95px; padding:10px 0 5px 0; position:relative;}
div#leaderboard {width: 728px; height: 90px;}
/*Login Logout form - introduced for the 'temp' solution for Motor Finance & Leasing Life */
div#logInOut {background:#F1F1F1;	border:1px solid #E1E1E1; padding:10px 10px 0 10px;	margin:0 0 0 10px;	
    width:162px; min-height:78px;	height:auto !important;
    height:78px; position: absolute; top: 10px; right:5px;}
div#logInOut p {font-size:.92em; margin:8px 0 0 0; float:left;}
div#logInOut h5 {font-size:.92em; margin:0 0 0 0;}
div#logInOut h6 {font-size:1.1em; margin:0 0 8px 0;}
div#logInOut label {clear:left; cursor:pointer; font-weight:normal; display:block; width:62px; float:left; font-size:.92em;}
div#logInOut input {width:94px; float:left; margin:1px 0 2px 4px; border: 1px solid #E1E1E1; background:#fff;}
div#logInOut input.button {width:auto; float:right; margin:1px 1px 2px 4px; border:none; background:#fff;}
div#logInOut input.button2 {width:auto; float:right; margin:0 0 2px 0; border:none; background:#fff;}
div#logInOut h4 {font-weight:bold; margin: -1px 0 0 0; padding:0 0 0 10px;} 
div#loggedinDetails {text-align:left; margin:10px 0 5px 0;}	
div#loggedinDetails img {vertical-align:bottom; text-align:right; margin:0 0 0 5px;}


/* #Header */
/* all items within the header (#logo, #sitenav )float, so height must be correct.*/
div#header {width:922px; height: 100px; padding:4px 0 4px 0; margin-bottom:10px; 
            border:solid 1px #dedede; border-right: 0; border-left:0;}
div#logo   {float:left; width:428px; height:96px;}
/* sitenav contains the sitelinks and searchbox*/
div#sitenav {float:right; width:494px;} 
div#sitelinks {float:left; font-size:.92em; margin:5px 0 12px 0; width:494px; }
div#sitelinks ul {float:left; list-style-type:none; padding:0; margin:0 0 0 -8px; }
div#sitelinks ul li {float:left; padding:0;}
div#sitelinks ul li a {background:url(../../../images/assets/nav-separator.png) no-repeat 0 7px; padding:4px 6px 4px 9px;}
div#sitelinks ul li#home a {background:none;}
div#sitelinks ul li.active a {color:#494848;}
div#searchbox {float:left; margin:0 0 0 0; font-size:1em; background:#E3F0FB; padding:6px 10px 6px 10px;}
div#searchbox label {display:none;}
div#searchbox input {width:184px; float:left; margin:1px 0 0 4px; border: 1px solid #B5D3DE; padding:3px 4px 3px 4px; background:#fff;}
div#searchbox input.button {width:auto; float:left; padding:0; margin:1px 10px 0 14px; border:none;}
div#searchbox p {font-size:.92em; margin:8px 0 0 10px; float:left; display:none;}
/* end of header area rules */

/* LeftNav - the Left Hand Navigation Menu List */
div.leftnavgrps {border:solid 1px #E7E1D1; margin-bottom:20px; }
div#leftnav {width:158px; margin:0 0 12px 0; font-size:1em; border:none; float:left;}
div#leftnav ul {list-style-type:none;}
div#leftnav ul li {line-height:1.3; padding:0;}
div#leftnav ul li a {padding:5px 10px; border-bottom:1px solid #E7E1D1; text-decoration:none; display:block; background:#F6F1E4; height:20px; width: 138px;}
div#leftnav ul li a:hover {background:#fff;}
div#leftnav ul li.active a {color:#494848;} 

div#leftnav h3 {margin:0 0 0 0; font-size:1.1em; background:#efe5cc; font-weight:bold; border-bottom:1px solid #E7E1D1; font-family:Arial, Helvetica, sans-serif; padding:6px 10px; }
div#leftnav h4 {width:158px; margin:0 0 6px 0; font-weight:normal; font-size:1em; background:#F6F1E4; border:1px solid #E7E1D1;}
div#leftnav h4 a {padding:6px 10px; text-decoration:none; display:block; width:158px; }
div#leftnav h4 a:hover {background:#fff;}
div#leftnav img {margin:0 0 12px 0;}

/* the following are used by the menu buttons within LeftNav, and elsewhere */
p.menuOut, p.menuOutSelected
    {font: 76%/1.4 Arial, Verdana, Helvetica, sans-serif;color:#494848; text-align:left;font-size:1em; 
     list-style-type:none;  margin: 0; outline:none; color: #0055A5; padding: 5px 0px 4px 10px;
     border-bottom: 1px solid #E7E1D1; text-decoration:none; display:block;  background: #F6F1E4;height: 20px;line-height:1.3}
p.menuOver {font: 76%/1.4 Arial, Verdana, Helvetica, sans-serif;color:#494848; text-align:left;font-size:1em; 
     list-style-type:none; line-height: 1.3; margin: 0; outline:none; color: #0055A5; padding: 5px 0px 4px 10px; 
     border-bottom: 1px solid #E7E1D1; text-decoration:none; display:block;  background: #FFF;height: 20px;cursor:pointer;}
a.menuTypeE {text-decoration:none;display:block; color: #0055A5;margin:0;padding:0 0 0 15px;border-bottom: 1px solid #E7E1D1;} 
a.menuTypeE:hover {text-decoration:none;background: #FFF;cursor:pointer;} 
a.menuTypeJ {text-decoration:none;display:block; background: #F6F1E4;text-align:left;
      color: #0055A5;margin:0;padding:0 0 0 15px;border: 1px solid #E7E1D1;width:40px;} 
a.menuTypeJ:hover {text-decoration:none;background: #FFF;cursor:pointer;color: #0055A5;} 

/* defines the right hand banner area containing ads*/
div#rightAds {float:right; border:solid 1px #dedede;width: 160px;}
div#rightAdsGrouped img {display:block; margin:10px auto 10px auto;} 
div#rightAds a img {border: 0;}
div#rightAds a {display:block;}

/* footer */
div#footer {font-size:.92em; width:922px; margin:10px 0 0 0;clear:both;}
div#footer ul {list-style-type:none; padding: 8px 0 15px 0;}
div#footer ul li {float:left; padding:0 0 0 4px;}
div#footer ul li.link {margin:0 0 0 20px;}
div#footer ul li.copyright {margin:0 0 0 20px;}
div#footer ul li a {}
/* end footer */

/* links */
a, a:visited {color:#0055A5; text-decoration:none;}
   a:hover {color:#0055A5; text-decoration:underline;}
a {outline:none;}
/* end links */

/* content area rules  */
   h1, h2, h3 {font-size:1.7em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 .4em 0; padding:0; line-height:1;}
   h2 strong {font-weight:normal; color:#000;}
   h2.lead {margin:-6px 0 10px 0; border-bottom:1px solid #DEDEDE; padding:0 0 6px 0;}
   h2.follow {margin:0 0 5px 0; border-top:1px solid #DEDEDE; padding:20px 0 0 0; clear: both;}
   h2.upperLowerCase {text-transform: lowercase}
   h2.upperLowerCase:first-letter {text-transform: uppercase}
   h2.underlined {padding-bottom:10px;border-bottom: 1px solid #E7E1D1;}
   
   h3 {font-size:1.4em; margin:1em 0 2px 0; line-height:1.1;}
   h3.underlined {border-bottom:solid 1px #dedede; margin:15px 0 25px 0; padding:0 0 15px 0;}
  
   h4 {font-size:1.1em; margin:1em 0 0 0;}
   h5 {font-size:1em; margin:1em 0 0 0;}
   h6 {font-size:1em; margin:0;} 
   div#content {float:left; margin:0 0 0 5px; padding:20px 20px; border:1px solid #DEDEDE; width:544px;}
   div#content ul.newsindex {clear:left; margin:0 0 1em 0;}
   div#content ul.newsindex li {list-style-type:none; padding:2px 0;}
   div#content ul.newsindex li a {}
   div.homePageImage {float:left;height:197px; width:140px; border:0; padding:0 20px 20px 0; margin:0;background-color:#ffffff;}           
   div.featuresLeft  {float:left; width:250px;padding: 0 20px 20px 0; }/* border-right: 1px solid #DEDEDE; */
   div.featuresRight {float:left; width:230px;padding: 0 20px 20px 20px; border-left: 1px solid #DEDEDE;}
   div.surveyLeft    {float:left; width:250px;padding: 0 20px 20px 0; border-right: 1px solid #DEDEDE; margin-top: 0px;}
   div.surveyRight   {float:left; width:230px;padding: 0 20px 20px 20px; margin-top: 0px;}
   span.free {background:#fff; padding:1px 2px; padding:0 0 0 10px; color:#5EB750; font-size:10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold;}
   span.graystyle {color:#cccccc;}
   table, th, tr, td {font-size:1em;}
   table {margin: 10px 0; padding:0; border-top:1px solid #DEDEDE;}
   th {padding: 2px 0 2px 10px; background:#F1F7FD; border-bottom:1px solid #DEDEDE; text-align:left;}
   td {padding: 1px 0 1px 10px;}
   p {margin:10px 0 10px 0; padding:0 0 5px 5px;}
   p.authorInfo {margin:0; padding:0 20px 0 20px; font-style: italic;}
   div.topBackButtons {padding: 30px 0 10px 0;}
   td {border:0}
   div.inputLine {width: 500px; height:30px}
   div.inputRqmt {width: 150px; height:25px; float:left; padding: 5px 0 0 5px; }
   input.body {width: 200px; height:20px; float:left; border:solid 1px #dedede; }
   input#submit1 {width: 200px; margin: 10px 0 0 155px;color:#ffffff; background-color:#00A4E4;}
   div.listLeft {padding-left:10px; width:200px; height:20px; float:left; clear:both;}
   div.listRight {padding-left:10px; width:100px; height:20px; float:left;}
   span.required {color:red}
   p.error {color:red}
   div#outerBox {margin:30px 0 0 5px; padding:10px; background-color:#f1f1f1; border-top:solid 1px #dedede; clear:both}
   div#midBox {background-color:#E3F0FB;border-top:solid 1px #dedede; height:150px;}
   div#midBox ul {list-style-type:none}
/* added for list.asp */
   form#theForm label,  form#frmstep2 label {width:100px; float:left; text-align: left; margin:3px 5px 3px 30px; padding:0 }
   form#theForm input,  form#frmstep2 input {width:200px; float:left; margin:3px 5px 3px 10px; padding:0 }
   form#theForm input#submit { width:200px; margin:5px 5px 5px 148px; color:#ffffff; background-color:#00A4E4; }
   form#theForm select {width:206px; float:left; margin:5px 5px 5px 10px; padding:0; }
   form#theForm br  {clear:left; }   
   div#eventsListContact ul {list-style-type: none; width:255px; float:left; padding: 0 0 0 15px;}
/* added for forgot.asp */
   input.inputBlueButton1 {color:#ffffff; background-color:#00A4E4; width:200px;}
   input.inputBlueButton1 {margin:0 0 0 128px;}
   p.indent {padding:0 0 0 20px;}
   div.titleInputPt1 {display:block;float:left;padding:0 20px 0 0} 
/* added for contacts.asp */
   table.taller {border:0; margin:20px 0 40px 0;}
   table.headOffice {border:0; margin:20px 0 40px 0;}
   table.headOffice td {width:60%}
/* added for previousevents.asp */
   div.contactInfo h4 {border-bottom: solid 1px #dedede; font-weight:bold; width:300px;}
   div.contactInfo ul {list-style-type: none; margin-left:20px }
   div#eventsList {margin:0 0 30px 0;}
/* added for events List */
   div#eventsList img {margin:0 0 0 20px;}
   div#eventsList p {margin:0 0 0 20px; padding: 0;}
   div#eventsList p.date {font-weight:bold;}
   div#eventsList img {border:0;}