/*



Theme Name: Electrovehicles 1.0

Theme URI: http://booktraders.co.za

Description: Wordpress Theme for the Electrovehicles website.

Version: 1.0

Author: Rob Hope

Author URI: http://hitdelete.com

Tags: Sky, Grass, centred, fixed width, 2 columns



*/



/* The 'design' (the unique combination of images, colors, sizes, typography, and positioning) is copyright Rock Lifestyle */

/* Design and CSS Coding by Rob Hope representing Hit Delete - http://www.hitdelete.com */



/* Contents:



1. Global Elements

2. Main Containers

3. Product Main

4. Product Individual

5. Case Studies

6. Footer

7. Contact Form

8. Navigation



*/



/* ------------------------- */

/*  1. GLOBAL ELEMENTS */

/* ------------------------- */



html {

font-size: 100%; /* IE hack */

}

body {

background: url(img/layout/sky.jpg) top center  repeat-x ;

margin: 0;

padding: 0;

font-family: Arial;

font-size: 0.85em;

line-height: 1.4em;

color: #222222;

}

img {

border: none;

}

p {

margin: 15px 0 15px;

padding: 0;

}

a {

color: #339933;

font-weight: bold;

text-decoration:underline;

outline: none;

}

a:hover {

color:#339933;

text-decoration: none;

}

.relative {

position: relative;

}

h1 {
font-size: 1.5em;
margin: 0 0 25px 0;
}

h2 {
font-size: 1.3em;
margin: 0 0 8px 0;
color: #333;
font-weight: normal;
}



/* ------------------------- */

/*  2. MAIN CONTAINERS */

/* ------------------------- */



#container {

width: 850px;

margin: 0 auto 0 auto;

}

#page {

float: left;

width: 850px;

}

#header {

float: left;

width: 848px;

height: 70px;

background: #F8F8ED;

border-left: solid 1px #E9E9CC;

border-right: solid 1px #E9E9CC;

}

.logo {

margin: 0 0 0 0;

}

#top_nav {

position: absolute;

top: 25px;

left: 480px;

text-align: right;

text-transform: uppercase;

font-size: 0.7em;

}

#top_nav a {

margin: 0 0 0 20px;

text-decoration: none;

color: #333;

}

#top_nav a:hover {

color:#339933;

}

#navigation {

float: left;

width: 850px;

height: 40px;

background: url(img/layout/nav.gif);

}

#content {

float: left;

width: 810px;

margin: 20px 0 50px 0;

padding: 20px;

background: url(img/layout/bg.jpg) no-repeat top;

}

#pic {

float: left;

width: 850px;

height: 250px;

margin: 20px 0 0 0;

}

#callout {

font-size: 1.8em;

font-weight: bold;

line-height: 1.3em;

margin: 0 0 10px 0;

}

.home-intro {

margin: 30px 0 0 0;

}



#content-left {

float: left;

width: 270px;

margin: 0 40px 0 0;

}

#content-right {

float: left;

width: 500px;

}

#content-left-product {

float: left;

width: 270px;

padding: 0;

margin: 0 30px 0 0;

}

#content-right-product {

float: right;

width: 500px;

padding: 0;

margin: 0;

}

#content-left-sitemap {

float: left;

width: 400px;

margin: 0 0 0 0;

}

#content-left-sitemap ul {

margin: 0 0 20px 0;

padding: 0 0 0 10px;

list-style: none;

}



#content-right-sitemap {

float: left;

width: 400px;

}



#content-right-sitemap ul {

margin: 0 0 20px 0;

padding: 0 0 0 10px;

list-style: none;

}





/* ------------------------- */

/*  3. PRODUCT MAIN  */

/* ------------------------- */



.select {

color: #333;

font-size: 1em;

margin: 0 0 15px 0;

line-height: 1.2em;

width: 490px;

}

#product-holder {

display: block;

width: 100%;

}

.product {

float: left;

width: 200px;

height: 185px;

padding: 15px;

border: solid 1px #CCC;

background: #FFF;

margin: 0 15px 15px 0;

}

.product-name {

text-align: center;

font-size: 0.9em;

font-weight: bold;

text-transform: uppercase;

margin: 10px 0 0 0;

}

#xyz img {

padding: 15px;

border: solid 1px #CCC;

background: #FFF;

}

.indi-main img {

padding: 14px;

border: solid 1px #CCC;

background: #FFF;

margin: 0 0 10px 0;

}

.indi-thumbs {

margin: 5px 0 15px 0;

}





/* ------------------------- */

/*  4. PRODUCT INDIVIDUAL  */

/* ------------------------- */





.other_vehicles {

font-size: 0.9em;

}

.other_vehicles h3 {

font-size: 1.1em;

}

.other_vehicles ul {

margin: 0;

padding: 0;

list-style: none;

}

.specdownload {

background: #F3F3E7 url(img/layout/gears.jpg) no-repeat top left;


width: 133px;

height: 80px;

border: #E1E1C5 1px solid;

padding: 10px 15px 15px 115px;

font-size: 0.8em;

}

.spectitle {

font-weight: bold;

padding: 0;

margin: 3px 0 0 0;

}

.specinfo {

line-height: 1.2em;

margin: 5px 0 5px 0 ;

padding: 0;

}

.speclink {





}





/* ------------------------- */

/*  5. CASE STUDIES  */

/* ------------------------- */





.post {

font-size: 0.9em;

margin: 0 0 15px 0;

}

.post-title {

font-weight: bold;

}

.post-info {

font-style:  italic;

font-size: 0.85em;

}

.post-post {

margin: 5px 0 2px 0;

}

.featured-article {

font-size: 0.9em;

line-height: 1.2em;

border-bottom: dashed 1px #CCC;

}

.featured-article h2, .featured-product h2, .energy-articles h2, .case-studies h2 {

margin: 10px 0 10px 0;

font-size: 1.2em;

font-weight: bold;

}

.featured-product {

font-size: 0.9em;

line-height: 1.2em;

}

.energy-articles, .case-studies {

padding: 0 0 10px 0;

margin: 0 0 20px 0;

border-bottom: dashed 1px #CCC;

font-size: 0.9em;

}

.energy-articles ul {

margin: 0;

padding: 0;

list-style: none;

}

.energy-articles li {

margin: 0 0 11px 0;

padding: 0;

line-height: 1.05em;

}

.home-mini-article {

text-align: justify;

width: 245px;

}

#article .alignleft, #article .aligncenter, #article .alignright, #article .alignnone {

background: #FFF;

padding: 5px;

border: solid 1px #CCC;

margin: 0 15px 15px 0;

}

#article .alignleft {

float: left;

}

#article .aligncenter {

 margin: 0 auto 15px auto;

display: block;

}

#article .alignnone {

float: none;

display: block;

}

#article .alignright {

float: right;

}

#article .size-medium {

width: 250px;

height: auto;

}

#article .size-full {

max-width: 490px;

height: auto;

}

#article .size-thumbnail {

width: auto;

height: auto;

}



/* ------------------------- */

/*  6. FOOTER */

/* ------------------------- */



.footer {

float: left;

margin: 0;

padding: 70px 0 0 0;

width: 100%;

background: url(img/layout/footer-grass.jpg) repeat-x top center;

height: 38px;

text-align: center;

font-size: 0.8em;

color: #FFFFFF;

font-weight: bold;

}

.footer a:link, .footer a:visited, .footer a:active {

color: #FFFFFF;

text-decoration: none;

}

.footer a:hover {

color: #FFFFFF;

text-decoration: underline;

}



/* ------------------------- */

/*  7. CONTACT FORM */

/* ------------------------- */



.form {

color: #888;

font-size: 1.2em;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

width: 300px;

}

.title {

padding-bottom: 5px;

}

.formfield {

color: #333;

font-size: 1.3em;

font-weight: bold;

padding: 3px 3px 3px 7px;

margin-bottom: 15px;

height: 25px;

width: 100%;

background: #FFF8CF;

border: #CBB945 solid 1px;

}

.formfieldspam {

color: #333;

font-size: 1.3em;

font-weight: bold;

padding: 3px 3px 3px 7px;

margin-bottom: 15px;

margin-top: 5px;

height: 25px;

width: 100%;

background: #FFF8CF;

border: #CBB945 solid 1px;

}

textarea {

color: #333;

font-size: 1.4em;

font-weight: bold;

padding: 3px 3px 3px 7px;

margin-bottom: 20px;

background: #FFF8CF;

border: #CBB945 solid 1px;

width: 100%;

}

.formbutton {

color: #333;

font-size: 1.2em;

font-weight: bold;

padding: 3px;

margin-right: 3px;

}



/* ------------------------- */

/*  8. NAVIGATION */

/* ------------------------- */



.menu {

background: url(img/layout/nav.gif) no-repeat;

text-align: left;

width: 850px;

height: 40px;

padding: 0;

margin:0;

position: relative;

}

ul.menu {

list-style: none;

}

ul.menu li {

display: block;

float: left;

height: 40px;

}



ul.menu li a {position: absolute; height: 40px; top:0;}

li#golf a {width: 72px;  left:0;}
li#esta a {width: 63px;  left:72px;}
li#agri a {width: 100px; left:135px;}
li#hosp a {width: 95px;  left:235px;}
li#indu a {width: 89px;  left:330px;}
li#camp a {width: 87px;  left:419px;}
li#impa a {width: 82px;  left:506px;}
li#ecof a {width: 107px; left:588px;}
li#ener a {width: 70px;  left:695px;}
li#serv a {width: 85px;  left:765px;}

ul.menu li a:hover {background: url(img/layout/nav.gif) no-repeat;}

li#golf a:hover  {background-position: -0px -40px;}
li#esta a:hover  {background-position: -72px -40px;}
li#agri a:hover  {background-position: -135px -40px;}
li#hosp a:hover  {background-position: -235px -40px;}
li#indu a:hover  {background-position: -330px -40px;}
li#camp a:hover  {background-position: -419px -40px;}
li#impa a:hover  {background-position: -506px -40px;}
li#ecof a:hover  {background-position: -588px -40px;}
li#ener a:hover  {background-position: -695px -40px;}
li#serv a:hover  {background-position: -765px -40px;}

#gol .gol {background: url(img/layout/nav.gif) no-repeat; background-position: -0px -40px;}
#est .est {background: url(img/layout/nav.gif) no-repeat; background-position: -72px -40px;}
#agr .agr {background: url(img/layout/nav.gif) no-repeat; background-position: -135px -40px;}
#hos .hos {background: url(img/layout/nav.gif) no-repeat; background-position: -235px -40px;}
#ind .ind {background: url(img/layout/nav.gif) no-repeat; background-position: -330px -40px;}
#cam .cam {background: url(img/layout/nav.gif) no-repeat; background-position: -419px -40px;}
#imp .imp {background: url(img/layout/nav.gif) no-repeat; background-position: -506px -40px;}
#eco .eco {background: url(img/layout/nav.gif) no-repeat; background-position: -588px -40px;}
#ene .ene {background: url(img/layout/nav.gif) no-repeat; background-position: -695px -40px;}
#ser .ser {background: url(img/layout/nav.gif) no-repeat; background-position: -765px -40px;}


.featured-article-home {
margin-top: 20px;
}
.featured-article-home h2 {
margin-top: 35px;
margin-bottom: 5px;
font-size: 1.5em;
font-weight: bold;
}
.home-intro h2 {
font-size: 1.5em;
}
.featured-article-home h3 {
font-size: 1.15em;
}
hr {
margin-top: 15px;
color: #fff;
border-top: #ccc 1px solid;
border-left: none;
border-right: none;
border-bottom: none;
}
#article ul, .home_featured_content ul {
list-style-type: disc;
list-style-position: inside;
margin: 0 0 30px 0;
padding: 0;
}
#article ul li, .home_featured_content ul li {
margin: 0 0 10px 0;
padding: 0 0 0 0;
}
#article img.alignleft {
margin: 0 20px 10px 0;
}
#content-right img.alignleft, .home_featured_content img.alignleft {
padding: 4px;
border: solid 1px #CCC;
background: #FFF;
margin: 0 20px 20px 0;
float: left;
}
#content-right h2 {
clear: both;
}

/* Enquiry Button Styles */
.relative {position: relative}
#enquiry-button {width: 265px;margin-top: 5px;}
#enquiry-button a {width: 265px; height: 35px; display: block; background: url(http://electrovehicles.co.za/wp-content/themes/ev/img/layout/enquiry-button.jpg) no-repeat;}
.indi-thumbs{margin-top: 15px;}
.hidden { display: none; }
.unhidden { display: block; }
      .form-label {width:150px !important;}
            .form-label-left {width:150px !important;}
            .form-line {padding:5px;}
            .form-label-right{width:150px !important;}
            .form-all{width:260px;color:Black !important;font-family:Arial;font-size:12px;}
            .form-input-wide {width: 265px !important;}