/* CSS Document */

* {margin:0; padding:0}
html, body
{
    margin: 0;
    padding: 0;
	background: #034A9A url(images/bg.png) repeat-x;
}
body {
	font-family:Arial, sans-serif;
}
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: #034A9A url(images/bg.png) repeat-x;
	position: relative;
    top: 100px;
}
.header {
	height: 175px;
	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: 30px 10px 0 100px;width:380px; display:inline-block
}
.swoop {position:absolute; left:1590px; top:50px}

.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: 600px;
	/* 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;
	width: 475px;
	margin: 0 -55px 0 0px;
	position: relative;
	background-size:475px 100px !important;
	background-repeat:no-repeat;
}
.tabContent {
	font-size:32px;
	line-height:28px;
	width: 100%;
	text-align: center;
	display: table;
	height: 40px;
	padding-top: 22px;
}

.tabContent a {display:table-cell; vertical-align:middle;}

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

.search {width: 930px; position: absolute; left: 850px; top: 80px; background:#FFF; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;padding:10px 0 0 10px}
.searchLogo {display:inline-block; float:left; margin-right:10px}
#___gcse_0 {width:780px; 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:46%;}
.columns3 div.column {width:29.7%;}

.subcolumn { display: inline-block; width: 49%;}
.subcolumn .btnText span{display:none}
.subcolumn .btnIcon {margin:3px 0 0 4px}

.panelTitle  {background: #FFF;border-radius: 20px 20px 0 0 ; -moz-border-radius: 20px 20px 0 0 ; -webkit-border-radius: 20px 20px 0 0 ;width:380px; border:4px solid; border-bottom:none !important; margin-bottom:-4px; position:relative; z-index:2}
.panelTitle h2 {margin:0; padding: 4px 0 0 14px;}

.colcontent {background: #FFF; height: 520px;	border-radius: 0 20px 20px 20px ; -moz-border-radius: 0 20px 20px 20px ; -webkit-border-radius: 0 20px 20px 20px }
.colcontent.social {height:420px}

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

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

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

/*page4 styles */
.page4 .content {z-index:9}
.page4 .tab4 {z-index:10}
.page4 .tab4 {background-image:url(images/tab-grey.png) !important;	background-size: 480px 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}
.borderlightblue {border:4px solid #0F9FD7}

.panelLightBlue {border:4px solid #025DA2; background:#65B7F5}
.panelYellow {border:4px solid #C69300; background:#FFD764}
.panelGreen {border:4px solid #619100; background:#E3FBB3}
.panelBlue {border:4px solid #1F369E; background:#DAE0FA}
.panelRed {border:4px solid #851818; background:#FFCDCD}
.panelOrange {border:4px solid #A14201; background:#FFCCA9}


.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:28px 20px;
  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:#333;text-align:right; height:96px }
.btnText a {color:#333;text-decoration:none; padding:35px 10px 0 0; display:block; position:relative; }
.linkdouble {padding-top:19px !important}

/* Mini Buttons */
.buttonMini {  margin:24px 20px;}
.buttonMini .btnIcon {background-size:auto 70px; height:70px; margin:3px 10px 3px 20px; }
.buttonMini .linkdouble{  padding-top:10px !important}

.buttonMini .btnText {height:76px }
.buttonMini .btnText a {padding:20px 10px 0 0; }



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

.btnBlue {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.btnBlue:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+0,d6d6d6+50,c8c8c8+51,dbdbdb+100 */
background: #e3e3e3; /* Old browsers */
background: -moz-linear-gradient(top, #e3e3e3 0%, #d6d6d6 50%, #c8c8c8 51%, #dbdbdb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e3e3e3 0%,#d6d6d6 50%,#c8c8c8 51%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e3e3e3 0%,#d6d6d6 50%,#c8c8c8 51%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}

/*Home*/
.ico-catalyst {background-image:url(images/ico-catalyst.png)}
.ico-repair {background-image:url(images/ico-repair.png)}
.ico-allpay {background-image:url(images/ico-allpay.png)}
.ico-bbcnews {background-image:url(images/ico-bbcnews.png)}
.ico-jobcentre {background-image:url(images/ico-jobcentre.png)}
.ico-cu {background-image:url(images/ico-cu.png)}
.ico-ujmatch {background-image:url(images/ico-ujmatch.png)}
.ico-mas {background-image:url(images/ico-mas.png)}

.ico-locata {background-image:url(images/ico-locata.png)}
.ico-houseexchange {background-image:url(images/ico-houseexchange.png)}
.ico-exchangelocata {background-image:url(images/ico-exchangelocata.png)}
.ico-housingmoves {background-image:url(images/ico-housingmoves.png)}

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

/*Page 2*/
.ico-nhs {background-image:url(images/ico-nhs.png)}
.ico-netdoctor {background-image:url(images/ico-netdoctor.png)}
.ico-patient {background-image:url(images/ico-patient.png)}
.ico-londonhealth {background-image:url(images/ico-londonhealth.png)}

.ico-talktofrank {background-image:url(images/ico-talktofrank.png)}
.ico-samaritans {background-image:url(images/ico-samaritans.png)}
.ico-mind {background-image:url(images/ico-mind.png)}
.ico-relate {background-image:url(images/ico-relate.png)}



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




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

.ico-bbcnews {background-image:url(images/ico-bbcnews.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)}

/*Page 3*/






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

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

.ico-learnmyway {background-image:url(images/ico-learnmyway.png)}
.ico-webwise {background-image:url(images/ico-webwise.png)}
.ico-ageuk {background-image:url(images/ico-ageuk.png)}
.ico-chope {background-image:url(images/ico-chope.png)}



.ico-customer {background-image:url(images/ico-customer.png)}
.ico-benefits {background-image:url(images/ico-benefit.png)}
.ico-home {background-image:url(images/ico-home.png)}
.ico-iass {background-image:url(images/ico-iass.png)}
.ico-catalystjobs {background-image:url(images/ico-catalystjobs.png)}
.ico-map {background-image:url(images/ico-map.png)}
.ico-pound {background-image:url(images/ico-pound.png)}
.ico-user {background-image:url(images/ico-user.png)}
.ico-homesdirect {background-image:url(images/ico-homesdirect.png)}
.ico-indeed {background-image:url(images/ico-indeed.png)}
.ico-monster {background-image:url(images/ico-monster.png)}
.ico-gumtree {background-image:url(images/ico-gumtree.png)}
.ico-motability {background-image:url(images/ico-motability.png)}
.ico-mse {background-image:url(images/ico-mse.png)}
.ico-gmail {background-image:url(images/ico-gmail.png)}
.ico-yahoo {background-image:url(images/ico-yahoomail.png)}
.ico-hotmail {background-image:url(images/ico-hotmail.png)}
.ico-bbcweather {background-image:url(images/ico-bbcweather.png)}
.ico-wiki {background-image:url(images/ico-wikipedia.png)}
.ico-maps {background-image:url(images/ico-googlemaps.png)}
.ico-amazon {background-image:url(images/ico-amazon.png)}
.ico-ebay {background-image:url(images/ico-ebay.png)}
.ico-tesco {background-image:url(images/ico-tesco.png)}
.ico-marks {background-image:url(images/ico-marks.png)}
.ico-asda {background-image:url(images/ico-asda.png)}
.ico-sainsburys {background-image:url(images/ico-sainsburys.png)}
.ico-ocado {background-image:url(images/ico-ocado.png)}
.ico-morrisons {background-image:url(images/ico-morrisons.png)}