/*
Theme Name: Vector Power Drive
Theme URI: http://mercury-marketing.co.uk/
Description: Custom theme for Vector Power Drive based on Twenty Eleven
Author: Mercury Marketing
Author URI: http://mercury-marketing.co.uk/
Template: twentyeleven
Version: 1.0
*/

/* @import url("../twentyeleven/style.css"); */

@import url("menuh.css");

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
img {border:0; max-width:100%; height:auto; display:block;}
h1 {margin:0px;}
.headbar {background-color:#180e21; height:102px; overflow:visible;}
.headbarcont {width:866px; margin:auto;}
.headbarleft {float:left; color:#FFFFFF;}
.headbarright {float:right; color:#FFFFFF; text-align:right; padding:15px 0 0;font-size:28px;}
.headbarright .email {font-size:12px; color:#aea504; padding-right:2px;}
.headbarright .email a:link {
	color: #aea504;
	text-decoration: none;
}
.headbarright .email a:visited {
	text-decoration: none;
	color: #aea504;
}
.headbarright .email a:hover {
	text-decoration: none;
	color: #C00;
}
.headbarright .email a:active {
	text-decoration: none;
	color: #C00;
}
.pagecont {background-image:url(images/page_bg.jpg); background-position:top; background-repeat:repeat-x; background-color:#FFFFFF; overflow:hidden;}
.pagetext {width:882px; margin:auto; padding: 20px; background-color: #FFFFFF;}
.home .pagetext, .page-id-60 .pagetext {background-color: transparent; padding: 0;}
.page-id-60 .pagetext {padding: 20px;}
.pagetext a:link {
	color: #C00;
	text-decoration: underline;
}
.pagetext a:visited {
	text-decoration: underline;
	color: #C00;
}
.pagetext a:hover {
	text-decoration: none;
	color: #C66;
}
.pagetext a:active {
	text-decoration: none;
	color: #C66;
}
.pagetext .left {float:left; width:68.5%; border-right:solid 2px #999999; margin:18px 0 15px 0px; padding-right:15px;}
.pagetext .right {float:right; width:31.5%; margin-top:18px; margin-bottom:18px; padding-left:15px; border-left:solid 2px #999999; left: -2px; position: relative;}
.speechb {background-image:url(images/speech_bubble.gif); background-repeat:no-repeat; width:277px; height:124px;}
.speechb .inner {padding:15px; color:#FFFFFF; font-size:12px; font-weight:bold;}
.footbar {background-color:#180e21; height:102px;}
.footbarcont {width:882px; margin:auto;}
.footbarcont .left {float:left;}
.footadd {color:#858585; font-size:10px; margin-top:10px;}
.footadd a:link {
	color: #858585;
	text-decoration: none;
}
.footadd a:visited {
	text-decoration: none;
	color: #858585;
}
.footadd a:hover {
	text-decoration: none;
	color: #C00;
}
.footadd a:active {
	text-decoration: none;
	color: #C00;
}
.footmenu {margin-top:20px; font-size:12px; color:#FFFFFF;}
.footmenu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.footmenu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.footmenu a:hover {
	text-decoration: none;
	color: #C00;
}
.footmenu a:active {
	text-decoration: none;
	color: #C00;
}
.footbarcont .right {float:right; color:#FFFFFF; text-align:right; padding:15px 0 0;font-size:26px;}
.footbarcont .right .email {font-size:10px; color:#aea504; padding-right:2px;}
.footbarcont .right .email a:link {
	color: #aea504;
	text-decoration: none;
}
.footbarcont .right .email a:visited {
	text-decoration: none;
	color: #aea504;
}
.footbarcont .right .email a:hover {
	text-decoration: none;
	color: #C00;
}
.footbarcont .right .email a:active {
	text-decoration: none;
	color: #C00;
}
.shadow {   
-moz-box-shadow: 4px 3px #808080; -webkit-box-shadow: 4px 3px #808080; box-shadow: 4px 3px #808080; 
/* For IE 8 */    
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#808080, offX=4, offY=3, positive=true)";    
/* For IE 5.5 - 7 */    
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#808080, offX=4, offY=3, positive=true);  

}
p {
	color:#333333
}
.subpagecont {background-color:#FFFFFF; width:900px; margin:auto; overflow:auto; padding:20px 30px; min-height:600px;}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Images */
.entry-content img,
.comment-content img,
.widget img {
		max-width: 97.5%;/*  Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
.gallery {
	margin: 0 auto 1.625em;
}
.gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
.gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
.gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
.gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
.gallery .gallery-icon a:focus img,
.gallery .gallery-icon a:hover img,
.gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}
ul {color:#333333;
}

dl.gallery-item {
    float: left;
    padding-right: 20px;
}
dl.gallery-item img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 4px;
}
div.imgc, #content p.tac, #comp {
    text-align: center;
}
#comp table {
    border: 0 none;
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}
#comp td.wht40 {
    text-align: left;
    width: 40%;
}
#comp td, #comp th {
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    /*padding: 4px 2px;*/
    vertical-align: top;
width:11%;
}
#comp td.gry40 {
    background-color: #F0F0F0;
    text-align: left;
    /*width: 40%;*/
}
#comp td.gry {
    background-color: #F0F0F0;
}
.gallery {
   margin: auto;
}
.gallery-item {
   float: left;
   margin-top: 10px;
   text-align: center;
   width: 11%;
}
.gallery img {
   border: 2px solid #cfcfcf;
}
.gallery-caption {
   margin-left: 0;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: bold;
}

.carousel {
	height:120px;
	overflow:hidden;
	position: relative;
}

.carousel .inner {
	height:120px;
	margin:0 20px;
	overflow: hidden;
	position: relative;
}

.carousel .next, .carousel .previous {
	width:20px;
	height:120px;
	display:block;
	background:url(images/slide-right.jpg) 50% 50% no-repeat #1a1123;
	position: absolute;
	top:0;
	right:0;
	color:#FFF;
	text-indent:-9999px;
}

.carousel .previous {
	left:0;
	background-image:url(images/slide-left.jpg);
}

.carousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.carousel li {
    float: left;
    margin-left: 7px;
    margin-right: 1px;
    display: block;
    width:160px;
    height:120px;
}

.carousel li img {
	border:0;
	display: block;
}

.vector-sign, .yellow-tractor {
	display: none;
}

body.page-id-60 .vector-sign {
	display: block;
}

body.page-id-42 .yellow-tractor {
	display: block;
}

body.page-id-60 .subpagecont, body.page-id-42 .subpagecont {
	background:none;
}
.fimg {width:956px; margin:auto;}

#post-7 .entry-content div div img {display: inline-block;}
.rightvid {float: right; margin: 0px 0px 15px 15px;}

@media (max-width: 960px) {
	.headbar, .pagecont, .footbar {padding-left: 20px; padding-right: 20px;}
	.pagecont {background-image: none;}
	.pagetext, .fimg, .headbarcont, .footbarcont {width: 100%;}
}
@media (max-width: 760px) {
	.pagetext .left, .pagetext .right, #post-7 .entry-content div div table {width: 100%; float: none; border: 0;}
	.pagetext .right {left: 0; padding: 0; text-align: center;}
	.pagetext .right br, .footmenu {display: none;}
	.pagetext .right a {display: inline-block;}
	.pagetext .right a img {margin: 0;}
	#post-7 .entry-content div div {float: none !important; width: 100% !important; padding: 0 0 20px !important; text-align: center;}
}
@media (max-width: 500px) {
	.headbar, .footbar, .rightvid {height: auto; text-align: center; padding: 20px 0;}
	.headbar img, .rightvid {margin: 0 auto !important; display: inline-block;}
	.headbarleft, .headbarright, .footbarcont .left, .footbarcont .right, .rightvid {float: none; text-align: center;}
}