/* ------------------------------------
---- Main stylesheet for all media ----
---- Original Author: Aliya Hirji, Will Thomas  ----
---- Creation Date:   ----
---- Loft Digital    ----
-------------------------------------*/

#skyline {
    background-color: #f1f1f2;
    min-width: 950px;
}
#welcome {
    height: 45px;
    width: 950px;
    margin: auto;
    text-align: right;
    line-height: 45px;
    font-family: helvetica, arial, sans-serif;
    color: #6D6E70;
}
#welcome #grgIdent{
  float: left;
  margin-top: 12px;
}

#subNav {
	position: absolute;
	right: 0;
}

#subNav a {
	color: #FFFFFF;
	margin-left: 10px;	
}

/* ---------------------
---- Homepage Styles ----
--------------------- */

#homeBoxes .box{
  height: 240px !important;
  padding: 20px;
}

.proposition {
    background: none;
    text-align: center;
    font-size: 35px;
    padding: 20px 0 40px 0;
    color: #185176;
}

div#carousel_container {
  float:left;
  padding:10px;
  background:#fff;
}
div#carousel_container ul#carousel {
  list-style:none;
  margin:0;
  padding:0;
}
#carousel_container ul, #carousel_container li {
	text-decoration: none;
    list-style: none;
	margin: 0;
	padding: 0;
}
#carousel_container {
	height: 355px;
	position: relative;
  margin-bottom: 10px;
}
#carouselMask {
	width: 930px;
	height: 358px;
	overflow: hidden;
	position: relative;	
}
#carousel {
	width: 3720px;
	position: absolute;
	top: 55px;
	left: 0;
}
#carousel li {
	float: left;
	width: 930px;
	height: 300px;
}
#carousel input[type="submit"]{
  cursor: pointer;
}

/* Background colours for the carousel */

#carousel li.blue .panelLink{
  background-color: #185079;
}

#carousel li.green .panelLink{

}

#carousel li.pink .panelLink{
  background-color: #ec579e;
}

#carousel li.stores .panelLink{
	background-image: url('/images/carousel-background-stores.png');
	background-repeat: no-repeat;	
}

#carousel li.certificate {
  background-color: #86b529;
	background-image: url('/images/carousel-background-certificate.png');
	background-repeat: no-repeat;	
}

#carousel li.calculator .panelLink{
	background-image: url('/images/carousel-background-calculator.png');
	background-repeat: no-repeat;	
}

#carousel li.cog .panelLink{
	background-image: url('/images/carousel-background-cog.png');
	background-repeat: no-repeat;	
}

#carousel li.stores .panelLink{
  background-image: url('/images/carousel-background-stores.jpg');

}

#carousel li.certificate {
  background-color: #86b529;
  background-image: url('/images/carousel-background-certificate.jpg');

}

#carousel li.calculator .panelLink{
  background-image: url('/images/carousel-background-calculator.jpg');

}

#carousel li.cog .panelLink{
  background-image: url('/images/carousel-background-cog.jpg');
}

#carouselControlWrap {
	height: 78px;
	position: absolute;
	top: -22px;
	left: 10px;
	width: 930px;
	background: url('../images/back-carousel-tab-repeat.gif') repeat-x left 32px;
}
#carouselControl {
	width: 932px;
	height: 78px;
	position: relative;
}
#carouselControl ul {
	height: 46px;
}
#carouselControl ul li {
	float: left;
}
#carouselControl ul li a {
	position: relative;
	float: left;
	width: 231px;
	margin-top: 32px;
	line-height: 46px;
	text-align: center;	
	text-align:center;
    color:#fff;
	font-size:1.6em;
    font-family:Rockwell,Arial,Helvetica,sans-serif;
    font-weight:normal;    
	border-right: 2px solid #fff;
	z-index: 2;
}
#carouselControl ul li a:focus {
	outline: none;
}
#carouselControl ul li a.active {
	color: #195079;
}

#carouselControl ul li a:hover {
  text-decoration: none;
}
#slideMarker {
	height: 78px;
	width: 231px;
	background: url('../images/carouselPointer.png') no-repeat;
	position: absolute;
	top: 22px;
	left: 0px;
  z-index:1;
}
div.banner {
  position:relative;
}

div.banner .panelLink {
	display: block;
	width: 930px;
	height: 300px;
	position:relative;
	top:0;
}

div.banner div.overlay {
  position:absolute;
  top:0px;
  left:0px;
  color:#fff;
  width: 100%;
  padding: 60px 0px;
  text-align: center;
  z-index: 10;

}
div.banner div.overlay p {
  margin-bottom:14px;
  font-size:1.7em;
}
div.banner.number div.overlay {
  bottom:18px;
  left:20px;
}
div.banner.number div.overlay p {
  font-size:1.5em;
}

div.banner div.overlay a {
  color: #fff;
  text-decoration: underline;
}

div.banner div.overlay a.button {
  text-decoration: none;
}

div.banner div.overlay h2 {
  font-size: 30px;
  font-weight:normal;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
  color: #FFFFFF;
  text-align: center;
  margin: 20px 0;
}

div.banner div.overlay h3 {
  font-size: 20px;
  font-weight:normal;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
  color: #FFFFFF;
  text-align: center;
}

div.banner div.overlay .buttonWrap {
  height: 40px;
  padding: 20px 0 5px 0;
  margin: 0 auto;
}

div.banner div.overlay a {
	position: relative;
	z-index: 20;
}

div.banner div.overlay .carouselButton {
  font-size: 20px;
  font-weight:normal;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  background-color: #ec579e;
  padding: 10px 67px;
  margin: 30px 0;
  max-width: 200px;
}

div.banner div.overlay .carouselButton:hover {
	text-decoration: underline;
}

div.banner div.overlay .carouselButton.learn {
	padding: 10px 78px;
	margin-right:4px;
}

div.banner div.overlay .carouselButton.invite {
	padding: 10px 39px;
	margin-left: 4px;
}

div.banner div.overlay form {
  padding: 10px 0;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
}

div.banner div.overlay form input[type=text] {
  width: 230px;
  height: 36px;
  border: 1px solid #185079;
  padding: 0 10px;
  font-size: 22px;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
  position: relative;
  z-index:20;
  vertical-align: bottom;
}

div.banner div.overlay form input[type=submit] {
  width: 100px;
  height: 38px;
  border: 1px solid #185079;
  background-color: #ec579e;
  margin-left: -4px;
  padding: 4px 0;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: normal;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
  padding: 0 10px;
  position: relative;
  z-index: 20;
  vertical-align: bottom;
}

li.pink div.banner div.overlay form input[type=submit] {
  background-color: #185079;

}

div.banner div.overlay strong.number {
  display:block;
  margin-bottom:5px;
  font-size: 12.5em;
  letter-spacing: -6px;
  line-height: 1em;
}
/*
div.banner#calories div.overlay strong.number {
  line-height: 1.1em;
  letter-spacing: -11px;
}
div.banner#co2 div.overlay strong.number {
  line-height: 0.7em;
  letter-spacing: -10px;
}
*/
div.banner div.overlay strong.number span {
  font-size: 0.5em;
  line-height:1em;
}
div.banner div.overlay strong.sub-text {
  padding-right:30px;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
  font-size:1.9em;
  background:url('../images/back-carousal-subtext.png') no-repeat right center;
}

.col .box {
  background: #f5f5f5;
  background: rgba(255,255,255, 0.5);
  -pie-background: rgba(255,255,255, 0.5);
  behavior: url(/style/PIE.htc);
  padding: 10px;
  margin: 0 0 10px 0;
  min-height: 70px;
}



div#content div.community-box-holder {
  margin:0 0 10px 0;
  background: #f5f5f5;
  background: rgba(255,255,255, 0.5);
  -pie-background: rgba(255,255,255, 0.5);
  behavior: url(/style/PIE.htc);
}

div#content div.community-box-holder:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#content div.community-box {
  width:230px;
  position:relative;
}
div#content div.community-box.left {
  margin-right:10px;
}
div#content div.community-box .img-holder {
  position:relative;
  display:block;
  height:130px;
}
div#content div.community-box .img-holder span.h2 {
  position:absolute;
  left:0;
  top:0;
  padding:2px 120px 2px 10px;
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em;
  font-weight:normal;
  color:#fff;
  background:url('../images/back-title-img-overlay.png') no-repeat right top;
}
div#content div.community-box a.img-holder:hover span {
  text-decoration:underline;
}
div#content div.community-box a.img-holder:hover {
  text-decoration:none;
}
div#content div.community-box div.content-holder {
  padding:8px 10px 10px 10px;
  min-height:111px;
}
div#content div.links {
  position:absolute;
  bottom:10px;
  width:210px;
}
div#content div.links:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#content div.community-box div.content-holder p {
  margin-bottom:5px;
}
div#content div.community-box div.content-holder h3 {
  margin-bottom:6px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1.38em;
  font-weight:bold;
  line-height:1em;
}
div#content div.links a.comments {
  padding-left:22px;
  min-height:18px;
  background:url('../images/back-comments-icon.gif') no-repeat left center;
}
div#content .involved-holder h4,
div#side h4 {
  padding:3px 10px 2px 10px;
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em;
  font-weight:normal;
  color:#fff;
  background:#ED589E;
}
div#content .involved-holder h4 a,
div#side h4 a {
  padding-left:12px;
  color:#fff;
  background: url("../images/back-link-arrow.png") no-repeat scroll left center;    
}
div#content .involved-holder {
  margin-bottom:10px;
}
div#content a.involved-holder:hover {
  text-decoration:none;
}
div#content div.fb-holder iframe {
  /*padding:10px;
  border:1px solid #aaa;*/
  background:#fff;
}
div#content div.fb-holder .fbConnectWidgetTopmost {
  border:1px solid #aaa;
  border-top:none !important;
}
div#content #tweets,
div#content #tweet {
  display:block;
  min-height:67px;
  padding:12px 15px 10px 98px;
  color:#0D3050;
  font-weight:bold;
  font-size:1.3em;
  background:url('../images/back-twitter-holder.png') no-repeat left top;
}
div#content #tweets a,
div#content #tweet a {
  color:#ED589E;
}
div#content #tweets ul,
div#content #tweet ul,
div#content ul.noList {
  margin:0;
  list-style:none;
}
div#content #tweet ul li,
div#content ul.noList li,
div#content ul.threeColumn li,
div#content ul.sliderValues li {
  background:none !important;
}
div#content ul.noList li {
  padding:0;
  margin:0;
  background:none !important;
}
div#content #tweet span.date {
  display:none;
}

div#content div.mailing-list-holder {
  padding:7px 15px 10px 98px;
  color:#0D3050;
  background:url('../images/back-mailinglist-holder.png') no-repeat left top;
}
div#content div.mailing-list-holder input.text {
  margin-right:5px;
  width:264px;
  height:23px;
  border:1px solid #ccc;
}
div#content div.non-style-holder,
div#side div.non-style-holder {
  padding:10px;
  color:#0D3050;
  background:url('../images/back-trans-pink-repeat.png') repeat left top;
}
div#content div.non-style-holder:after,
div#side div.non-style-holder:after,
div.non-style-holder div.mag-thumb:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#content div.non-style-holder h5,
div#side div.non-style-holder h5 {
  font-weight:bold;
  font-size:1.5em;
  margin:0 0 0.4em 0;
}
div.non-style-holder img.mag {
  margin-right:10px;
}
div.non-style-holder div.mag-thumb {
  margin:10px 0 0 0;
}
div.non-style-holder div.mag-thumb img {
  margin-right:10px;
}

div.non-style-holder a.button {
  position:relative !important;
  left:0 !important;
  bottom:0 !important;
}
/* ---------------------
---- Content Styles ----
--------------------- */
body #content a.buttonNew{
  background: #EC579E;
  padding: 10px 20px;
  border: 1px solid #185079;
  font-size: 1.667em;
  color: #fff;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
  display: block;
  float: left;
}
div#content div#banner-container {
  padding:11px;
  background:#fff;
}
div#content .transback, .section.transback {
  padding:10px;
  width:690px;
  background: #f5f5f5;
  background: rgba(255,255,255, 0.5);
  -pie-background: rgba(255,255,255, 0.5);
  behavior: url(/style/PIE.htc);
}
.section.transback {
	margin-bottom: 10px;
}
div#content .inside {
  padding:10px;
  background:#fff;
  margin-bottom: 10px;
}	
div#content .section .inside {
	margin-bottom: 0px;
	overflow: hidden;
	position: relative;
}
#advancedTrigger {
	position: absolute;
	top: 18px;
	right: 10px;
}
div#content .inside.last {
  margin:0;
}
div#content .inside h2 a {
  color:#185176;
}

h1,
body.home div#content h2 {
  padding:5px 10px;
  margin:0 0 10px 0;
  color:#fff;
  font-size:1.75em;
  font-weight:normal;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
  background:#0d3151 url('../images/back-content-h2-repeat.gif') repeat-x left top;
}
body.home div#content h2.cleanHeading{
  background: none;
  font-size: 2.500em;
  line-height: 40px;
  padding: 0;
  margin: 0 0 10px;
}
body.home div#content h2.cleanHeading a{
  color: #185176;
}
body.home div#content h2.cleanHeading .large{
  font-size: 1.333333em;
  line-height: 1em;
}
h1 {
  margin:0;
}
h2.back {
  display:block;
  padding:3px 10px;
  color:#fff;
  font-size:1.1em;
  font-weight:normal;
  margin:0;
  background:#0d3151 url('../images/back-content-h2-repeat.gif') repeat-x left top;
}
h2.back.margin {
  margin-bottom:10px;
}
div#content h2.back a {
  color:#fff;
  padding-left:10px;
  background:url("../images/back-link-arrow.png") no-repeat scroll left center;
}
div#content h2 a {
  color:#fff;
}
/*
div#content h3 {
  font-size:2.2em;
  font-weight:normal;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
}

div.inside h3 a {
  font-size:0.55em;
}
*/
h2.sub {
  margin-bottom:0;
}
div.subtitle {
  margin-bottom:10px;
  font-size:1.35em;
  font-weight:bold;
  color:#fff;
  padding:10px;
  background:#ED589E;
}
div.subtitle p {
	margin: 0;
	line-height: 1.2em;
}
div.subtitle.green {
  background:#87B529;
}
div.subtitle a {
  color:#fff;
  text-decoration:underline;
}

div#content div.article-holder {
  padding:10px;
  margin:0 0 10px 0;
  position:relative;
  background:#fff;
}
div#content div.article-holder p.article-info {
	margin-bottom: 5px;
}
div#content div.article-holder div.intro {
  font-size: 1.4em; 
  color: #0D3050;
}
div#content div.article-holder div.intro p {
	line-height: 1.1em ;
}
div#content div.links a {
  margin-right:20px;
}
div#content div.links a.floatright {
  margin-right:0;
}
div#content div.article-holder div.links,
div#content div.news-item div.links {
  width:100%;
}

div#content div.news-item div.indent p,
div#content div.article-holder div.indent p {
  margin-bottom:0.4em;
}

div#content div.links.relative {
  position:relative;
}

div#content p.links {
  margin-bottom:0.4em;
}

div#content div.news-holder:after,
div#content div.article-holder:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#content div.article-holder img.floatright {
  margin-left:10px;
}
div#content div.article-holder div.indent {
  margin-left:316px;
}

div#content div.news-item {
  clear:both;
  padding:10px;
  margin:0 0 1px 0;  
  position:relative;
  background:#fff;
}
div#content div.news-item:after,
div#content div.article-holder:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#content img.floatleft {
  margin:0 10px 0 0;
}
div#content img.floatleft.last {
  margin:0;
}
div#content div.news-item h3 {
  font-size:1.35em;
  line-height:1em;
  margin-bottom:8px;
}
div#content div.news-item#latest h3 {
  font-size:1.6em;
  line-height:0.9em;
}
div#content div.news-item img {
  margin-bottom:5px;
}
div#content div.news-item#latest img.floatleft {
  margin-right:15px;
}
div#content div.news-item div.indent {
  margin-left:139px;
  padding:0 !important;
}
div#content div.news-item .date {
  color:#757575;
}
div#content div.hr {
  height:1px;
  margin:15px 0;
  background:#e4e9ee;
}
div#content div.hr hr {
	display: none ;
}
div#content div.break {
  height:1px;
  margin:0 0 9px 0;
}

div#content div.flowchart {
  margin:0 0 10px 0;
  background: #f5f5f5;
  background: rgba(255,255,255, 0.5);
  -pie-background: rgba(255,255,255, 0.5);
  behavior: url(/style/PIE.htc);
}
div#content div.flowchart:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#content div.flowchart div.step {
  position:relative;
  min-height:231px;
  width:208px;
  padding:10px 24px 20px 10px;
  float:left;
  background:url('../images/back-flowchart-process-1.png') no-repeat left top;
}
div#content div.flowchart div.step.next {
  margin-left:-14px;
  padding:10px 10px 20px 24px;
  background:url('../images/back-flowchart-process-2.png') repeat left top;
}
div#content div.flowchart.threecol div.step.next {
  margin-left:-16px;
}
div#content div.flowchart div.step a.button {
  position:absolute;
  bottom:15px;
  left:10px;
}
div#content div.flowchart div.step.next a.button {
  left:20px;
}
div#content div.flowchart div.step h3 {
  width:167px;
  font-weight:normal;
  font-size:1.75em;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
  margin-bottom:0.7em;
}

div#content ul.arrow {
  margin-left:0;
}
div#content ul.arrow li {
  margin:0 0 10px 0;
  padding:0 0 0 15px;
  list-style:none;
  background:url('../images/back-link-arrow-blue.png') no-repeat left center;
}

div#content ul.indent {
  margin-left:5px;
}
div#content p.indent {
  margin-left:10px;
}
 
div#content .three-col:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#content .three-col .floatleft {
  width:206px;
  padding:10px;
  min-height:300px;
  background:url('../images/back-dashed-border.gif') repeat-y right center;
} 
div#content .three-col .floatleft.last {
  padding-right:0;
  background:none;
} 
div#content .three-col h2 {
  margin-top:0;
} 
div#content .three-col p strong {
  color:#0D3050;
} 
div#content .three-col h2 span {
  display:inline-block;
  width:25px;
  height:24px;
  margin-right:6px;
  padding:0;
  text-indent:-999px;
  background:url('../images/numbers-sprite.gif') no-repeat left top;
}
div#content .three-col h2 span.no2 {
  background-position:left -24px;
}
div#content .three-col h2 span.no3 {
  background-position:left -48px;
}

div#content form.style-large h2 {
  margin-bottom:0;
}
div#content form.style-large h2 span {
  display:inline-block;
  width:45px;
  height:30px;
  margin-right:16px;
  padding:15px 0 0 0;
  text-indent:-999px;
  background:url('../images/numbers-sprite-large.gif') no-repeat left top;
}
div#content form.style-large h2 span.no2 {
  background-position:left -45px;
}

div.back-arrow {
  min-height:70px;
  width:417px;
  padding:10px 30px 10px 10px;
  margin-right:16px;
  background:url('../images/back-arrow.gif') no-repeat right center;
}
div.back-arrow h2 {
  margin-bottom:0;
}
.price {
  padding:29px 10px 10px 10px;
  color:#ED589E;
}
.price p {
  line-height:1em;
}
.price strong {
  font-size:2.4em;
  line-height:1.15em;
  color:#0D3050;
}

div#content div.fb-comments {
  background:#fff;
  margin-bottom:10px;
}

div#content .google-bike_shop-result {
  margin-bottom:30px;
  font-size:1.1em;
  color:#0D3050;
}
div#content .google-bike_shop-result h3 a {
  min-height:33px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
}
div#content .google-bike_shop-result h3 {
  margin-left:10px;
  padding-top:3px;
  width:300px;
}
div#content .google-bike_shop-result h3,
div#content .google-bike_shop-result p {
  margin-bottom:0;
}
div#content .google-bike_shop-result .address {
  margin:10px 0 0 35px;
}
div#content .google-bike_shop-result a.button, .bike_Detail a.button {
  display:inline-block;
  tex-align:center;
  padding:5px 7px;
  margin:5px 0 0 0;
  min-height:1%;
  background:#ED589E;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;
}
.bike_Detail a.button {
	font-size: 1em;
}
.bike_Detail a.button.greenback, div#content .google-bike_shop-result a.button.greenback {
	background: #93bf48;
}
.bike_Detail a.button.greenback.disabled, .bike_Detail a.button.greenback.disabled:hover, div#content .google-bike_shop-result a.button.greenback.disabled, div#content .google-bike_shop-result a.button.greenback.disabled:hover {
	background-color: #c9dfa3;
	text-decoration: none;
	cursor: default;
}	
div#content .brand-logo img {
  margin:0 10px 10px 0;
}
div#content .brand-logo a:hover img {
  text-decoration:none;
}

div#content .community-article h4 {
  font-weight:normal;
  font-size:1.4em;
  color:#0D3050;
}
div#content .community-article .imgholder {
  width:190px;
  margin:0 10px 10px 0;
}
div#content .community-article .contentholder {
  margin-left:200px;
}
div#content .community-article .imgholder img {
  padding-right:10px;
  border-right:1px solid #BBC1C7; 
}
div.rating {
  width:95px; 
  background-image: url('/images/grey-star.png');
}
div.rating .rating-figure {
  height:15px; 
  background-image: url('/images/pink-star.png'); 
  text-indent:-9999px;
}
div#content .community-article .contentholder p.blue {
  margin-right:5px;
  color:#0D3050;
}

/* ---------------------
---- Form Styles ----
--------------------- */
.mailing-list-holder form label.error {
  display:block;
  margin-top:2px;
}
form.style-large div.row, 
form.style-xLarge div.row {
  margin-bottom:18px;
}
form.style-large.questionair div.row {
  padding-left:23px;
}
form.style-large.questionair div.row.radio {
  padding-left:56px;
}
form.style-large div.row label, form.style-xLarge div.row label {
  float:left;
  margin-right:10px;
  width:212px;
  padding:5px 0;
  text-align:right;
  font-size:1.45em;
  color:#6D6E70;
}
form.style-xLarge div.row label {
	width: 240px;
}
form.style-large div.row.radio label {
  float:none;
  margin-right:10px;
  width:100%;
  text-align:left;
  color:#6D6E70;
}
form.style-large div.row input.text, form.style-xLarge div.row input.text  {
  width:345px;
  height:24px;
  padding-left:5px;
  color:#0D3050;
  font-size:1.1em;
  border:1px solid #BABCBE;
}
form.style-large div.row input.text:focus, form.style-xLarge div.row input.text:focus {
	border-color: #666;
}
form.style-xLarge div.row select {
  width:345px;
  height:24px;
  padding-left:5px;
  color:#0D3050;
  font-size:1.1em;
  border:1px solid #BABCBE;	
}
form.style-large div.row input.small {
  width:90px;
}
form.style-large div.row textarea {
  width:340px;
  padding: 5px;
  font-size:1.1em;
  color:#0D3050;
  border:1px solid #BABCBE;
}
form.style-large .button-indent {
  margin-left:222px;
}
form.style-large div.row.button {
  padding-top:18px;
  padding-left:0;
}
form div.row.postcode {
  padding:10px;
  background:#F086B5;
  background: rgba(240,134,181, 0.5);
  -pie-background: rgba(240,134,181, 0.5);
  behavior: url(/style/PIE.htc);
}
form div.row.postcode label {
  margin-right:10px;
  font-weight:bold;
  font-size:1.4em;
  color:#0D3050;
}
form div.row.postcode input.zipcode {
  width:410px;
  height:25px;
  padding:0 10px;
  font-weight:bold;
  font-size:1.3em;
  color:#919396;
  border:1px solid #BABCBE;
}
.inside form div.row.postcode input.zipcode {
  width:393px;
}
form div.row.postcode input.button {
  padding-top: 4px;
}

form.style-xLarge div.row.double {
	position: relative;
}
form.style-xLarge div.row.double input.text, form.style-xLarge div.row.double select{
	width: 170px;
	display: inline;
}	
form .row.double .selectBox-dropdown {
	width: 130px; 
	display: inline;
}
div.pdf-button {
  margin:40px 0;
}
div.pdf-button a.button2 {
  margin-right:6px;
}

/* ---------------------
---- 404 page Styles ----
--------------------- */

body.error div#content p strong {
	font-size:1.167em;
	color:#0D3050;
}
body.error div#content .inside {
	min-height:286px;
}

/* ---------------------
---- Signpost Styles ----
--------------------- */

div#side div.signpost {
  margin:0 0 10px 0;  
  position:relative;
}
div#side div.signpost#side-content {
  padding:10px;
  background:#fff;
}
div#side div.signpost#side-content img.profile {
  padding-bottom:10px;
}
div#side div.signpost.cta {
  padding:10px;
  color:#fff;
  background:#0D3050;
}
div#side div.signpost h2 {
  color:#fff;
  font-family:Rockwell,Arial,Helvetica,sans-serif;
  font-size:2.4em;
  font-weight:bold;
  margin:0 0 0.6em 0;
  line-height: 0.9em;
}
div#side div.signpost#quotes h2 {
  font-size:1.55em;
}
div#side div.signpost h3 {
  margin-top:0;
  font-size:1.75em;
  font-weight:bold;
  color:#fff;  
}
div#side div.signpost span.button-wrapper {
  height:28px;
  display:block;
  margin-top:20px;
}
.clearafter span.button-wrapper {
	float: right;
}
div#side div.signpost a.button {
  position:absolute;
  left:8px;
  bottom:12px;
}
div#side div.signpost.cta p {
  font-size:1.1em;
  margin-bottom:0.65em;
}
div#side div.signpost.cta p a {
  color:#fff;
  text-decoration:underline;
}
div#side div.signpost#contact p a {
  color:#ED589E;
}
div#side div.signpost#heart {
  background:transparent url('../images/back-signpost-health.gif') no-repeat left bottom;
}
body.home div#side div.signpost#heart,
body.home div#side div.signpost#employer, .help {
  min-height:167px;
}
#employer_set {
	min-height:167px;
}
div#side div.signpost#enquire {
  min-height:174px;
  padding-bottom:120px;
  background:transparent url('../images/back-signpost-enquiry.gif') no-repeat left bottom;
}
div#side div#quotes-back {
  padding-top:26px;
  background:transparent url('../images/back-signpost-quotes-top.gif') no-repeat left top;
}
div#side div#quotes-back div.signpost#quotes {
  min-height:174px;
  padding-bottom:44px;
  background:transparent url('../images/back-signpost-quotes-bottom.gif') no-repeat left bottom;  
}
div#side div.signpost#video {
  padding:0;
}
div#side div.signpost#video a {
  display:block;
}
div#side div.signpost#price .floatleft {
  width:100px;
}
div#side div.signpost#price strong {
  font-size:2.8em;
}
div#side div.signpost#price p {
  margin:0;
}
div#side div.signpost.twitter-holder {
  color:#0D3050;
  font-weight:bold;
  font-size:1.3em;
  background:url('../images/back-twitter-side.png') no-repeat left top;
}
div#side div.signpost.twitter-holder span {
  color:#fff;
  font-weight:normal;
  font-size:0.7em;
}

div#side div.signpost.twitter-holder ul {
  padding:0;
  margin:0;
}
div#side div.signpost.twitter-holder ul li {
  display:block;
  padding:10px;
  margin:0 0 1px 0;
  font-weight:normal;
  font-size:0.8em;
  background:#ED589E;
}
div#side div.signpost.twitter-holder ul li.latest-tweet {
  padding:8px 15px 8px 75px;
  background:transparent;
  font-weight:bold;
  font-size:1em;
}
div#side div.signpost.twitter-holder ul li span {
  font-size:0.9em;
}
div#side div.signpost.twitter-holder ul li.latest-tweet span {
  font-size:0.8em;
  font-weight:normal;
}

div#side div#shop_shortlist_sidebar a {
  text-decoration:none;
  color:#fff;
}
div#side div#shop_shortlist_sidebar a:hover {
  text-decoration:underline;
}
div#side div#shop_shortlist_sidebar a.crossicon {
  display:block;
  width:15px;
}
div#side div#shop_shortlist_sidebar p.shopname {
  margin-left:15px;
}

/* Calculator specific */
.savingstable{
border:0;
font-weight:100;
text-align:left;
}
.savingstable th, .savingstable td {
padding:4px 10px;
background:#f3f3f3;
color: #404041;
line-height: 1.6em;
font-weight: normal;
}
.savingstable td{
text-align:right;
}
.savingstable .boldrow th, .savingstable .boldrow td {
padding: 10px 10px;
background: #0D3050;
color:#FFFFFF;
font-size:130%;
font-weight:600;
}
.redtype{
font-weight:900;
color:#990000;
}

div#content .threeColumn {
	width: 670px;
	list-style: none;
	margin: 0;
	padding: 0;
}
div#content .threeColumn li {
	width: 190px;
	padding: 0 20px 0 0;
	border-right: 1px dashed #ddd;
	margin: 0 20px 0 0;
	float: left;

}
div#content .threeColumn li.last {
	margin-right:0;
	padding-right:0;
	border-right:none;

}
div#content .threeColumn li h4 {
	margin: 8px 0;
}
div#content .stepHeader {
	height: 28px;
	margin-bottom: 10px;
}
div#content .stepHeader h2{
	line-height: 28px;
}
div#content .steps li {
	margin-bottom: 30px;
}
div#content .steps li ul li {
	margin-bottom: 0px;
}
div#content .stepHeader .stepIndicator {
	float: left;
	margin-right: 10px;
}
div#content .steps p, .steps ul li {
	margin-left: 39px ;
}
div#content .stepIndicator {
	display: block;
	line-height: 28px;
	width: 28px;
	text-align: center;
	background-color: #ED589E;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	font-size:  1.5em;
	font-weight: bold;
	font-family:Rockwell,Arial,Helvetica,sans-serif;
	color: #fff;
	behavior: url(/style/PIE.htc);	
}
div#content .threeColumn li img {
  margin-bottom:10px;
}

/* Dropdown control */
.selectBox-dropdown {
	margin-top: -2px;

	width: 310px; /* width = (desired width) - padding-right */
	padding-right: 40px;
	position: relative;
	border: solid 1px #BBB;
	line-height: 21px;
	text-decoration: none;
	color: #0D3050;
	outline: none;
	vertical-align: middle;
	background: #fff;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	display: inline-block;
	cursor: default;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #666;
}

.selectBox-dropdown .selectBox-label {
	width: 100%;
	padding: 3px 1px 2px 5px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 100%;
	background: url(../images/selectBox-arrow.gif) 50% center no-repeat;
	border-left: solid 1px #BBB;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
}


/* Inline control */
.selectBox-inline {
	width: 250px;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}
.selectBox:hover, .selectBox-dropdown-menu a:hover{
	text-decoration: none;
}
.selectBox-options LI A {
	line-height: 1.5;
	padding: 0 .5em;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
	text-align: left;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}

#addToShortlist {
	position: absolute;
	left: 101px;
	top: 101px;
	width:488px;
	background-color: #fff;
	border: 1px solid #354f6a;
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
}
#addToShortlistWrap{
	position: relative;
	padding: 20px;
	border: 1px solid #afbecd;
}
#addToShortlistWrap .close {
	position: absolute;
	top: 4px;
	right: 4px;
	font-weight: bold;
}
div#content #addToShortlistWrap ul.arrow {
	margin: 15px 0 0 0;
}
#captcha_image_div{
	display:inline; 
}
p.error{
	font-size: 18px;
	color: red;
	border: 2px solid red;
	border-radius: 10px;
	text-align: center;
	padding: 5px;
}


.socialEl{
  margin-right: 10px;
  float: left;
}
.socialEl.end{
  margin: 0;
}
.employeeCustomisation{
  background: #fff;
  text-align: center; 
  font-family: Rockwell, arial, sans-serif; 
  padding: 10px;
}
.employeeCustomisation p{
  color: #fff;
  margin: 0;
  padding: 10px;
  background: #89B500;
  font-size: 1.167em;
}
.employeeCustomisation p.warning{
  background: #ff8c00;
}

/* - MPU holder -*/
div#mpuHolder {
  margin-bottom:10px;
  text-align: center;
}
#adSpacer {
	 margin-bottom:10px;
}