/*#############################################################
Name: Being
Description: The Being corporate colours and font
Date: 2008-12-20
Author: Being Communications Ltd
#############################################################*/

/* Defaults */
/* old bg colour 33170A */
* {margin: 0;padding: 0;}
/* Fixes issue of centered sites not having scrollbar on some pages in Firefox - eliminates jump */
html {height: 100%;margin-bottom: 1px;}
body {color: #000;font: 0.8em Georgia, "Times New Roman", Times, serif;text-align: left;margin: 0px;}
body.home_old { background: url('../../siteFiles/images/backgrounds/home.jpg') no-repeat top center; background-color: #000; }
body.home_ice { background: url('../../siteFiles/images/backgrounds/home_ice.jpg') no-repeat top center; background-color: #000; }
body.home_snow { background: url('../../siteFiles/images/backgrounds/home_snow.jpg') no-repeat top center; background-color: #000; }
body.home_sun { background: url('../../siteFiles/images/backgrounds/trees-sun.jpg') no-repeat top center; background-color: #000; }
body.home_lights { background: url('../../siteFiles/images/backgrounds/new-home-lights.jpg') no-repeat top center; background-color: #000; }
body.home_tough { background: url('../../siteFiles/images/backgrounds/01tough_home.gif') no-repeat top center; background-color: #000; }
body.home_tsunami { background: url('../../siteFiles/images/backgrounds/brc-background.jpg') no-repeat top center; background-color: #000; }
body.home_libdems { background: url('../../siteFiles/images/backgrounds/libdems-homepage-image.jpg') no-repeat top center; background-color: #000; }

h1 { color: #3e3d3d;text-indent:-2000em; height: 0px; display: none; font-weight: normal;}
h2 { color: #444444; font-size: 1.4em; font-weight: normal; }
h3 { color: #706464; font-size: 1.0em; font-weight: bold; font-style: italic; }
p { padding-bottom: 1em; line-height: 1.75em; }
a { color: #e42405; text-decoration: none; outline:none; }
a:hover { text-decoration: underline; }
img {border:0 none;}
ul { list-style: none; list-style-position: outside; }
ul li a { font: 0.85em Verdana, Arial, Helvetica, sans-serif; }
hr { color: #706464; background-color: #706464; margin-top: 5px; padding: 0px; height: 1px; border: 0px; width: 200px; text-align: left; }

/* Overall Container */
#divOuterContainer { width: 990px; text-align: left; margin:0 auto; position:relative; z-index:2; }

/* Header Area */
#divHeader { width: 990px; height: 88px; background-color:#FFFFFF; margin-bottom:0px; }
#divHeaderLeft {float:left; width:760px;}
.divWeather {height:30px;}
.divWeather p {color: #F6F4F3;font-size:0.85em;}
.divWeather span {text-transform:lowercase;}
#divBeingLogo { float: right; background: url('../../siteFiles/images/backgrounds/being_logo.gif') no-repeat; background-color: #FFFFFF; width: 230px; height: 86px; }

/* Top Navigation Bar */
#divTopNavigation {margin-top: 30px;padding-left: 20px;background-color: #FFFFFF;width: 732px;height: 17px;}
#divTopNavigation ul { list-style: none; display: inline; }
#divTopNavigation li { float: left; display: inline; position:relative; line-height:1em; }
#divTopNavigation li a { display:block; padding-top:2px; }
#divTopNavigation li ul { position:absolute;top:35px;left:0;width:200px;display:block;z-index:10;}
#divTopNavigation li ul li { float:none; display:block;margin-bottom:3px;}
#divTopNavigation li ul li a { color: #ffffff;font-family: Arial, Helvetica, sans-serif; text-transform:capitalize;font-weight:normal; }
#divTopNavigation a {color: #000000;font: 0.85em Arial, Helvetica, sans-serif;font-weight: bold;text-transform: uppercase;text-decoration: none;padding-right: 46px;}
#divTopNavigation a:hover { color: #CC3300; }
#divTopNavigation a.clsSelected { color: #CC3300; }

/* Main Text Area  */
#divContent { width: 742px; margin-top: 40px; /*margin-bottom:45px;*/ margin-bottom: 18px; float: left; position:relative; }

#divHomepageFeature { background-color: #FFFFFF; width: 255px; float: left; position: relative; z-index: 3; /*padding-top: 10px;*/ }
#divHomepageFeature h2 { font-size: 1.2em; font-weight: normal; margin-left: 10px;margin-bottom:0;}
#divHomepageFeature p { margin-left: 10px; padding-bottom: 10px;}

#divHomepageText {
	background-color: #FFFFFF;
	width: 732px;
	padding-top: 20px;
	padding-left: 10px;
	float: left;
	z-index: 1;
	min-height: 168px;
	margin-top:142px;
	/*margin-top: 20px;*/
}
#divHomepageText h3{display: block; margin-bottom: 10px;}
#divHomepageTextLeft { width: 237px; float: left; }
#divHomepageTextMiddle { width: 234px; float: left; padding-left: 10px; }
#divHomepageTextRight { width: 234px; float: left; padding-left: 10px; }

#divRedDot { position: absolute; width: 135px; height: 130px; top: 133px; left: 265px; z-index: 2; }

/* Side Panel */
.divSidePanel { margin-top: 130px; margin-bottom: 50px;padding: 15px 15px 30px 15px; background-color: #eeedeb; float: right; width: 200px; }
.divSidePanel ul li {border-bottom: 1px #999999 solid;display: block;padding-bottom: 6px;padding-top: 6px;}
.divSidePanel #beingtweets2 ul li {border-bottom: none;display: block;padding-bottom: 6px;padding-top: 6px;}
.divSidePanel ul li a {padding-right:1em;}
.divSidePanel h2 {padding-top:15px;clear:both;}
.divSidePanel h2.first {padding-top:1px;clear:both;}
.divSidePanel h2.first-child {padding-top:0;}
.divSidePanel h3 {margin-bottom:0.3em;margin-top:0.7em;}
.divSidePanel #beingtweets {overflow: hidden}
body.home .divSidePanel ul.recentPosts {padding-bottom:10px;}
body.home .divSidePanel ul.twitter li {border:none;}
body.home .divSidePanel { margin-top: 42px; height:415px;}

#homePageCaseStudiesList {padding-top:7px;}
#homePageCaseStudiesList li {float:left;padding:0;margin:0 7px 7px 0;border:none;}
#homePageCaseStudiesList li a {border:none;padding:0;}

#homePageCaseStudiesList img {border: 1px solid #C3C4C5;}

/* Footer */
#divFooter {clear:both; background-color:#5D5B5A;width:970px;float:left;display:block;padding:15px 10px; z-index:2; position:relative;}
#divFooter h2 {color: #fff; display: block; margin: 0px 0px 10px 0px;width: 200px;}
#divFooter p, #divFooter a {color:#C3C4C5;font: 0.85em Verdana, Arial, Helvetica, sans-serif; line-height:1.4;}
#divFooter1 {float:left;width:200px;margin-left:10px;}
#divFooter2 {float:left;width:200px;margin-left:35px;}
#divFooter3 {float:left;width:200px;margin-left:40px;color:#5D5B5A;}
#divFooter4 {float:left;width:150px;margin-left:60px;color:#5D5B5A;}
#divFooter a.imageCredits { display:block;font-size:0.7em;padding-top:1em; }
#divFooter #footnoteText {font-size: .7em;display: block;clear: both;padding: 10px 0px 0px 10px;color:#C3C4C5;text-align: left;}

/* Search */
#searchbox {padding: 0px;}
#searchbox label {padding-right:4px;font-size: 0.8em;display: none;}
#searchbox input {font-size: 0.85em;font-family: Arial, Helvetica, sans-serif;background: none;text-transform:uppercase;border: none;font-weight:bold;padding-top:1px;margin:0;}
#searchbox #searchbutton {margin-left: 5px;font-size: 0.8em;text-transform:uppercase;display: none;}
#searchbox #searchfield {width: 130px;}

/* Site Map */
.clsPageList {margin:0 4em;}
.clsPageList li {margin:0.7em 0; white-space:nowrap;}
.clsPageList ul {margin-left:1.75em;}

/* jQuery: Carousel */
.stripViewer .panelContainer .panel ul {text-align: left;margin: 0 15px 0 30px;}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */margin: 0;position: relative;width: 100%;}
.slider-wrap a {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.85em;}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 255px; background: #fff; overflow: hidden;}
.csw .loading {margin: 100px 0 100px 0; text-align: center;}
.stripViewer { /* This is the viewing window */position: relative;overflow: hidden; /*border: 5px solid #39c; /* this is the border. should have the same value for the links */margin: auto;width: 255px; /* Also specified in  .stripViewer .panelContainer .panel  below */height: 255px;clear: both;background: #fff;}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */position: relative;left: 0; top: 0;width: 100%;list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */float:left;height: 100%;position: relative;width: 255px; /* Also specified in  .stripViewer  above */}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */padding: 0;}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */margin: auto;position:absolute;top:60px;z-index: 2;background: url('../../siteFiles/images/template/bgNavigation.png') repeat-x;width:100%;}
.stripNav ul { /* The auto-generated set of links */list-style: none;}
.stripNav ul li {float: left;margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */}
.stripNav a { /* The nav links */font-size: 10px;font-weight: bold;text-align: center;color: #000;text-decoration: none;display: block;padding: 0 15px;}
.stripNav a:hover {background: #e71c00;color: #fff;}
.stripNav a.current {background: #e71c00;color: #fff;}
.stripNavL, .stripNavR { /* The left and right arrows */position: absolute;top: 230px;text-indent: -9000em;}
.stripNavL a, .stripNavR a {display: block;height: 40px;width: 40px;}
.stripNavL {left: 0;}
.stripNavR {right: 0;}
.stripNavL {background: url("images/arrow-left.gif") no-repeat center;}
.stripNavR {background: url("images/arrow-right.gif") no-repeat center;}
.title-wrapper {height:60px;}
.title-wrapper p { line-height:1.3em; }

/* Style For Bulleted Lists in Pages */
ul.beingList  {padding:0 0 10px 0 !important; margin:5px 0 10px 18px !important;}
.beingList li {font-style:italic !important; font-size:0.9em !important; padding:0 0 4px 0 !important; margin:0 !important; line-height:1.75em;}

/* Style for Our Work Bulleted List */
.beingWorkList {float:left; margin-left:0; width:250px; margin-right:30px;}
.beingWorkList ul {list-style-type:none !important; padding:0 0 10px 0 !important; margin:0 0 10px 0 !important;}
.beingWorkList li {font-size:0.9em !important; border-bottom:solid 1px silver; padding:4px 0 4px 0 !important; margin:0 !important; line-height:1.3em;}
.beingWorkList li a {text-align:right;}

/* Style for Email Sign-Up Form */
.signupForm h3 {margin:5px 0 5px 0;}

#personalDetails {width:650px; padding:0 0 5px 0; border:none; margin:10px 0 0 0;}
#personalDetails legend {color:#706464; float:left; font-weight:bold; padding:0; margin:0;}
#personalDetails ol {list-style-type:none;}
#personalDetails li {float:left; display:block; width:100%; margin:0 0 5px 0;}
#personalDetails label {float:left; text-align:right; display:block; width:130px; padding-top:0.1em; margin:0 5px 0 0; font-weight:bold;}
#personalDetails input {float:left; width:250px; padding:0.1em; border:solid 1px #706464; font-size:1em; height:1.2em;}
#personalDetails span {margin-left:5px; padding-top:0.2em;}

#companyDetails {width:650px; padding:0 0 5px 0; border:none; margin:10px 0 0 0;}
#companyDetails legend {color:#706464; float:left; font-weight:bold; padding:0; margin:0;}
#companyDetails ol {list-style-type:none;}
#companyDetails li {float:left; display:block; width:100%; margin:1px 0 5px 0;}
#companyDetails label {float:left; text-align:right; display:block; width:130px; padding-top:0.1em; margin:0 5px 0 0; font-weight:bold;}
#companyDetails input {float:left; width:250px; padding:0.1em; border:solid 1px #706464; font-size:1em; height:1.2em;}
#companyDetails span {margin-left:5px; padding-top:0.2em;}

#interests {width:600px; padding:0 0 5px 0; border:none; margin:10px 0 0 0;}
#interests legend {color:#706464; float:left; font-weight:bold; padding:0; margin:0;}
#interests ol {list-style-type:none; margin:0 0 0 2px;}
#interests li {float:left; width:345px; display:block; margin:1px 0 5px 0; clear:both;}
#interests input {float:left; width:20px; display:block; margin:0 5px 0 0;}
#interests label {float:left; text-align:left; display:block; width:250px; font-weight:bold;}

#submit {width:390px; padding:5px 0 5px 0; border:none;}
#submit input {float:right; padding:2px; background-color:#706464; color:#fff; border:solid 1px #706464;}

.signupMessage {width:600px;}

#search-box-outsie
{
width: 100%;
}

#search-box{
float:right;
margin-top: 10px;
padding-bottom: 5px;
z-index: 99;
margin-left: 100px;
}

.input{
border: none;
background-color:#FFFFFF;
opacity:0.6;
height: 15px;
margin-top: 2px;
width: 174px;
padding: 2px;
}
.button{
border: none;
background-color:#FFFFFF;
opacity:0.6;
/*margin-left: 4px;*/
height: 19px;
}

/* More info Link fix*/
.moreInfoLink {line-height: 2.5em}

/* Home page hover States */
/**
	    {
	        position: relative;
	        z-index: 100;
	    }*/
	    #homePageCaseStudiesList a
	    {
	         display: block;
	         width: 40px;
	         height: 30px;   
	    }
	     #homePageCaseStudiesList a img.hoverImages
	    {
	         display: block;
	         width: 40px;
	         height: 30px;   
	    }
	    .hovImgHolder 
	    {
	        position: absolute;
	        top: -213px;
	        left: -260px;
	        width: 260px;
	        height: 210px;
			background: #fff;
			z-index: 2000;
			border: 1px solid #ccc;
	    }
	    .hovImgs
	    {
	        width: 250px;
	        height: 200px;	        
	        display: block;
			margin: 5px;
	    }
	    #divFooter #footnoteText 
	    {
	        font-size: .7em;
	        display: block;
	        clear: both;
	        padding: 10px 0px 0px 10px;
	        color:#C3C4C5;
	        text-align: left;
	    }
#sidePanelContainer {
	float: left;
	padding-top: 40px;
	padding-left: 18px;
}
#sidePanelContainer .alertBox {
	background: url(../../siteFiles/images/backgrounds/careers-bg.jpg);
	height: 108px;
	width: 230px;
	/*margin-left: 18px;
	margin-top: 40px;*/
	display: none;
}
#sidePanelContainer .alertBox h1 {
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	display: block;
	color: #444444;
	text-indent: 0px;
	margin-left: 15px;
	height: auto;
	padding-top: 10px;
}
#sidePanelContainer .alertBox h2 {
	font: italic bold 1.1em Georgia, "Times New Roman", Times, serif;
	color: #E0563E;
	display: block;
	margin-left: 15px;
	background: url(../../siteFiles/images/backgrounds/being-homepage-careers-star.jpg) no-repeat left center;
	text-indent: 15px;
	margin-top: 2px;
}
body.home #divOuterContainer #sidePanelContainer #divSidePanel.divSidePanel {
	margin-top: 0px;
	margin-bottom: 18px;
	/*min-height: 540px;*/
}
#sidePanelContainer .alertBox p {
	font: 1em/normal Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	margin-left: 18px;
	margin-top: 2px;
	margin-right: 5px;
}
/* Lib Dems Homepage */
body.home_libdems #divRedDot {
	width: 108px;
	height: 108px;
	position: absolute;
	left: 76%;
	top: 37%;
	z-index: 5500;
}
body.home_libdems #divRedDot2 a {
	width: 108px;
	height: 108px;
	position: absolute;
	left: 76%;
	top: 37%;
	z-index: 5500;
	display: block;
	text-indent: -9999px;
}
body.home_libdems #divHomepageText2 {
	background-color: #FFFFFF;
	width: 732px;
	padding-top: 20px;
	padding-left: 10px;
	float: left;
	z-index: 1;
	min-height: 157px;
	margin-top:145px;

}
#sidePanelContainer2 {
	float: left;
}
#sidePanelContainer2 .alertBox {
	background: url(../../siteFiles/images/backgrounds/careers-bg.jpg);
	height: 108px;
	width: 230px;
	margin-left: 18px;
	margin-top: 40px;
	margin-bottom: 10px;
	display: block;
}
#sidePanelContainer2 .alertBox h1 {
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	display: block;
	color: #444444;
	text-indent: 0px;
	margin-left: 15px;
	height: auto;
	padding-top: 10px;
}
#sidePanelContainer2 .alertBox h2 {
	font: italic bold 1.1em Georgia, "Times New Roman", Times, serif;
	color: #E0563E;
	display: block;
	margin-left: 15px;
	background: url(../../siteFiles/images/backgrounds/being-homepage-careers-star.jpg) no-repeat left center;
	text-indent: 15px;
	margin-top: 2px;
}
body.home #divOuterContainer #sidePanelContainer2 #divSidePanel.divSidePanel {
	margin-top: 0px;
	margin-bottom: 18px;
	/*min-height: 540px;*/
}
#sidePanelContainer2 .alertBox p {
	font: 1em/normal Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	margin-left: 18px;
	margin-top: 2px;
	margin-right: 5px;
}
/* Lib Dems Case study */

body.libdems.casestudy #divContent p.lbl {
	font-size: .9em;
	font-weight: bold;
	font-style: italic;
}
body.libdems.casestudy #divContent h2 {
	margin-top: 30px;
	display: block;
}
body.libdems.casestudy #divContent table {
	background-color: #E0E0E0;
	width: 100%;
	margin-bottom: 30px;
}
body.libdems.casestudy #divContent table td {
	padding-left: 10px;
} 
body.libdems.casestudy #divContent table th {
	background-color: #4e4e4e;
	color: #fff;
	padding-left: 10px;
	min-width: 30%;
	text-align: left; 
} 
body.libdems.casestudy #divContent ol{
list-style-position: inside;
}
body.libdems.casestudy #divContent ol li {
	margin-bottom: 30px;
}
body.libdems.casestudy #divContent ol p, body.libdems.casestudy #divContent ol p em strong {
	display: inline;
}
body.libdems.casestudy #page div img {
	margin: 0px;
}
/* Tsunami Homepage*/
body.home_tsunami #media {
	width: 475px;
	height: 300px;
	float: right;
}
body.home_tsunami #media #yt {
	float: right;
}
body.home_tsunami #media h2 {
	font-size: 36px;
	/*color: #FF0000;*/
	color: #fff;
	display: block;
	clear: both;
	margin-top: 20px;
}
body.home_tsunami #divHomepageText {
	background-color: #FFFFFF;
	width: 732px;
	padding-top: 20px;
	padding-left: 10px;
	float: left;
	z-index: 1;
	min-height: 157px;
	margin-top:116px;
	/*margin-top: 20px;*/
}
body.home_tsunami #media #redDot {
	width: 108px;
	height: 108px;
	position: absolute;
	left: 86%;
	top: 37%;
	z-index: 5500;
}

.photoList {
	width: 498px;
	margin: 0px auto;
}
.photoList a {
	border: none;
	display: block;
	padding: 2px;
	margin: 2px;
	float: left;
	width: 154px;
}
.photoList a img {
	border: none;
}


.clear{
	clear: both;
	display: block;
}

#slider2 .panel {
	width: 258px;
	float: left;
}

#overlayButton {
	height:140px;
	left:260px;
	position:absolute;
	top:235px;
	width:250px;
}.casestudy #divContent #breadcrumbs {
	background: #EEEDEB;
	width: 712px;
	height: 41px;
	padding-left: 30px;
}
.casestudy #divContent #breadcrumbs a {
	font-size: .9em;
	color: #666666;
	text-decoration: underline;
	font-style: italic;
	padding-right: 10px;
	line-height: 45px;
}
.casestudy #divContent #breadcrumbs span {
	font-size: .8em;
	color: #666666;
	text-align: center;
	width: 100px;
	line-height: 45px;
	padding-right: 10px;
}