/* CSS Document */
/* -----------------------------------------------------------------------------------------------------------------

Client: Jamie Morrison (West Test)
URL: http://www.west-test.co.uk/
Date: 26/11/2009
Description: Basic brochure site
Version: 1.0

Author: Lewis Litanzios
Author URI: http://www.ldexterldesign.co.uk/

Tags:
Theme Name: ldexterldesign
Theme URI:

Visual design copyright 2009 http://www.west-test.co.uk/. All Rights Reserved.


1. DEFAULTS (Resets)

2. BASIC

3. LINKS & NAVIGATION

4. LAYOUT

5. TYPOGRAPHY

6. COLOUR

7. FORMS

8. TABLES

9. OTHER (Comment these as explicitly and extensively as possible)

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





/* 1. DEFAULTS (Resets)
----------------------------------------------------------------------------------------------------------------- */

/* 2. BASIC
----------------------------------------------------------------------------------------------------------------- */
hr{display:none;}
.flag{background-color:#FFF;color:red;font-weight:700;}
.prompt{background-color:#FFF;color:#C00;}
body abbr{border-bottom:#999 1px dashed;}
body acronym{border-bottom:#999 1px dotted;}

/* 3. LINKS & NAVIGATION
----------------------------------------------------------------------------------------------------------------- */
a:link,a:visited{font-weight:700;text-decoration:none;}
a:hover,a:active{font-weight:700;text-decoration:underline;}

.hentry a[target="_blank"],.hentry a:not([href^="http://www.west-test.co.uk/"]){background:url(images/westestBristolPATtesting-newWindowIcon.png) right top no-repeat;padding:0 18px 0 0;}
.hentry a[href*="#"]{background:none;padding:0;}
.hentry a[href$="pdf"]{background:url(images/westestBristolPATtesting-PDFIcon.gif) right top no-repeat;padding:0 18px 0 0;}

.skipLink li a:visited{text-decoration:none;}
body .skipLink a[href*="login"]:hover{text-decoration:underline;}

#header .nav-main li a{border:#FFF 1px solid;display:block;outline:none;padding:4em 0.5em 0.5em;text-decoration:none;}
#header .nav-main li.page-item-3 a{-moz-border-radius:0 0 0 0.25em;-webkit-border-bottom-left-radius:0.25em;border-radius:0 0 0 0.25em;}
#header .nav-main li.page-item-9 a{-moz-border-radius:0 0 0.25em;-webkit-border-bottom-right-radius:0.25em;border-radius:0 0 0.25em 0;}
#header .nav-main li.page-item-25,#header .nav-main li.page-item-11{display:none;}
#header .nav-main li a:hover,#header .nav-main li.current_page_item a{-moz-border-radius:0 0 0.25em 0.25em;-webkit-border-bottom-left-radius:0.25em;-webkit-border-bottom-right-radius:0.25em;border-radius:0 0.25em 0.25em 0;position:relative;top:0.3em;}

#footer .nav-main li a{border:#FFF 1px solid;border-bottom:none;display:block;outline:none;padding:0.5em 0.5em 4em;text-decoration:none;}
#footer .nav-main li:hover{background-color:#AD040A;}
#footer .nav-main li.page-item-25 a{background:url(images/westestBristolPATtesting-branding-logo.gif) -215px top no-repeat;background-color:transparent;margin:-0.5em 0 0;text-indent:-9999em;width:32px;}
#footer .nav-main li.page-item-25:hover{background-color:transparent;}
#footer .nav-main li.page-item-3 a{-moz-border-radius:0.25em 0 0;-webkit-border-top-left-radius:0.25em;border-radius:0.25em 0 0 0;}
#footer .nav-main li.page-item-9 a{-moz-border-radius:0 0.25em 0 0;-webkit-border-top-right-radius:0.25em;border-radius:0 0.25em 0 0;}
#footer .nav-main li.page-item-11{display:none;}
#footer .nav-main li a:hover{-moz-border-radius:0.25em 0.25em 0 0;-webkit-border-top-left-radius:0.25em;-webkit-border-top-right-radius:0.25em;border-radius:0 0.25em 0.25em 0;bottom:0.3em;position:relative;}

.nav-section{padding:6em 0 0;}
.nav-section li a{background-color:#333;display:block;padding:1em 2.5em 1em 1em;text-decoration:none;}
.nav-section li a.active{background:url(images/westestBristolPATtesting-content-nav-section-pixy.png) 95% 50% no-repeat #333;}

/* 4. LAYOUT
----------------------------------------------------------------------------------------------------------------- */
#page{margin:0 auto;width:950px;}
.page #header{height:33em;}

.skipLink{float:right;margin:0 1em 0 0;}
.skipLink li{display:inline;}
.skipLink li:after{content:" / ";}	

#branding-logo{margin:0.5em;}
#branding-logo a{background:url(images/westestBristolPATtesting-branding-logo.gif) left top no-repeat;display:block;height:103px;outline:none;text-indent:-9999em;width:215px;}
#branding-logo a:hover{background:url(images/westestBristolPATtesting-branding-logo.gif) left top no-repeat;display:block;height:103px;outline:none;text-indent:-9999em;width:247px;}

.description{visibility:hidden;}	

#header .vcard{float:right;margin:-68px 1em 0 0;}
#header .nav-main{margin:0 0 0 25.5em;position:absolute;top:-1em;width:325px;}
#header .nav-main li{float:left;}

#content{min-height:600px;padding:0 0 3em;}
#content-primary{float:right;padding:0 0 3em;width:620px;}
.page-id-9 #content-primary,.page-id-11 #content-primary{width:100%;}
#content-primary h2{display:none;padding:0 0 3em;}
#content .post img{margin:1em 0;}
#content-secondary{float:left;padding:0 0 3em;width:305px;}
#content-secondary .entry{line-height:1.5em;}

.post{border-bottom:#999 1px dashed;padding:0 1em;}
.home #content-primary .post,.page-id-25 #content-primary .post{border-bottom:none;}

.entry ol li{line-height:2.5em;list-style:decimal;}
.entry ul li{background:url(images/westestBristolPATtesting-content-listItemIcon.png) left top no-repeat;line-height:2.5em;list-style:none;padding:0 0 0 33px;}

.wp-caption-text{padding:0 1em 0 0;text-align:right;}

dl.electricalApplianceCategories dt{font-weight:700;}
dl.electricalApplianceCategories dd{padding:1em;}


.commentlist .depth-1{padding:0 0 0 2em;}
.commentlist .depth-2,.commentlist .depth-3,.commentlist .depth-4,.commentlist .depth-5{border-left:1px #CCC solid;padding:0 0 0 2em;}

.comment-body,.comment-body .comment-body,.comment-body .comment-body .comment-body,.comment-body .comment-body .comment-body .comment-body,.comment-body .comment-body .comment-body .comment-body .comment-body{padding:0 0 1em;}

.comment-author + em{float:right;}

#footer{clear:both;}
#footer .nav-main{float:right;margin:2em 0 0;}
#footer .nav-main li{float:left;}
#footer .quotescollection_randomquote{padding:0 0 2em;}
#footer .quotescollection_randomquote p,#footer .quotescollection_randomquote cite{padding:0 0 0 10%;width:80%;}

.search-results .quotescollection_randomquote,.search-no-results .quotescollection_randomquote,.search-results .category-uncategorized{display:none;}

.error404 .quotescollection_randomquote{display:none;}

.accreditationLogos a{background:url(images/westestBristolPATtesting-cityAndGuilds-logo.gif) left top no-repeat;display:block;height:73px;outline:none;text-indent:-9999em;width:78px;}

.hentry:hover{background-color:#ededed;}
.single .hentry:hover{background-color:transparent;}

/* 5. TYPOGRAPHY
----------------------------------------------------------------------------------------------------------------- */
/* bulletproof @font-face implementation thanks to paul irish (http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/) */

@font-face {
  font-family: 'ldexterldesign';
  src: url('fonts/ldexterldesign.eot');
  src: local('Calibri'), local('Calibri'), 
         url('fonts/ldexterldesign.ttf') format('truetype');
}

@font-face {
  font-family: 'ldexterldesignBold';
  src: url('fonts/ldexterldesignBold.eot');
  src: local('Calibri Bold'), local('Calibri'), 
         url('fonts/ldexterldesignBold.ttf') format('truetype');
}
@font-face {
  font-family: 'ldexterldesignBoldItalic';
  src: url('fonts/ldexterldesignBoldItalic.eot');
  src: local('Calibri Bold Italic'), local('Calibri'), 
         url('fonts/ldexterldesignBoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'ldexterldesignItalic';
  src: url('fonts/ldexterldesignItalic.eot');
  src: local('Calibri Italic'), local('Calibri'), 
         url('fonts/ldexterldesignItalic.ttf') format('truetype');
}

small{font-size:0.91em;}

.skipLink{font-size:0.91em;}

#header .vcard{font-size:1.4em;}
#header .vcard .tel{font-weight:700;}

#header .nav-main li a{font-family:ldexterldesignBold, Helvetica, Arial, sans-serif;font-size:2em;}

#header .quotescollection_randomquote q{font-family:ldexterldesignBold, Helvetica, Arial, sans-serif;font-size:3.3em;font-style:italic;font-weight:700;line-height:1;}
.no-fontface #header .quotescollection_randomquote q{font-family:Arial, Helvetica, sans-serif;font-size:3em;font-style:italic;font-weight:700;line-height:1;}

.nav-section li{font-family:Helvetica, Arial, sans-serif;text-transform:uppercase;}

h2,h3{font-family:ldexterldesignBold, Helvetica, Arial, sans-serif;}

.comments,#respond h3{font-size:1.5em;}
.post-teaser-block{font-size:0.91em;}

#footer .nav-main li a{font-family:ldexterldesignBold, Helvetica, Arial, sans-serif;font-size:1.75em;}

#footer .quotescollection_randomquote q{font-family:ldexterldesignItalic, Helvetica, Arial, sans-serif;font-size:2em;font-style:italic;line-height:2;}
.no-fontface #footer .quotescollection_randomquote q{font-family:Georgia, "Times New Roman", Times, serif;font-size:2em;font-style:italic;line-height:2;}

.comment-author + em{font-size:1.5em;}

.wp-caption-text{font-size:0.91em;}
.wp-caption-text span{font-size:1.3em;font-weight:700;}

/* 6. COLOUR
----------------------------------------------------------------------------------------------------------------- */
a:link{color:#C00;font-weight:700;text-decoration:none;}
a:visited,a:hover,a:active{color:#C00;font-weight:700;text-decoration:underline;}

#header .nav-main li a,#footer .nav-main li a{background-color:#AD040A;color:#FFF;}

.nav-section li a{border:#FFF 2px solid;color:#FFF;}
.nav-section li a:hover{color:#999;}

#footer .quotescollection_randomquote q{color:#999;}

/* 7. FORMS
----------------------------------------------------------------------------------------------------------------- */
body input,textarea,select{font-family:Helvetica, Arial, sans-serif;font-size:0.91em;}
body input[type="submit"]{font-family:ldexterldesignBoldItalic, Helvetica, Arial, sans-serif;font-size:2em;padding:0.5em;width:auto;}
.no-fontface body input[type="submit"]{font-family:Geneva, Arial, Helvetica, sans-serif;font-size:2em;font-style:italic;font-weight:700;padding:0.5em;width:auto;}
body input,body textarea,body select{padding:0.5em;width:90%;}

#searchform{float:right;margin:-108px 0 0;}
#searchform label{float:left;visibility:hidden;}
#searchform #s{float:left;text-align:center;width:192px;}
#searchform #searchsubmit{background:url(images/westestBristolPATtesting-search-pixy.png) left top no-repeat;border:none;cursor:pointer;float:left;height:33px;margin:-2px 0 0;text-indent:-9999em;width:33px;}
#searchform #searchsubmit:hover{background:url(images/westestBristolPATtesting-search-pixy.png) right top no-repeat;}

.wpcf7-form input{font-size:0.91em;padding:0.5em;width:80%;}
.wpcf7-form textarea{height:8em;width:80%;}

.col1,.col2{float:left;width:33%;}
.col3{float:right;width:33%;}

.page-id-9 .entry{height:50em;}

/* 8. TABLES
----------------------------------------------------------------------------------------------------------------- */

/* 9. OTHER (Detail these as explicitly and extensively as possible)
----------------------------------------------------------------------------------------------------------------- */
/* scrollable functionality (http://flowplayer.org/tools/scrollable.html) */

#scrollable{-moz-border-radius:0.5em;-webkit-border-bottom-left-radius:0.5em;-webkit-border-bottom-right-radius:0.5em;-webkit-border-top-left-radius:0.5em;-webkit-border-top-right-radius:0.5em;background-color:#A50409;border:0.5em;border-radius:0 0.5em 0.5em 0;position:absolute;top:13em;width:952px;}

#scrollable a.prev{-moz-border-radius:0.5em 0 0 0.5em;-webkit-border-bottom-left-radius:0.5em;-webkit-border-top-left-radius:0.5em;background:url(images/westestBristolPATtesting-brandingScrollable-nav-pixy.png) 1em 50% no-repeat #333;border-radius:0.5em 0 0 0.5em;border-right:#FFF 1px solid;cursor:pointer;float:left;height:21em;text-indent:-9999em;width:50px;}
#scrollable a.prev:hover{background-color:#999;}
#scrollable a.prev:active{background:url(images/westestBristolPATtesting-brandingScrollable-nav-pixy.png) 1em 51% no-repeat #999;cursor:pointer;float:left;height:21em;text-indent:-9999em;width:50px;}

#scrollable a.next{-moz-border-radius:0 0.5em 0.5em 0;-webkit-border-bottom-right-radius:0.5em;-webkit-border-top-right-radius:0.5em;background:url(images/westestBristolPATtesting-brandingScrollable-nav-pixy.png) -861px 50% no-repeat #333;border-left:#FFF 1px solid;border-radius:0 0.5em 0.5em 0;cursor:pointer;float:right;height:21em;text-indent:-9999em;width:50px;}
#scrollable a.next:hover{background-color:#999;}
#scrollable a.next:active{background:url(images/westestBristolPATtesting-brandingScrollable-nav-pixy.png) -861px 51% no-repeat #999;}

#scrollable .scrollable{background-color:#A50409;}
#scrollable .scrollable li{background-color:#A50409;color:#FFF;padding:1em;}

#scrollable q{border-right:#FFF dashed 1px;color:#FFF;font-family:ldexterldesignBoldItalic, Helvetica, Arial, sans-serif;font-size:1.3em;height:190px;letter-spacing:-0.02em;padding-right:1em;}
.no-fontface #scrollable q{border-right:#FFF dashed 1px;color:#FFF;font-family:Geneva, Helvetica, Arial, sans-serif;font-size:1.1em;font-style:italic;font-weight:700;height:190px;letter-spacing:-0.02em;padding-right:1em;}

#scrollable q a{-moz-border-radius:0.25em;-webkit-border-bottom-left-radius:0.25em;-webkit-border-bottom-right-radius:0.25em;-webkit-border-top-left-radius:0.25em;-webkit-border-top-right-radius:0.25em;background-color:#FFF;border-radius:0.25em;color:#A50409;outline:none;padding:0 0.25em;text-decoration:none;}

#scrollable #quotescollection_randomquote-0 q{background:url(images/westestBristolPATtesting-brandingQuoteIcons-pixy.png) left top no-repeat;display:block;padding-left:240px;}
#scrollable #quotescollection_randomquote-1 q{background:url(images/westestBristolPATtesting-brandingQuoteIcons-pixy.png) left -230px no-repeat;display:block;padding-left:230px;}
#scrollable #quotescollection_randomquote-2 q{background:url(images/westestBristolPATtesting-brandingQuoteIcons-pixy.png) 18px -420px no-repeat;display:block;padding-left:290px;}
#scrollable #quotescollection_randomquote-3 q{background:url(images/westestBristolPATtesting-brandingQuoteIcons-pixy.png) left -615px no-repeat;display:block;padding-left:240px;}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable{height:21em;overflow:hidden;position:relative;width:850px;}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items{clear:both;position:absolute;width:20000em;}

/* single scrollable item */
.scrollable li{background-color:#fff;float:left;height:auto;width:850px;}

/* active item */
.scrollable .active{border:2px solid #000;position:relative;z-index:9999;}

/* this makes it possible to add next button beside scrollable */
.scrollable{float:left;}

/* prev, next, prevPage and nextPage buttons 
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
} */

/* right */
a.right{background-position:0 -30px;clear:right;margin-right:0;}
a.right:hover{background-position:-30px -30px;}
a.right:active{background-position:-60px -30px;}

/* left */
a.left{margin-left:0;}
a.left:hover{background-position:-30px 0;}
a.left:active{background-position:-60px 0;}

/* up and down */
a.up,a.down{background:url(../img/scrollable/arrow/vert_large.png) no-repeat;float:none;margin:10px 50px;}

/* up */
a.up:hover{background-position:-30px 0;}
a.up:active{background-position:-60px 0;}

/* down */

a.down{background-position:0 -30px;}
a.down:hover{background-position:-30px -30px;}
a.down:active{background-position:-60px -30px;}

/* disabled navigational button */
a.disabled{visibility:hidden !important;}