/* Discount Cruising Stylesheet */

/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
/*------------------------------------*\
	END RESET
\*------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #535353;
}

h1.pageHead {margin: 0 0 10px 0; padding: 0;}
h2 {color: #0075ab;}

.clear {clear:both;}

#wrapper {width: 1000px; margin: 0 auto;}

.bigPhone {color: #0075AB; font-size: 14px;}

/* Header */
#header {width: 1000px; height: 193px; background: url('/images/www.discountcruising.com.au/headerbg.jpg') no-repeat top left; position: relative;}
#header a#logolink {position: absolute; top: 90px; left: 50px; width: 610px; height: 100px;}
#header #telephone {position: absolute; top: 10px; right: 10px; font-size: 18px; color: #282964; font-weight: bold;}
#header #telephone span {font-size: 24px;}

#navigation {
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  background: url('/images/www.discountcruising.com.au/navigationbg.jpg') no-repeat top left;
  width: 980px;
  height: 31px;
  color: #FFFFFF;
  z-index: 9999;
}
#navigation a {color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 14px;}
#navigation a:hover {text-decoration: underline;}


/* Content */
#maincontent {margin: 10px 0; padding: 0;}
#maincontent .leftColumn {float: left; margin: 0 10px 0 0; padding: 0;}
#maincontent .rightColumn {float: left; margin: 0; padding: 0; width: 765px;}
#maincontent .rightColumn p {margin: 0; padding: 5px 0;}

.contentBoxNarrow {margin: 0 0 10px 0; padding: 0; width: 225px;}
.contentBoxNarrow .header {background: url('/images/www.discountcruising.com.au/contentBoxNarrowHeader.gif') no-repeat top left; width: 215px; height: 25px; padding: 5px 0 0 10px; color: #2a2a2a; font-size: 16px; font-weight: bold;}
.contentBoxNarrow .content {background: #e2ebef; border-left: 1px solid #ff9600; border-right: 1px solid #ff9600; padding: 5px;}

.contentBoxWide {margin: 0; padding: 0;}
.contentBoxWide .header {background: url('/images/www.discountcruising.com.au/contentBoxHeader.gif') no-repeat top left; width: 755px; height: 25px; padding: 5px 0 0 10px; color: #2a2a2a; font-size: 16px; font-weight: bold;}
.contentBoxWide .content {background: #e2ebef; border-left: 1px solid #ff9600; border-right: 1px solid #ff9600; padding: 5px;}

.homeTopCols {margin: 0; padding: 0;}
.homeTopCol1 {float: left; width: 411px; margin: 0 10px 0 0; padding: 0:}
.homeTopCol1 h2 {font-size: 24px; margin: 0; padding: 0;}
.homeTopCol2 {float: left; width: 344px; margin: 0; padding: 0:}

.welcomeimage {/*background: url('/images/www.discountcruising.com.au/welcomebg.jpg') no-repeat top left;*/ width: 324px; height: 288px; padding: 10px;}
.welcomeimage .welcomeimagetext {background: url('/images/www.discountcruising.com.au/welcometextbg.png') top left; padding: 5px;}
.welcomeimage .welcomeimagetext .header {font-size: 16px; font-weight: bold;}
.welcomeimage .welcomeimagetext a {color: #0075ab; font-weight: bold;}

.destinations {margin: 0; padding: 0 0 0 30px; background: url('/images/www.discountcruising.com.au/dest-map-plain.gif') no-repeat top center}
.destinations ul {float: left; width: 180px; padding: 10px; margin: 0 0 0 20px; background: url('/images/www.discountcruising.com.au/destinationlist-bg.png') no-repeat top left;}
.destinations ul li {list-style: none; margin: 0 0 3px 15px; list-style-image: url('/images/www.discountcruising.com.au/liarrow.gif');}
.destinations ul li a {color: #0075AB; font-weight: bold;}
.destThumb {float: left; width: 183px; height: 150px; margin: 0 0 10px 10px; cursor: pointer;}
.destThumb .header {background: url('/images/www.discountcruising.com.au/backbarbg.png') repeat top left; color: #FFFFFF; padding: 5px; font-size: 14px; font-weight: bold; text-align: center;}

.destImage {float: right;}

.destContent {margin: 0; padding: 0; width: 415px; float: left;}
.destContent .header {background: url('/images/www.discountcruising.com.au/destBoxHeader.gif') no-repeat top left; width: 405px; height: 25px; padding: 5px 0 0 10px; color: #2a2a2a; font-size: 16px; font-weight: bold;}
.destContent .content {background: #e2ebef; border-left: 1px solid #ff9600; border-right: 1px solid #ff9600; padding: 5px;}

.cruisethemes {margin: 0; padding: 0;}
.cruisethemes ul {float: left; width: 180px; padding: 10px; margin: 0 10px 0 0; background: url('/images/www.discountcruising.com.au/destinationlist-bg.png') no-repeat top left; min-height: 334px;}
.cruisethemes ul li {list-style: none; margin: 0 0 3px 15px; list-style-image: url('/images/www.discountcruising.com.au/liarrow.gif');}
.cruisethemes ul li a {color: #0075AB; font-weight: bold;}

.blogpost {
    background: #E2EBEF;
    border: 1px solid #FF9600;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.latestNews {
	background: url('/images/www.discountcruising.com.au/latestnewsbg.jpg') no-repeat top left;
	width: 391px;
	height: 175px;
	padding: 10px;
	position: relative;
	z-index: 1 !important;
}
.latestNews a.readMore {position: absolute; bottom: 10px; right: 10px;}

/* Offers */

#homeoffers {margin: 10px 0; padding: 0;}
#homeoffers .header {background: url('/images/www.discountcruising.com.au/contentBoxHeader.gif') no-repeat top left; width: 755px; height: 25px; padding: 5px 0 0 10px; color: #2a2a2a; font-size: 16px; font-weight: bold;}
#homeoffers .content {background: #e2ebef; border-left: 1px solid #ff9600; border-right: 1px solid #ff9600; padding: 5px;}

.specialOffers {margin: 0 0 0 -10px; padding: 5px 0 0 5px;}
.specialOffer {float: left; margin: 0 0 10px 10px; background: #FFFFFF; width: 356px; min-height: 130px; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.specialOffer .cruiseName {font-size: 14px; font-weight: bold; color: #0075AB; margin: 0 0 3px 0;}
.specialOffer .offerLeft {float: left; width: 80px; margin: 0 5px 0 0; padding: 0;}
.specialOffer .offerLeft img {width: 80px !important;}
.specialOffer .offerinfo {float: left; width: 155px; margin: 0; padding: 0;}
.specialOffer .offerContinue {float: right; width: 101px; text-align: center; font-weight: bold; font-size: 14px; padding: 0;}
.specialOffer .offerContinue span {font-size:18px;}


/* Footer */
#footer {background: #e2ebef; border-top: 2px solid #1b75bc;}
#footer .content {width: 1000px; padding: 10px 0; margin: 0 auto;}
#footer .content .left {float: left; width: 50%;}
#footer .content .right {float: right; width: 50%; text-align: right;}

#footer .content .left ul {list-style: none; margin: 0 30px 0 0; padding: 0; float: left;}
#footer .content .left ul a {color: #2a2a2a; text-decoration: none;}
#footer .content .left ul a:hover {text-decoration: underline;}


/* Misc Stuff */
.cruiselinetable td {text-align: center; margin: 0 0 5px 0; background: #FFFFFF;}

.basketExtraHeader a {color: #2a2a2a; text-decoration: none; font-size: 14px;}

/* Itinerary/Booking Stuff */

.itinRef {text-align: left; font-size: 16px; color: #535353; padding: 5px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #535353;}

.itineraryItem {background: url('/images/www.discountcruising.com.au/itinerarybg.gif') bottom left repeat-x; min-height: 65px; padding: 15px 10px 10px 10px;}
.itinPrice {font-size: 16px; color: #0070BC; font-weight: bold;}
.itineraryItem table td.itinPrice {padding-right: 10px;}

.itineraryTotalPrice {float: right; margin: 10px 121px 0 0; font-size: 16px; font-weight: bold;}
.itineraryTotalPrice b {color: #0070BC;}

/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/

/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
ul#nav {margin: 0; padding: 0; z-index: 9999;}
#nav li{
	float:left;
	margin: 0 10px 0 0;
	padding: 0;
	position:relative;
    z-index: 9999
}
#nav a{
	display:block;
	padding: 5px;
	color:#fff;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	margin: 0;
	padding: 0;
	z-index: 9999;
}
#nav ul li{
	/* padding-top:1px; Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#0070BC;
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}