/*
Theme Name: Electric Studio
Theme URI: http://www.electricstudio.co.uk
Description: The theme developed by Electric Studio
Author: Patrik Johnsson
*/

/* Begin Reset */

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

/***************/

/* Main Styles */

/***************/
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for the benefit of IE5 Mac */
}
html, body {
	width:100%;
	height:100%;
}
body {
	background:#101111;
	font:normal normal 13px/140% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
}
body.page-id-67 {
	background:#101111 url(images/Shell_blue2.jpg) 50% 430px  no-repeat;
}
br.clear, p.clear, div.clear {
	clear:both;
}
a {
	color:#fff;
}
a:hover {
	color:#7BACDC;
}
a[href$='.pdf'] {
	padding:10px 6px 10px 32px;
	background:transparent url(images/adobe-pdf-icon-small.png) 0 50% no-repeat;
}
div#page {
	margin:0 auto;
	width:960px;
	position:relative;
}
body.home div.hero {
	width:960px;
	height:400px;
}
div#content.contentnarrow {
	width:710px;
	float:right;
	position:relative;
}
div#content.contentnarrow.post {
	width:710px;
	float:left;
	position:relative;
}
div#content.contentfull {
	width:960px;
	min-height:400px;
	position:relative;
}
div#header {
	height:155px;
}
div#sidebar {
	width:200px;
	float:left;
}
div#sidebar-post {
	width:200px;
	float:right;
}
div#sidebar, div#sidebar-post {
	padding-bottom:50px;
}
div#footer {
	text-align:right;
	margin:0 auto;
	width:960px;
	position:relative;
	font-size:11px;
	color:#838383;
	padding:30px 0 50px 0;
}
h1 {
	font:normal normal 32px/36px "Arial Narrow", Arial, Helvetica, sans-serif;
	padding:20px 0 8px 0;
	margin:0;
}
h2 {
	font:normal normal 20px/24px Arial, Helvetica, sans-serif;
	padding:12px 0 8px 0;
}
h2.post-title a {
	font:normal normal 20px/24px Arial, Helvetica, sans-serif;
	padding:8px;
	background-color:#333;
}
h3 {
	font:normal normal 17px/22px Arial, Helvetica, sans-serif;
	padding:8px 0 14px 0;
}
h4 {
	font:bold normal 14px/17px Arial, Helvetica, sans-serif;
	padding:4px 0 6px 0;
}
sup {
	vertical-align:super;
	font-size:9px;
}
#content ul {
	padding:0 0 10px 0;
	margin:0;
}
#content .post ul li {
	list-style:disc;
	margin:5px 0 5px 25px;
}
div#content p {
	padding:5px 0 14px 0;
}
img.attachment-large {
	padding:20px 0 0 0;
}
img.alignright {
	float:right;
	padding:0 0 20px 20px;
}
blockquote {
	margin:22px 40px;
	padding:3px;
	color:#575757;
	padding: 0 50px;
	border-left:5px solid #16878B;
}
/*****************/

/* Header Styles */

/*****************/

#header #logo {
	padding:25px 0 10px 0;
	width:190px;
	float:left;
}
#header div.secondary-menu-header {
	padding:25px 0 0 0;
	float:right;
	text-align:right;
	font-size:11px;
	color:#838383;
}
#header ul#menu-secondary {
	float:right;
	margin:0;
	padding:0;
}
#header ul#menu-secondary li {
	list-style:none;
	float:left;
	margin:0;
	padding:0 0 0 10px;
	position:relative;
}
#header #menu-secondary a {
	font-size:11px;
	color:#838383;
}
#header #primarynav {
	width:960px;
	clear:both;
	background-color:#333;
	display:block;
	height:36px;
}
#header #primarynav ul#menu-primary {
	margin:0;
	padding:9px;
}
#header ul#menu-primary li {
	list-style:none;
	float:left;
	margin:0;
	padding:0 20px 0 0;
	position:relative;
}
#header ul#menu-primary li a {
	padding:0;
	display:block;
	color:#fff;
	font:normal normal 16px/18px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#header ul#menu-primary li.page-item-91 a {
	background-image:none;
}
#header ul#menu-primary li a:hover {
	text-decoration:underline;
}
#header ul#menu-primary li a img {
	display:none;
}
#header ul#menu-primary li.current_page_item a, #header ul#menu-primary li.current_page_parent a, #header ul#menu-primary li.current-page-ancestor a {
	color:#999;
}
/******************/

/* Home Styles    */

/******************/

h3.homepage {
	font:normal normal 64px/78px "Arial Narrow", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	position:absolute;
	top:300px;
	left:350px;
	color:#fff;
	z-index:9999;
}
h3.homepage span, div.collection-detail-content p span {
	color:#7BACDC;
}
/******************/

/* Content Styles */

/******************/

#content .breadcrumb {
	padding:0 0 20px 0;
	font-size:11px;
	color:#838383;
}
#content.contentnarrow .breadcrumb, #content.contentnarrow h1 {
	margin-left:-250px;
}
#content.contentnarrow.post .breadcrumb, #content.contentnarrow.post h1.post-title {
	margin-left:0;
}
#content .breadcrumb a {
	color:#838383;
	text-decoration:none;
}
#content .breadcrumb a:hover {
	text-decoration:underline;
}
.contentnarrow.post .type-post {
	border-bottom:1px dotted #E3E8E8;
	padding-bottom:10px;
	margin-bottom:10px;
	clear:left;
}
#content p.article-details {
	font-size:11px;
	color:#9FABAE;
	clear:right;
	display:block;
	width:600px;
	padding:6px 0 10px 0;
}
.excerpt {
	padding:0;
	margin:0;
}
div.nex-prev-post {
	padding:10px;
	margin:20px 0;
	height:16px;
}
div.nex-prev-post span {
	float:right;
}
div.commentlist {
	padding:10px 0;
	border-top:1px dotted #E3E8E8;
}
div.commentlist div.comment-author {
	width:120px;
	float:left;
}
div.commentlist div.comment-author {
	width:120px;
	float:left;
}
div.comment-content {
	float:right;
	width:700px;
	border:1px solid #E3E8E8;
	padding:20px;
	background-color:#fff;
}
li.depth-2 div.comment-content {
	float:right;
	width:670px;
	border:1px solid #E3E8E8;
	padding:20px;
	background-color:#fff;
}
li.depth-3 div.comment-content {
	float:right;
	width:640px;
	border:1px solid #E3E8E8;
	padding:20px;
	background-color:#fff;
}
ol.commentlist {
	border-top:1px solid #E3E8E8;
	background-color:#F7F7F7;
}
ol.commentlist li {
	border-bottom:1px solid #E3E8E8;
	margin:0;
	padding:0;
}
#content ul.children li {
	margin:-20px 0;
	padding:0;
	font-weight:100;
}
#content ul.children li {
	list-style:none !important;
}
ol.commentlist li ul.children li {
	border-bottom:none;
}
div#comments {
}
div#comments h3 {
	padding:0 0 10px 0;
	line-height:100%;
}
div#comments label {
	margin:0;
	display:block;
	padding:0 0 5px 0;
	line-height:13px;
}
div#comments p.textarea {
	float:right;
}
div#comments p.submit {
	clear:both;
	padding:10px 0;
	border-top:1px solid #E3E8E8;
	text-align:center;
}
div#comments input[type="text"] {
	padding:4px;
	width:250px;
	font-size:16px;
	margin:0;
	border:1px solid #E3E8E8;
}
div#comments input[type="submit"] {
	padding:4px 10px;
	font-size:16px;
	margin:0;
	background-color:#7BACDC;
	color:#fff;
	cursor:pointer;
	border:none;
}
div#comments textarea {
	padding:4px;
	width:400px;
	font-size:16px;
	margin:0;
	border:1px solid #E3E8E8;
}
div.collections {
	float:left;
	height:400px;
}
div.collections.home {
	float:left;
	height:320px;
}
div.tile-catalogue {
	float:left;
	height:120px;
}
div.collections.page-125, div.collections.page-337, div.tile-catalogue.page-337 {
	margin:0 15px;
}
div.collections h3.collection-name {
	margin-top:-90px;
	z-index:999;
}
div.tile-catalogue h3.collection-name {
	margin-top:-60px;
	z-index:999;
}
div.collections h3.collection-name a, div.tile-catalogue h3.collection-name a {
	text-decoration:none;
	padding:6px 0 6px 20px;
	background:transparent url(images/one-team-h3-trans-bg.png) 0 0 no-repeat;
	width:290px;
	display:block;
	position:relative;
	line-height:16px;
	font-size:16px;
	margin:0;
}
div.collections.page-filter  {
	margin: 15px 0 15px 0px;
	height: 155px;
	position: relative;
	width:470px;
}
div.collections.page-filter.last {
	margin-left:15px;
}
div.collections.page-filter h3.collection-name-filter a {
	text-decoration:none;
	padding:6px 0 6px 20px;
	background:transparent url(images/one-team-h3-trans-bg.png) 0 0 no-repeat;
	width:100px;
	display:block;
	position:absolute;
	float:left;
	bottom: 20px;
	left: 0px;
	line-height:16px;
	font-size:16px;
	margin:0;
}
div.collections div.collection-tag {
	padding:0 0 5px 20px;
	display:block;
	font-size:13px;
	margin:-7px 0 0 0;
	font-weight:900;
}
div.collection-details div.collection-detail-header {
	float:left;
	width:320px;
	padding-top:23px;
	padding-left:15px;
}
div.collection-details div.collection-detail-content {
	float:right;
	width:465px;
	padding-top:20px;
}
div.contentfull div.page-content {
	margin-left:250px;
}
div.page-parent {
	display:block;
	float:left;
	width:225px;
	overflow:hidden;
}
div.page-parent {
	margin-right:15px;
	margin-bottom:15px;
}
div.page-parent.LastColumnClass  {
	margin-right:0;
	margin-bottom:15px;
}
div.page-parent h3.page-parent {
	margin-top:-60px;
	z-index:999;
}
div.page-parent h3.page-parent a {
	text-decoration:none;
	padding:6px 0 6px 20px;
	background:transparent url(images/one-team-h3-trans-bg.png) 0 0 no-repeat;
	width:205px;
	display:block;
	position:relative;
	line-height:16px;
	font-size:16px;
	margin:0;
}
div.tile-list {
	display:block;
	position:relative;
	float:left;
	width:225px;
	height:240px;
	margin:0 15px 0 0;
}
div.galleryImages{
	display: block;
	position:absolute;
	float: left;
	width:435px;
	z-index:99999;
	padding:5px 10px;
	background:transparent url(images/more-images-bg.png) 0 0 repeat;
	top:518px;
	left:10px;
}
div.tilesInRange{
	margin: 10px 0;
	display: block;
	position: relative;
	width:455px
}
div.tilesInRange.left{
	width:220px;
	float:left;
}
div.tilesInRange.right{
	width:220px;
	float:right;
}
div.tile-list-small {
	display:block;
	position:relative;
	float:left;
	width:65x;
	height:65px;
	padding-right: 5px;
	margin:0 0 0 0;
}
img.attachment-product-image {
	float:left;
}
div.tile-description {
	float:right;
	width:455px;
}
p.technical-description strong {
	display:inline-block;
	float:right;
	width:250px;
}
div.related-products div.tile-list {
	display:block;
	position:relative;
	float:right;
	width:225px;
	height:225px;
	margin:0 0 0 15px;
}
div.related-products h3 {
	padding:0 10px;
	margin:0;
	line-height:34px;
	font-size:18px;
	position:absolute;
	top:10px;
	background:transparent url(images/one-team-h3-trans-bg.png) 0 0 repeat;
}
div.related-products h2 {
	display:block;
	width:240px;
	float:left;
}
div.related-products h3 a {
	text-decoration:none;
}
div.tile-list.last{
	margin-right:0;
}
div.likeThisProduct{
	background-color: #232525;
	margin:10px 0 30px 0;
	padding: 10px 10px 0px 10px;
}
div.likeThisProduct p{
	font-size:16px;
}
div.showhideForm{
	background-color:#232525;
}
div.showhideForm .wpcf7{
width: 940px !important;
}
#content div.showhideForm div.wpcf7 input[type="reset"] {
background-color:#35404a;
border:medium none;
clear:both;
color:#FFFFFF;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:900;
margin:10px 0;
padding:9px 0 12px;
width:166px;
}
#content div.wpcf7 .how-can-we-help textarea{
width:400px; 
height: 150px ; 
}
div.showhideForm .address{
	display: block;
	position: relative;
	width: 200px;
	float: left;
}
div.showhideForm .address p{
    font-size:12px;
}
div.showhideForm .formColumn1{
	display: block;
	position: relative;
	width: 300px;
	float: left;
}
div.showhideForm .formColumn1 p{
    font-size:12px;
}
div.showhideForm .formColumn2{
	display: block;
	position: relative;
	width: 430px;
	float: right;
}
div.showhideForm .formColumn2 p{
    font-size:12px;
}
#content div.tile-list h2 {
	padding:0 10px;
	margin:0;
	line-height:34px;
	font-size:18px;
	position:absolute;
	top:10px;
	background:transparent url(images/one-team-h3-trans-bg.png) 0 0 repeat;
}
#content div.tile-list h2 a {
	text-decoration:none;
}
#content div.tile-list:hover h2 a, #content div.tile-list:hover h3 a {
	color:#7BACDC;
}
#content div.tile-list a.excerpt {
	padding:0 10px;
	background:transparent url(images/excerpt-bg.png) 0 0 repeat;
	font-size:11px;
	z-index:999;
	color:#000;
	position:absolute;
	display:none;
	text-decoration:none;
	top:140px;
	left:0;
}
#content div.tile-list:hover a.excerpt {
	display:block;
	width:205px;
}
div.related-products {
	clear:both;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
div.related-products h3 {
	margin:6px 0 0 0;
}
div.wp-pagenavi {
	background-color:#333;
	padding:8px 14px;
	clear:both;
	display:block;
	height:18px;
	text-transform:uppercase;
	font-size:11px;
	text-align:right;
	margin-bottom:15px;
}
div.wp-pagenavi span.pages {
	float:left;
}
div.wp-pagenavi span.current {
	padding:0 3px;
	font-weight:900;
}
div.wp-pagenavi a.page, div.wp-pagenavi a.nextpostslink, div.wp-pagenavi a.previouspostslink {
	padding:0 3px;
}
div#content .post div.page-content-narrow {
	float:right;
	width:470px;
}
div#map-holder {
	width:960px;
	height:400px;
	position:relative;
	margin-bottom:30px;
}
div#content .post div#map-canvas {
	width:960px;
	height:400px;
	z-index:5;
}
div#content .post div.directions {
	position:absolute;
	text-align:center;
	top:346px;
	right:240px;
	width:480px;
	height:24px;
	padding:7px 0;
	z-index:2.14748e+009;
	background:#101111;
}
/******************/

/*     Slider     */

/******************/
.sliderwrapper1 {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 960px; /*width of featured content slider*/
	height: 400px;
	float: left;
}

.sliderwrapper1 .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 960px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 400px;
}

.sliderwrapper2 {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 710px; /*width of featured content slider*/
	height: 360px;
	float:right;
}

.sliderwrapper2 .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 710px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 350px;
}

.sliderwrapper3 {
	position: relative; /*leave as is*/
	width: 475px; /*width of featured content slider*/
	height: 475px;
	float:left;
}

.sliderwrapper3 .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 475px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 475px;
}
.sliderwrapper3 img {
	width: 475px;
	height: 475px;
}

div#content .galleryImages #paginate-slider1 img, div#content .tile-list-small img {
	margin:2px 2px 0 0;
	padding:0;
}
div#content .galleryImages #paginate-slider1 .more-images {
	float:left;
	padding:12px 10px 0 0;
}
div#content p.caption {
	background:transparent url(images/one-team-h3-trans-bg.png) 0 0 repeat;
	bottom:20px;
	display:block;
	float:left;
	font-size:20px;
	left:0;
	padding:10px;
	position:absolute;
}

/******************/

/* Sidebar Styles */

/******************/
#sidebar h2 {
	font:bold normal 15px/22px Arial, Helvetica, sans-serif;
	padding:6px 14px;
	margin:0 0 10px 0;
	background-color:#333;
}
#sidebar h3 {
	font:bold normal 15px/22px Arial, Helvetica, sans-serif;
	padding:0;
}
#sidebar h3 span {
	font:normal normal 13px/22px Arial, Helvetica, sans-serif;
	padding:0;
	float:right;
}
#sidebar, #sidebar-post {
	margin-top:102px;
}
#sidebar ul, #sidebar-post ul {
	border-top:1px solid #838383;
	margin-bottom:20px;
}
#sidebar.tiles ul {
	border-top:none;
	margin-bottom:20px;
}
#sidebar ul li, #sidebar-post ul li {
	margin:0;
	list-style:none;
	border-bottom:1px solid #838383;
	position:relative;
}
#sidebar.tiles ul li {
	margin:0;
	list-style:none;
	border-bottom:none;
	position:relative;
}
#sidebar.tiles ul.tile-ranges li {
	float:left;
	width:100px;
	display:block;
}
#sidebar ul li a, #sidebar-post ul li a {
	color:#fff;
	display:block;
	line-height:16px;
	padding:12px 10px 12px 10px;
	text-decoration:none;
	font-weight:100;
}
#sidebar.tiles ul li a {
	color:#fff;
	display:block;
	line-height:16px;
	padding:2px 0px 3px 10px;
	text-decoration:underline;
	font-weight:100;
}
#sidebar ul li.current_page_item a {
	font-weight:900;
}
#sidebar ul li ul.children {
	display:none;
}
#sidebar ul li.current_page_item ul.children, #sidebar ul li.current_page_parent ul.children {
	display:block;
	padding-left:10px;
	border-top:none;
}
#sidebar ul li.current_page_item ul.children li, #sidebar ul li.current_page_parent ul.children li {
	border-bottom:none;
}
#sidebar ul li.current_page_item ul.children li a, #sidebar ul li.current_page_parent ul.children li a {
	color:#fff;
	display:block;
	line-height:13px;
	padding:6px 10px 6px 10px;
	text-decoration:none;
	font-weight:100;
}
#sidebar ul li ul.children li a {
	font-weight:100;
}
#sidebar ul li ul.children li.current_page_item a {
	font-weight:900;
}
/*****************/

/* Footer Styles */

/*****************/

div#footer ul {
	margin-top:15px;
}
div#footer p.copyright {
	background:transparent url(images/the-surface-within.gif) 0 0 no-repeat;
	padding:0 0 20px 0;
	border-bottom:1px solid #333;
}
div#footer ul li {
	margin:0;
	padding:0 15px 0 0;
	float:left;
	list-style:none;
}
div#footer ul li.page-item-91 {
	background-image:none;
}
div#footer a {
	color:#838383;
}
div#footer span {
	float:right;
	text-align:right;
}
div#footer span a {
	color:#fff;
	text-decoration:none;
	line-height:30px;
}
/****************************
FORMS
*****************************/

#content div.wpcf7 {
	float:left;
	width:470px;
	padding:0;
}
#content div.wpcf7 fieldset {
	margin-bottom:10px;
	padding:0 10px 10px 10px;
	border:1px solid #fff;
}
#content div.wpcf7 fieldset legend {
	padding:2px 10px;
	margin-top:0;
	font-size:14px;
	font-weight:900;
}
#content div.wpcf7 p {
	position:relative;
	padding: 0 0 8px 0;
	margin:0 0 8px 0;
}
#content div.wpcf7 p span.wpcf7-form-control-wrap {
	position:relative;
	top:0;
}
#content div.wpcf7 p span.wpcf7-form-control-wrap.message {
	position:relative;
	top:0;
	vertical-align:top;
}
#content div.wpcf7 label {
	color:#fff;
	line-height:20px;
	font-weight:100;
	display:block;
	width:250px;
	clear:both;
}
#content div.wpcf7 div.wpcf7-display-none {
	clear:both;
	display:none;
}
#content div.wpcf7 input[type="text"], #content div.wpcf7 input[type="file"] {
	font-size:14px;
	padding:3px;
width:250px
}
#content div.wpcf7 textarea {
	font-size:14px;
	padding:3px;
	width:250px;
	height:120px;
	overflow:hidden;
	vertical-align:top;
}
#content div.wpcf7 input[type="submit"] {
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	width:166px;
	border:none;
	font-weight:900;
	color:#fff;
	font-size:14px;
	padding:9px 0 12px 0;
	margin:10px 0;
	clear:both;
background-color:#7BACDC;
}
#content div.wpcf7 span.wpcf7-not-valid-tip {
	position: absolute;
	top:0;
	left: 270px;
	z-index: 100;
	background: url(images/required.gif) 0 50% no-repeat;
	font-size: 10pt;
	color:#990000;
	width: 60px;
	padding: 2px 2px 3px 15px;
	border:none;
}