/*---
Naswell Corporation
www.naswell.com.au

Created by Breno Pittoli on September 2008
---*/

/* gloabal and structure */
html {height:100%;}
body, #header *, #boxPics *, #footer *, .footer *, #rightCol *, #frmCorp *, #frmBooking *, #bookingSteps, #bookingSteps * {margin:0; padding:0; border:0;}
body {height:100%; font-family: Arial, Helvetica, sans-serif; background:#A5A5A5 url('/images/pageBg.jpg') repeat-x; color:#333; font-size:12px;}
#main {margin:0 auto; width:955px; background:#FFF;}
#mainAdm {margin:0 auto; width:955px; background:#FFF;}
.hide {display:none;}
.mainTitle {margin:0; padding:0; font-size:28px; color:#06F;}
.subTitle {margin:0; padding:0; font-size:20px; color:#000;}
.hlBlue01 {font-size:18px; color:#06F;}
.hlBlue02 {color:#06F;}
a {color:#06F; text-decoration:underline;}
a:hover {text-decoration:none;}
.hlBlue01 {font-size:18px;}
.hlBlack01 {font-size:18px; color:#000;}
.hlBlack02 {font-size:14px; font-weight:bold;}

/* Caption Code */
#captionCodeImage, #captionCodeScript {text-align:right !important; display:block;}
#captionCodeScript {padding:0 14px;}
#captionCodeImage img {width:90px;}
#captionCodeScript img {border:1px solid #999; width:90px;}
#captionCode {text-transform:uppercase;}
.captionCodeError {margin:15px auto; padding:5px; border:1px solid #FC9; width:65%; background:#FAFAFA; text-align:center; color:#F60; font-weight:bold;}


/* header */
#header {height:357px; background:#000; position:relative;}
#header h1 {width:266px; height:80px; background:#000 url('/images/logo01.png') no-repeat; display:block; text-indent:-9999px;}
#header h1 a {width:266px; height:80px; display:block;}
#topNav {width:480px; height:80px; list-style:none; position:absolute; top:0; right:0;}
#topNav li {margin-right:15px; display:block; float:left; color:#C93; font-weight:normal; line-height:80px;}
#topNav li a {padding-left:17px; color:#FFF;}
#topNav li a:hover {color:#09F;}
#ico01 {background:transparent url('/images/icon_home.gif') 0 0 no-repeat;}
#ico02 {background:transparent url('/images/icon_stf.gif') 0 0 no-repeat;}
#ico03 {background:transparent url('/images/icon_mail.gif') 0 2px no-repeat;}
#ico04 {background:transparent url('/images/icon_contact_us.gif') 0 1px no-repeat;}
#bnFlash {width:100%; height:277px; background:#FFF; position:relative;}
#bnFlash object {position:absolute; top:0; left:0; z-index:0;}
#mainNav {list-style:none; position:absolute; top:300px; right:0; z-index:100;}
#mainNav li {margin:0 20px; float:left;}
#mainNav li a {font-size:18px; color:#FFF; text-decoration:none;}
#mainNav li a:hover {color:#09F;}

/* content */
#content {padding:20px; width:670px; float:left; font-size:14px;}
#contentFull {padding:20px; width:910px; font-size:14px;}
#boxPics {margin:0 15px 10px 0; padding-bottom:40px; width:232px; text-align:center; display:block; float:left;}
#boxPics img {margin-top:10px; padding:2px; border:1px solid #999; background:#FFF;}
#boxPics h3 {color:#000;}
#guarantee {list-style:none;}

/* right column */
#rightCol {padding:10px; width:210px; color:#555; float:left;}
#optinForm, #boxService {margin:0 0 15px 0; padding:4px; border:1px solid #999; width:100%;}
#optinForm fieldset, #boxService div {padding:10px; background:#EEE;}
#rightCol h3 {font-size:16px; color:#06F; text-align:center;}
#rightCol p {margin:10px 0;}
#optinForm label {margin:3px 0; font-weight:bold; text-align:right; display:block;}
#optinForm label input {width:110px; border:1px solid #999; background:#FFF url('/images/bg_input01.png') repeat-x;}
#optinForm p.guarLink {margin:0; text-align:center;}
#optinForm a {font-size:10px; color:#555; text-decoration:underline;}
#optinForm a:hover {color:#06F; text-decoration:none;}
#btSubscribe, #btSubmit {margin:10px auto 0 auto; width:170px; height:24px; background:#F93 url('/images/bt01.png') no-repeat; font-size:12px; font-weight:bold; color:#FFF; display:block;}
#boxService img, #boxService  iframe {margin-top:10px; padding:2px; border:1px solid #999; width:185px; background:#FFF;}
#boxService p {color:#000; font-size:16px; font-weight:bold; text-align:center;}
#boxService a {font-size:14px; color:#333; text-decoration:underline;}
#boxService a:hover {color:#000; text-decoration:none;}

/* contact page */
.contactBox {margin:10px auto; width:90%; display:table; clear:both;}
.contactBox div {margin:5px; padding:5px; width:45%; background:#FAFAFA; float:left; display:block;}
.contactBox h3 {color:#C93;}
address {font-style:normal;}

/* footer */
#footer {padding:0 15px; height:45px; background:#000; color:#0CF; display:block; clear:both; position:relative;}
#footer a, .footer a {color:#0CF; text-decoration:none;}
#footer a:hover, .footer a:hover {color:#FFF;}
#footer ul, .footer ul {list-style:none;}
#footer li, .footer li {display:inline; line-height:45px;}
#footer p {position:absolute; top:0; right:15px; line-height:45px;}

/*  coporate account - online booking */
.messageThankyou {margin:15px auto; padding:5px; border:1px solid #FC9; width:65%; background:#FAFAFA; text-align:center; color:#F60; font-weight:bold;}
.messageThankyou h3 {font-size:18px;}
.messageThankyou span {font-weight:normal; color:#333;}

#bookingSteps {margin:10px auto; padding:15px; width:510px; height:42px; list-style:none; text-align:center;}
#bookingSteps li {margin-right:10px; height:42px; line-height:42px; background:transparent url('/images/steps01.png') no-repeat; font-size:14px; color:#999; display:block; float:left;}
#bookingSteps span {padding:0 16px; color:#999; font-size:16px; font-weight:bold;}
#bookingSteps li.thisStep {background:transparent url('/images/steps01.png') 0 -42px no-repeat; color:#000; font-weight:bold;}
#bookingSteps li.thisStep span {color:#000; font-size:20px;}
#frmCorp, #frmBooking, #frmPayment {margin:10px auto; width:500px; font-size:13px;}
#frmCorp fieldset, #frmBooking fieldset, #frmPayment fieldset {margin:15px 0; padding:10px; border:1px solid #EEE;}
#frmCorp legend, #frmBooking legend, #frmPayment legend {background:#FFF; font-size:13px; font-weight:bold; color:#06F;}
#frmCorp label, #frmBooking label, #frmPayment label {margin:5px 0; width:465px; font-weight:bold; color:#333; text-align:right; display:block;}
#frmCorp span, #frmBooking span.required, #frmPayment span.required {font-size:16px; font-weight:bold; color:#F60;}
#frmCorp label input, #frmCorp label select {width:220px; border:1px solid #999; background:#FFF url('/images/bg_input01.png') repeat-x;}
#frmBooking label textarea, #namePassenger, #mobile, #email, #pickupAddress, #pickupCity, #pickupAirline, #pickupFlightNumber, #pickupWhiteBoardMessage, #destinationAddress, #destinationCity, #destinationAirline, #destinationFlightNumber, #destinationWhiteBoardMessage, #pickupDate, #returnPickupDate, #returnPickupAddress, #returnPickupCity, #returnPickupAirline, #returnPickupFlightNumber, #returnPickupWhiteBoardMessage, #returnDestinationAddress, #returnDestinationAirline, #returnDestinationFlightNumber, #returnDestinationWhiteBoardMessage, #returnDestinationCity, #firstName, #lastName, #address, #address2, #city, #state, #postalCode, #telephone, #cardNumber, #cardCvv, #corpAccEmail, #corpAccPassword, #captionCode, #uword 
{border:1px solid #999; background:#FFF url('/images/bg_input01.png') repeat-x; width:220px;}
#numberPassengers, #pickup, #pickupTime, #pickupTimePeriod, #destination, #returnPickup, #returnDestination, #returnPickupTime, #returnPickupTimePeriod, #country, #cardType , #cardExpirationMonth {border:1px solid #999; background:#FFF url('/images/bg_input01.png') repeat-x;}
#pickup, #destination, #returnPickup, #returnDestination, #country, #cardType {width:222px;}
#pickupTime, #returnPickupTime {width:172px;}
#pickupTimePeriod, #returnPickupTimePeriod {width:45px;}
#frmBooking div {margin:0 15px 10px 0; padding:11px 5px 5px 5px; background:#F5F6FF url('/images/bg_input02.png') right top no-repeat; width:440px; position:relative; display:block; float:right; clear:both;}
#frmBooking div label {width:430px; font-size:11px; font-weight:normal; color:#555; text-align:right; display:block;}
#frmBooking div div {margin:0; padding:0; background:none; width:440px;}
#frmCorp fieldset p, #frmBooking fieldset p {margin:15px 0 0 0; font-size:11px; color:#666;}
span.fieldEg {font-size:11px; font-weight:normal; display:block;}
span.fieldEg a {font-size:10px;}
p.payChange {text-align:center;}
.payChange a, span.fieldEg a {color:#06F; font-weight:bold; text-decoration:underline;}
.payChange a:hover, span.fieldEg a:hover {color:#333; text-decoration:none;}
.quotePrice {margin:20px auto; padding:10px; border:1px solid #F90; background:#FAFAFA; width:40%; color:#000; font-size:20px; text-align:center;}
label.captcha img {width:90px; height:22px;}
#captchImg {width:332px; text-align:left; display:block; float:right; font-size:13px !important; color:#333 !important;}

/* Sitemap 
#links a, .sitemap a {color:#000;}
#links a:hover, .sitmemap a:hover {color:#0099FF; text-decoration:underline;}*/

/* old stuff */
.sitemap{
	color:#0099FF;
	text-decoration:underline;
}
.sitemap:hover{
	color:#000;
	text-decoration:underline;
}
.panel_header {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.panel_links {
	font-size: 12px;
	font-weight: bold;
	color: #669900;
}
a.vbar_links {
	font-size: 13px;
	font-weight: bold;
	color: #06F;
}
a.vbar_links:hover {
	color:#000;
	text-decoration:underline;
}
.order_form_link {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.panel_text {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.banner_text {
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	color: #FFF;
}
a.top_links, a.footer_links {
	font-size: 12px;
	color: #FFF;
}
a.top_links:hover, a.footer_links:hover {
	text-decoration:underline;
}
.page_header {
	margin:10px 0;
	padding:0;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.body_link {
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
.price_text {
	font-size: 12px;
	font-weight: bold;
	color: #FF3300;
}
.welcome_note {
	font-size: 24px;
	font-weight: bold;
	color: #FF3300;
}
.product_name {
	font-size: 12px;
	font-weight: bold;
	color: #FF3300;
}
.button_register {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
.button_register2 {
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}
.content_link {
	font-size: 12px;
	color: #666666;
}
a.print:active, a.print:link, a.print:visited {
	padding:5px;
	border:1px solid #000;
	background:#06F;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
a.print:hover {
	border:1px solid #000;
	background: #FAFAFA;
	color:#000;
}
.header {
	background: #EFF0F0;
	font-size: 16px;
	font-weight: bold;
}
.report_title {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-indent:10px;
	background-color: #000;
	height: 25px;
}
/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#999999;
    border:1px solid #DEDEDE;
    border-top:1px solid #EEE;
    border-left:1px solid #EEE;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color: #FFF;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

