@font-face {
  font-family: "Roboto Medium";
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("Roboto-Medium.ttf") format('truetype');
}
@font-face {
  font-family: "Roboto Light";
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Light'), local('Roboto-Light'), url("Roboto-Light.ttf") format('truetype');
}


* {margin:0; padding:0}
html, body
{
    margin: 0;
    padding: 0;
	background: #F60002 url(../images/bg.png) repeat-x;
}
body {
	font-family:"Roboto Medium"
}
h1 {border-bottom: 1px dotted #333;
    font-size: 26px;
    margin-bottom: 10px;
    padding-bottom: 10px;}
a {
	text-decoration: none;
	color: #333; 
}
p {padding:2px 0 10px}
.container {
	padding: 20px 50px 0;
	width: 1820px;
	height: 100%;
    min-height: 100%;
	/* [disabled]min-height: 920px; */
	background: #F60002 url(../images/bg.png) repeat-x;
}
.header {
	background: #fff;
	height: 205px;
	z-index:0;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	-webkit-border-radius: 35px 35px 0 0px;
	border-radius: 35px 35px 0 0px;
	-moz-border-radius: 35px 35px 0 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cecece+0,eeeeee+100 */
background: rgb(206,206,206); /* Old browsers */
background: -moz-linear-gradient(top, rgba(206,206,206,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,206,206,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(206,206,206,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}


.logo {
	padding: 24px 10px 0 63px;width:380px; display:inline-block
}

.content {
	background: #fff;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	border-radius: 0px 0px 35px 35px;
	-moz-border-radius: 0px 0px 35px 35px;
	-webkit-border-radius: 0px 0px 35px 35px;
	position: relative;
	padding: 0 40px;
	z-index: 6;
	height: 570px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+72,cecece+100 */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 72%, rgba(206,206,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,rgba(238,238,238,1)), color-stop(100%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 72%,rgba(206,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,238,238,1) 72%,rgba(206,206,206,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 72%,rgba(206,206,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(238,238,238,1) 72%,rgba(206,206,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}

.footer {
	height: 80px;
	padding-left:40px;
	font-size:16px
}
.tab   {
	display: inline-block;
	/* [disabled]float: left; */
	height: 100px;
	background: url(../images/tab.png) 0 0 no-repeat;
	background-size: 350px 100px;
	width: 350px;
	margin: 0 -55px 0 0px;
	position: relative;
}
.tabContent {
	font-size:28px;
	line-height:28px;
	width: 100%;
	text-align: center;
	display: inline-block;
	height: 40px;
	padding-top: 14px;
}

.tabContent a {display:block}

.tab1 {	z-index:6}
.tab2 {	z-index:5}
.tab3 {	z-index:4}
.tab4 {	z-index:3}
.tab5 {	z-index:2}
.tab6 {	z-index:1}

.topnav {left: 660px;position: fixed; top: 40px; }
.topnav ul {}
.topnav ul li {list-style-type:none;display:inline-block; margin-left:30px; width:250px; height:55px; text-align:right;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fea69c+0,f53621+50,e11b05+51,fc5d4c+100 */
background: #fea69c; /* Old browsers */
background: -moz-linear-gradient(top, #fea69c 0%, #f53621 50%, #e11b05 51%, #fc5d4c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fea69c 0%,#f53621 50%,#e11b05 51%,#fc5d4c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fea69c 0%,#f53621 50%,#e11b05 51%,#fc5d4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea69c', endColorstr='#fc5d4c',GradientType=0 ); /* IE6-9 */
 }
 .topnav ul li:hover {margin-bottom:-1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd7263+0,e6200a+50,c21704+51,fb351f+100 */
background: #fd7263; /* Old browsers */
background: -moz-linear-gradient(top, #fd7263 0%, #e6200a 50%, #c21704 51%, #fb351f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fd7263 0%,#e6200a 50%,#c21704 51%,#fb351f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fd7263 0%,#e6200a 50%,#c21704 51%,#fb351f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7263', endColorstr='#fb351f',GradientType=0 ); /* IE6-9 */ }

.topnav ul li a {display:block; color:#FFF; padding:12px 10px; font-size:1.4em; font-family:"Roboto Medium"; background-position:12px 2px; background-repeat:no-repeat}


.search {width: 1110px; position: absolute; left: 690px; top: 120px;}
.searchLogo {display:inline-block; float:left; margin-right:10px}
#___gcse_0 {width:972px; display:inline-block}
.gsc-search-box-tools .gsc-search-box .gsc-input-box {border:1px solid #4a8bf5;height:32px}
input.gsc-input {font-size:22px !important}

#twitter-widget-0 {border-radius:16px !important; -moz-border-radius:16px !important; -webkit-border-radius:16px !important}

.column {display:inline-block; vertical-align:top; margin:0 30px}
.columns2 div.column {width:805px;}
.columns3 div.column {width:515px;}

/*Home styles
.home .col1, .home .col2 {width:560px}*/
.intro {font-size:20px; }
.home .tab1 {background:url(../images/tab-grey.png) 0 0 no-repeat  !important;	background-size: 350px 100px;}

/*page2 styles */
.page2 .content {z-index:9}
.page2 .tab2 {z-index:10}
.page2 .tab2 {background:url(../images/tab-grey.png) 0 0 no-repeat  !important;	background-size: 350px 100px;}

/*page3 styles */
.page3 .content {z-index:9}
.page3 .tab3 {z-index:10}
.page3 .tab3 {background:url(../images/tab-grey.png) 0 0 no-repeat  !important;	background-size: 350px 100px;}

/*page4 styles */
.page4 .content {z-index:9}
.page4 .tab4 {z-index:10}
.page4 .tab4 {background:url(../images/tab-grey.png) 0 0 no-repeat  !important;	background-size: 350px 100px;}

/*Embed styles */
.twEmbed {width:413px;height:350px;}
.fbEmbed {width:410px; height:350px; border:1px solid #CCCCCC}

/*Border styles */
.border5 {	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.border20 {	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

/*Shadow styles */
.shadow5 {	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
}

.bordergreen {border:4px solid #00B24D}

.colcontent {background: #FFF}

.boxsm {background: #97C11F; height:660px; width:410px;display:inline-block;margin:0 0 0 30px}

.padding10 {padding:10px}

.f-right {float:right}
.f-left {float:left}

/*button styles */

.button {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 1.6em;
  margin:25px 20px 26px;
  background-image:url(../images/strip-fallback.png);
}

.btnIcon {float:left; width:200px; height:90px;background-repeat:no-repeat; margin:3px 10px 3px 20px; background-position:center}

.btnText {color:#FFFFFF;text-align:right; height:96px }
.btnText a {color:#FFFFFF;text-decoration:none; padding:35px 10px 30px 0; display:block; position:relative; }
.linkdouble {padding:19px 10px 20px 0 !important}

.btn:hover {
  text-decoration: none;
}

.btnBlue {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}

.btnBlue:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
}

/* topnax */

.icotop-rent {background-image:url(../images/icotop-rent.png)}
.icotop-contact {background-image:url(../images/icotop-contact.png)}
.icotop-repair {background-image:url(../images/icotop-repair.png)}
.icotop-findahome {background-image:url(../images/icotop-findahome.png)}

/*Useful Links */
.ico-woking {background-image:url(../images/ico-woking.png)}
.ico-nvh {background-image:url(../images/ico-nvh.png)}
.ico-wow {background-image:url(../images/ico-wow.png)}
.ico-wavs {background-image:url(../images/ico-wavs.png)}

.ico-gov {background-image:url(../images/ico-gov.png)}
.ico-surreycc {background-image:url(../images/ico-surreycc.png)}
.ico-nhs {background-image:url(../images/ico-nhs.png)}
.ico-cab {background-image:url(../images/ico-cab.png)}

/*Advice & Learning */
.ico-surreysave {background-image:url(../images/ico-surreysave.png)}
.ico-mas {background-image:url(../images/ico-mas.png)}
.ico-mse {background-image:url(../images/ico-mse.png)}
.ico-goon {background-image:url(../images/ico-goon.png)}
.ico-staysafe {background-image:url(../images/ico-staysafe.png)}
.ico-webwise {background-image:url(../images/ico-webwise.png)}
.ico-ageuk {background-image:url(../images/ico-ageuk.png)}

/* General Browsing */
.ico-bbcnews {background-image:url(../images/ico-bbcnews.png)}
.ico-wiki {background-image:url(../images/ico-wikipedia.png)}
.ico-saga {background-image:url(../images/ico-saga.png)}
.ico-trainline {background-image:url(../images/ico-trainline.png)}

.ico-facebook {background-image:url(../images/ico-facebook.png)}
.ico-twitter {background-image:url(../images/ico-twitter.png)}
.ico-gmail {background-image:url(../images/ico-gmail.png)}
.ico-outlook {background-image:url(../images/ico-outlook.png)}

.ico-argos {background-image:url(../images/ico-argos.png)}
.ico-sainsburys {background-image:url(../images/ico-sainsburys.png)}
.ico-morrisons {background-image:url(../images/ico-morrisons.png)}
.ico-amazon {background-image:url(../images/ico-amazon.png)}
