/*
Hoe page stylesheet for Bike Biz
Version 1.1
Colours:

*/

/****** CAROUSEL ******/

#carouselwrapper					{background: #e6e6e6; padding: 10px; margin: 0 0 10px; position: relative;}
#carousel							{background: #333; width: 620px; height: 280px; float: left; overflow: hidden;}
.carouselimage						{width: 290px; height: 290px; float: left; overflow: hidden;}
.carouseltext						{background: #333; width: 328px; height: 205px; overflow: hidden; position: absolute;left:280px;}
.carouseltext a						{color: #ffffff !important;}
#carousel .carouseltext h3					{color: #e74520 !important; font-size: 22px; line-height: 26px; padding: 10px 10px 0; background: none !important; }
.carouseltext h3 a					{color: #e74520 !important; text-decoration: none;}
.carouseltext h3 a:hover			{color: #e74520;text-decoration:underline;}
.carouseltext p						{color: #e5e5e5; font-size: 12px; line-height: 18px; padding: 0 10px;}
.carouseltext div.storyinfo			{color: #999; font-size: 11px; line-height: 14px; margin: 0; position: absolute; bottom: 10px; left: 10px;}
.carouseltext div.storyinfo a			{color: #fff;}
#courouselcommentcount				{background: url(/assets/images/carousel-comment-count.png) 0 0 no-repeat; color: #fff; display: block; font-size: 11px; line-height: 21px; text-align: center; height: 27px; width: 26px; padding: 0 3px 0 0; position: absolute; bottom: 10px; right: 8px;}
#carouselthumbs						{background: #1a1a1a; width: 328px; height: 75px; overflow: hidden; position: absolute; bottom: 10px; right: 10px; z-index: 10;}
#carouselthumbs li					{display: block; float: left; width: 64px; }
#carouselthumbs li a				{display: block; margin: 3px 12px 0 10px; width: 52px; overflow: hidden; padding-top: 5px; outline: 0;}
#carouselthumbs li a.lastthumb		{margin: 0;}
#carouselthumbs li a img 			{border: 2px solid #E6E6E6; }
#carouselthumbs li a.activeSlide 	{background: transparent url(/assets/images/featureactive.bg.gif) no-repeat top center;}
#carouselthumbs li a.activeSlide img,
#carouselthumbs li a:hover img		{border-color: #e74520;}

.jcarousel-item {
    width: 580px;
    height: 300px;
}


/****** TOOLBAR ******/

#toolbar								{background: #333; height: 40px; position: relative; margin: 0 0 17px; padding: 0 0 0 10px; z-index: 5000;}
#toolbar p								{line-height: 40px; font-size: 14px; color: #fff; text-align: right; margin: 0; float: right; width: 300px;}
#toolbar span							{color: #e74520; font-weight: bold;}
#toolbar img							{display: inline; vertical-align: middle;}
div.breakingstories						{background: url(/assets/images/breaking-stories-button.png) 0 0 no-repeat; float: left; width: 115px; margin: 8px 7px 0 0; position: relative;}
a#filter-trigger						{display: block; height: 25px; line-height: 25px; color: #ffffff; font-size: 11px; padding: 0 0 0 8px;}
.selectedsort a							{color: #e74520 !important;}
div.breakingstories ul					{position: absolute; top: 24px; background: #4d4d4d; width: 109px; padding: 4px 0 2px 6px; z-index: 1000;}
div.breakingstories ul li a				{color: #f2f2f2; text-decoration: none; font-size: 11px; line-height: 20px; width: 100%; display: block;}
div.breakingstories ul li a:hover		{color: #e74520;}
div.customisepage						{float: left; width: 137px; margin: 8px 0 0; position: relative; z-index: 3000;}
a#customise-trigger						{background: url(/assets/images/customise-this-page-button.png) 0 0 no-repeat; display: block; height: 25px; line-height: 25px; font-size: 11px; padding: 0 5px 0 25px; color: #ffffff !important;}
a.activebutton							{background-position: 0 -25px !important;}
#customise-stories						{position: absolute; top: 24px; background: #636363; width: 410px; padding: 10px; z-index: 1000; zoom: 1;}
#customise-stories	fieldset			{border-bottom: 1px solid #7b7b7b; padding: 12px 0;}
#customise-stories	p					{float: left; width: 98px; font-size: 11px; line-height: 16px; padding: 2px 0 0; text-align: left;}
#customise-stories	fieldset.articleview p 
										{padding: 12px 0 0;}
#customise-stories	fieldset.otheroptions
										{border: none; padding: 12px 0 0;}
#customise-stories	fieldset.otheroptions p	
										{padding: 5px 0 0;}
#customise-stories button				{border: none; background: none; display: block; float: left; width: 104px; padding: 3px 0 3px 3px; text-align: left; color: #f2f2f2; cursor: pointer; outline: none;}
#customise-stories button.selectedbutton, #customise-stories button:hover
										{background: #464646; color: #fcee21;}
#customise-stories button img			{margin: 0 4px 0 0;}
.hompagecontent							{background: #464646; width: 212px; float: left; padding: 4px 0 2px;}
.hompagecontent li						{width: 101px; float: left; padding: 0 0 0 5px;}
.hompagecontent li input				{margin: 0 5px 0 0;}
.hompagecontent li label				{color: #f2f2f2; font-size: 11px;}
.checkbox								{width: 15px; height: 15px; padding: 0 5px 0 0; background: url('../images/checkboxes.png') no-repeat; display: block; clear: left; float: left;}
#optionsbuttons							{margin: 12px 0 0; padding: 0 0 0 98px;}
#optionsbuttons input					{border: none; background: #f5942b; height: 19px; line-height: 15px; color: #fff; text-transform: uppercase; font-size: 11px; padding: 0 7px; margin: 0 3px 0 0; cursor: pointer;}


/****** ARTICLES ******/

a.inlinead								{display: block;}
div.article, a.inlinead				{margin: 0 0 17px; padding: 0 0 16px; border-bottom: 1px solid #c0c0c0;}
div.article								{margin:0; padding:15px 0; position:relative;}
#content div.article h2, #content div.event h2
									{color: #00529f; font-size: 24px; line-height: 30px; font-weight: bold; margin: 0 0 5px !important; border-bottom: none !important;}
#content div.article h2 a, #content div.article h2 a:visited	
											{color: #00529f; text-decoration: none;}
#content div.article h2 a:hover	{color: #e74520;}
div.articlenoborder					{margin: 0; border: none;}
img.articleimage						{float: left; width: 170px; height: 170px;}
div.largearticle img.articleimage	{float: none; margin: 5px 0; }
div.largearticle div.articlecontent
											{float: none; width: 100%;}
div.toparticle div.articlecontent{width: 260px;}
div.smallarticle div.articlecontent
											{width: 545px;}
div.stream.articlecontent			{background: url(/assets/images/item-bg.gif) no-repeat 100% 0;padding-right: 30px; padding-left: 20px;width: 280px; float: left;}
.article-social							{float: left; padding-left: 15px; width: 105px;}
.article-social-button					{clear: both;float: left;margin-bottom: 10px;width: 90px;text-align: left; height: 20px;}
.article-comments						{float: left; overflow: hidden;}
.article-comments a.comment-count{
	float: left;
	text-align: center;
	color: white;
	font-weight: bold;
	line-height: 24px;
}
.comment-text {
	color: #999;
	display: inline;
	float: left;
	font-size: 0.91667em;
	padding: 5px 8px 0 0;
}

											
.author-image {
float:left;
width:35px;
margin-right:10px;
}
p.articleauthor 					{float: left;}
.social-links 						{float: right; clear: right; margin: 0 20px -5px 0;}
div.toparticle div.articlecontent h2
											{font-size: 28px; line-height: 34px; margin: 0 0 10px;}
div.smallarticle h3					{background: none !important; color: #00529f; font-size: 18px; line-height: 24px; font-weight: bold; margin: 0 0 2px !important; padding: 0 !important; width: 100% !important; float: none !important;}
div.smallarticle h3 a, div.smallarticle h3 a:visited
											{color: #00529f; text-decoration: none;}
div.smallarticle h3 a:hover		{color: #e74520;}

div.articletext						{position: relative; z-index: 1;}
p.articleauthor						{line-height: 16px;}
p.articleauthor a					{color: #0071bc;}
p.articleauthor a:hover 			{text-decoration: underline !important;}
.innews								{line-height: 14px; margin: 5px 0 5px 0; clear: both;}
.innews a							{color: #e74520 !important; text-decoration: none; clear: both; text-transform: uppercase;}
.innews a:hover						{text-decoration: underline !important;}
span.articlecommentcount			{width: 32px;height: 31px;background: transparent url(/assets/images/comments-bg.png) no-repeat top left;display: block;}
div.smallarticle span.articlecommentcount
											{background: url('../images/top-stories-comment-bubble.png') 0 0 no-repeat; height: 25px; width: 26px; position: absolute; top: 0; right: 0; margin: 0 0 0 10px; font-size: 11px; font-weight: normal; line-height: 22px; text-align: center; color: #fff;}
.twitter-share-button, 
.facebook-share-button,
.fb-like				{display: block; float: left; height: 20px; line-height: 20px; margin: 5px 16px 0 0; text-decoration: none;}
.facebook-share-button {margin-top: 6px !important;}
.fb-like {margin:0px!important;}
a.twitter-share-button 			{display:none!important;}
div.inlinejobs							{background: #e6e6e6; padding: 10px 10px 10px 20px; margin: 0 0 17px;}
div.inlinejobs	> img					{float: left;}
div.inlinejobcontent					{float: right; width: 450px;}
div.inlinejobheader					{background: #fff; position: relative; padding: 10px; border-bottom: 1px solid #e6e6e6;}
div.inlinejobheader h3				{color: #00529f; font-size: 24px; line-height: 30px; font-weight: bold; margin: 0;}
div.inlinejobheader h3 a, div.inlinejobheader h3 a:visited
											{color: #00529f; text-decoration: none;}
div.inlinejobheader h3 a:hover	{color: #e74520;}
div.inlinejobheader p				{font-size: 16px; line-height: 20px; margin: 0;}
div.inlinejobheader img				{position: absolute; top: 0; right: 0;}
div.inlinejobdescription			{background: #fff; padding: 10px;}
div.inlinejobdescription p			{margin: 0;}

div.pagination							{background: #f2f2f2; height: 27px; text-align: center; position: relative;}
a.paginationbutton					{display: block; height: 19px; width: 19px; position: absolute; top: 4px; text-indent: -9999px;}
a.paginationbackbutton				{background: url('../images/backbutton.png') 0 0 no-repeat; left: 4px;}
a.paginationforwardbutton			{background: url('../images/forwardbutton.png') 0 0 no-repeat; right: 4px;}
a.inactivearrow						{background-position: 0 -19px;}
div.pagination	p						{font-size: 12px; line-height: 27px;}
div.pagination	p a					{padding: 3px 4px; border-right: 1px solid #d6d6d6; color: #0071bc; text-decoration: none;}
div.pagination	p a:hover, div.pagination	p a.currentpage
											{background: #f5942b; color: #fff;border-right: 1px solid #f2f2f2;}
div.pagination	p a.lastpage		{border-right: 1px solid #f2f2f2;}

.article-job 						{background: #e6e6e6 url(/assets/images/bikebiz-jobs.png) no-repeat 20px center; border: 0 !important; padding: 10px 10px 10px 150px !important;}
.article-job-content 				{padding: 10px; background: #ffffff;}
.article-job-content h2 span 		{display: block; color: #4c4c4c; font-size: 14px; font-weight: normal; margin-top: -5px;}
.article-job-content img 			{margin: 0 0 15px 15px;}

/* Updates Bar */
#ticker-wrapper						{width:640px; overflow:hidden; margin-bottom:10px; background:#e6e6e6; height: 28px; line-height: 28px; }
#ticker-title 						{float:left;clear:both;background:url(/assets/images/bg-snippets.png) right top no-repeat #e74520;margin: 0; height: 28px; line-height: 28px; font-size:1em;color:#fff; margin: 0 10px 0 0; padding: 0 15px 0 10px; }
#ticker-content, .news-item a {line-height: 28px; height: 28px;}
.js-hidden							{display:none}
#snippets-list                      {float:left;padding:0 0 0 10px; width:500px!important;}

.socialite {
display:none;
}

.socialised {
display:block;
}