/*

Theme Name: Leotronics

Theme URI: http://www.leotronics.co.uk

Description: Leotronics Website

Version: 2.8

Author: Charles Hooren

Author URI: http://www.ardentcreative.co.uk

Tags: Leotronics

*/



@charset "utf-8";

/* CSS Document */



/*========================================

-------- Reset

========================================*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



/*========================================

-------- Global

========================================*/

*, .noMargin_NoPadding{

	margin: 0px;

	padding: 0px;

	outline: 0px;

}

img {

	border: 0;

}

body {

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

	background-color: #FFFFFF;

	background-image: url(images/bg.jpg);

	background-repeat: repeat-x;

	background-position: top;

}

#container {

	width: 974px;

	margin: 0 auto 28px;

	padding-left: 3px;

}



a {

	color: #696969;

	text-decoration: underline;

}

a:hover {

	color: #696969;

	text-decoration: none;

}

p {

	margin: 0 0 13px 0;

	font-size: 12px;

	line-height: 1.6em;

	color: #696969;

}

#contentContainer ul {

	margin: 0 0 13px 30px;

}

#contentContainer li {

	margin: 0 0 2px 0;

	font-size: 12px;

	line-height: 1.6em;

	color: #696969;

	list-style-type: disc;

}

h1 {

	font-size: 17px;

	margin: 0 0 9px;

	padding: 0;

	color: #495893;

}

h2 {

	font-size: 15px;

	margin: 0 0 5px;

	padding: 0;

	color: #495893;

}

#leftNav h2 {

	background-image: url(images/bg-leftnav-heading.gif);

	background-position: top;

	background-repeat: repeat-x;

	color: #FFFFFF;

	margin: 0;

	padding: 11px 21px 0;

	height: 26px;

	text-shadow: -1px -1px 0px #8E8E8E;

	-moz-border-radius: 6px 6px 0 0;

	-webkit-border-radius: 6px 6px 0 0;

	border-radius: 6px 6px 0 0;

}

h3 {

	font-size: 12px;

	line-height: 13px;

	margin: 0 0 5px;

	padding: 0;

	color: #706F91;

}

ol {list-style:decimal; padding-left: 15px;}
#contentContainer ol li {list-style:decimal;}


/*========================================

-------- Additional Styles

========================================*/

.clearFloat {

	clear: both;

}

.floatLeft {

	float: left;

}

.floatRight {

	float: right;

}

.textAlignRight {

	text-align: right;

}



img.alignleft {

	float: left;

	margin-right: 5px 15px 0 0;

}

img.alignright {

	float: right;

	margin: 5px 0 0 15px;

}

img.aligncenter {

	margin: 13px 10px;

}



/*========================================

-------- Header

========================================*/

#header {

	background-image: url(images/bg-header.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	height: 161px;

	width: 966px;

	position: relative;

}

#header .logo a {

	position: absolute;

	left: 0;

	top: 35px;

	background-image: url(images/logo.jpg);

	width: 241px;

	height: 73px;

}

#header .search {

	position: absolute;

	right: 0;

	top: 117px;

	width: 161px;

	height: 35px;

	background-image: url(images/bg-search.jpg);

	padding: 9px 0 0 63px;

}

#header .search form {

	margin: 0;

	padding: 0;

	float: none;

	width: 151px;

}

#header .search label {

	display: none;

}

#header .search input {

	width: 115px;

	height: 22px;

	background-image: url(images/bg-search-box.gif);

	border: none;

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

	font-size: 12px;

	color: #696969;

	padding: 1px 4px 0;

	float: left;

}

#header .search input#searchsubmit {

	width: 27px;

	height: 20px;

	background-image: url(images/bg-search-btn.gif);

	border: none;

	cursor: pointer;

	float: left;

	margin: 2px 0 0 1px;

	text-indent: -99999px;

}



/*========================================

-------- Top Nav

========================================*/

#topnav {

	position: absolute;

	top: 124px;

	left: 0;

	height: 37px;

}

#topnav ul li {

	float: left;

	height: 37px;

}

#topnav ul li a {

	display: block;

	color: #CAD4D6;

	font-size: 13px;

	text-shadow: -1px -1px 0px #2F4078;

	text-align: center;

	text-decoration: none;

}

#topnav ul li a span {

	display: block;

	padding: 11px 26px 0;

	height: 37px;

}

#topnav ul li a:hover, 

#topnav ul li#current {

	color: #FFFFFF;

	text-shadow: none;

	background-image: url(images/bg-topnav-left.gif);

	background-repeat: no-repeat;

	background-position: top left;

}

#topnav ul li a:hover span, 

#topnav ul li#current span {

	background-image: url(images/bg-topnav-right.gif);

	background-repeat: no-repeat;

	background-position: top right;

}



/*========================================

-------- Content

========================================*/

#contentContainer {

	float: right;

	width: 728px;

	margin-top: 25px;

}

#contentContainer .content {

	background-color: #FFFFFF;

	border: solid 1px #D1D3CE;

	padding: 13px 16px 0;

	margin-right: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

}

#contentContainer .content img {

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

}

#contentContainer .content small {

	font-size: 14px;

	font-weight: bold;

	color: #696969;

}



/*========================================

-------- Category

========================================*/

#contentContainer ul.category {

	padding: 0 !important;

	margin: 0 !important;

}

ul.category li {

	float: left;

	width: 176px;

	height: auto;

	margin: 6px 6px 0 0 !important;

	padding: 0;

	position: relative;

	list-style-type: none;

	font-size: 11px;

	line-height: 13px;

	color: #706F91;

	list-style:none !important;

}

ul.category li .overlay {

display:block;

height:162px;

left:1px;

position:absolute;

top:1px;

width:174px;

	}

ul.category li .thumbnail {

	display:block;

	margin-top:46px;

	}

ul.category li strong {

background-image:url("images/bg-product-title.gif");

background-position:center top;

background-repeat:repeat-x;

display:table;

height:50px;

padding:0 12px;


width:150px;

background-color:#d5d5d5;

	-moz-border-radius: 6px 6px 0 0;

	-webkit-border-radius: 6px 6px 0 0;

	border-radius: 6px 6px 0 0;

}

ul.category li strong span {

	display: table-cell;

	vertical-align: middle;

}

ul.category li .moreInfo {

background-image:url("images/bg-product-arrow.png");

background-position:right top;

background-repeat:no-repeat;

bottom:0;

height:16px;

padding-right:25px;

position:absolute;

right:3px;

}

ul.category li a {

border:1px solid #D1D3CE;

color:#706F91;

display:block;

height:140px;

left:0;

padding-bottom:25px;

position:absolute;

text-decoration:none;

top:0;

width:176px;

	text-decoration: none;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

}

ul.category a:hover {

	border: solid 1px #747EA2;

}

ul.category a:hover span {

	color: #495893;

}



/*========================================

-------- Products

========================================*/

ul.product {

	padding: 0 !important;

	margin: 0 !important;

}

ul.product li {

	float: left;

	margin: 6px 6px 0 0 !important;

	padding: 0;

	position: relative;

	list-style-type: none;

	font-size: 11px;

	line-height: 13px;

	color: #706F91;

	list-style:none !important;

	border:1px solid #D1D3CE;

	width:234px;

	height:460px;

		-moz-border-radius: 6px;

		-webkit-border-radius: 6px;

		border-radius: 6px;

}

ul.product li .overlay {

	display:block;

	}

ul.product li .thumbnail {

	}

ul.product li strong {

background-image:url("images/bg-product-title.gif");

background-position:center top;

background-repeat:repeat-x;

display:block;

height:15px;

padding:10px 12px;

	-moz-border-radius: 6px 6px 0 0;

	-webkit-border-radius: 6px 6px 0 0;

	border-radius: 6px 6px 0 0;

}

ul.product li strong span {

	display: table-cell;

	vertical-align: middle;

}

ul.product li .moreInfo {

background-image:url("images/bg-product-arrow.png");

background-position:204px 19px;

background-repeat:no-repeat;

margin:0 0 1px;

padding:3px 25px 3px 10px;

}

ul.product li a {

color:#706F91;

display:block;

padding-bottom:25px;

text-decoration:none;

	text-decoration: none;

}

ul.product li a strong {

background-image:none;

display:block;

height:auto;

padding:0;

}

ul.product a.moreInfo:hover {

	background-color:#E4E6F3;

}

ul.product a:hover span {

	color: #495893;

}





/*========================================

-------- Left Side

========================================*/

#leftNav {

	float: left;

	width: 232px;

	margin-top: 26px;

}

#leftNav ul {



	background-color: #E4E6F3;

	padding-bottom: 26px;

}

#leftNav ul li {

	border-top: solid 1px #EAEDF6;

	border-bottom: solid 1px #CFD1DE;

	font-size: 11px;

	line-height: 16px;

	padding: 4px 8px 4px 21px;

}

#leftNav ul li.last {

	border-bottom: none;

}

#leftNav ul li a {

	color: #76757A;

	text-decoration: none;

}

#leftNav ul li a:hover {

	color: #272F6D;

}

#leftNav .contact {

	background-color: #CFD3EC;

	background-image: url(images/bg-leftnav-divider.gif);

	background-repeat: no-repeat;

	background-position: left 88px;

	padding: 23px 8px 14px 21px;

	color: #272F6D;

	font-size: 11px;

	line-height: 19px;

	-moz-border-radius: 0 0 6px 6px;

	-webkit-border-radius: 0 0 6px 6px;

	border-radius: 0 0 6px 6px;

}

#leftNav .contact big {

	font-size: 13px;

	font-weight: bold;

}

#leftNav .contact a {

	color: #272F6D;

	text-decoration: none;

}

#leftNav .contact a:hover {

	color: #272F6D;

	text-decoration: underline;

}

#leftNav .contact a.map, #contentContainer .content a.map {

	background-image: url(images/bg-map-btn.gif);

	background-repeat: repeat-x;

	width: 118px;

	height: 19px;

	display: block;

	margin-top: 10px;

	padding: 0 12px;

	color: #FFFFFF;

	font-size: 11px;

	text-decoration: none;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

}

#leftNav .contact a.map:hover, #contentContainer .content a.map:hover {

	color: #272F6D;

}



/*========================================

-------- Enquiry Form

========================================*/

form {

	margin: 0;

	padding: 5px 0 10px;

	width: 433px;

	float: right;

}

form fieldset {

	border: solid 1px #D1D3CE;

	margin-bottom: 10px;

	padding: 10px;

	width: 389px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

}

form p {

	padding: 0;

	margin: 0;

}

form br {

	display: none;

}

form .rowElem {

	padding: 8px 0 3px;

	clear: both;

}

form .odd {

	background-color: #F1F3F9;

}

form .rowElem label {

	color: #696969;

	float: left;

	font-size: 12px;

	font-weight: normal;

	line-height: 22px;

	padding-right: 20px;

	text-align: right;

	width: 89px;

}

form .rowElem input, form .rowElem textarea {

	font-size: 12px;

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

	color: #000000;

	margin-bottom: 5px;

	width: 255px;

	padding: 2px;

	border: solid 1px #CFCFCF;

}

form .wpcf7-list-item-label {

	float: none !important;

	padding: 0 0 0 3px !important;

	width: 238px !important;

	text-align: left !important;

	margin-bottom: 5px;

}

/* OPERA FIXES */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)

{

form .wpcf7-list-item-label { line-height: 26px !important; }

form .checkbox input { margin-top: 3px !important; }

}

.wpcf7-checkbox {

	display: block;

}

form .rowElem textarea {

	height: 176px;

}

form .captcha {

	padding-left: 109px;

}

form .captcha label {

	float: none !important;

	padding-right: 0 !important;

	text-align: left;

	width: 250px;

	line-height: 15px;

}

form .captcha div {

	padding: 3px 0 5px;

}

form .captcha span {

	float: left;

	margin: 0 2px 0 0;

}

form .captcha img {

	border: solid 1px #CFCFCF !important;

}

form .captcha input {

	width: 100px !important;

	padding: 3px 2px 2px;

}

form .InputButton {

	text-align: right;

	margin: 8px 0;

}

form .InputButton input {

	background-image: url(images/bg-btn-send.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	background-color: #F4F4F2;

	border: solid 1px #D2D3CD;

	cursor: pointer;

	width: 56px;

	height: 24px;

	font-size: 13px;

	color: #6F7978;

	text-shadow: 1px 1px 0 #FFFFFF;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

}



/*========================================

-------- Footer

========================================*/

#footer {

	width: 966px;

	margin: 0 auto;

}

#footer .footerLinks {

	width: 930px;

	background-color: #ECECEC;

	font-size: 11px;

	color: #BEC4C4;

	padding: 5px 20px;

	height: 13px;

	float: right;

	margin-bottom: 19px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

}

#footer .footerLinks ul {

	float: right;

}

#footer .footerLinks li {

	display: inline;

	padding: 0 10px;

	border-left: solid 1px #BEC4C4;

}

#footer .footerLinks li.first {

	border-left: none;

}

#footer .footerLinks li a {

	color: #9C9C9E;

	text-decoration: none;

}

#footer .footerLinks li a:hover {

	color: #9C9C9E;

	text-decoration: underline;

}

#footer .footerLinks .copyright {

	float: left;

	color: #9C9C9E;

	width: 280px;

}



#footer .icons {

	height: 29px;

	width: 100px;

	float: left;

	background-image: url(images/bg-footer-icons.gif);

	background-repeat: no-repeat;

}

#footer .icons a {

	height: 23px;

	width: 23px;

	display: block;

	float: left;

	margin-right: 10px;

}