/*   BODY STYLING  */

@font-face {
    font-family: 'Cocon';
    src: url('../type/cocon_re-webfont.eot');
    src: url('../type/cocon_re-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/cocon_re-webfont.woff') format('woff'),
         url('../type/cocon_re-webfont.ttf') format('truetype'),
         url('../type/cocon_re-webfont.svg#Cocon') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background: url('../images/bkg/bkg.jpg') no-repeat;
	background-color: #76cdc7; 
	background-attachment: fixed;
	background-position: top center; 
	margin: 0px;
	padding: 0px;
}





/*   CONTAINER   */

#container {
	width: 900px;
	height: auto;
	margin: 0px auto;	
	padding: 0px;
}


/* Calendar icons */

span.dateCalendar			{width:34px;height:31px;background:url(/resources/images/ico/calendar.png); cursor:pointer;display:block;float:left;margin:0 10px 0 3px;}
/*span.dateCalendar:hover		{background:#fff url(/resources/images/ico/calendar.png);}*/


/*   HEADER   */

#header {
	width: 900px;
	height: 139px;
	background: url('../images/bkg/header.png') no-repeat;
	margin: 0px auto;	
	padding: 0px;
}

.logo {
	float: left;
	width: 595px;
	height: 119px;
	top: 0px;
	margin: 0px 0px 0px -53px;
	padding: 0px;
}


/*top nav links*/

.topNav {
	float: right;
	width: 900px; 
	height: auto;
	overflow: hidden;
	margin: -110px 0px 0px 0px;
	padding: 0px;
}

.topNav ul {
	float: right;
	width: 100%; 
	margin: 0px;
	padding: 0px;
}

.topNav ul li {
	width: auto;
	height: auto;
	display: inline;
}

.topNav ul li a {
	float: right;
	width: auto;
	height: auto;
	font-family: Cocon, Calibri, Trebuchet MS;
	font-size: 16px;
	color: #00a091;	
	text-decoration: none;
	margin: 5px 0px 0px 10px;
	padding: 0px;
}

.topNav ul li a:visited {
	width: auto;
	height: auto;
	color: #00a091;
	text-decoration: none;
}

.topNav ul li a:hover { 
	width: auto;
	height: auto;
	color: #42281b;
	text-decoration: none;
}

.topNav ul li.active a, .topNav ul li.active a:visited, .topNav ul li.active a:hover {
	width: auto;
	height: auto;
	font-size: 20px;
	color: #42281b;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

/* DEFAULT TOOLTIP COLOUR */

.tooltip							{padding:10px; background-color:#42281b; color: #B5E5D9; border:1px solid #fff;}


/*footer nav links*/

.footerNav {
	float: left;
	width: 940px; 
	height: auto;
	border-bottom: 1px solid #000000;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.footerNav ul {
	float: left;
	width: 680px; 
	margin: 0px 0px 0px 20px;
	padding: 10px 0px;
}

.footerNav ul li {
	width: auto;
	height: auto;
	display: inline;
}

.footerNav ul li a {
	float: left;
	width: auto;
	height: auto;
	font-family: Cocon, Calibri, Trebuchet MS;
	font-size: 14px;
	color: #00a091;	
	text-decoration: none;
	margin: 5px 10px 0px 0px;
	padding: 0px;
}

.footerNav ul li a:visited {
	width: auto;
	height: auto;
	color: #00a091;
	text-decoration: none;
}

.footerNav ul li a:hover { 
	width: auto;
	height: auto;
	color: #42281b;
	text-decoration: none;
}

#socialmedia 
{
    float: right;
    width: 220px;
    text-align: right;
    margin: 12px 0px 0px 0px;
    padding: 0px;
}

.googleplus                         {float:right;width:80px;overflow:hidden;}
.facebooklike                       {float:right; width: 90px}

/* Bullet list */

.bullet_list 
{
	width: 100%;	
	margin: 0px;	
	padding: 0px;
}

.bullet_list ul 
{
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

.bullet_list li 
{
	display: block; 
	list-style: none; 
	background: url(../images/ico/bullet.png) no-repeat 0px 10px ;
	font-size: 14px; 
	color: #b5e5d9;
	margin: 0px; 
	padding: 6px 0px 8px 24px;
}


.bullet_listContent 
{
	width: 100%;	
	margin: 0px;	
	padding: 0px;
}

.bullet_listContent ul 
{
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

.bullet_listContent li 
{
    float: left;
	display: block; 
	width: 292px;
	list-style: none; 
	background: url(../images/ico/bullet.png) no-repeat 0px 10px ;
	font-size: 14px; 
	color: #ffffff;
	margin: 0px; 
	padding: 6px 0px 8px 24px;
}

.bullet_listContent li a, .bullet_listContent li a:visited, .bullet_listContent li a:hover
{
    float: left;
	display: block; 
	width: 292px;
	font-size: 14px; 
	color: #42281B;
	margin: 0px; 
}




.bullet_listCovered 
{
	width: 100%;	
	margin: 0px;	
	padding: 0px;
}

.bullet_listCovered ul 
{
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

.bullet_listCovered li 
{
	display: block; 
	list-style: none; 
	background: url(../images/ico/bullet.png) no-repeat 0px 10px ; 
	color: #b5e5d9;
	margin: 0px; 
	padding: 6px 0px 8px 24px;
}


.bullet_listCovered 
{
	width: 100%;	
	margin: 0px;	
	padding: 0px;
}

.bullet_listCovered ul 
{
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

.bullet_listCovered li 
{
    float: left;
	display: block; 
	width: 100%;
	list-style: none; 
	background: url(../images/ico/bullet.png) no-repeat 0px 10px ;
	color: #ffffff;
	margin: 0px; 
	padding: 6px 10px 8px 24px;
}

.bullet_listCovered li a, .bullet_listCovered li a:visited, .bullet_listCovered li a:hover
{
    float: left;
	display: block; 
	width: 100%;
	color: #42281B;
	margin: 0px; 
}


.bullet_listCovered2 
{
	width: 100%;	
	margin: 0px;	
	padding: 0px;
}

.bullet_listCovered2 ul 
{
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

.bullet_listCovered2 li 
{
    float: left;
	display: block; 
	width: 100%;
	list-style: none; 
	background: url(../images/ico/bullet.png) no-repeat 0px 10px ;
	color: #ffffff;
	margin: 0px; 
	padding: 6px 10px 8px 24px;
}

.bullet_listCovered2 li a, .bullet_listCovered2 li a:visited, .bullet_listCovered2 li a:hover
{
    float: left;
	display: block; 
	width: auto;
	color: #42281B;
	margin: 0px; 
}


/* Latest news */

.Latest_News 
{
	width: 100%;	
	margin: 0px;	
	padding: 0px;
}

.Latest_News ul 
{
	margin: 0px;
	padding: 0px;
}

.Latest_News li 
{
    float: left;
    width: 180px;
	list-style: none; 
	background: url(../images/ico/bullet.png) no-repeat 0px 10px ;
	font-size: 11px; 
	color: #42281b;
	margin: 0px 10px 0px 0px; 
	padding: 6px 0px 8px 20px;
}

.Latest_News li a, .Latest_News li a:visited, .Latest_News li a:hover 
{
    color: #42281B;
}

/* Archives_links */

.Archives_links 
{
	width: 100%;	
	margin: 0px;	
	padding: 0px;
}

.Archives_links ul 
{
	margin: 0px;
	padding: 0px;
}

.Archives_links li 
{
    float: left;
    width: 120px;
	list-style: none; 
	background: url(../images/ico/bullet.png) no-repeat 0px 10px ;
	font-size: 11px; 
	color: #42281b;
	margin: 0px 15px 0px 0px; 
	padding: 6px 0px 8px 24px;
}





/*   CONTENT   */

.left {
	float: left;
	width: 660px;
	height: auto;
	margin: 0px 14px 0px 0px;
	padding: 0px;
}

.timeleft {
	float: left;
	width: 300px;
	height: auto;
	margin: 0px 14px 0px 0px;
	padding: 0px;
}

.timeright {
	float: right;
	width: 300px;
	height: auto;
	margin: 0px 14px 0px 0px;
	padding: 0px;
}

.lefttest {
	float: left;
	width: 636px;
	height: auto;
	background: url('../images/bkg/qq.png') repeat-y;
	margin: 0px 0px 0px 1px;
	padding: 6px 12px 0px 12px;
}

.lefttest a:link, .lefttest a:visited, .lefttest a:hover
{
    color: #42281b;
}

.right {
	float: left;
	width: 226px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.qq {
	float: left;
	width: 627px;
	height: auto;
	background: url('../images/bkg/qq.png') repeat-y;
	margin: 0px 0px 0px 1px;
	padding: 0px 16px 10px 16px;
}

.qqlight {
	float: left;
	width: 627px;
	height: auto;
	text-transform: none;
	background: url('../images/bkg/qqlight.png') repeat-y;
	margin: 0px 0px 0px 1px;
	padding: 10px 16px;
}

.rightbox {
	float: left;
	width: 194px;
	height: auto;	
	background: url('../images/bkg/boxbottom.png') no-repeat;
 	background-position: bottom;
	margin: 0px;
	padding: 16px;
}

.sil {
	float: left;
	width: 230px;
	height: 55px;
	margin: 0px 0px -1px 8px;
	padding: 0px;
}

.zero {
	float: left;
	margin: 0px;
	padding: 0px;
}

.faq_claim {
	float: left;
	text-decoration: none;
	border: 0px;
	margin: 16px 0px;
	padding: 0px;
}

.needhelp {
	float: left;
	margin: 10px 0px 10px -12px;
	padding: 0px;
}

.whatscovered {
	float: left;
	width: 295px;
	height: 281px;;	
	background: url('../images/main/whatscovered.png') no-repeat;
	margin: 3px 14px 0px 0px;
	padding: 6px 20px 12px 12px;
}

.newsandadvice {
	float: left;
	width: 304px;
	height: 281px;;	
	background: url('../images/main/newsandadvice.png') no-repeat;
	margin: 3px 0px 0px 0px;
	padding: 6px 0px 12px 15px;
}

.newsfeed {
	float: left;
	width: 264px;
	height: 80px;;	
	margin: 25px 0px 20px 0px;
	*margin: 28px 0px 20px 0px;
	padding: 0px 40px 0px 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.newsfeed {
		margin: 28px 0px 20px 0px;; /* This works only in Safari and Google Chrome */
	}
} 

.newsadviceImg {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

.advice {
	float: left;
	width: 264px;
	height: 80px;;
	margin: 0px 0px 20px 0px;
	padding: 0px 40px 0px 0px;
}

.col313back {
	float: left;
	width: 310px;
	height: auto;	
	margin: 0px 8px 0px 0px;
	padding: 0px;
}

.ConBottom {
	float: left;
	width: 636px;
	height: auto;
	background: url('../images/main/conbottom.png') no-repeat;
	background-position: bottom; 
	margin: 0px;
	padding: 6px 12px 0px 12px;
}

.ConBottomsmall {
	float: left;
	width: 636px;
	min-height: 20px;
	background: url('../images/main/conbottomsmall.png') no-repeat;
	background-position: top; 
	margin: 0px;
	padding: 6px 12px 12px 12px;
}

.ConBottomplain {
	float: left;
	width: 660px;
	height: 20px;
	background: url('../images/main/conbottomplain.png') no-repeat;
	background-position: bottom; 
	margin: 0px;
	padding: 0px;
}

.ConBottomplainTop {
	float: left;
	width: 636px;
	height: auto;
	background: url('../images/main/conbottomplaintop.png') no-repeat;
	background-position: top; 
	margin: 10px 0px 0px 0px;
	padding: 6px 12px 12px 12px;
}

.ConBottomplaincovered {
	float: left;
	width: 636px;
	height: auto;
	background: url('../images/main/conbottomplaincovered.png') no-repeat;
	background-position: top; 
	margin: 10px 0px 0px 0px;
	padding: 6px 12px 12px 12px;
}

.ContentPlainBkg {
	float: left;
	width: 636px;
	height: auto;
	background: url('../images/main/plainbkg.png') no-repeat;
	background-position: top; 
	margin: 10px 0px 0px 0px;
	padding: 6px 12px 12px 12px;
}

.ConPlain {
	float: left;
	width: 636px;
	height: auto;
	background: #4dbdb2; 
	margin: 0px 0px 0px 0px;
	padding: 6px 12px 12px 12px;
}

.backpackersCon {
	float: left;
	width: 636px;
	height: auto;
	background: url('../images/main/backpacker.png') no-repeat;
	background-position: top; 
	margin: 10px 0px 0px 0px;
	padding: 6px 12px 12px 12px;
}

.wintersportsCon {
	float: left;
	width: 636px;
	height: auto;
	background: url('../images/main/wintersports.png') no-repeat;
	background-position: top; 
	margin: 10px 0px 0px 0px;
	padding: 6px 12px 12px 12px;
}

.singletripCon {
	float: left;
	width: 636px;
	height: auto;
	background: url('../images/main/singletrip.png') no-repeat;
	background-position: top; 
	margin: 10px 0px 0px 0px;
	padding: 6px 12px 12px 12px;
}

.annualCon {
	float: left;
	width: 636px;
	height: auto;
	background: url('../images/main/annual.png') no-repeat;
	background-position: top; 
	margin: 10px 0px 0px 0px;
	padding: 6px 12px 12px 12px;
}

.over65Con {
	float: left;
	width: 636px;
	height: auto;
	background: url('../images/main/over65.png') no-repeat;
	background-position: top; 
	margin: 10px 0px 0px 0px;
	padding: 6px 12px 12px 12px;
}

.pressnewsImage{
    float: left;
    padding-right: 15px;
}

#latest_articles_greybkg_item_list 
{
    float: left;
	width: 636px;
	list-style-type:none;
	margin: 15px 0px 0px -10px;
	padding: 0px;
}

#latest_articles_greybkg_item_list li 
{
    overflow:hidden;
	float: left;
    width: 190px;
    height: 54px;
    font-size: 11px;
    line-height: 14px;
    color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 0px;   
}

.scrollingImage {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

.press_headers_image {
    font-family: Cocon, Calibri, Trebuchet MS;
	font-size: 16px;
	font-weight: lighter;
	color: #ffffff;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}




/*   FOOTER   */

.footer {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

.footerContainer {
	width: 940px;
	height: auto;	
	margin: 0px auto;
	padding: 0px;
}





/*   ACCORDION   */
#accordion					{width:610px;margin:0px auto 0 auto;height: auto;}
#accordion .toggler			{background: url(../images/main/acc_openclosefaq.png) no-repeat;cursor:pointer;border:0;padding:0 10px 0 0px;height:23px;text-align: left;}
#accordion .toggler p		{font-family:Trebuchet MS;font-size:12px;font-weight: bold;color:#fff;padding:0px 0px 0px 38px;margin:0}
#accordion .element			{width:590px; margin-bottom: 20px; padding: 0px 10px}
#accordion .element p		{margin:0 0 0 10px;padding: 10px 0;color:#ffffff;}






/*   TYPOGRAPHY STYLING   */

h1 {
	font-family: Cocon, Calibri, Trebuchet MS;
	font-size: 20px;
	font-weight: lighter;
	color: #e7511e;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Cocon, Calibri, Trebuchet MS;
	font-size: 20px;
	font-weight: lighter;
	color: #e7511e;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-family: Cocon, Calibri, Trebuchet MS;
	font-size: 20px;
	font-weight: lighter;
	color: #e7511e;
	margin: 0px;
	padding: 0px;
}

p {
    	font-size: 12px; 
    	color: #ffffff;
	line-height: 16px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.contentTOP {
    	font-size: 14px; 
    	color: #054142;
	line-height: 22px;
	margin: 50px 0px 10px 0px;
	padding: 0px;
}

.contentPara {
    	font-size: 14px; 
    	color: #054142;
	line-height: 22px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.newstitle {
	color: #00a091;
	margin: 0px;
	padding: 0px;
}

.newspara {
	font-size: 11px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.footerp {
	font-size: 10px;
	color: #000000;
	margin: 0px 0px 10px 20px;
	padding: 0px;
}

.headings {
	font-family: Cocon, Calibri, Trebuchet MS;
	font-size: 16px;
	font-weight: lighter;
	color: #ffffff;
	margin: 40px 0px 20px 0px;
	padding: 0px;
}

.headingsnext {
	font-family: Cocon, Calibri, Trebuchet MS;
	font-size: 16px;
	font-weight: lighter;
	color: #ffffff;
	margin: 0px;
	padding: 20px 0px 20px 0px;
}





/*   QQ   */


.qqheaders {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-transform: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.form_full {
	width: 627px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#datesHeading {
	text-transform: none;}

.quote_subheading_trip {
	float: left;
	width: 75px;
    	font-size: 12px;
    	color: #42281b;
	margin: 0px;
	padding: 6px 0px 0px 0px;
}

.quote_subheading_date {
	float: left;
	width: 50px;
    	font-size: 12px;
    	color: #42281b;
	margin: 0px;
	padding: 6px 0px 0px 0px;
}

.quote_subheading_dates {
	float: left;
	width: 50px;
	text-align: right;
    	font-size: 12px;
    	color: #42281b;
	margin: 0px 10px 0px 0px;
	padding: 6px 0px 0px 0px;
}

.quote_subheading_travellers {
	float: left;
	width: 118px;
    	font-size: 12px;
    	color: #42281b;
	margin: 0px 10px 0px 0px;
	padding: 6px 0px 0px 0px;
}

.quote_subheading_travellersAGE {
	float: left;
	width: 110px;
    	font-size: 12px;
    	color: #42281b;
	margin: 0px 10px 0px 20px;
	padding: 6px 0px 0px 0px;
}

.quote_subheading_travellersmain {
	float: left;
	width: 116px;
    	font-size: 12px;
    	color: #b5e5d9;
	margin: 0px 10px 0px 0px;
	padding: 6px 0px 0px 0px;
}

.travel_nums {
	float: left; 
	width: 280px; 
	height: auto;
	margin: 0px;
	padding: 0px;
}

.quote_subheading_travellersnum {
	float: left;
	width: 20px;
    	font-size: 12px;
    	color: #b5e5d9;
	margin: 0px 10px 0px 30px;
	padding: 6px 0px 0px 0px;
}

.quote_subheading_travellersnumalign {
	float: left;
	width: 20px;
    	font-size: 12px;
    	color: #b5e5d9;
	margin: 0px 10px 0px 96px;
	padding: 6px 0px 0px 0px;
}

.qqsheading 
{
    	font-size: 12px;
    	color: #000000;
	margin: 0px;
	padding: 0px;
}

.qqswhite {
    	font-size: 11px;
    	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.form_headingsDates {
	float: left;
	width: 40px;
	height: 25px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.QQSINGLE {
	float: left;
	width: 270px;
	height: auto;
	margin: 0px;
	padding: 6px 0px 0px 0px;
}

.QQBACK {
	float: left;
	width: 270px;
	height: auto;
	margin: 0px;
	padding: 6px 0px 0px 0px;
}

.QQWINT {
	float: left;
	width: 270px;
	height: auto;
	margin: 0px;
	padding: 6px 0px 0px 0px;
}

.QQAMT {
	float: left;
	width: 270px;
	height: 76px;
	background: url('../images/bkg/qqamt.png') no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 6px;
}

.QQINDIV {
	float: left;
	width: 256px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.QQCOUPLE {
	float: left;
	width: 296px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.info							{position: absolute;margin: -5px 0px 0px 5px;padding: 0px;}


/* NEW QQ STYLING */

.QQLEFTWIDTH 
{
    float: left;
    width: 270px;
    height: 76px;
    margin: 0px;
    padding: 0px;
}

.qqsheadingNEW 
{
    float: left;
    width: 74px;
    font-size: 12px;
    color: #000000;
	margin: 0px;
	padding: 5px 0 0 0;
}



/*   BUTTONS HOVER   */

a.purchaseBtn {
	float: right;
	width: 161px;
	height: 48px;
	display: block;
	text-decoration: none;
	background: url('../images/btn/purchase.png');
	margin: 0px;
	padding: 0px;
}

a.purchaseBtn:hover {
	background-position: -161px 0;
}

.purchaseBtnImg {
	float: right;
	width: 161px;
	height: 48px;
	display: block;
	text-decoration: none;
	background: url('../images/btn/purchase.png');
	margin: 0px;
	padding: 0px;
}

.purchaseBtnImg:hover {
	background-position: -161px 0;
}



/*   LINK STYLING   */

a img { 
	text-decoration: none;
	border: 0px;
}

a:link { 
	color: #e7511e;
	text-decoration: underline;
} 

a:visited { 
	color: #e7511e;
	text-decoration: underline;
} 

a:hover { 
	color: #e7511e; 
	text-decoration: none;
}





/*   CLEAR DIV STYLING   */

div.clear {
	clear: both; 
	height: 0px;	 	
	line-height: 0px;
	font-size: 0px;
}

.hrStyle {	
	height: 1px;	 	
	line-height: 1px;
	font-size: 0px;
	margin: 15px 0px 15px 0px;
	padding: 0px;
}