/* Content.css - element-specific styling*/
/* Header and main menu */
body
{
	margin: 0px auto;
	
}

#header
{
    margin-bottom:20px;
	margin: 0px auto;
	width: 960px;
	}

p.homepage-text { line-height:21px;}


div.topnavandsocial
{
    background: url('/images/secure.cooptravel.co.uk/Images/UtilNavBackground.png') no-repeat top left;
    float: left;
    height: 60px;
    max-height: 60px;
    width: 960px;
}

div.topnav ul {
	padding: 10px 10px 0 10px;
	width: 700px;
}

div.topnav ul li
{
    float:left;
}

div.topnav ul li a
{
	border-left: 1px solid #FFFFFF;    
	color: #FFFFFF;
    font-size: 12px;
    margin-left: 5px;
	padding-left: 5px;
    text-decoration: none;
}

div.topnav ul li:first-child a
{
    border-left: none;
	padding-left: 0;
}

div.socialmedia
{
    margin-left:15px;
}

div.socialmedia ul li {
	float: left;
}

div.socialmedia li {
	padding: 5px 5px 0 0;
	width: 20px;
}

div.socialmedia a
{
    float:left;
    margin-right:5px;
}

div.logophone
{
    float:left;
    padding: 20px;
	width: 920px;
}

div.logo
{
    float:left;
	width: 50%;
}

div.telephonenumber
{
    color: #0091D3;
    float: right;
    font-size: 30px;
	text-align: right;
	width: 50%;
	line-height: 30px;
}

/*div.mainmenu
{
    background: url('/images/secure.cooptravel.co.uk/Images/SiteNavigationBackground.png') no-repeat #FFFFFF top left;
    height: 50px;
	line-height: 50px;
	max-height: 50px;
	padding: 0 20px;
	width: 920px;
}

div.mainmenu ul {
    height: 50px;
	width: 100%;
}

div.mainmenu ul li
{
    float:left;
	text-transform: lowercase;
}

div.mainmenu ul li a
{
    color: #FFFFFF;
    display: block;
	font-size: 15px;
	text-decoration: none;
    padding: 0 15px;
}

div.mainmenu ul li:first-child a
{
    border-left: none;
	padding-left: 0;
}*/

/*****************/
/* Footer        */
/*****************/
/*#FooterArea {
	background: url("/images/secure.cooptravel.co.uk/Images/FooterBackground.png") repeat-x bottom #FFFFFF;
	float: left;
	min-height: 320px;
	width: 100%;
}
#FooterArea div.FooterContainer {
	background: url("/images/secure.cooptravel.co.uk/Images/FooterContainerBackground.png") no-repeat top;
	margin: 10px auto 0px auto;
	max-height: 290px;
	min-height: 290px;
	width: 960px;
}
#FooterArea div.FooterContainer div.FooterLinks {
	color: #FFFFFF;
	float: left;
	padding: 20px 0px 0px 20px;
	width: 250px;
}
#FooterArea div.FooterContainer div.Copyright {
	color: #FFFFFF;
	float: left;
	padding: 50px 0 0 0;
	width: 400px;
}

#FooterArea div.FooterContainer div.Copyright h2 {
	margin: 0px;
	color: rgb(0, 145, 211);
	
	font-size: 22px;
}
#FooterArea div.FooterContainer div.Copyright span {
	width: 100%; font-size: 11px; float: left;
}

#FooterArea div.FooterContainer div.Copyright p {
	padding: 0 0 30px 0;
}

#FooterArea div.FooterContainer div.FooterLinks h2 {
	margin: 0px;
	padding: 0px;
	color: rgb(0, 145, 211);
	font-size: 22px;
	font-weight: bold;
}
#FooterArea div.FooterContainer div.FooterLinks ul {
	margin: 0px; padding: 0px; width: 125px; font-size: 11px; float: left; list-style-type: none; max-height: 220px;
}
#FooterArea div.FooterContainer div.FooterLinks ul li {
	float: left; display: inline-block; min-width: 125px;
}
#FooterArea * a, #FooterArea * p
{    
color: #FFF;
}*/


/**** Header/Footer New ****/


/*--  HEADER  --*/
.mainHeader{float: left; width:100%; height:auto; background-color:#fff; margin-bottom:20px;}
.topNavSocialContainer{width:100%; height:34px; background-color:#073771;}

.navFamilyLogoContainer{width:100%; height:121px; background:url('http://www.cooptravel.co.uk/Resources/images/family-header-repeat.png') repeat-x top;}

/*-- topNavSocialContainer --*/
.topNavSocial{width:960px; height:inherit; margin:0 auto;}

/*-- navFamilyLogoContainer --*/
.familyContainer{width:100%; height:11px;}
.navLogo{width:960px; height:95px; margin:0 auto;}

/*-- topNavSocial --*/
.topNavSocial div.socialMediaContainer{width:70px; height:16px; float:left; padding:8px 0px 0px 30px;}
.topNavSocial div.socialMediaContainer ul{list-style:none;}
.topNavSocial div.socialMediaContainer ul li{display:inline; padding-right:4px;}

.topNavSocial div.topNavContainer{width:60%; height:16px; float:right; padding:8px 30px 0px 0px; font-size:11px; text-align:right; color:#fff;}
.topNavSocial div.topNavContainer ul{list-style:none;}
.topNavSocial div.topNavContainer ul li{display:inline; margin-left:8px;}
.topNavSocial div.topNavContainer ul li a{color:#fff;}

/*-- familyContainer --*/
.familyContainer div.familyNav{width:960px; height:11px; margin:0 auto;}
.familyContainer div.familyNav div{float:left; height:11px;}

/*-- navLogo --*/
.navLogo div.logoPhone{width:100%; float: left; padding: 20px 0;}
.navLogo div.mainMenuWrapper{width:960px; height:30px; margin:0 auto;}

/*-- logoPhone --*/
.navLogo div.logoPhone div.logoWrapper{width:400px; height:60px; padding:0 10px; float:left;}
.navLogo div.logoPhone div.logoWrapper div.cooptravel-Logo{width:360px; height:55px;}
.navLogo div.logoPhone div.logoWrapper div.trustMessage p{width:100%; font-family: 'vagrounded_btregular', Arial, sans-serif; font-size:16px; color:#073771; line-height:20px; text-align:left;}
.navLogo div.logoPhone div.logoWrapper div.trustMessage p span.textLight{font-family: 'vagrounded_ltregular', Arial, sans-serif;}

.navLogo div.logoPhone div.phoneDetails{width:50%; padding:0 10px; float:right; font-family: 'vagrounded_btregular', Arial, sans-serif;}
.navLogo div.logoPhone div.phoneDetails div.needHelp p{width:100%; height:25px; font-size:20px; color:#f8981d; text-align:right; line-height:20px;}
.navLogo div.logoPhone div.phoneDetails div.needHelp p span.textLight{font-family: 'vagrounded_ltregular', Arial, sans-serif;}
.navLogo div.logoPhone div.phoneDetails div.cooptravel-Telephone{width:100%; height:40px; font-size:36px; color:#0093d0; text-align:right; line-height:40px;}
.navLogo div.logoPhone div.phoneDetails div.openingTimes p{width:100%; font-size:13px; color:#17ad1f; text-align:right; line-height:13px;}
.navLogo div.logoPhone div.phoneDetails div.openingTimes p span.textLight{font-family: 'vagrounded_ltregular', Arial, sans-serif;}

/*--  FOOTER  --*/
.mainFooter{width:100%; height:auto;}

/*-- mainFooter --*/
.signatureContainer{width:100%; height:auto; background:url('http://www.cooptravel.co.uk/Resources/images/signature-repeat.png') repeat-x center;}
.footerContainer{width:100%; height:auto; background-color:#073771;}

/*-- signatureContainer --*/
.signatureContainer div.signatureArea{width:960px; height:62px; margin:0 auto; padding:10px 0px;}

/*-- signatureArea --*/
.signatureContainer div.signatureArea div.signatureLogo{width:266px; height:42px; padding:10px; margin-right:70px; background-color:#fff; float:right;}

/*-- footerContainer --*/
.footerContainer div.familyContainerFooter{width:100%; height:11px; background:url('http://www.cooptravel.co.uk/Resources/images/family-footer-repeat.png') repeat-x top;}
.footerContainer div.footerInfoContainer{width:960px; min-height:280px; margin:0 auto; padding-bottom:20px;}

/*-- footerInfoContainer --*/
.footerContainer div.footerInfoContainer div.footerLinks{width:240px; height:250px; max-height:300px; float:left; color:#fff; margin:20px 0px 0px 20px; border-right:1px dotted #839bb8;}
.footerContainer div.footerInfoContainer div.holtype{margin-left:0px;}
.footerContainer div.footerInfoContainer div.footerLinks h2, .footerContainer div.footerInfoContainer div.footerFamilyLinks h2{font-size:18px; padding-bottom:10px; color:#fff; font-weight:normal;}
.footerContainer div.footerInfoContainer div.footerLinks ul{margin:0; padding:0; width:120px; font-size:11px; float:left; list-style-type:none; max-height:220px;}
.footerContainer div.footerInfoContainer div.footerLinks ul li{float:left; display:inline-block; min-width:120px;}
.footerContainer div.footerInfoContainer div.footerLinks ul li a, .footerContainer div.footerInfoContainer div.footerFamilyLinks ul li a{color:#fff;}

.footerContainer div.footerInfoContainer div.footerFamilyLinks{width:160px; height:250px; max-height:300px; float:left; color:#fff; margin:20px 10px 0px 20px; border-right:1px dotted #839bb8;}
.footerContainer div.footerInfoContainer div.footerFamilyLinks ul{margin:0; padding:0; width:160px; font-size:11px; float:left; list-style-type:none; max-height:220px;}
.footerContainer div.footerInfoContainer div.footerFamilyLinks ul li{float:left; display:inline-block; min-width:160px;}

.footerContainer div.footerInfoContainer div.footerCompanyInfo{width:240px; max-height:300px; font-size:11px; float:right; color:#fff; margin-top:20px;}
.footerContainer div.footerInfoContainer div.footerCompanyInfo p{color:#fff;}
.footerContainer div.footerInfoContainer div.footerCompanyInfo p.topSpace{padding-top:15px;}