/*
Theme Name: King Auto Electrics
*/

/* Begin Typography & Colors */

body {
background: #312F78;
margin:0;
font-family:arial;
}

a {
color:#3399cc;
}

.container {
background: #312F78 url('images/bg.jpg') no-repeat top center;
width:820px;
height:600px;
margin-left:auto;
margin-right:auto;
padding-top:125px;
}

h1 {
	color: #006490;
	font-size:17px;

}

.body_container{
width:630px;
float:left;
margin-top:20px;
background-color:#fff;
padding-top:10px;
}

.banner {
width:610px;
float:left;
margin:0px 10px;
}

.banner h3 {
display:none!important;
}

.feature {
background: url('images/gradient.jpg') repeat-x 0px 0px;
height:57px;
width:610px;
margin:0px 10px;
padding-top:10px;
float:left;
font-family:arial;
font-size:17px;
font-weight:normal;
color:#fff;
text-align:center;
}

.feature h2 {
font-family:arial;
font-size:17px;
font-weight:normal;
color:#fff;
text-align:center;
margin: 0px;
padding: 0px;
}

.body_content{
background-color:#fff;
width:610px;
margin:0px 10px;
padding-top:10px;
padding-bottom:20px;
float:left;
font-family:arial;
font-size:12px;
font-weight:normal;
color:#666666;
text-align:left;
}

.body_content p  {
background-color:#fff;
width:100%;
float:left;
font-family:arial;
font-size:12px;
font-weight:normal;
color:#666666;
text-align:left;
}

.body_content h4 {
font-family:arial;
font-size:14px;
font-weight:normal;
color:#666666;
text-align:left;
margin:10px 0;
}

.prod_list {
background-color:#fff;
width:610px;
margin:0px 10px;
padding-top:10px;
padding-bottom:20px;
float:left;
font-family:arial;
font-size:12px;
font-weight:normal;
color:#666666;
text-align:left;
}

.prod_list p  {
background-color:#fff;
width:100%;
float:left;
font-family:arial;
font-size:12px;
font-weight:normal;
color:#666666;
text-align:left;
margin:0px;
padding:0px;
}

.prod_list .prod_title{
margin:0px;
padding:0px;
padding-top:10px;
clear:both;
}

.footer {
width:630px;
background-color:#312f78;
padding-top:10px;
padding-bottom:10px;
float:left;
font-family: tahoma, arial;
font-size:11px;
font-weight:normal;
color:#999999;
text-align:left;
}

*html .footer {
width:640px;
}

.footer a {
font-family: tahoma, arial;
font-size:11px;
font-weight:normal;
color:#999999;
text-align:left;
text-decoration:none;
}

.footer td {
}

.footer img {
vertical-align:middle;
padding-right:10px;
border:none;
}

.right_col {
width:180px;
float:left;
margin-top:35px;
font-family: tahoma, arial;
font-size:12px;
font-weight:normal;
text-transform:capitalise;
color:#fff;
text-align:left;
}

.right_col p {
padding: 0px 0px 0px 12px;
margin:5px 0px;
font-family: tahoma, arial;
font-size:12px;
font-weight:bold;
text-transform:capitalise;
color:#fff;
text-align:left;
}

.right_col ul{
list-style:none;
margin:0px;
padding:0px;
}

.right_col li {
padding: 0px 0px 0px 12px;
margin:5px 0px;
font-family: tahoma, arial;
font-size:12px;
font-weight:bold;
text-transform:capitalise;
color:#fff;
text-decoration:none;
text-align:left;
}

.right_col li a{
font-family: tahoma, arial;
font-size:12px;
font-weight:bold;
text-transform:capitalise;
color:#fff;
text-decoration:none;
text-align:left;
}

.service_heading {
background: url('images/fast_bg.jpg') no-repeat 0px 0px;
padding: 5px 0px 5px 12px;
margin-bottom:15px;
font-family: tahoma, arial;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
text-align:left;
}

.contact_heading {
background: url('images/contact_bg.jpg') no-repeat 0px 0px;
padding: 5px 0px 5px 12px;
margin-bottom:15px;
margin-top:40px;
font-family: tahoma, arial;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
text-align:left;
}

.nj {
margin-top:30px;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
margin-left:12px;
padding:10px 0px 10px 12px;
}

.nav {
background-color:#FFFFFF;
width:630px;
height:27px;
float:left;
}

.cform label {
font-size:12px!important;
font-family:arial!important;
}

.cform .reqtxt, .emailreqtxt {
font-size:x-small!important;
font-family:arial!important;
}

.linklove {
display:none!important;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 500px; /*For KHTML*/
  list-style: none;
  height: 27px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 27px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border-right: 1px solid #312f78;
  padding: 0 13px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #fff;
  color: #0077b3;
  font: bold 12px/27px Arial;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #0077b3;
  color: #FFF;

}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #fff;
  color: #0077b3;
      border-right:none!important;

}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #0077b3;
  color: #fff;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #fff;
  color: #0077b3;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #0077b3;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #fff;
  color: #0077b3;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #0077b3;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}


