/*
Theme Name: King Auto Electrics
*/

/* Begin Typography & Colors */

html {
  padding: 0px;
  margin: 0px;
}

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

a {
color:#3399cc;
}

.bg {
  background: #312F78 url('images/bg.jpg') no-repeat top left;
}

.container {
/*width:820px;
height:600px;*/
height: 125px;
/*margin-left:auto;
margin-right:auto;
padding-top:125px;*/
}

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

}

.no-padding-left {
  padding-left: 0px !important;
}

.header_link {
  display: block;
  width: 100%;
  height: 100%;
  float: left;
  text-decoration: none;
}

.body_container{
/*width:630px;*/
width: 100%;
float:left;
padding: 10px 10px 10px 10px;
margin-top: 15px;
background-color:#fff;
}

.banner {
width:100%;
float:left;
margin:0px;
}

.banner h3 {
display:none!important;
}

.feature {
/*background: url('images/gradient.jpg') repeat-x 0px 0px;*/
background: #016392;
width:100%;
padding: 10px;
margin-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:100%;
margin:0px;
padding-top:10px;
padding-bottom:20px;
float:left;
font-family:arial;
font-size:13px;
font-weight:normal;
color:#666666;
text-align:left;
}

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

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

.prod_list {
background-color:#fff;
width:100%;
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:100%;
background-color:#312f78;
padding-top:10px;
padding-bottom:10px;
float:left;
font-family: tahoma, arial;
font-size:11px;
font-weight:normal;
color:#ccc;
text-align:center;
}

*html .footer {
width:100%;
}

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

.right_col {
/*width:180px;
float:left;
margin-top:-25px;*/
background-color: #312F78;
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;
}

@media only screen and (max-device-width: 480px) {

.service_heading {
  background: #016392 !important;
  padding: 15px;
  text-align: center;
}

.contact_heading {
  background: #999 !important;
  padding: 15px;
  text-align: center;
}

.right_col * {
text-align:center !important;

}

.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:center;
}


  .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:center;
  }

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

}

.cat_heading {
background: url('images/catalogue_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;
}

.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;
}

.service_heading a {
color:#fff;
text-transform: capitalize!important;
text-decoration: none;
}

.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:100%;
height:27px;
float:left;
}

.cform {
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}

#usermessagea {
  width: 100% !important;
}

.cform input[type=text], .cform textarea {
  width: 100% !important;
  padding: 10px !important;
  font-size: 12px !important;
  font-family: 'Arial' !important;
}

#cforms_captcha {
  width: 50% !important;
  padding: 17px !important;
}

.cform ul {
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}

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

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

#sendbutton {
    padding: 10px 20px;
    background: #016392;
    color: white;
    font-size: 20px;
    margin: auto;
    float: none !important;
}

.cform p.cf-sb {
    margin: 10px 0px 0px 0px !important;
    padding: 0pt 3px 0pt 0pt !important;
    text-align: center !important;
}

.seccap {
  display: none !important;
}

.linklove {
display:none!important;
}

/** SHOP STYLE **/

.productcol {
width: 100%!important;
padding-top: 0px!important;
}

.product_grid_display .grid_product_info, #content .product_grid_display .grid_product_info {
text-align: center!important;
}

.product_grid_item {
background: url('')!important;
width: 170px!important;
}

.grid_product_info p {
text-align: center!important;
}

h2.prodtitle {
text-align: center!important;
font-size: 14px!important;
text-decoration: none!important;
}

p.wpsc-product-old-price, p.wpsc-product-old-price .oldprice{
	color: #666!important;
	font-weight: normal!important;
	font-size: 13px!important;
}

.grid_product_info .currentprice {
	color: green;
	font-weight: bold;
	padding: 5px 0px;
}
.wpsc_product_price .currentprice {
	color: green;
	font-weight: bold;
	padding: 5px 0px;
}

.product_grid_display .wpsc_product_price p, #content .product_grid_display .wpsc_product_price p {
    margin: 5px 0px!important;
	font-size: 15px;
}
.single_product_display .wpsc_product_price p, #content .single_product_display .wpsc_product_price p {
    margin: 0px 0px!important;
	font-size: 15px;
}

.single_product_display form.product_form .wpsc_buy_button_container, #content .single_product_display form.product_form .wpsc_buy_button_container {
    text-align: left!important;
}

.single_product_display .imagecol {
margin-top: 10px!important;
}

#sliding_cart .empty {
display: none!important;
}

#sideshoppingcart h3{
display: none;
}

#sideshoppingcart .shoppingcart {
padding: 0px 0px 10px 0 !important;
}

.wpsc_buy_button_container input[type=text]{
padding: 5px 0px!important;
text-align: center;
}

.wpsc_buy_button{
background-color: #312F78;
color: #fff;
font-weight: normal;
border: 0px;
padding: 5px 20px!important;
cursor: pointer;
display: block!important;
float: left!important;
margin-left: 10px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.checkout-total {
font-size: 14px;
font-weight: bold;
text-align: center;
}

.wpsc_buy_button:hover{
background-color: #383789;
}

#cart-widget-links {
text-align: center;
}

#checkout_page_container, #wpsc_shopping_cart_container, .wpsc_checkout_table {
  float: left;
  width: 100%!important;
}

.wpsc_make_purchase {
 display: block;
  float: left;
width:100%;
  margin-top: 40px;
  text-align: center!important;
}

.wpsc_make_purchase input {
margin-left: 250px!important;  
padding: 5px;
}

.wpsc_checkout_table input, .wpsc_checkout_table textarea{
width: 350px!important;
color: #333;
font-size: 12px!important;
font-family: inherit;
padding: 5px;
}

.wpsc_checkout_table select {
width: 355px!important;
color: #333;
font-size: 12px!important;
font-family: inherit;
}

#checkout_page_container input.intra-field-label, #checkout_page_container textarea.intra-field-label {
    color: #BBBBBB!important;
}

.wpsc_checkout_table_totals {
    background-color: #666;
    color: #fff;
    font-size: 16px!important;
    font-weight: bold !important;
    margin-top: 20px;
    padding: 10px;
	border-collapse:collapse;
}

.total_price td{
	background-color: #0177B4;
    color: #fff;
    font-size: 14px!important;
    font-weight: normal !important;
	padding: 5px;
}

.total_price_TOTAL td{
	background-color: #444;
    color: #fff;
    font-size: 20px!important;
    font-weight: bold !important;
	padding: 10px 5px;
}

.total_price_TOTAL td:first-child {
	padding-left: 50px;
}

.wpsc_checkout_table_totals #checkout_total {
	font-size: 20px!important;
}

table.productcart {
width:100%;
	border-collapse:collapse!important;
}

table.checkout_cart {
width:100%;
	border-collapse:collapse!important;
}

.product_row input[type=submit] {
  display: block;
  float: left;
  text-align: center!important;
  padding: 3px;
  background-color: #383789;
  color: #fff;
  cursor: pointer;
  border: none;
  margin-left: 5px!important;
  float: left;
  -moz-border-radius: 5px;
border-radius: 5px;
}

.wpsc_change_country input[type=submit] {
  display: inline-block;
  text-align: center!important;
  padding: 3px;
  background-color: #383789;
  color: #fff;
  cursor: pointer;
  border: none;
  -moz-border-radius: 5px;
	border-radius: 5px;
}

.wpsc_product_remove input[type=submit] {
background-color: red!important;
  -moz-border-radius: 2px;
border-radius: 2px;
}

#checkout_page_container .wpsc_product_quantity input[type=text]{
float: left;
}

.product_row {
	background-color: #eee;
	border-collapse:collapse!important;
	color: #333;
}
.alt{
	background-color: #ddd;
	border-collapse:collapse!important;
}

table.productcart td{
	padding: 7px;
	background-color: #fff;
	border-collapse:collapse!important;
}

.header th{
	background-color: #666!important;
	font-weight: bold;
	color: #fff;
	padding: 10px 10px!important;
}

h2#specials_heading{
	background-color: #312F78!important;
	font-weight: bold;
	color: #fff;
	padding: 5px 5px!important;
	margin-top: 20px;
	text-align: center;
}

.wpsc_product_name a {
color: #333!important;
text-decoration: none;
}

.shipping_header {
	background-color: #666!important;
	font-weight: bold;
	color: #fff;
}

#fancy_notification {
    background: none repeat scroll 0 0 #312F78!important;
    border: 2px solid #201F51!important;
    color: #FFFFFF;
    display: none;
    font-size: 12px!important;
    height: auto;
    left: 0;
    padding: 10px!important;
    position: absolute;
    top: 0;
    z-index: 9;
}

.specials {
height: 40px!important;
}
.single_product_display .wpcart_gallery{
width: 155px!important;
}

.single_product_display .wpcart_gallery img, #content .single_product_display .wpcart_gallery img {
    border: 1px solid #CCCCCC;
    margin-right: 3px!important;
}

.product_grid_display .product_grid_item {
	margin:10px;
	-moz-box-shadow:0px 0px 0px rgba(0,0,0,0.3)!important;
	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.3)!important;
	*border:1px solid #ccc;
	border:1px solid #ccc\9;
	padding:10px;
	float:left;
	text-align:center;
	position:relative;
}

.shopping-cart-wrapper span.cart_message {
    background-color: yellow!important;
    border: 0px solid #DEDEDE!important;
    color: #312F78;
    display: block;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px 5px!important;
    text-align: center!important;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#search {
text-align: center;
padding: 0px 0px 30px 0px;
}

#search input[type=text] {
width: 120px;
font-size: 11px;
float: left;
}
#search input[type=submit] {
font-size: 11px;
}


/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 100%; /*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;
  z-index: 10;
}

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;
}

