/***************************** ***********************/
/********************** Global ***********************/
/*****************************************************/
html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; background: url(images/bg2.jpg) no-repeat top center #0c3448;} /* #04496A */
a img {border: none;}
a {color: #FD961D; text-decoration: none;}
#content a {color: #FD961D; border: none; outline: none; text-decoration: underline;}

/****************************************************/
/********************** Menu ************************/
/****************************************************/
#top {float: left; width: 940px; background: #0C3245; padding: 0 20px 0 20px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
ul#menu {padding: 0; margin: 0;}
ul#menu li.menu-heading {float: left; position: relative; margin: 0; color: #FFF; list-style: none; }
ul#menu li.menu-heading a {float: left; padding: 10px 10px 10px 10px; height: 15px; color: #FFF;}
ul#menu li.menu-heading a:hover {background: #098391;}
ul#menu li.mega.rocksolid {background: #098391;}

/* Menu Div */
ul#menu li.mega div {display: none; position: absolute; top: 35px; left: 0; z-index: 5;  background: #60A8A4; padding: 0 0 20px 0;}
ul#menu li.mega div a {float: none !important;}
ul#menu li.mega div ul {margin: 0 0 10px 10px; padding: 0;}
ul#menu li.mega div ul li {padding: 0 0 0 0; color: #FFF; margin: 0 20px 0 0; list-style: none; }
ul#menu li.mega div ul li a {color: #FFF; padding: 1px !important; text-decoration: none; }
ul#menu li.mega div td { background: url(images/tr-bg.gif) repeat-y right;}
ul#menu li.mega div td.lastrow { background: none !important;}

/* Menu Type */
#menu a {color: #FFF; text-decoration: none;}
#menu h1 {color: #022637; font-size: 12px; text-transform: capitalize; margin: 0 0 10px 0; padding: 10px 10px 10px 10px; background: #098391;}
#menu h2 {color: #022637; font-size: 11px; text-transform: capitalize; margin: 10px 0 0 0; padding: 0 10px 10px 10px;}

/* Menu Right */
#menuright a {color: #CCC; text-decoration: none;}
ul#menuright {padding: 0; margin: 0; float: right; }
ul#menuright li {float: left; display: inline; margin: 0 0 0 0; position: relative; color: #CCC; }
ul#menuright li a {padding: 10px 10px 10px 10px; float: left; height: 15px; }
ul#menuright li a:hover {background: #098391;}
ul#menuright li a img {float: left; margin: 0 5px 0 0;}
.iconphone { background: url(images/icon-phone.gif) no-repeat 0 3px; }
.iconcontactus {background: url(images/icon-contactus.gif) no-repeat 0 3px;}
.iconmyaccount {background: url(images/icon-myaccount.gif) no-repeat 0 3px;}

/* Product Menu */
#productmenu {float: right; padding: 0 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
#productmenu ul {margin: 0; padding: 0; display: inline; float: left; list-style: none;}
#productmenu ul li {background: #021E2B; margin: 0 10px 0 0; float: left;  list-style: none;-moz-border-radius: 5px; -webkit-border-radius: 5px; }
#productmenu ul li a { padding: 10px; float: left; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#productmenu ul li a:hover { padding: 10px; float: left; color: #FFF; background: #FD961D; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#tabs {float: left; width: 940px;}

/* Steps Menu */
#steps {float: left; padding: 0 0; width: 980px; background:  #60A8A4; color: #FFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
#steps ul {margin: 0; padding: 0;}
#steps ul li {float: left; list-style: none; color: #FFF;}
#steps ul li a {float: left; padding: 10px 20px 10px 20px;  color: #FFF;}
#steps ul li a:hover {float: left; padding: 10px 20px 10px 20px; background:  #FD961D; color: #FFF;}

/****************************************************/
/******************** Structure *********************/
/****************************************************/
#wrap {width: 980px; margin: auto;}
#white {float: left; width: 980px; background: #FFF;}
#header {position: relative; float: left; width: 940px; height: 60px; padding: 20px;}
.logo {position: absolute;	left: 21px;	top: 22px;}
.tagline {
	position: absolute;
	left: 372px;
	top: 46px;
}
.heading {float: left; width: 940px; padding: 15px 20px 15px 20px; background: #0C3245;}

#content {float: left; width: 940px; padding: 20px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px;}
#content h1 {color: #022637; margin: 0 0 0 0; font-weight: normal; margin: 10px 0 20px 0;}
#content h2 {color: #333; margin: 0 0 0 0; font-weight: normal; line-height: 22px;}
#content p {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; line-height: 20px; margin: 0 0 20px 20px;}
#content ul {margin: 20px 0 20px 0; padding: 0;}
#content li {margin: 0 0 10px 10px; padding: 0 0 0 15px; background:url(images/bullet-orange.png) no-repeat 0 7px; list-style: none; line-height: 18px;}


/****************************************************/
/******************** Searchbox *********************/
/****************************************************/
#searchbox {float: left; width: 940px; height: 140px; padding: 20px; background: url(images/searchbox-bg.jpg) no-repeat; font-size: 12px; color: #333; font-family: Arial, Helvetica, sans-serif;}
.searchbox p {color: #022637; font-size: 14px; font-weight: bold; margin: 0 0 8px 0; padding: 0;}
.searchbox {margin: 0 0 26px 0; font-size: 12px; color:#666;}
.searchbox select {padding: 4px; font-size: 12px; color:#666; border: 3px solid #CCC;}
.searchbox input {padding: 4px;}
.searchbox .textfield {font-size: 12px; color:#666; border: 3px solid #CCC;}
.searchbox .checkfield {font-size: 12px; color:#666; border: none; margin: 5px 10px 10px 0; padding: 0;}

.box1 {float: left; margin: 0 20px 0 0;}
.box1 select {width: 210px; height: 120px;}
.box2 {float: left; margin: 0 20px 0 0; }
.box2 select {width: 260px; height: 120px;}
.box3 {float: left; margin: 0 20px 0 0; }
.box3 select {width: 160px;}
.box3 input {width: 120px;}
.box5 {width: 100px; float: left; margin: 0 20px 0 0; }
.box5 select {}
.box5 input {}
.box4 {float: left; margin: 40px 0 0 30px;}

.divider {float: left; margin: 0 0 0 0;}

option {padding: 2px;}
option:hover {color: #FFF; background:#FDAB21; outline: none;}
option:active { background:#FDAB21; outline: none;}
option:focus { background:#FDAB21;  outline: none;}
option.selected { background:#FC7215;outline: none;}

/****************************************************/
/******************** Footer ** *********************/
/****************************************************/
#footer {float: left; width: 980px; padding: 0 0 20px 0; background: #60A8A4; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
#footer ul {margin: 0 0 10px 10px; padding: 0;}
#footer ul li {padding: 0 0 0 0; color: #FFF; margin: 0 20px 0 0; list-style: none; }
#footer ul li a {color: #FFF; padding: 1px !important; text-decoration: none; }
#footer ul li a:hover {background: #098391;}
#footer td { background: url(images/tr-bg.gif) repeat-y right;}
#footer td.lastrow { background: none !important;}



/* Menu Type */
#footer a {color: #FFF; text-decoration: underline;}
#footer h1 {color: #022637; font-size: 12px; text-transform: capitalize; margin: 0 0 10px 0; padding: 10px 10px 10px 10px; background: #098391;}
#footer h2 {color: #022637; font-size: 11px; text-transform: capitalize; margin:  0 0 5px 0; padding: 0 10px 0 10px;}
#footer p {color: #FFFFFF; font-size: 11px; margin: 0 0 10px 0; padding: 0 10px 10px 10px;}

/*********************************************************************/
/****************************** Results Grid *************************/
/*********************************************************************/
#grid {float: left; width: 940px; margin: 0 0 30px 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #022637;}
#grid table td {background: #EBEEE3; height: 40px; border: 2px #FFF solid;}
#grid table td {text-align: center;display: table-cell;vertical-align: middle;margin: 0;padding: 0;}
#grid table tr {display: table-row; vertical-align: middle; margin: 0;padding: 0;}
* html .row, * html .cell {display: inline-block;} 

#grid table td.cell-header {background: #25A8AE; color: #FFF;}
#grid table td.cell-white {background: #FFFFFF;}
#grid table td.cell-grey {background: #F5F5F5; cursor: pointer;}
#grid table td.cell-grey:hover {background: #E6E6E6;}
#grid table td.cell-grey:focus {background: #E6E6E6;}
#grid table td.cell-darkgrey {background: #E6E6E6; text-align: center;}
#grid table td.cell-default {background: #EBEEE3;}
#grid table td.cell-available {background-color: #D3DBC2; cursor: pointer;}
#grid table td.cell-available:hover {background-color: #FD961D; cursor: pointer;}
#grid table td.cell-available:focus {background-color: #FD961D; cursor: pointer;}
#grid table td.cell-sold {background: url(images/cell-sold.gif) repeat;}
#grid table td.cell-active {background: #93BFB7;}
#grid table td.cell-select {background: #FD961D;}

/* Cell Caps */
#grid table td.cap-left {background: #D3DBC2; cursor: pointer; border-left: none;}
#grid table td.cap-right {background-image: url(images/cap-right.gif); background-position: right; background-repeat: repeat-y; cursor: pointer; border-right: none;}
#grid table td.cap-right-cheat {background-image: url(images/cap-right-cheat.gif); background-position: right; background-repeat: repeat-y; cursor: pointer; border-right: none;}
#grid table td.cap-right:hover {background-image: url(images/cap-right-hover.gif); background-position: right; background-repeat: repeat-y; cursor: pointer; border-right: none;}

/* Arrows */
.arrows { float: left; width: 940px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; margin: 0 0 20px 0;}
.arrowback {clear: left; float: left;}
.heading .arrowback {float: left; margin: 7px 10px 0 0;}
.arrowleft {float: left; width: 300px;}
.arrowleft img {float: left;}
.arrowleft p {float: left; margin: 5px 10px 0 10px; padding: 0;}
.arrowright {float: right; width: 300px;}
.arrowright img {float: right; margin: 5px 10px 0 10px;}
.arrowright p {float: right; margin: 0 10px 5px 10px; padding: 0;}

/************************************************/
/******************* Tool Tip *******************/
/************************************************/
.tooltip {display:none; background:url(images/tooltip/navy_arrow_big.png); height:163px; padding:40px 30px 10px 30px; width:310px; font-size:11px; color:#FFFFFF; text-align: left; float: left;} 
#content #grid .tooltip h1 {margin: 0 0 15px 0; padding: 0; color:#FFF !important; font-weight: bold !important; font-family: Arial, Helvetica, sans-serif;}
.tooltip img {float: left;}
.tooltip ul {margin: 0; padding: 0;}
.tooltip li {margin: 0; padding: 0;}
#content #grid .tooltip p {margin: 0; padding: 0; color:#FFFFFF !important;}
.tooltip a {color:#FFFFFF; font-size:11px; font-weight:bold;}
.tooltip-product {   display:none;  background:url(images/tooltip/arrow_image.png);  height:115px; padding:9px;  width:138px;  font-size:11px;  color:#fff; }  
.tooltip-product h1 {margin: 0; padding: 0;}
.tooltip-product img {float: left;}
.tooltip-product ul {}
.tooltip-product li {}
.tooltip-product a {color:#ad4; font-size:11px; font-weight:bold;}


/*****************************************************************/
/****************************** Homepage *************************/
/*****************************************************************/
.herobox {float: left; width: 280px; height: 215px; background: #FFF url(images/herobox.jpg) no-repeat 0 0; padding: 10px; margin: 0 10px 15px 0;}
.herobox:hover {background-position: 0 -235px;} 
#content a { text-decoration: none;}
#content a .herobox h2 { color: #FFF; margin: 15px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none;}
#content a.herolink { cursor: pointer; float: left; }
.last {margin: 0 0 15px 0;}

/*****************************************************************/
/****************************** Product **************************/
/*****************************************************************/
.gallery2 {float: left; width: 470px; margin: 20px 0 20px 0;}
.gallery2 img {border: 4px solid #022637; margin: 0 6px 6px 0; }
.gallery2 img.last {margin: 0 0 0 0;}
.gallery {float: left; width: 940px; margin: 0 0 20px 0;}
.gallery img {border: 4px solid #022637; margin: 0 6px 0 0; }
.gallery img.last {margin: 0 0 0 0;}
.product-title {float: left; padding: 5px 0 0 0; }
.video {border: 5px solid #022637; float: left; width: 640px; margin: 20px 0 20px 0;}
.product-info {}

/**** Flight Info Box *****/
#content .flightinfo {float: right; width: 200px; padding: 20px; margin: 0 0 20px 30px;	background-color:#FAFAFA;border: 3px solid #E4E3D3; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 10px;}
#content .flightinfo img {float: left; margin: 0 10px 0 0;}
#content .flightinfo h1 {font-size: 16px;}
#content .flightinfo p {font-size: 10px; line-height: 18px;}
#content .flightinfo ul {margin: 20px 0 20px 0; padding: 0; }
#content .flightinfo li {margin: 0 0 5px 10px; padding: 0 0 0 15px; background:url(images/bullet-blue.png) no-repeat 0 5px; list-style: none;}



/*****************************************************************/
/****************************** My Account ***********************/
/*****************************************************************/

/**** Profile DIV ****/
.profilebox {width: 920px; float: left; margin: 0 0 20px 0; padding: 10px; background-color:#FAFAFA; border: 3px solid #E4E3D3;-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.profilebox table tr td {border-right: 1px solid #E4E3D3; padding: 0 0 0 20px;}
.profilebox table tr td.last {border-right: none;}
#content .profilebox h1 {margin: 5px 0 5px 0;}
#content .profilebox h2 {float: left; margin: 5px 10px 5px 0; padding: 0;}
#content .profilebox img {float: left; margin: 0 0 0 0;}
#content .profilebox p {clear: left; margin: 0; padding: 0;}
#content .profilebox h2 span.price {font-weight: bold; color: #F33;}
#content .profilebox h2 span.price-green {font-weight: bold; color: #6C3;}


/**** Departure Info Box *****/
.departinfo {float: right; clear: right; width: 300px; padding: 20px; margin: 0 0 20px 30px;
background-color: ;	border: 3px solid #E4E3D3;}
.departinfo.whitebox {background-color: #FFF;	border: 3px solid #FFF;}
.departinfo.dashed {border: 3px dashed #E4E3D3;}
.departinfo img {float: left; margin: 0 10px 0 0;}
.departinfo h1 {font-size: 46px;  font-weight: normal; margin: 0; padding: 0; line-height: 50px;}
.departinfo h2 {font-size: 26px;  font-weight: normal; margin: 0; padding: 0; line-height: 30px;}
.departinfo p {font-size: 10px; color: #022637;} 

/**** Departure Info Box *****/
.box {position: relative; padding: 20px; margin: 0 0 20px 30px;	border: 3px solid #E4E3D3;}
.box.tan {background-color: #FAFAFA;}
.box.whitebox {background-color: #FFF;	border: 3px solid #FFF;}
.box.dashed {border: 3px dashed #E4E3D3;}
.box img {float: left; margin: 0 10px 0 0;}
.box h1 {font-size: 46px;  font-weight: normal; margin: 0; padding: 0; line-height: 50px;}
.box h2 {font-size: 26px; font-weight: normal; margin: 0; padding: 0; line-height: 48px;}
.box h3 {font-size: 16px; font-weight: normal; margin: 0; padding: 0; line-height: 28px;}
.box p {font-size: 10px; color: #022637;}
.box h1.title {position: absolute; z-index: 2; top: -14px; left: 10px; background: #FAFAFA; color: #022637;font-size: 16px; padding: 2px 5px; font-weight: normal !important; margin: 0; line-height: 0;}

/**** Extras ****/
a.align-left {float: left;}
a.align-right {float: right;}
a.align-center {margin: auto;}
.clear {clear: left;}
.huge {font-size: 50px;}
.left {float: left;}
.right {float: right;}

/*****************************************************************/
/****************************** Text *****************************/
/*****************************************************************/
.heading h1 {margin: 0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 23px; font-weight: normal; }


/* Type */
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}


/* Swatches */
.blue1 {color: #163F55;}
.blue2 {color: #0C3245;}
.blue3 {color: #021E2B;}
.orange1 {color: #FDAB21;}
.orange-highlight {color: #FD961D;}
.orange2 {color: #FC8F18;}
.navyblue2 {color: #054869;}
.aqua {color: #098391;}
.lightaqua {color: #60A8A4;}
.grey {color: #999 !important;}

/* Button */
.btn-select {float: left; width: 80px; height: 16px; background: url(images/btn-select.png) no-repeat 0 0; margin: 0 20px 20px 0;}
.btn-select:hover {background-position: 0 -24px;} 
.btn {display: block; padding: 4px; margin: 0; width: 72px;  height: 16px; background: url(images/btn.png) no-repeat 0 0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.btn:hover {background-position: 0 -24px;} 
.btn-arrow {display: block; padding: 4px 6px 0px 7px; margin: 0; width: 10px;  height: 19px; background: url(images/btn-arrow.jpg) no-repeat 0 0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.btn-image {margin: 0 20px 0 0;}


/*****************************************************************/
/******************* Form ****************************************/
/*****************************************************************/
fieldset {margin: 20px 0;padding: 15px 10px;background-color:#FAFAFA;border: 3px solid #E4E3D3;overflow: auto;	color: #333;}
legend {padding: 2px 5px;color: #022637;font-size: 16px;}
form td {padding: 4px;}
form td.setwidth {width: 200px;}
.instructions {margin: 0 0 15px 5px;color: #999;font-style: italic;}
form .reqMark {color: #FC7215;	padding: 0 4px;}


/* Subscribe Form */
.newsletter {margin: 10px 10px 10px 5px; width: 200px; clear: left;}
.newsfield {width: 200px; margin: 0 0 10px 0;}

/* Contact Us */
.inputcontact {font-family: Arial; font-size: 12px; text-decoration: none; color:#000000; width: 200px;}

/*****************************************************************/
/******************* SiliconAddedStyles **************************/
/*****************************************************************/
.rrp {font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: line-through;color:red;}
.inclusionstext {font-family: Arial, Helvetica, sans-serif; font-size: 9px;text-decoration: none;color:#ffffff;}
.eheader {font-weight:bold;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-decoration: none;color:#000000;}
.eheaderg {font-weight:bold;font-family: Arial, Helvetica, sans-serif; font-size: 14px;text-decoration: none;color:#FD961D;}
.etext {font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;}
.srb {font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;font-weight:bold;}
.etable{padding-left:10px;padding-right:10px;}
.etred {font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-decoration: none;color:red;}
.ebred {font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-decoration: none;color:red;font-weight:bold;} 

.btnsr{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;}
.srdropdown1{font-family: Arial, Helvetica, sans-serif; font-size: 9px;text-decoration: none;color:#000000;width:254px;}
.epadtable{}
	 .memo1{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;width:600px;height:100px;}
	 .miniComment{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;width:600px;height:100px;}
	 .memo250{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;width:250px;height:150px;}
		
 .input{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;}
 .inputdate{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;width:50px;}
 .inputsmall{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;width:100px;}
 .inputmed{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;width:150px;}
.inputmedcustom{font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: none;color:#000000;width:150px;}
 .input200{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;width:200px;}
  .input250{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;width:250px;}
 .inputlg{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;width:250px;}
			 .dropdown1{font-family: Arial, Helvetica, sans-serif; font-size: 10px;text-decoration: none;color:#000000;width:150px;}
/*.epadtable{border: 1px solid #FF8A2B;}*/

.srnotei{font-weight:bold;font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: none;color:#C65D00;font-style:italic;}
.srnoteired{font-weight:bold;font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: none;color:red;font-style:italic;}
.srnotei2{font-weight:normal;font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: none;color:#C65D00;font-style:italic;}
.srlegend {padding: 2px 5px;color: #022637;font-size: 16px;}
.srlegend2 {color: #022637;font-size: 16px;}
.srsmallnote{font-weight:normal;font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: none;color:#C65D00;font-style:normal}
.srsmallnoteblock{padding: 20px 20px;font-weight:normal;font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: none;color:#000000;font-style:normal;text-align:left;}
.libolbbk{font-weight:bold;font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px;}
.libolb{font-weight:bold;font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px;}
.srb{font-weight:bold;font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px;}