
#homecolumn p {
font-size:14px;
line-height:17px;
margin-bottom:17px;
}


.home-content .home-content-inner {
display:block;
margin:12px;
}



/* LEFT COLUMN
---------------------------------------------*/



/* we are the makers of Brompton Bicycles 
---------------------------------------------*/

#home-intro{
    font-size:16px;
    font-weight:bold;
	padding:5px 0 7px;
}


.intro-highlight{
    color:#d1453c;
    }


.leftcolumnImg{
border-top:6px solid #B4B5AF;
border-bottom:6px solid #B4B5AF;

}


/* BWC advert */
    
#leftpagecolumn-bwcFill{
background-color:#FFFFFF;
text-align:center;
border-bottom:20px solid #FFFFFF;
}    
    
#home-box-advert{
    margin-top:10px;
    padding: 140px 0 0 0;
    background:url(/images/events/bwc-entry-advert.jpg) top center no-repeat;
    width:237px;
    }   
 .home-box-advert-link{
 margin-bottom:10px;
 }
 
.home-header {
    font-size:16px;
	font-weight: bold;
	margin:10px 0 7px;
	color: #000000;
	text-transform:uppercase;
	}

/* Icons and tooltips */

#home-icons{width:308px;background:transparent url(/images/home/linkicons-bg.gif) top center no-repeat;margin:0 0 0 0}
.home-icon img{border:0px;margin:15px 2px 15px 0;}
.home-icon-first{margin-left:9px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #FFFFFF;
	border: 1px solid #888888;
	color: #333333;
	padding: 4px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 7px;
	opacity: .95;
	max-width: 20em;

}
#tooltip h3 {
	font-size: 1.1em;
    margin: 0;
	padding: 0 3px;
	text-align: left !important;
}
#tooltip p {
	font-size: 0.95em;
	margin: 5px 0 0 5px;
	text-align: left;
}




/* News */

#home-news {
    margin-top:10px;
    margin-bottom:10px;
    width:285px;
    background-color:#FFFFFF;
    padding:8px 10px 15px 10px;
}
* html #home-news {
    w\idth:240px;
    width:240px;
}

#home_news_header {
	background: url(/images/icons/news.gif) no-repeat;
	padding-left: 35px;
	height: 30px;
	margin-bottom: 10px;
	font-size: 1.6em;
	font-weight: normal;
	padding-top: 5px;
	color: #666666;
	}

#leftcontentcolumn #home-news {
background-color:#FFFFFF;
margin-bottom:10px;
margin-top:10px;
padding:8px 10px 10px;
width:285px;
}
	

/* news headlines */

.home-news-headline a
{
color:#a3171a;
text-decoration:none;;
}
.home-news-headline a:hover
{
color:#000000;
text-decoration:underline;}

.home-news-headline a:visited{
color:#A3171A;
text-decoration:none;
}

.home-news-item a.home-news-headline {
color:#A3171A;
display:block;
font-size:14px;
font-weight:bold;
margin:6px;
text-decoration:none;
}
.home-news-item a.home-news-headline:hover{
text-decoration:underline;
}
.home-news-item a.home-news-headline visited {
color:#A3171A;
text-decoration:none;
}

.home-news-item{
background:#ECF2F2 url('/images/home/home-news-item-bg.jpg');
background-repeat:no-repeat;
padding:5px 10px 10px 10px;
margin-bottom:10px;
}

.home-news-headline{
display:block;
color:#a3171a;
font-size:14px;
font-weight:bold;
margin-bottom:6px;
}

.home-news-image{
width:78px;
height:78px;/*
margin-left:-9px;
margin-top:-4px;*/
margin:0 4px 0 0;
padding:2px 4px 4px 2px;
background:url(/images/home/home-news-image-bg.png);
float:left;
}
.home-news-image img{
position:relative;
top:7px;
left:9px;
width:65px;
height:65px;
}


/* news content */
.news_copy{margin:0 6px 6px 6px}

#leftcontentcolumn #home-news.intro-text{
line-height:20px;
margin-bottom:10px;
font-size:14px;
margin-top:0px;
}
.intro-text a{
color:#A3171A;
}


#home-news p{
	margin:5px 0;
	line-height:21px;
	}
	

/* more links */
.home-more{
display:block;
width:100%;
text-align:right;
padding:12px 0 0 0;
font-size:15px;
}
.home-more a {
font-weight:bold;
}
.home-more a, #homecolumn a {
color:#a3171a;
text-decoration:underline;
}
.home-more a:hover, #homecolumn a:hover  {
text-decoration:none;
}



/* MIDDLE COLUMN
---------------------------------------------*/


#homecolumn{
	float: left;
	text-align: left;
	margin: 0px 0px 0px 14px;
	vertical-align: top;
	font-size:15px;
}

#homecolumn p {
    margin-bottom:17px;
    line-height:21px;
}

#brochure{
width:309px;
background:#FFFFFF url(/images/home/view-brochure.jpg) top left;
background-repeat:no-repeat;
margin-top:1px;
}


#brochure-download{
margin:0;
}

#lang{
width:160px;
border:1px solid #E5E5E5;
margin:95px 4px 2px 14px;
padding:1px;
}
#brochure-select-submit{border:0px; margin:2px 4px 16px 11px;width:20px;height:24px;width:32px;background:url(/images/buttons/go.gif) center center no-repeat;}



/* remove IDs - to be replaced by classes */
#home-content{
    width:306px;
    margin-top:10px;
    margin-bottom:10px;
    background:#FFFFFF;
    padding-top:1px;
    padding-bottom:9px;
}
#home-content-inner, #home-content-twitter{
    display:block;
    margin:15px;
}

/* new classes */
.home-content{
	width:306px;
    margin-top:10px;
    margin-bottom:10px;
    background:#FFFFFF;
    padding-top:1px;
    padding-bottom:9px;
	}

.home-content-inner{
    display:block;
    margin:15px;
}

.home-content-inner #home-picture-thumbnails{
height:449px;
padding:10px 0 0 8px;
}


#middlecontentcolumn {
	width: 238px;
	display: inline;
	float: left;
	text-align: left;
	margin: 0px;
	vertical-align: top;
	padding-bottom: 50px;
}
#contentspacercolumn{
	width: 30px;
	display: inline;
	float: left;
	vertical-align: top;
}

/* thumbnails for gallery*/

#home-pictures{
background:#FFF; /* old version - url("/images/home/picture-box.jpg") no-repeat scroll 10px 30px #FFFFFF; */
height:324px;
margin-bottom:10px;
padding:8px 10px 17px;
width:286px;
}
#home-picture-thumbnails {
height:267px;
padding:7px 0 0 9px;
background:#EDF2F5;
}

.home-picture-thumbnail{
float:left;
margin:5px 19px 6px 0;
width:50px;
}


ul#imageGrid { display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; float:left;}
ul#imageGrid li { display: block; width: 265px; height: 177px; border: 1px solid #ccc; float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }
ul#imageGrid li a { border: 0; }


/* RIGHT COLUMN
---------------------------------------------*/

#home-right-column{
    width: 307px;
	display: inline;
	float: right;
	text-align: left;
    padding-top:1px;
}

#home-right-column-inner{}

.home-description{display:block;}



/* Home box - from old pages ?
.home_box {
	float: left;
	width: 158px;
	margin-right: 1px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #333;
}

* html home_box {
width: 169px;
w\idth: 158px;
}

.home_box h2 {
background-color: #7b7b7b;
margin: 0px;
padding: 10px;
font-size: 1.1em;
font-weight: bold;
color: #FFFFFF;
}

.home_box ul {
margin: 10px 0px 15px;
padding: 0px;
list-style:none;
}

.home_box ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
}

.home_box a {
	color: #727272;
	text-decoration:underline;
}

.home_box a:hover {
	color: #d1453c;
	
	}	
	
	


.home_box {
	float: left;
	width: 158px;
	margin-right: 1px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #333;
}

* html home_box {
width: 169px;
w\idth: 158px;
}


.home_box h2 {
background-color: #7b7b7b;
margin: 0px;
padding: 10px;
font-size: 1.1em;
font-weight: bold;
color: #FFFFFF;
}

.home_box ul {
margin: 10px 0px 15px;
padding: 0px;
list-style:none;
}

.home_box ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/icons/arrow_orange.gif) no-repeat 2px; 
	list-style:none;
}

.home_box a {
	color: #727272;
	text-decoration:underline;
}

.home_box a:hover {
	color: #d1453c;
	
	}
	
*/


/* Home Right
------------------------------------*/

#rightcontentcolumn { 
	width: 238px;
	display: inline;
	float: left;
	text-align: left;
	margin: 0px;
	vertical-align: top;
}

/* videos */

#home-videos{
width:286px;
height:194px;
/** background:#FFFFFF url(/images/home/video-box.jpg) 10px 30px; **/
background:#FFFFFF;
background-repeat:no-repeat;
padding:8px 10px 17px 10px;
margin-bottom:10px; 
}
#home-video-thumbnails
{
background:#EDF2F5 url(/images/home/home-video-thumbnails-box.jpg) no-repeat;
height:165px;
}


.home-video-thumbnail{
display:inline;
float:left;
margin:3px 13px 0 7px;
overflow:hidden;
width:120px;
}

.home-video-thumbnail img{
position:relative;
top:7px;
left:6px;
width:109px;
height:78px;
margin-top:6px;
margin-left:6px;
}
img.play 
{
height:33px;
left:84px;
position:relative;
top:-24px;
width:39px;
}
.video-desc{
clear:both;
display:block;
padding:0 0 0 10px;
position:relative;
text-align:left;
top:-15px;
line-height:15px;
}

#row a {float:left;clear:both;}



/* Twitter */
#homecolumn .home-twitter p{
font-size:13px;
line-height:17px;
}
#homecolumn .home-twitter p.tweet{margin-bottom:0px;}
#homecolumn .home-twitter p.tweet-title{margin-top:0px;font-weight:bold;}


#home-twitter{
	width:306px;
	}	
#home-twitter-content{
	padding:2px 10px 17px;
	}


.twtr-join-conv{
color:#A3171A;
text-decoration:underline;
}



/* Home Footer
------------------------------------*/
#homefooterwrapper {}
#homefootercontent{
background-color:#FFFFFF;
height:149px;
width:940px;
}


#footer-leftcol{
    width:230px;
    float:left;
    padding-left:15px;
    padding-bottom:10px;
    text-align: left;
    background-color:#FFFFFF;
}

#footer-leftcol ul{
list-style-type:none;
margin-left:0px;
padding-left:0px;
margin-bottom:30px;
}
#footer-leftcol li{
list-style-type:none;
margin-left:0px;
padding-left:0px;
}
#footer-leftcol li a{
color:#a3171a;
text-decoration:none;
line-height:17px;
}
#footer-leftcol li a:hover{
text-decoration:underline;
}
#footer-rightcol{
background-color:#FFFFFF;
float:right;
height:143px;
margin-right:10px;
text-align:right;
width:616px;
}


/* General homepage styles */


h4 { margin: 25px 0px 15px; }
p { line-height: 140%; }
pre { display: block; border: 2px dotted #ccc; padding: 5px; background: #f6f6f6; overflow: auto; }
#header li { color: #eee; margin: 5px 0; padding-left: 40px; }

