@font-face {
  font-family: "Roboto Medium";
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("../font/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("../font/Roboto-Light.ttf") format('truetype');
}


* {margin:0; padding:0}

html {  background: url(../images/bg.jpg) no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#231F20;
}

html, body
{
    margin: 0;
    padding: 0;
}
body {
	font-family:"Roboto Medium";
}


.bordergrey {border-color:#4A4A49 !important}
.borderblue {border-color:#82C7EF !important}
.bordergreen {border-color:#77C363 !important}
.borderpurple {border-color:#9397CA !important}
.borderpurple2 {border-color:#676CAB !important}
.borderorange {border-color:#FF9900 !important}
.bgwhite {background:#FFF !important}
.borderLimeGreen {border-color:#7DFF00 !important}
.borderDeepRed {border-color:#970048 !important}

.headerblue {background:#82C7EF !important}
.headergreen {background:#77C363 !important}
.headerpurple2 {background:#676CAB !important}
.headerLimeGreen {background:#7DFF00 !important}
.headerDeepRed {background:#970048 !important}
.headerorange {background:#FF9900 !important}


h1 {border-bottom: 1px dotted #333;
    font-size: 26px;
    margin-bottom: 10px;
    padding-bottom: 10px;}
a {
	text-decoration: none;
	color: #FFF; 
}
p {padding:2px 0 10px}
.container {
	background: rgba(255,255,255,.6);
	border:4px solid;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	-moz-border-radius: 35px;
	margin: 20px 50px 0;
	width: 1820px;
	height: 100%;
    min-height: 100%;
	border:3px solid;
	position:relative;
	z-index:99;
}
.header {
	height: 205px;
	z-index:0;
	-webkit-border-radius: 35px 35px 0 0px;
	border-radius: 35px 35px 0 0px;
	-moz-border-radius: 35px 35px 0 0px;
}


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

.panelTitle  {background:#9397CA; border-radius: 20px 20px 0 0 ; -moz-border-radius: 20px 20px 0 0 ; -webkit-border-radius: 20px 20px 0 0 ;width:300px; border-bottom:none !important; margin:0 0 -2px 20px; position:relative; z-index:2}
.panelTitle h2 {margin:0; padding: 4px 0 4px 14px;color:#FFF;font-weight: normal;font-size:1.5em}

.subcolumn { display: inline-block; width: 49%;}
.subcolumn .button { background:#FFF}
.subcolumn .btnText span{display:none}
.subcolumn .btnIcon {margin:1px 0 0 4px}

.content {
	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;
}

.footer {
	height: 80px;
	padding-left:140px;
	font-size:16px
}
.tab   {
	display: inline-block;
	/* [disabled]float: left; */
	height: 100px;
	background: url(../images/tab.png) 0 0 no-repeat;
	background-size: 400px 100px;
	width: 400px;
	margin: -3px -55px 0 0px;
	position: relative;
	overflow:hidden;
}
.tabKids {background: url(../images/tabkids.png) 0 0 no-repeat;}

.tabContent {
	font-size:33px;
	line-height:28px;
	width: 100%;
	text-align: center;
	display: inline-block;
	height: 40px;
}

.tabContent a {display:block; padding: 30px 0 28px; font-variant:small-caps}

.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 {display: inline-block;left: 150px;position: relative;top: -130px; }
.topnav ul {}
.topnav ul li {list-style-type:none;display:inline-block; margin-left:15px; width:208px; height:50px; text-align:right;background: #676CAC; border:2px solid #FFF }
.topnav ul li:hover {margin-bottom:-1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
 }
 
.topnav ul li a {display:block; color:#FFF; padding:14px 10px; font-size:1.1em; font-family:"Roboto Medium"; background-position:0 0; background-repeat:no-repeat}


.search {width: 1110px; position: absolute; left: 630px; 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}

.fbsocial {height:500px; border:none; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; width:100%; overflow:hidden; text-align:center}

.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-active.png) 0 0 no-repeat !important; background-size: 400px 100px !important;}
.home .tab1 .tabContent a {color:#FFF}

/*page2 styles */
.page2 .tab2 .tabContent a {color:#FFF}
.page2 .content {z-index:9}
.page2 .tab2 {z-index:10}
.page2 .tab2 {background:url(../images/tab-active.png) 0 0 no-repeat !important; background-size: 400px 100px !important;}

/*page3 styles */
.page3 .tab3 .tabContent a {color:#FFF}
.page3 .content {z-index:9}
.page3 .tab3 {z-index:10}
.page3 .tab3 {background:url(../images/tab-active.png) 0 0 no-repeat !important; background-size: 400px 100px !important;}

/*page4 styles */
.page4 .tab4 .tabContent a {color:#FFF}
.page4 .content {z-index:9}
.page4 .tab4 {z-index:10}
.page4 .tab4 {background:url(../images/tab-active.png) 0 0 no-repeat !important; background-size: 400px 100px !important;}

/*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;}
.border10 {	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.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);
}


/* KidZone */
body#kidZone {background: url(../images/bg-kidZone.jpg);}
#kidZone .panelTitle {background:#7DFF00; }
#kidZone h2 {color:#333}
#kidZone .button {border-color:#7DFF00 !important}
#kidZone .container {background:rgba(125,255,0,.4)}
#kidZone .tab {background:url(../images/tab-kidzone.png) 0 0 no-repeat  !important;}
#kidZone .tab4 {background:url(../images/tabkids.png) 0 0 no-repeat  !important;}
#kidZone .btnLimeGreen {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#baf484+0,85ef1b+50,76d814+51,8ff529+100 */
background: rgb(186,244,132); /* Old browsers */
background: -moz-linear-gradient(top, rgba(186,244,132,1) 0%, rgba(133,239,27,1) 50%, rgba(118,216,20,1) 51%, rgba(143,245,41,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(186,244,132,1) 0%,rgba(133,239,27,1) 50%,rgba(118,216,20,1) 51%,rgba(143,245,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(186,244,132,1) 0%,rgba(133,239,27,1) 50%,rgba(118,216,20,1) 51%,rgba(143,245,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baf484', endColorstr='#8ff529',GradientType=0 ); /* IE6-9 */
}
#kidZone .btnLimeGreen:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9def51+0,71d30f+50,64b711+51,7ae90b+100 */
background: rgb(157,239,81); /* Old browsers */
background: -moz-linear-gradient(top, rgba(157,239,81,1) 0%, rgba(113,211,15,1) 50%, rgba(100,183,17,1) 51%, rgba(122,233,11,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(157,239,81,1) 0%,rgba(113,211,15,1) 50%,rgba(100,183,17,1) 51%,rgba(122,233,11,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(157,239,81,1) 0%,rgba(113,211,15,1) 50%,rgba(100,183,17,1) 51%,rgba(122,233,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9def51', endColorstr='#7ae90b',GradientType=0 ); /* IE6-9 */
}



.colcontent {background: rgba(255,255,255,.5);	border:3px solid;
}

.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;
  border: 2px solid #43498F;
  color: #333;
  font-size: 1.6em;
  margin:21px 20px 20px;
  background-image:url(../images/strip-fallback.png);
  overflow:hidden;
}

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

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

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

.btnSilver {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100&0.8+0,0.8+100;Grey+Gloss+%232 */
background:#FFF;
}

.btnSilver:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5e2e9+0,c0ced8+50,a0b6c2+51,beddf2+100 */
background: rgb(213,226,233); /* Old browsers */
background: -moz-linear-gradient(top, rgba(213,226,233,1) 0%, rgba(192,206,216,1) 50%, rgba(160,182,194,1) 51%, rgba(190,221,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(213,226,233,1) 0%,rgba(192,206,216,1) 50%,rgba(160,182,194,1) 51%,rgba(190,221,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(213,226,233,1) 0%,rgba(192,206,216,1) 50%,rgba(160,182,194,1) 51%,rgba(190,221,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e2e9', endColorstr='#beddf2',GradientType=0 ); /* IE6-9 */
}


/* topnav */
.icotop-home {background-image:url(../images/icotop-home.png)}
.icotop-findahome {background-image:url(../images/icotop-findahome.png)}
.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-events {background-image:url(../images/icotop-events.png)}
.icotop-news {background-image:url(../images/icotop-news.png)}


/*Useful Links */
.ico-york {background-image:url(../images/ico-york.png)}
.ico-yorkha {background-image:url(../images/ico-yorkha.png)}
.ico-gov {background-image:url(../images/ico-gov.png)}

.ico-cab {background-image:url(../images/ico-cab.png)}
.ico-ujmatch {background-image:url(../images/ico-ujmatch.png)}
.ico-uswitch {background-image:url(../images/ico-uswitch.png)}

.ico-goon {background-image:url(../images/ico-goon.png)}
.ico-digitalunite {background-image:url(../images/ico-digitalunite.png)}
.ico-tinder {background-image:url(../images/ico-tinder.png)}
.ico-ageuk {background-image:url(../images/ico-ageuk.png)}

/* Web sites /*
/* Shopping */
.ico-amazon {background-image:url(../images/ico-amazon.png)}
.ico-asda {background-image:url(../images/ico-asda.png)}
.ico-ebay {background-image:url(../images/ico-ebay.png)}
.ico-tesco {background-image:url(../images/ico-tesco.png)}
.ico-sainsburys {background-image:url(../images/ico-sainsburys.png)}
.ico-ocado {background-image:url(../images/ico-ocado.png)}
.ico-mands {background-image:url(../images/ico-mands.png)}
.ico-morrisons {background-image:url(../images/ico-morrisons.png)}

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

.ico-bbcnews {background-image:url(../images/ico-bbcnews.png)}

.ico-yorkpress {background-image:url(../images/ico-yorkpress.png)}
.ico-yorkmix {background-image:url(../images/ico-yorkmix.png)}
.ico-ymt {background-image:url(../images/ico-ymt.png)}
.ico-york360 {background-image:url(../images/ico-york360.png)}


/* Health Advice */

.ico-cas {background-image:url(../images/ico-cas.png)}

/* Money Advice */
.ico-mas {background-image:url(../images/ico-mas.png)}
.ico-mat {background-image:url(../images/ico-mat.png)}
.ico-mse {background-image:url(../images/ico-mse.png)}
.ico-uswitch {background-image:url(../images/ico-uswitch.png)}

.ico-firststop {background-image:url(../images/ico-firststop.png)}
.ico-adviceyork {background-image:url(../images/ico-adviceyork.png)}
.ico-29c {background-image:url(../images/ico-29c.png)}

.ico-turn2us {background-image:url(../images/ico-turn2us.png)}
.ico-entitledto {background-image:url(../images/ico-entitledto.png)}
.ico-carersuk {background-image:url(../images/ico-carersuk.png)}


/*Health & Housing */
.ico-nhschoices {background-image:url(../images/ico-nhschoices.png)}
.ico-netdoctor {background-image:url(../images/ico-netdoctor.png)}
.ico-caretbd {background-image:url(../images/ico-caretbd.png)}
.ico-patient {background-image:url(../images/ico-patient.png)}
.ico-mind {background-image:url(../images/ico-mind.png)}
.ico-talktofrank {background-image:url(../images/ico-talktofrank.png)}
.ico-samaritans {background-image:url(../images/ico-samaritans.png)}



.ico-homeswapper {background-image:url(../images/ico-homeswapper.png)}
.ico-housinghelp {background-image:url(../images/ico-housinghelp.png)}
.ico-houseexchange {background-image:url(../images/ico-houseexchange.png)}