@charset "UTF-8";
body{
	color: #7A7A7A;
	font-size: 62.5%;
	font-family:"Helvetica Neue",Helvetica,Arial,serif;
	background-image: url(../img/bg-new.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

/** MAIN **/
#body-wrap{
	margin:0;
	padding:0;
	width:1000px;
}
#header{
	margin:0;
	padding:5px 0 0;
	height:95px;
	overflow:visible;
}
#top-navigation{
	margin:20px 30px 0;
	padding:0;
	float:right;
}
	#top-navigation li{
		margin:0 10px 0 0;
		padding:0 10px 0 0;
		display:inline;
		text-transform:uppercase;
		border-right:1px solid #CCC;
	}
	#top-navigation li.last{
		border-right: none;
	}
#container{
	float: left;	
}
	
/** Navigation **/
#nav-wrap{
	margin-bottom: -1px;

	position: relative;

	float: left;
	height: 34px;
	
	font-size: 10px;
	
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #999;
	
	background-image: url(http://www.cruisepilot.com.au/virginblue/img/navbg.jpg);
	background-repeat: no-repeat;
}
	#nav, #nav ul, #nav li{		
		list-style:none;
	}	
	#nav li{
		padding: 0 10px;
		
		float: left;
		display: inline;
		position: relative;
		line-height: 35px;
		height: 34px;
	}	
	#nav>li{
		text-transform: uppercase;	
	
		background-image: url(http://www.cruisepilot.com.au/virginblue/img/navbg.jpg);
		background-repeat: no-repeat;
		
		border-left: 1px solid #CCC;
	}
	#nav>li span{
		margin: 0 10px 0 0;
		
		float: right;
		
		font-weight: 900;
	}	
	#nav li.last{padding-right: 0!important;}
	
	#nav ul{
		position:absolute;
		left:-1px;
		top:27px;
		
		padding:5px 10px;
		width:180px;	
		background:#EEE;
		display:none;
		z-index:1000 !important;
		
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
	}
	#nav ul>li{
		margin: 0;
		padding: 0;
		
		width: 180px;
		height: 25px;
		
		display: block;
		
		line-height: 25px;
		
		border-bottom: 1px dotted #CCC;
	}
	
	#nav ul li>ul{
		position: absolute;
		top: -5px;
		left: 180px;
	}
#nav a:link, #nav a:visited{
	color: #555;
	
	font-weight: 900;	
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff;
}
#nav a:hover{
	color: #d6083b;
}
#nav a.selected{
	color: #d6083b;
}	
	#nav ul li a{
		display: block;
		
		font-size: 11px;
		font-weight: normal!important;
		text-transform: none;
	}	

#mainColumn{
	padding: 10px;
	
	float: left;
	width: 722px;
	
	border: 1px solid #ccc;
}
	#mainColumn-1{
		float: left;
		width: 455px;
	}
	#mainColumn-2{
		float: right!important;
		width: 255px;
	}
	
/** Sidecolumn **/
#sideColumn{
	margin: 45px 15px 15px;
	
	width: 213px;
	float: left;
}

/** Cruise search **/	
#cruise-search{
	margin: 0 0 20px;
	padding: 10px;
	
	width: 190px;
	
	background-color: #fff;
	
	border: 1px solid #ccc;
}
	#cruisesearch{
		display: inline-block;
	}
	#cruisesearch strong{
		margin: 0 0 5px;
		
		display: block;
		
		color: #d6083b;
		font-size: 12px;
		
		text-shadow: 1px 1px 1px #fff;
	}
	#cruisesearch select{
		margin-bottom: 10px;
	}	
	#cruisesearch .btn{
		margin-top: 10px;
		width: auto!important;
	}
	
/** WHAT's NEW? **/
#whats-new{
	margin: 0 0 20px;

	float: left;
	width: 212px;
}
#whats-new ul li{
	margin: 5px 0;
}
#whats-new p{
	margin: 0 0 25px;
	padding: 0 0 5px;
	
	font-size: 12px;
	line-height: 16px;

	border-bottom: 1px dotted #CCC;
}
	#whats-new a:hover{
		text-decoration: underline;
	}

/** CRUISEPILOT EXTRAS **/
.cruisepilot-extras{
	width: 100%;
}
.cruisepilot-extras li{
	margin: 5px 0;
}
.cruisepilot-extras li img{
	margin: 0 5px 20px 0;
	
	float: left;
	
	border: 1px solid #ccc;
}
.cruisepilot-extras p{
	margin-bottom: 25px;

	font-size: 12px;
	line-height: 16px;
}
.cruisepilot-extras a{
	margin-top: 5px;
	display: block;
}
	.cruisepilot-extras p a{
		color: #00549f;		
		display: inline;
	}
	.cruisepilot-extras a:hover{
		text-decoration: underline;
	}
	
/** FOLLOW US **/	
#follow-us{
	margin: 0 0 20px;
}
	#follow-us li{
		margin: 0 5px 0 0;
			
		display:inline;
		
		list-style:none;
	}

/** FOOTER **/
#footer-wrap{
	margin: 15px 15px 15px 0;
	padding: 10px;
		
	float: right;
	width: 720px;
	
	background-color: #FFF;
	border: 1px solid #DDD;
}
	#footer-wrap p{
		margin-top: 10px;
		
		clear: both;
	
		font-size: 9px;
		font-family: Verdana;
		
		line-height: 12px;
		
		text-align: center;
		text-transform: uppercase;
	}
	.footer-list{
		margin:0 0 0 15px;
		padding:0;
		width:155px;
		float:left;
	}
	.footer-list a{cursor: pointer;}
	.footer-list li{
		margin: 0 0 5px;
		padding: 0;
		font-size: 12px;
		list-style-image: url(/virginblue/img/ico-arrowright.png);
	}
	
#footer-wrap .list-header{
	margin-bottom: 15px;
	
	color: #cc0000;
	font-size: 15px;
	font-weight: 900;
	
	text-transform: lowercase;

	list-style: none;
}
#footer-wrap ul.last{margin: 0;}

/** Links **/
a:link, a:visited{color:#00549F;font-weight:normal;text-decoration: none;}
a:hover{color:#00549F;text-decoration:underline;}

/** Top navigation links **/
#top-navigation a, #top-navigation a:visited{font-weight:900; color:#fff;}
#top-navigation a:hover{font-weight:900; color:#d6083b;}

/** Close To Home / Top Destinations **/
.closetohome a:link, .topdestinations a:link, .closetohome a:visited, .topdestinations a:visited{
	color: #d6083b;
	font-weight: 900;
}
	.closetohome a:hover, .topdestinations a:hover{
		color: #525a64;
	}

/** Footer links **/
#footer-wrap a{font-weight:normal; text-decoration:none;}
#footer-wrap a:link, #footer-wrap a:visited{color:#525a64;}
#footer-wrap a:hover{color:#d6083b;}

/** Typography **/
.leader{
	color: #555;
	
	font-size: 14px!important;
	line-height: 24px!important;
}
	.leader span{
		color: #999;
		font-style: oblique;
		font-family: Georgia, Times New Roman;
	}
.red, .error, .txtRed{
	color: #d6083b;
	font-weight: 900;
}
#mainColumn p{
	margin: 0 0 16px;

	font-size: 12px;
	line-height: 20px;
}

/** Content lists **/
.list-content{
	margin: 0 0 30px 15px;
}
	.list-content li{
		margin-bottom: 5px;
	
		font-size: 12px;
		line-height: 16px;
		
		list-style: inside;
		list-style-type: disc;
	}
	
/** HEADINGS **/
h1{
	margin:0 0 10px;

	font-size: 2em;
	font-weight: 900;
	letter-spacing: -.25px;
}
h2{
	margin-bottom: 10px;

	color: #525a64;
	font-size: 16px;
	font-weight: 900;
	
	line-height: 20px;
}
h3{
	margin: 0 0 5px;
	padding: 5px 0;
	
	color: #454545;
	font-size: 13px;
	font-weight: 900;

	line-height: 18px;
}
h3.sectiontitle{
		position: relative;
	
		padding: 10px 0;
	
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		
		text-indent: 15px;
		text-transform: lowercase;
		text-shadow: -1px -1px -1px #9c170d;
		
		float: left;
		width: 212px;
		display: block;
		
		border-bottom: 1px solid #ccc;
		
		background-color: #cc0000;
	}
	h3.sectiontitle span, h3.sectiontitle.alt span{
		position: absolute;
		bottom: -6px;
		left: 15px;
	
		width: 13px;
		height: 6px;
		display: block;
		
		background-image: url(/virginaustralia/img/point.png);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
h3.sectiontitle.alt{
	color: #cc0000;
	
	text-shadow: -1px -1px -1px #fff;
	
	background-color: #f1f2f1;
}
	h3.sectiontitle.alt span{
		background-image: url(/virginaustralia/img/altpoint.png);
	}
h4{
	margin: 0 0 5px;

	font-size: 10px;
	font-weight: 900;
	
	line-height: 13px;
	
	text-transform: uppercase;
}

/** Images **/
.img-headerphone{
	margin: 0 15px 0 0;
	
	float: right;
	clear: right;
}

/** Why cruise **/
#whycruise{
	
}
	#whycruise li{
		margin-bottom: 30px;
		float: left;
	}
	#whycruise img{
		margin-right: 15px;
		float: left;
	}
	
/** Generic button **/
.btn{
	margin: 0;
	padding: 7px;	
	
	float: left;
		
	color: #FFF!important;
	font-size: 12px!important;
	font-weight: 900!important;
	
	background-color: #d6083b;
	
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	cursor: pointer;
}
	.btn:hover{background-color: #525a64;}

	#cruisestyle .btn, #destination .btn, .btn.readmore, .btn.map{
		padding: 5px 10px;
		
		float: left;
		display: block!important;
		
		color: #555!important;
		font-size:12px!important;
		
		background-color: #CCC;
		
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
		#cruisestyle .btn:hover, #destination .btn:hover, .btn.readmore:hover, .btn.map:hover{
			color: #FFF!important;
			background-color: #353535;
		}
	
	.btn.readmore{margin: 0 0 20px;}
	
.img-header{ margin: 0 0 10px;}

.stdFormElement{
	width: 185px;
}


/** Specials **/
#spcl-thumbs{
	margin-bottom: 30px;
	width: 455px;
	
	background-color: #f1f2f1;
	
	border-bottom: 1px solid #bfbfbf;
}
.spcl-thumbs-box{
	margin: 5px;
	padding: 5px 0;
	
	float: left;
	width: 215px;
	display: block;
}
	.spcl-thumbs-box:hover{
		background-color: #eee;
	}
#spcl-thumbs img{
	float: left;
	width: 50px;
	height: 50px;
}
#spcl-thumbs h4{
	margin: 0 0 5px 55px;
}
#spcl-thumbs p{
	margin: 0 0 0 55px;
	font-size: 11px;
}
.spcl-thumbs-box a{
	color: #646464;
	display: block;
}
.spcl-thumbs-box a:hover{
	color: #444;
}

	#partnered-by li{
		margin:10px 5px;
		display:inline;
		list-style:none;
	}
	
.closetohome{
	margin: 0 0 10px;
	width: 455px; 
	
	font-size: 11px;
	
	border-collapse:collapse;
}
.topdestinations{
	margin: 0 0 10px;
	width: 100%; 
	
	font-size: 11px;
	
	border-collapse:collapse;
}
.closetohome th, .closetohome td, .topdestinations th, .topdestinations td{
	padding:.5em 1em;
	
	color: #525a64;
	text-shadow: 1px 1px 1px #fff;
	line-height:14px;
}		
.closetohome th, .topdestinations th{
	font-weight: 900;
	background:#eee;
}
.closetohome td, .topdestinations td{
	border-bottom:1px solid #eee;
}

/** Sidebar Velocity points **/
#velocity{
	margin-bottom: 30px;
}
	#velocity p{
		margin-bottom: 10px;
		
		font-size: 13px;
		line-height: 18px;
	}

/** Sidebar social **/
#social{
	margin-bottom: 30px;
	float: left;
}
	#social p{
		margin-bottom: 10px;
		font-size: 13px;
	}
	#social li{
		float: left;
	}
	#social li a{
		width: 38px;
		height: 38px;
		
		display: block;
	
		background-image: url(/virginblue/img/social.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	#social li a:hover{
		background-position-y: -38px!important;
	}
	#social li a.twitter{background-position: -38px 0;}            		
	#social li a.youtube{background-position: -76px 0;}    
	#social li a.rss{background-position: -114px 0;}    
	#social li a.email{background-position: -152px 0;}
	
/** Cruisepilot Rewards CTA **/
#rewards{
	float: left;
}

/** Feature slider **/
#feature{
	margin-bottom: 15px;

	width: 720px;
	height: 268px;
}
#feature .slides_container {
	float: left;
	width: 470px;
	height: 268px;
	
	overflow: hidden;
}
.slides_container{
	position: static;
}
#feature .slides_control a, #feature .slides_control a img{
	z-index: 9!important;
	float: left;
	height: 268px;
}

#feature .pagination {
	float: left;
	width: 249px;
	height: 270px;
	
	border-left: 1px solid #525a64;
	
	background-color: #5b5b5b;
}

#feature .pagination li {
	float: left;
	width: 249px;
	
	border-top: 1px solid #4f4f4f;
	border-bottom: 1px solid #6e6e6e;
	
	background-color: #5b5b5b;
}
#feature .pagination li:hover{
	background-color: #777;
}
	#feature .pagination li:first-child, #feature .pagination li.first{
		border-top: none;
	}
	#feature .pagination li:last-child, #feature .pagination li.last{
		margin-bottom: 0;
		border-bottom: none;
	}

#feature .pagination li a {
	padding: 5px;
	
	float: left;
	width: 239px;

	display: block;	
}	
#feature .pagination li a:hover{
	text-decoration: none;
}
	#feature .pagination li a img{
		float: left;
		height: 40px;
		
		border: 1px solid #333;
	}

	#feature .pagination li.current{
		background-color: #777;
	}
	#feature .pagination li.current a img{
		border:1px solid #f1f2f1;
	}
	
	#feature .pagination li a span{
		margin-left: 10px;
		
		float: left;
		
		color: #f1f2f1;
		font-size: 16px;
		
		line-height: 40px;
		
		text-shadow: -1px -1px -1px #555;
	}
	
#signup{
	margin-bottom: 30px;
	padding: 10px 0;

	float: left;
	
	background-color: #f1f2f1;
}
#signup form{
	padding: 10px;
}
	#signup input.emailaddress{
		margin: 0 0 5px;
		padding: 10px 5px;
		
		float: left;
		width: 235px;
		
		color: #444;
		font-size: 12px;
		
		text-shadow: 1px 1px 1px #fff;
		
		background-color: #dbdbdb;
		border: 0;
	}
#signup input.submit{
	float: right;
}

/** SIGNUP LEFT **/
#signup-left{
	margin: 0 0 30px -15px;
	padding: 10px 0;

	float: left;
	
	background-color: #f1f2f1;
}
#signup-left p{
	margin: 0 0 16px;
	
	font-size: 12px;
	font-weight: 900;
	
	line-height: 20px;
}
#signup-left form{
	padding: 10px;
}
	#signup-left input.emailaddress{
		margin: 0 0 5px;
		padding: 10px 5px;
		
		float: left;
		width: 200px;
		
		color: #444;
		font-size: 12px;
		
		text-shadow: 1px 1px 1px #fff;
		
		background-color: #ddd;
		border: 0;
	}
#signup-left input.submit{
	float: right;
}

/** FEATURES LIST **/
.features{
}
	.features li{
		clear: both;
		float: left;
	}
	.features li img{
		margin: 5px 15px 15px 0;
		float: left;
	}
		.features.luxury li img{
			margin-bottom: 35px;
		}
	.features li a{
		
	}
	.features li a:hover{
		text-decoration: underline;
	}
	
/** Cruising calendar **/
.cruiseCalendarTable {
	margin: 0 0 10px;
	padding: 5px;
	font-size:1.2em;
	border: 1px solid #CCC;
}
.cruiseCalendarTable tbody tr {
	height:25px;
}
.cruiseCalendarTable tbody td {
	padding-left:5px;
}
.cruiseCalendarTable .calendarTitleRow {
	color:#d6083b;
	border-bottom:1px solid #F2F2F2;
}
.altRow {
	background-color:#F2F2F2;
}
.cruisingPeriod {
	border:1px solid #CCC;
	background-color:#CCC;
}

/** DESTINATION LIST **/
.destinations-list{
	margin-right: 2px;
	
	float: left;
	width: 178px;
	
	font-size: 13px;
}
.destinations-list li{
	margin-bottom: 10px;
}
.destinations-list li.last{
	margin-right: 0;
}

/** BEST TIME **/
.list-besttime{
	margin-bottom: 30px;
	width: 100px;
}
	.list-besttime li{
		margin: 5px 0;
		
		font-size: 11px;
		line-height: 10px;
		text-transform: uppercase;
	}
	.list-besttime li.yes{
		background: url(../img/ico-tick.png);
		background-position: right;
		background-repeat: no-repeat;
	}
	.list-besttime li.no{
		background: url(../img/ico-cross.png);
		background-position: right;
		background-repeat: no-repeat;	
	}
	.list-besttime.left{
		margin: 0 0 0 15px;
		padding: 0 12px 0 0;
		
		border-right: 1px solid #CCC;
	}
	.list-besttime.right{
		margin: 0 15px 0 0;
	}
	
/** DESTINATION SIDEBAR **/
.destination{
	padding: 0 5px;
	
	width: 245px;

	background-color: #f9f9f9;
}
#startshopping{
	margin: 30px 0;
	float: left;
}

/** FORMS **/
.cruisemail, .quote, .contact{
	margin: 20px 0;
	padding: 20px 20px 20px 0;
	
	float: left;
	width: 439px;
	
	border-right: 1px solid #CCC;
}
#rewardslogin form{
	clear: both;
}
.cruisemail h2, .quote h2, .contact h2, #rewardslogin h2{
	margin: 0 0 20px 10px;
	padding: 0 0 5px;
	
	width: 429px;
	display: block;
	
	color: #555;
	font-size: 14px;
	
	border-bottom: 1px solid #eee;
}
.cruisemail label, .quote label, .contact label, #rewardslogin label{
	margin: 0 20px 0 0;
	
	float: left;
	width: 130px;
	display: block;
	
	color: #888;
	font-weight: 900;
	text-align: right;
	vertical-align: text-top;
}			
.cruisemail input, .quote input, .contact input, .cruisemail textarea, .quote textarea, .contact textarea, #rewardslogin input{
	margin: 0 0 15px;
	padding: 8px 3px;
	
	float: left;
	width: 254px;
					
	color: #555;
}
.cruisemail select, .quote select, .contact select{margin: 0 0 15px;}
#rewardslogin p{
	font-size: 1.2em;
	font-weight: 900;
	text-align: left;
}

/** CRUISEMAIL SOCIAL **/
#cruisemail-social{
	padding: 30px 0 40px;
	
	float: right;
	width: 260px;
}
#cruisemail-social h2{
	margin: 0 0 10px 0;
	padding: 0 20px 5px;		
	
	display: block;
	
	color: #555;
	font-size: 14px;
	
	border-bottom: 1px solid #eee;
}
#cruisemail-social>p{
	margin: 0 0 12px;
	padding: 0 20px;
	
	font-size: 12px;
	line-height: 20px;
}
#cruisemail-social a{font-weight: 900;}

#cruisemail-social ul{margin: 0 0 20px 20px;}	
#cruisemail-social ul li{
	width: 200px;
	height: 52px;
	display: block;
	
	text-align: left;
	
	border-bottom: 1px solid #eee;
}

#cruisemail-social ul li a{
	padding: 10px;
	
	width: 180px;
	height: 32px;
	display: block;
}
#cruisemail-social ul li a:hover{
	color: #555;
	background-color: #F1F2F1;
}
#cruisemail-social ul img{
	margin: 0 5px 0 0;
	float: left;
}
#cruisemail-social ul p{
	margin: 5px 0 0 5px;
	
	float: left;
	
	font-size: 1.2em;
	font-weight: 900;
	text-align: left;
}

.feedback{
	position: fixed;
	right: -7px;
	top: 200px;
	
	width: 50px;
	height: 200px;
}
	.feedback:hover{
		right: 0px;
	}
	
/** MESSAGES **/
#messages{
	margin-bottom: 30px;

	float: left;
	width: 100%;
	height: 240px;
	
	overflow: hidden;
}
#messages img{
	margin: 5px 0 0;
}
#messages p{
	padding: 10px;
	
	color: #333;
	text-shadow: -1px -1px -1px #eee;
	
	background-color: #EEE;
	
	border-bottom: 1px solid #999;
}

/** REWARDS LOGIN POPUP **/
#rewardslogin{
	padding: 100px 0 30px;

	float: left;
	width: 455px;
	
	font-size: 14px;
	
	background-image: url(../img/rewardslogin-bg.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#rewardslogin form label{
	color: #fff;
}

/** CRUISING STYLES **/
#styles{
	clear: both;
	float: left;
	width: 100%;	
}
	#styles li{
		margin: 0 15px 15px 0;
		
		float: left;
		width: 230px;
		height: 200px;
	}
	#styles li:last-child, #styles li.last{
		margin-right: 0!important;
	}

/** TESTIMONIALS **/
#testimonials li{
	margin-bottom: 25px;
	padding-bottom: 25px;
	
	float: left;
	width: 100%;
	
	border-bottom: 1px solid #CCC;
}

/** BREADCRUMBS (PROMOTIONS) **/
/** BREADCRUMBS **/
.breadcrumbs{
	margin: 0 0 15px;
	padding: 5px;
	
	float: left;
	width: 710px;
	
	font-size: 11px;
	line-height: 18px;
	
	border-bottom: 1px solid #CCC;
	
	background-color: #F1F2F1;
}
	.breadcrumbs li{
		margin: 0 5px 0 0;
		float: left;
	}
	.breadcrumbs li a{
		margin: 0 5px 0 0;
		font-weight: normal;
	}
	.breadcrumbs li a.home{
		width: 16px;
		height: 16px;
		
		display: block;
		
		background-image: url(/shared/img/home.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
		.breadcrumbs li a.home:hover{
			background-position: 0 -16px;
		}

/** NOTICE **/
.notify{
	margin-top: 15px;
	padding: 10px 0;
	
	clear: both;
	float: left;
	width: 100%;
	
	color:#619e1f;
	text-align: center;
	
	border-top: 1px solid #b5f373;
	border-bottom: 1px solid #b5f373;
	background-color:#e4ffc7;
}	

/** SHARE **/
#share{
	margin-bottom: 15px;
	padding: 5px;
	
	float: left;
	
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	
	background-color: #f1f2f1;
}