/*
	Boiler Breakdowns Default CSS
	(c) 2010 Boiler Breakdowns.
*/

body {
	background:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px auto; font-size:12px;
	text-align:center;
}

h1 { color:#4f4f4f; font-size:16px; margin: 5px 0px 5px 0px; font-weight:normal;}
h2 { color:#4f4f4f; font-size:15px; margin: 5px 0px 5px 0px; }
h3 { color:#4f4f4f; font-size:14px; margin: 5px 0px 5px 0px; }
h4 { color:#4f4f4f; font-size:14px; margin: 5px 0px 5px 0px; }
h5 { color:#4f4f4f; font-size:12px; margin: 5px 0px 5px 0px; }
p { font-size:12px; color:#4f4f4f;}
ul,ol { font-size:12px; color:#4f4f4f; }
hr { color: #b1afaf; background-color: #b1afaf; height: 1px; border:0px; }
.blue { color:#1d6b87; }
a {
	text-decoration:none;
	color:#4f4f4f;
}
/*BESPOKE*/

#TGSplash { margin-top:-10px; }

.ctabox { margin-top:-10px; background:url(images/contactbg.png) no-repeat; height:269px; width:292px; padding-left:10px; padding-right:10px; padding-top:10px;}
.ctabox h1 { font-size:16px; }
.ctabox p { font-size:10px; }
#MicroForm td { padding: 5px 0px 5px 0px; }
#IntroBox,#IntroOptions { margin-bottom:20px; }

#SectionList {
	margin-top:20px;
}
#SectionList ul { margin:0; padding:0; }
#SectionList li { display: inline; margin: 0 2px 0 0; padding: 0; }
#SectionList a { float:left; display:block; background: #e0e1e1 url(images/roundleft.gif) no-repeat left top; margin: 0 2px 0 0;padding: 0 0 1px 3px;text-decoration: none;letter-spacing: 1px; }
#SectionList a span {
	background: transparent url(images/roundright.gif) no-repeat right top; padding: 7px 9px 3px 6px; cursor: pointer;
	float: left; display: block;
}

#SectionList a span { float: none;}
#SectionList a:hover { color:#ffffff; background-color:#1d7bc9; }
#SectionList a:hover span { background-color:transparent; }
#SectionList li.selected a{ background-color: #cccccc; color:#000000; }


#TabContent {
	clear:both;
	padding:5px;
	border:1px solid silver;
	margin-top:-3px;
}

#LTWBoxes { margin-top:20px; }
#LTWBoxes .twitter { width:300px; }

#Brands {
	width:290px;
}

#Brands .alpha a{ width:88px; height:42px; display:block; background:url(images/brands/alpha.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .ariston a{ width:88px; height:42px; display:block; background:url(images/brands/ariston.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .baxi a{ width:88px; height:42px; display:block; background:url(images/brands/baxi.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .biasi a{ width:88px; height:42px; display:block; background:url(images/brands/biasi.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .chaffoteaux a{ width:88px; height:42px; display:block; background:url(images/brands/chaffoteaux.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .elmleblanc a{ width:88px; height:42px; display:block; background:url(images/brands/elm-le-blanc.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .ferroli a{ width:88px; height:42px; display:block; background:url(images/brands/ferroli.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .glowworm a{ width:88px; height:42px; display:block; background:url(images/brands/glow-worm.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .halstead a{ width:88px; height:42px; display:block; background:url(images/brands/halstead.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .ideal a{ width:88px; height:42px; display:block; background:url(images/brands/ideal.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .keston a{ width:88px; height:42px; display:block; background:url(images/brands/keston.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .myson a{ width:88px; height:42px; display:block; background:url(images/brands/myson.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .potterton a{ width:88px; height:42px; display:block; background:url(images/brands/potterton.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .ravenheat a{ width:88px; height:42px; display:block; background:url(images/brands/ravenheat.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .saunierduval a{ width:88px; height:42px; display:block; background:url(images/brands/saunier-duval.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .vaillant a{ width:88px; height:42px; display:block; background:url(images/brands/vaillant.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .viessmann a{ width:88px; height:42px; display:block; background:url(images/brands/viessman.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .vokera a{ width:88px; height:42px; display:block; background:url(images/brands/vokera.png); background-position:86px 0px; float:left; margin-left:8px;}
#Brands .worcester a{ width:88px; height:42px; display:block; background:url(images/brands/worcester.png); background-position:86px 0px; float:left; margin-left:8px;}

#Brands .alpha a:hover,#Brands .ariston a:hover,#Brands .baxi a:hover,#Brands .biasi a:hover,#Brands .chaffoteaux a:hover,#Brands .elmleblanc a:hover,#Brands .ferroli a:hover,
#Brands .glowworm a:hover,#Brands .halstead a:hover,#Brands .ideal a:hover,#Brands .keston a:hover,#Brands .myson a:hover,#Brands .potterton a:hover,#Brands .ravenheat a:hover,
#Brands .saunierduval a:hover,#Brands .vaillant a:hover,#Brands .viessmann a:hover,#Brands .vokera a:hover,#Brands .worcester a:hover{
	background-position:0px 0px;
}


#Accreditations .Corgi a { width:100px; height:100px; display:block; background:url(images/accreditations/corgi.png); background-position:100px 0px; float:left;}
#Accreditations .Corgi a:hover { background-position:0px 0px; }

#Accreditations .GasSafe a { width:100px; height:100px; display:block; background:url(images/accreditations/gas-safe.png); background-position:100px 0px; float:left; }
#Accreditations .GasSafe a:hover { background-position:0px 0px; }

#Accreditations .EnergyEfficiency a { width:100px; height:100px; display:block; background:url(images/accreditations/energy-efficiency.png); background-position:100px 0px; float:left;}
#Accreditations .EnergyEfficiency a:hover { background-position:0px 0px; }

/* NO Colour Roll */

#Accreditations .Corgi_ST a { width:100px; height:100px; display:block; background:url(images/accreditations/corgi.png); background-position:0px 0px; float:left;}
#Accreditations .GasSafe_ST a { width:100px; height:100px; display:block; background:url(images/accreditations/gas-safe.png); background-position:0px 0px; float:left; }
#Accreditations .EnergyEfficiency_ST a { width:100px; height:100px; display:block; background:url(images/accreditations/energy-efficiency.png); background-position:0px 0px; float:left;}

#Boiler_Brands { position: relative; width: 900px; height: 126px; overflow: hidden;}
#London_Boilers { white-space: nowrap; line-height: 126px; font-size: 126px;}
#London_Boilers p { padding: 0; }


/*ENDS*/

/* LAYOUT SECTION */

#maincontainer {
	width:914px;
	padding: 5px 33px 0px 33px;
	text-align:left;
	margin: 0px auto;
	background:url(images/containerbg.png) repeat-y;
}

.headerbar {
	margin:0px auto;
	width:970px;
	height:10px; font-size:10px;
	color:#9C9B9B; padding-top:5px; padding-bottom:5px; text-align:right;
}

.headerbar a { color:#9C9B9B; }
#headercont { background:url(images/header-default.png) no-repeat; height:109px; z-index:10; margin:0px auto; width:980px;}
#headercontalt { background:url(images/header-nt.png) no-repeat; height:109px; z-index:10; margin:0px auto; width:980px;}
#headercontalt .welcome { font-size:22px; position:relative; top:40px; left:91px; }

/* KeyPhrase */
#headercont .boilers {
	float:left;
	position:relative;
	top:73px;
	left:91px;
}

.headerleft {  height:126px; float:left; width:400px;}
.headerright {
	float:right;
	margin-top:10px;
}
.centralcontainer { padding: 2px 0px 10px 0px; }
.centralcontainer a { color:#4f4f4f; text-decoration:none; }
.centralcontainer a:hover { text-decoration:underline; }

#splashbox { margin: 10px 0px 10px 0px;}
#splashbox .left { width:672px; height:262px; float:left; }
#splashbox .right { width:252px; height:262px; float:right; background:url(images/splash-contentbg.jpg) right no-repeat;}
#splashbox .right .buttons { margin-left:15px; margin-right:20px; text-align:right; }
#splashbox .right .buttons a { font-size:16px; color:white; text-decoration:none; font-weight:bold; text-transform:uppercase; background:#419ac4; padding:5px; border:1px dotted silver;}
#splashcontent { margin-left:15px; margin-right:10px; color:white; margin-top:10px; font-size:23px; letter-spacing:-1px; }
#splashcontent p { color:white; font-size:23px; font-weight:normal; letter-spacing:-1px;}

#news .sep,#blog .sep { border-bottom:1px dashed silver; margin-bottom:10px; clear:both;}
#news .h2,#blog .h2 { margin: 5px 0px 0px 0px;  }
#news .title a,
#blog .title a { color:#000000; font-size:16px; text-decoration:none; font-weight:bold;}
#blog .small,#news .small  { font-size:10px; color:#2c2c2c; margin-top:0px; }

#news h1 { font-size:14px; }
/* LEFT RIGHT NAV */

.menuheader {
	background-color:#44afe1;
	height:14px; padding-left:6px; padding-top:3px; padding-bottom:3px;
}

.menuheader h1 {
	font-family: "Tahoma",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF; font-size:11px; margin:0px;
}

.menuspace { width:160px; padding: 10px 10px 10px 0px; }
.menuspaceR { width:160px; padding: 10px 0px 10px 10px; }

.menubox { border:1px solid #c1c1c1; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:10px; }
.menubox2 { background-color:#dcdcdc; padding: 4px 8px 4px 8px; color:white; }
.menubox2 a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#5e5e5e; }
.menubox p,.menubox2 p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#5e5e5e; }

.menurow { padding:0px; margin:0px; }
.menurow a { color:#5e5e5e; font-size:11px; background:#d3d3d3; display:block; padding:4px; text-decoration:none;}
.menurow a:hover { background:#dadada; display:block; padding:4px;}
.menurow li { border-bottom:1px solid #c8c6c6; list-style:none; color: white; }
.menurow .endmore a { background:#363636; border-bottom:0px; margin-bottom:-1px; color:white;}

/* ENDS */

#footer {
	width:914px;
	padding: 5px 33px 20px 33px;
	text-align:left;
	margin: 0px auto;
	background:url(images/containerbg.png) repeat-y;
}

#footer p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#575757; }
#footer a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#575757; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#MainFooter {
	background:url(images/footerbg.png) no-repeat;
	width:980px; height:60px;
	margin:-15px auto;
}

#MainFooter .left {
	float:left;
	width:49%;
	height:60px;
	text-align:left;
	position:relative; left:30px;
}

#MainFooter .right {
	float:left;
	width:49%;
	height:60px;
	text-align:right;
	position:relative;
	right:30px;
}

/* FORMS */

form { margin:0px; }

.button {
	font-family: "Tahoma",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000; font-size:11px; font-weight:bold;
}

.searchtxt {
	font-family: "Tahoma",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#434343; padding:2px 4px 2px 4px;
}

/* INFO SITE CONTENT */

.contenthead h1 { color:#5e5e5e; margin: 0px 0px 3px 0px; font-size:19px; border-bottom:1px dotted silver; }

.productcol { border:1px solid #CCCCCC; }

.productcol p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:black;
}

.productcol a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:black;
}

.productcol a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:red;
}
/* COMPETITION */

.listings {
	border:1px solid silver;
}

.listings td {
	background-color:#E7E7E7;
	border-bottom:1px solid #CDCBCB;
	border-top:1px solid #FBF9F9;
	padding:3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.listings th {
	background-color:#D1D1D1;
	border-bottom:1px solid #CDCBCB;
	border-top:1px solid #FBF9F9;
	padding:3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; text-align:left;
}

/* LATEST PRODUCTS */

#products li {
	display:block;
	float:left;
	width:200px;
}

#latest a {
	display:block;
	background:#cdcdcd;
	color:#5e5e5e; text-decoration:none;
	padding:6px;
}

#latest a:hover { background:#5e5e5e; color:white;}

#latest .selected {
	background:#5e5e5e;
	font-weight:bold; color:white;
}
.producthead {
	background:#186AB4; padding:6px; color:white;
	font-size:11px; font-weight:bold; text-transform:uppercase;
	text-align:center;
}

.producthead a { font-size:11px; color:white; }
.producthead a:hover { font-size:11px; color:white; }

/* Comments */
.commentsbox {
	border:1px solid silver;
	background:#E7E7E7;
	margin:4px; padding:10px;
}

.commentsbox .date {
	color:#8A8A89;
}
/* JS Live Validation */

.LV_validation_message{ font-weight:bold; margin:0 0 0 5px;}
.LV_valid { color:#00CC00; }
.LV_invalid { color:#CC0000; }   
.LV_valid_field,input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; }  
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; }

.isformerror { border:2px solid red; background:#FCF7C1; padding:5px; }
.isformok { border:2px solid #FAD426; background:#FCF7C1; padding:5px; }
/* ENDS */

/* Ticker Boxes */
#marqueecontainer{
position: relative;
background:#1A619D;
height: 200px;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

.ResultsHighLight {
	background:#23639C; color:white;
}

#searchresults
{
	border-top:1px solid silver;
	margin-top:10px;
	text-align:right;
	padding-top:6px;
}

#searchresults a {
	padding-left:3px; padding-right:3px;
	margin-right:2px; color:#3B5998; font-weight:bold;
}

#searchresults .pagecurrent {
	border-top:2px solid #3B5998;
}

#searchresults .pagelink {
}

#bookmarks { width:100%; }
#bookmarks .left { float:left; /*width:49%;*/}
#bookmarks .left ul { margin:0px; padding:0px; }
#bookmarks .left li { list-style:none; float:left; }
#bookmarks .left li a { margin-right:5px; }
#bookmarks .left li .normimg { border:1px solid silver; padding:2px; width:16px; height:16px; }

#bookmarks .right { float:right; width:49%; text-align:right;}
#bookmarks .right ul { margin:0px; padding:0px; }
#bookmarks .right li { list-style:none; float:left; margin-right:10px; }

#bookmarks .social
{
	float:left;
	width:500px;
	color:#444444; font-size:11px;
}
#bookmarks .social img {
	border:1px solid silver;
	margin:1px; width:16px; height:16px;
	padding:3px; background:white;
}

#bookmarks .right{
	text-align:right;
	width:400px;
}

.product { border-right:1px dotted silver; border-bottom:1px dotted silver; margin:5px; padding:4px; text-align:left; }
.productname { font-size:1.2em; font-weight:bold; color:black; }
.productname a { text-decoration:none; color:#000000;}
.productname a:hover { text-decoration:underline; }
.productprice { font-size:14px; color:orange; font-weight:bold;}
.productlink a { color:red; font-size:11px; text-decoration:none;}

.productimg img { border:0px; background:url(images/spinner-med.gif) no-repeat; background-position: center; margin-right:4px; }
.ofwproduct { border:1px solid silver; padding:4px; text-align:center;}
.product p { font-size:11px; }
.productrelease { font-size:11px;}
.preorder { background:green; color:white; padding:3px; font-size:10px; margin-bottom:20px;}
.specialoffer { background:red; color:white; padding:2px; font-size:11px; height:28px;}
.productspacebreak { line-height:20%; }
.productstop { border-top:1px solid silver; border-left:1px solid silver; border-right:1px solid silver; text-align:center; padding: 5px 3px 3px; }
.productsmid { border-left:1px solid silver; border-right:1px solid silver; text-align:center; padding-left:3px; padding-right:3px; }
.productsmid p { margin:0px; }
.productspace { width:5px; height:10px; }
.productsend { border-left:1px solid silver; border-bottom:1px solid silver; border-right:1px solid silver; text-align:center; padding-left:2px; padding-right:2px; padding-bottom:4px;}
.prodbuttons { display:block; }

/* CSS Buttons */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.gbutton {
    background: transparent url(images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.gbutton span {
    background: transparent url(images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.gbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.gbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* Ajaxed Twitter START */

div#twitter {
	background-color:#ffffff;
	color:#4f4f4f;
	margin-bottom:5px;
}

div#twitter a { color:#4f4f4f; }

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("images/loader-small.gif") 1em center no-repeat;
}

ul#twitter_update_list {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #4f4f4f;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #4f4f4f;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #4f4f4f;
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #4f4f4f;
	background-color: #888;
}
/* Ajaxed Twitter END */

/* Horizontal Table */

.ISTable
{ font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;}

.ISTable td.header
{
border-bottom: 2px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;
}

.ISTable td {
	border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: left;
padding: 5px 3px 5px 3px;
}

.ISTable td.left { border-left: 1px dotted #CEDCEA; }

/* Vertical Table */

.formrow {
	background-color:#B4C9D6;
	border-bottom: 1px solid #D7E2ED;
	border-top:1px solid White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; padding:3px;
}

.formcell1 
{
	background-color:#E4E4E4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color:#343433; font-weight:bold;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #D1D1D1;
	padding:6px;
}

.formcell2
{
	background-color:#E3E2E2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	color:black;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #D1D1D1;
	padding:6px;
}

/* Members Control Panel */

#members a {
	display:block;
	background:#8399be;
	color:white; text-decoration:none;
	padding:6px;
}

#members a:hover {
	background:#164491;
}

#members .selected {
	background:#164491;
	font-weight:bold;
}

#AvatarGallery img {
	border:1px solid silver;
	padding:2px; background:white;
}

#AvatarGallery img:hover {
	border:1px solid black;
	padding:2px; background:white;
}

#messagecenter .box {
	background:#ffffe5;
	border:1px solid #f5e082;
	padding:8px;
	font-size:11px;
}