@charset "utf-8";
/*
*/

/********************************************/
/***               Reset                  ***/
/********************************************/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}


/********************************************/
/***               Global                 ***/
/********************************************/
html, body {
	min-height: 100%;
}

body {
	background: #08151B url(../images/HBG.jpg) center top no-repeat ;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
}

/*****  Headings  *****/
h1,h5,h6 {
	font-size: 100%;
}
h2 {
	color: #000000;
	margin: 16px 0 12px 12px;
	font-size: 110%;
	text-transform: uppercase;	
}
h3 {
	color: #333;
	font-size: 13px;
	padding: 1px 0 7px 0;
	text-align: left;
}
h3 a {
	color: #333;
	text-decoration: none;
}
h3 a:hover {
	text-decoration: none;
}
h3 a:visited {
	color: #333;
	text-decoration: none;
}
h3 span {
	color: #333;
	font-size: 10px;
}
h4 {
	color: #7D7D7D;
	font-size: 16px;
	padding: 14px 0 7px 0;
	text-align: left;
}

/*****  Fieldset & Img  *****/
fieldset,img {
	border: 0;
}

/*****  Ordered list  *****/
ul {
	list-style: none;
}

/***** Floted Objects *****/
.fl {
	float: left;
}
.fr {
	float: right;
}

/***** Img links *****/
a, a img {
	border: none;
}

/***** Links *****/
a {
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/***** Clear *****/
.cl {
	clear: both;
	height: 0;
}


/********************************************/
/***             Site Layout              ***/
/********************************************/
#main {
	margin: auto;
	padding-top: 125px;
	width: 980px;
	background-image: url('../images/tp_backgr.jpg');
	background-repeat: no-repeat;
}
#wrapper {
	background-color: #FFF;
	margin: auto;
	width: 980px;
	background-image: url('../images/BG large.gif');
}
#main_body {
	margin: auto;
	width: 940px;
}

/***** Menu *****/
ul#menu {
	background: url(../images/menu_bg.png) top left repeat-x;
	bottom: 0;
	height: 49px;
	overflow: hidden;
	width: 980px;
}
ul#menu li {
	background: url(../images/menu_divider.png) right no-repeat;
	display: inline;
	float: left;
	height: 49px;
	width: 140px;
}

/***** Button text position *****/
ul#menu li a {
	padding-top: 17px;
}

ul#menu li a#home_btn {
	padding-left: 49px;
}
ul#menu li a#about_btn {
	padding-left: 46px;
}
ul#menu li a#locations_btn {
	padding-left: 30px;
}
ul#menu li a#download_btn {
	padding-left: 24px;
}
ul#menu li a#teams_btn {
	padding-left: 46px;
}
ul#menu li a#blog_btn {
	padding-left: 50px;
}
ul#menu li a#contact_btn {
	padding-left: 37px;
}

/***** Button effects *****/
ul#menu li a {
	color: #CFCFCF;
	display: block;
	font-size: 120%;
	font-weight: bold;
	height: 49px;
	text-transform: uppercase;
}
ul#menu li a:visited {
	color: #CFCFCF;
	display: block;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}
ul#menu li a:hover {
	color: #FFF;
	text-decoration: none;
}
ul#menu li a.active_btn {
	color: #4E4E4E;
}
ul#menu li#active {
	background: #FFF url(../images/menu_active.png);
	display: block;
}

/***** Header *****/
#header { 
	padding-top: 24px;
}

/***** Spacer *****/
#spacer {
	height:40px;
}

/***** Footer *****/
#footer {
	background-color: #efe2c4;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .875em;
	height: 102px;
	line-height: 8px;
	margin: auto;
	padding: 20px 0 17px 20px;
	width: 960px;
}
#footer_btns {
	border-left: 1px #FFF solid;
	height: 90px;
	margin-left: 106px;
	padding: 10px 0 0 20px;
}
#footer a, #footer a:visited {
	color: #646464;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#copyright {
	padding-top: 10px;
	color: #646464;
}
#rciuk {
	margin-top: 10px;
}
#social {
	float:right;
	margin-right: 20px;
}
#social_gap {
	margin: 0 3px;
}


/********************************************/
/***              Home Page               ***/
/********************************************/

/***** Easy Slider - Banner Images *****/
#slider {
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	* Not that this is also set for the '#slider li'.
	* This was set so the images did not show before hand, the overflow is hidden
	*/
	height: 268px;
	overflow: hidden;
	width: 940px;
}
#slider ul, #slider li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#slider li { 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	height: 268px;
	overflow: hidden; 
	width: 940px;
}

/***** Features *****/
#features {
	height: 285px;
	margin-top: 22px;
	margin-bottom: 22px;
}
#features p {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 0;
	text-align: left;
}
#feature1, #feature2, #feature3 {
	float: left;
	height: 275px;
	margin-top: 6px;
	width: 290px;
}
#feature2 img{
	margin-left: 0px;
}
.feature-text-centered {
	margin-left: 0px;
	text-align: left;
	width: 290px;
}
.feature-text {
	text-align: left;
	width: 290px;
}
.grey_line{
	background-color: #E8E8E8;
	float: left;
	height: 275px;
	margin: 5px 17px 10px 17px;
	width: 1px;
}

/***** Articles *****/
#article_box {
	display: inline;
	float: left;
	margin-right: 35px;
	overflow: hidden;
	width: 290px;
}
#article_box img {
	margin-bottom: 12px;
}
.article_list {
	background: #f7fcfe url(../images/home/grey_shade.png) left repeat-x;
	border: 1px solid #D8D8D8;
	border-bottom: 0;
	height: 86px;
	overflow: hidden;
	width: 288px;
}
.article_list h3 {
	background: #4A494E url(../images/home/number_bg.png);
	color: #fff;
	display: inline;
	float: left;
	font-size: 240%;
	margin-right: 12px;
	padding: 26px 4px;
}
.article_list:hover h3 {
	background: #FFF;
	color: #4a494e;
}
.article_list ul {
	margin-top: 13px;
}
.article_list ul li {
	color: #000000;
	font-size: .825em;
	line-height: 1em;
}
.article_list ul li.title {
	color: #404040;
	font-size: .94em;
	font-weight: bold;
	margin-bottom: 4px;
}
.article_list ul li.content {
	color: #646464;
	font-size: .90em;
	line-height: 11px;
	margin-bottom: 4px;
	padding-right: 4px;
}
.article_list ul li.title a:link {
	color: #404040;
	font-weight: bold;
}
.article_list ul li.title a:hover {
	color: #404040;
	font-weight: bold;
}
.article_list ul li.title a:visited {
	color: #404040;
	font-weight: bold;
}
.article_list ul li.title a:active {
	color: #404040;
	font-weight: bold;
}
.more_article {
	background: #f0f2f3;
	border-top: 1px solid #D8D8D8;
	padding: 14px 12px 1px 12px;
	text-align: right;
	width: 266px;
}
.more_article p {
	font-size: 90%;
	margin: 0;
	margin-bottom: 15px;
}
.more_article p a {
	background: transparent url(../images/home/arrow.gif) 0 50% no-repeat;
	color: #646464;
	padding-left: 12px;
	text-transform: uppercase;
}

/***** Newsletter *****/
#links {
	float: left;
	line-height: 15px;
	text-align: center;
	width: 290px;
}
#links img {
	margin-bottom: 12px;
}
#newsletter {
	margin: auto;
	width: 288px;
	background-color: #FFFFFF;
}
#newsletter fieldset {
	border: 1px solid #D8D8D8;
	width: 286px;
	background-color: #000000;
}
.mc-field-group {
	margin: 1.3em 5%;
}
#newsletter label {
	color :#646464;
	display: block;
	font-size: 12px;
	line-height: 1em;
	margin: .3em 0;
	text-align: left;
}
#newsletter input {
	background: #FFF !important; /* Forces input backgrounds to be white as Google toolbars turns them yellow */
	border: #D8D8D8 1px solid;
	color: #586F78;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-right: 1.5em;
	padding: .2em .3em;
	position: relative;
	width: 95%;
	z-index: 999;
}
#newsletter input:hover {
	border: #C4C4C4 1px solid;
}
#newsletter #newsletter_btn {
	background: #1A8EB3 url(../images/home/newsletter_button.png) repeat-x !important; /* Forces background to be blue as inputs were forced to be whites earlier */
	border: none;
	color: #FFF;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	height: 29px;
	margin-bottom: 1.1em;
	margin-left: 1em;
	width: 90%;
}  
#mc-embedded-subscribe-form #newsletter_btn:hover {
	border: none;
}

/***** Newsletter Error & Success message *****/
#mce-responses{
	color: #404040;
	font-size: 10px;
	margin: 20px 0 0 10px;
	overflow: hidden;
	padding: 0em .5em 0em .5em;
	position: relative;
	top: -1.4em;
	width: 80%;	
}
#mce-error-response{
	background: #FFEEEE;
	color: #FF0000;
	display: none;
	font-weight: bold;
	margin: 1em 0;
	padding: 1em .5em .5em 0;
	position: relative;
	top: -1.5em;
	width: 95%;
	z-index: 1;	
}
#mce-success-response {
	background: none;
	color: #529214;
	display: none;
	font-weight: normal;
	margin: 1em 0;
	padding: 1em .5em .5em 0;
	position: relative;
	top: -1.5em;
	width: 95%;
	z-index: 1;
}

/***** Validation error *****/
.mce_inline_error {
	font-size: 10px;
}

/***** Blog *****/
#blog_box {
	display: inline;
	float: left;
	margin-left: 35px;
	overflow: hidden;
	width: 290px;
}
#blog_box img {
	margin-bottom: 12px;
}
#rss_feed {
	height: 14px;
	margin: 12px 0 0 260px;
	position: absolute;
	top: 804px;
}
.blog_list {
	background: #f7fCfE url(../images/home/grey_shade.png) left repeat-x;
	border: 1px solid #D8D8D8;
	border-bottom: 0;
	height: 51px;
	overflow: hidden;
	width: 288px;
}
.blog_list h3 {
	background: #4a494e url(../images/home/number_bg_small.png);
	color: #fff;
	display: inline;
	float: left;
	font-size: 240%;
	margin-right: 12px;
	padding: 9px 4px;
}
.blog_list:hover h3 {
	background: #FFF;
	color: #4a494e;
}
.blog_list ul {
	margin-top: 13px;
}
.blog_list ul li {
	color: #000;
	font-size: .825em;
	line-height: 1em;
}
.blog_list ul li.title {
	color: #00aeef;
	font-weight: bold;
	font-size: .94em;
	margin-bottom: 4px;
}
.blog_list ul li.date {
	color: #586f78;
	font-size: .90em;
	margin-bottom: 4px;
}
.blog_list ul li.title a:link {
	color: #404040;
	font-weight: bold;
}
.blog_list ul li.title a:visited {
	color: #404040;
	font-weight: bold;
}
.blog_list ul li.title a:hover {
	color: #404040;
	font-weight: bold;
}
.blog_list ul li.title a:active { 
	color: #404040; 
	font-weight: bold;
}
.more_blog {
	background: #f0f2f3;
	border-top: 1px solid #D8D8D8;
	padding: 14px 12px 1px 12px;
	text-align: right;
	width: 266px;
}
.more_blog p {
	font-size: 90%;
	margin: 0;
	margin-bottom: 15px;
}
.more_blog p a {
	background: transparent url(../images/home/arrow.gif) 0 50% no-repeat;
	color: #646464;
	padding-left: 12px;
	text-transform: uppercase;
}


/********************************************/
/***             About Page               ***/
/********************************************/
#about_frame {
	height: 460px;
	margin-top: 15px;
}
#about_intro {
	height: 86px;
}
.about_intro_column {
	color: #7D7D7D;
	float: left;
	font-size: 145%;
	width: 460px;
}
#about_intro_column_gap {
	margin-right: 20px;
}
.title_bar {
	background: url(../images/about/title_bar.png) repeat-x;
	color: #FFF;
	font-size: 1.2em;
	height: 26px;
	margin: 30px 0 20px 0;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}
#about_column_frame {
	height: 164px;
}
.about_column {
	display: block;
	float: left;
	width: 460px;
}
#about_column_right {
	margin-left: 20px;
}
#about_box_frame {
	height: 315px;
}
.about_box_believe_big {
	background: url(../images/about/section_bg.png) bottom repeat-x;
	border: #DCDCDC 1px solid;
	height: 61px;
	margin-bottom: 2px;
}
.about_box_believe_small {
	background:url(../images/about/section_bg.png) bottom repeat-x;
	border:#DCDCDC 1px solid;
	height:52px;
	margin-bottom:2px;
}
.about_box_big {
	background: url(../images/about/section_bg.png) bottom repeat-x;
	border: #DCDCDC 1px solid;
	height: 68px;
	margin-bottom: 2px;
}
#about_frame p {
	color: #7d7d7d;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 10px 10px;
}
#about_frame h3 {
	color: #28BDDE;
	font-size: 145%;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 10px;
	text-transform: uppercase;
}
#about_frame h4 {
	color: #28BDDE;
	font-size: 145%;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}
.about_box_believe_big h4 {
	padding: 11px 0 0 10px;
}
.about_box_believe_small h4 {
	padding: 16px 0 0 10px;
}

/********************************************/
/***             Teams Page               ***/
/********************************************/
#teams_frame {
	height: 470px;
	margin-top: 22px;
}
#teams_intro {
	height: 96px;
}
.teams_intro_column {
	color: #7D7D7D;
	float: left;
	font-size: 145%;
	width: 460px;
}
#teams_intro_column_gap {
	margin-right: 20px;
}
.teams_title_bar {
	background: url(../images/about/title_bar.png) repeat-x;
	color: #FFF;
	font-size: 1.2em;
	height: 26px;
	margin-bottom: 15px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}
.teams_column_frame {
	height: 267px;
}
.teams_column {
	width: 940px;
}
.teams_box {
	background: url(../images/about/section_bg.png) bottom repeat-x;
	border: #800000 0px solid;
	height: 55px;
	margin-bottom: 2px;
}
#teams_frame p {
	color: #7d7d7d;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 10px 10px;
}
#teams_frame h3 {
	color: #28BDDE;
	font-size: 145%;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 10px;
	text-transform: uppercase;
}


/********************************************/
/***           Locations Page             ***/
/********************************************/
#locations_frame {
	height: 624px;
	margin-top: 15px;
}
#locations p {
	color: #7D7D7D;
	font-size: 12px;
}
#locations_intro {
	height: 96px;
}
.locations_intro_column {
	color: #7D7D7D;
	float: left;
	font-size: 145%;
	width: 460px;
}
#locations_intro_column_gap {
	margin-right:20px;
}
.maps {
	display: block;
	float: left;
	overflow: hidden;
	width: 460px;
}
#maps_gap {
	margin-right: 20px;
}
.map_details {
	background: url(../images/locations/details_bg.png) bottom repeat-x;
	border: #DCDCDC 1px solid;
	height: 205px;
}
.details {
	display: block;
	float: left;
	margin-left: 22px;
	width: 220px;
}

/***** Changes width of address block *****/
.address {
	margin-right: 20px;
	width: 150px;
}
.map_link {
	margin-top: 60px;
}
.map_link a {
	color: #7D7D7D;
	text-decoration: underline;
}
.map_link a:hover {
	color :#7D7D7D;
	text-decoration: none;
}


/********************************************/
/***           Download Page              ***/
/********************************************/
.title_bar_download {
	background: url(../images/about/title_bar.png) repeat-x;
	color: #FFF;
	font-size: 1.2em;
	height: 26px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}
#wallpaper_frame {
	height: 470px;
}
.wallpapers {
	display: block;
	float: left;
	margin-top: 20px;
}
.wallpaper_gap {
	margin-right: 20px;
}
.wallpaper_sizes div {
	background: url(../images/wallpapers/sizes_bg.png) bottom repeat-x;
	border: #DCDCDC 1px solid;
	line-height: 200%;
	padding: 15px 0;
	text-align: center;
	width: 298px;
}
.wallpaper_sizes div a {
	margin: 0 5px;
	color: #7D7D7D;
	font-size: 14px;
	text-decoration: none;
}
.wallpaper_sizes div a:hover {
	text-decoration: underline;
}


/********************************************/
/***             Contact Page             ***/
/********************************************/
#contact_frame {
	height: 405px;
	margin-top: 15px;
}
#contact_intro {
	color: #7D7D7D;
	font-size: 145%;
	margin-bottom: 20px;
	width: 460px;
}
.contact_form p {
	color: #646464;
	font-size: 12px;
	line-height: 1em;
}
.contact_form input {
	background-color: #FFF !important;
	border: #D8D8D8 1px solid;
	color: #7D7D7D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	margin: 3px 0 5px 0;
	height: 30px;
	padding: 3px 0 0 3px;
	width: 325px;
}
.contact_form input:hover {
	border: #C4C4C4 1px solid;
}
.contact_form textarea {
	background-color: #FFF !important;
	border: #D8D8D8 1px solid;
	color: #7D7D7D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	height: 103px;
	margin-top: 3px;
	padding: 3px 0 0 3px;
	width: 680px;
}
.contact_form textarea:hover {
		border: #C4C4C4 1px solid;
}
.contact_form #submitButton {
	background: url(../images/contact/contact_button.png) top repeat-x !important;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	height: 29px;
	margin-top: 24px;
	width: 231px;
}
.contact_form #submitButton:hover {
	border: none;
}

/************ Success & Error Messages *****************/
 #err_message {
	 color: #2FA5CB;
	 font-size: 14px;
	 padding-bottom: 12px;
	 text-align: left;
}
.gearbox_range {
}