@charset "UTF-8";
body{
    color: #7A7A7A;
    font-size: 12px;
    font-family: "Helvetica Neue",Helvetica,Arial,serif;
    background-image: url(../img/bg.png);
    background-repeat: repeat;
}

/** MAIN **/
#bodywrap{
    margin: 0 auto;
    clear: both;
    width: 980px;
}
#topnavwrap{
    margin-bottom: 0px;
    padding: 10px 0;
    float: left;
    width: 100%;
    display: inline-block;
    background-color: #008ACF;
    border-bottom: 1px solid #fff;
}

#topnav{
    margin: 0 auto;
    width: 980px;
}

#topnav li{
    margin-left: 20px;
    float: right;
}
#topnav li:last-child{
    margin: 0;
}
#topnav li a{
    float: left;
    display: block;

    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
}
#topnav li a:hover{
    text-decoration: underline;
}

.logo{
    margin-bottom: 5px;
    float: left;
}

#splash{
    position: relative;
    margin: -15px 0 0 -15px;
    /** Temporary Fix **/

    clear: both;
    float: left;
    width: 980px;
    height: 400px;

    background-image: url(../img/splash.png);
}
#splash .cta{
    position: absolute;
    top: 275px;
    right: -11px;
}

#navwrap{
    margin: 0px;
    padding: 10px 0px;
    float: left;
    width: 1000px;
    background-color: #008ACF;
}
#nav, #nav ul, #nav li{list-style: none;}
#nav li{
    margin-left: 40px;

    position: relative;

    float: left;
    display: inline;

    font-size: 11px;
    font-weight: 900;
    font-family: sans-serif;

    text-transform: uppercase;
}
#nav li:last-child, #nav li.last{

}
#nav li span{
    margin-top: 5px;

    clear: both;
    display: block;

    font-style: oblique;
    font-weight: normal;
    font-family: Georgia, Times New Roman, serif;

    text-transform: lowercase;

    letter-spacing: 1px;
}
#nav ul{
    position: absolute;
    left: 0px;
    top: 33px;

    padding: 10px;

    width: 200px;
    display: none;
    z-index: 1000;

    border-left: 1px solid #4a0400;
    border-right: 1px solid #4a0400;
    border-bottom: 1px solid #4a0400;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #008ACF;
}
#nav ul li{
    float: none;
    display: block;
}
#nav ul li a{
    padding: 7px 0;
    width: 170px;
    color: #f1f2f1;
    font-size: 14px;
    font-weight: normal;
    font-family: Georgia, Times New Roman, serif;
    text-transform: none!important;
}
#nav a{
    padding: 0 0 5px;

    float: left;
    display: block;

    color: #f1f2f1;
}
#nav a:hover{
    color: #ffecb1;
}
#nav a.selected{
    color: #ffecb1!important;
}
#nav a.selected>span{}

#container{
    padding: 15px;

    clear: both;
    float: left;
    width: 980px;
}

#maincolumn{
    margin-right: 30px;

    float: left;
    width: 600px;
}
#sidecolumn{
    padding: 15px;

    float: right;
    width: 270px;

    background-color: #f1f2f1;
}
#login{
    float: left;
    width: 100%;
}

#footer{
    margin: 0 auto;
    padding-bottom: 30px;
    width: 980px;
}
#footer li{
    margin-right: 15px;
    float: left;
    color: #aaa;
    font-size: 9px;
    font-family: Verdana;
    text-transform: uppercase;
}
#footer li:last-child{
    margin: 0;
}
#footer li a{
    font-weight: normal;
}

/** LINKS **/
a:link, a:visited{
    color: #4686C6;
    text-decoration: none;
}
a:hover{
    color: #F5891A;
}

/** TYPOG **/
#maincolumn p, #sidecolumn p{
    margin: 0 0 18px;

    font-size: 12px;
    line-height: 18px;
}
.title{
    margin: 0 0 -4px;
    font-weight: 900;
}
#login p{
    margin-bottom: 18px;

    line-height: 18px;
    text-align: center;
}

.notification{
    padding: 10px;

    clear: both;
    display: block;

    font-weight: 900;
}
.notfound{
    color: #911b0d;
    background-color: #ffb8b8;
}
.success{
    color: #5b9b28;
    background-color: #d8ffb8;
}

/** FORM ERROR **/
.error{
    padding: 10px 5px;

    float: right;

    color: #cc0000;
    font-size: 9px;
    font-family: Verdana;

    text-transform: uppercase;
}

/** HEADINGS **/
h1{
    margin-bottom: 15px;

    color: #222;
    font-size: 22px;
}
h2{
    margin-bottom: 5px;
    color: #666;
    font-size: 16px;
    font-weight: normal;
    font-family: Georgia, Times New Roman, Serif;

    line-height: 24px;
}
h2 a{
    color: #222!important;
    text-decoration: underline!important;
}
h2 a:hover{
    color: #999!important;
}
h2 strong{
    padding: 5px;
    color: #222;
    font-weight: normal;
    background-color: #ffffcc;
}

h3{
    margin: 0 0 18px;
    padding: 0;

    clear:both;

    color: #222;
    font-size: 14px;
    font-weight: 900;
    line-height: 18px;
}

/** LOGIN FORM **/
#login form{
    padding: 0 10px 15px;

    float: right;
    width: 330px;

    border-bottom: 5px solid #222;
}
#login form div{
    float: left;
    width: 330px;
}
#login form label, #login form input, .newpassword label{
    float: left;

    color: #222;
    font-size: 13px;
    font-weight: 900;
}
#login form label{
    padding: 10px 0;
    width: 320px;
}
#login form input, .newpassword input{
    padding: 12px 10px;

    width: 308px;

    font-weight: normal;

    border: 1px dashed #222;

    background-color: #eee;
}
#login form input[type="submit"], .changepassword input[type='submit']{
    margin-top: 15px;
    padding: 8px 10px;

    cursor: pointer;

    float: right;
    width: 180px;

    color: #f1f2f1;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: none;

    background: #F68617;
}
#login form input[type="submit"]:hover{
    text-decoration: underline;
    background-color: #222;
}
.forgot{
    margin:15px 0;

    clear:right;
    float:right;
    width:350px;
}
.forgot a{
    color: #911b0d;
}
.forgot a:hover{
    text-decoration: underline;
}
.badinput{
    color:#FF0000;
    outline-color:#FF0000;
    outline-style: dashed;
    outline-width:thin;
    padding:0px;
}

/** ACTIVATE **/
fieldset{
    margin-bottom: 30px;

    clear: both;
    float: left;
}
#activate div{
    margin-bottom: 1px;
    padding: 10px;

    clear: both;
    float: left;
    width: 580px;

    background-color: #f1f2f1;
}
#activate div:hover{
    background-color: #f9f9f9;
}
#activate div label{
    margin-bottom: 5px;

    float: left;

    color: #222;
    font-weight: 900;
}
#activate div input{
    margin-bottom: 5px;
    padding: 5px;

    clear: both;
    float: left;
    width: 190px;

    color: #999;
}
#activate legend{
    display: none;
}

/** ACCOUNT **/
.editmember{
    padding: 10px 0;

    float: left;
    width: 580px;

    font-size: 12px!important;

    border-top: 1px solid #F1F2F1;
    border-bottom: 1px solid #DDD;
}
.editmember:hover{
    background-color: #F1F2F1;
}
.editmember .editlive{
    margin: 0 0 40px;
    padding: 10px;

    float: left;
    width: 559px;

    border-bottom: 1px solid #CCC;
    border-right: 1px solid #DDD;

    background-color: #F1F2F1;
}
.editlive.last{margin-bottom:0;}
.editlive input{
    margin: 0!important;

    clear:none!important;
    width: 320px;
}
.add, .change{
    margin: 0 0 0 12px;

    float: right!important;
    width: 24px!important;
    height: 24px;

    border: 0;

    background-color: #F1F2F1;
    background-image: url(../img/add.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.cancel{
    margin: 0;

    float: left!important;
    width: 24px;
    height: 24px;
    display: block;

    background-image: url(../img/cancel.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.cancel:hover, .add:hover, .change:hover, #addvoucher .plus:hover{cursor: pointer;background-position: 0 -24px;}

.editmember label, #activate label{
    float: left;

    color: #656565;
    font-size: 12px;
    font-weight: 900;
}
#activate label{
    display: block;
    clear: both;
    width: 200px;
}
.editmember input, #activate input, #activate textarea, #activate select{
    margin: 5px 0 0;
    padding: 4px;

    clear: both;
    float: left;

    color: #911b0d;
    font-size: 14px;
    font-weight: normal;
}
#activate select{padding:0; color: #222; font-size:12px;}
#activate input[type="checkbox"]{
    margin: 0;
    clear: none;
}
#activate input.btn{padding: 6px 5px 5px!important;}
#activate input.btn:hover{text-decoration:underline;}
.editmember span{
    float: left;

    font-size: 14px!important;
    line-height: 30px;
}
.editmember a{
    margin: 0 0 0 15px;

    float: right;

    font-size: 12px!important;
}

/** VOUCHER DETAILS **/
#voucherdetails{
    margin: 0 0 40px;

    font-size: 12px;
}
#voucherdetails th{
    margin: 0 0 5px;
    padding: 10px;

    color: #4686C6;
    font-weight: 900;
}
#voucherdetails td{padding: 10px;border-top:1px solid #FFF;border-bottom:1px solid #DDD}
#voucherdetails .lastrow td{background-color: #FFF;}

/** ADD VOUCHER **/
.new{
    color:#FFF;
    background-color:#49b95b;
}
#addvoucher{
    padding: 10px 10px 0 0;

    float: left;
    width: 259px;

    font-size: 12px;

    border-bottom: 1px solid #CCC;
    border-right: 1px solid #DDD;

    background-color: #F1F2F1;
}
#addvoucher label{
    float: left;
    width: 100%!important;
    display: block;

    font-weight: 900;
}
#addvoucher input{
    margin: 5px 0 10px;
    padding: 5px 10px;

    clear: both;

    color: #555555;
    font-size: 20px;

    background-color: #F9F9F9;
}
#addvoucher .vouchernumber, #addvoucher .authcode{width: 100px;}
#addvoucher input:focus{background-color:#FFF;}

#addvoucher input.plus{
    margin: 0 0 0 10px;
    padding: 0;

    clear: both;
    float: left;
    width: auto!important;
    height: 24px;

    font-size: 12px;
    font-weight: 900;
    text-indent: 30px;

    border: 0;

    background-color: #F1F2F1;
    background-image: url(../img/plus.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#addvoucher input.plus:hover{color:#353535;}

/** GENERIC BUTTON **/
.btn{
    margin: 0;
    padding: 7px;

    float: left;

    color: #F1F2F1!important;
    font-size: 12px!important;
    font-weight: 900!important;

    background-color: #222;

    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    cursor: pointer;
}
.btn:hover{background-color: #4686C6;}
.btn.last{margin-left: 5px;}

/** CRUISE INFO **/
.cruiseinfo ul{
    margin-bottom: 60px;
}
.cruiseinfo ul li{
    margin: 0 0 10px 30px;

    font-size: 12px;
    line-height: 16px;

    list-style: disc;
    list-style-position: outside;
}

/** ENQUIRY FORM **/
#enquire span{
    margin-bottom: 1px;
    padding: 5px;

    clear: both;
    float: left;
    width: 585px;

    background-color: #f1f2f1;
}
#enquire span label{
    margin-bottom: 5px;

    float: left;
    width: 100%;

    font-size: 12px;
    font-weight: 900;
}
#enquire span input, #enquire span textarea{
    padding: 8px 10px;

    clear: both;
    float: left;
    width: 300px;

    color: #999;
    font-size: 14px;
}
#enquire span input[type="submit"]{
    width: 320px;
}

.activate-error, .add-error, .add-success{
    margin: 8px 0 0;
    padding: 5px 10px;

    clear: both;
    float: left;

    color: #CC0000;
    font-size: 12px;
    font-weight: 900;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;

    background-color: #ff8080;
}
.add-error{margin: 0 0 5px!important;}
.add-success{
    margin: 0 0 8px!important;

    color: #FFFFFF;
    background-color: #49b95b;

    white-space: nowrap;
}

/**
	#intro{
		margin: 0 0 30px;
		padding: 15px 0;

		float: left;
		width: 100%;

		border-bottom: 5px solid #f1f2f1;
	}
	#intro li{
		margin-right: 10px;

		position: relative;

		float: left;
		width: 300px;

		overflow: visible;
	}
	#intro li span{
		margin-bottom: 15px;

		width: 100%;
		height: 150px;

		display: block;

		border: 1px dashed #ccc;

		background-color: #f1f2f1;
	}
	#intro li .arrow{
		position: absolute;
		top: 62px;
		left: -18px;
	}
	#intro li.last{
		margin-right: 0;
	}
	**/
#intro{
    margin: 0 0 15px;
    padding: 15px 0;
    float: left;
    width: 100%;
    border-bottom: 5px solid #f1f2f1;
}
#intro li{
    margin-right: 30px;
    position: relative;
    float: left;
    width: 300px;
    height: 90px;
    overflow: visible;
    background-color: #E6F7FF;
    border: 1px solid #008ACF;
}

#intro li .arrow{
    position: absolute;
    top: 62px;
    left: -18px;
}
#intro li.last{
    margin-right: 0;
}
#intro li h2{
    color: #4d4d4d;
    font-size: 18px;
    text-align: center;
    line-height: 90px;
}
h2 a, #intro a{
    color: #008ACF!important;
}
.white_link {
    color: #FFFFFF!important;
}

/** Click 2 Call **/
#click2call{
	margin:123px 3px 0 0;
	padding:0;
	float:right;
	width:187px;
	height:36px;
	background-image:url(../img/click2call-bg.png);
	background-repeat:no-repeat;
}
#click2call a{
	margin:0;
	padding:12px 0 0;
	width:187px;
	height:36px;
	display:block;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
        text-align:center;
}