@import url("reset.css");
@import url("/inc/common/css/style.css");

/* body */
body {
	background: #369 url("../images/gradient.jpg") repeat-x top center;
	text-align: center;
	font-family: Verdana,Arial;
	font-size: 80%;
	*font-size: 75%;
	 
}
body:first-of-type { font-size: 75%; } /* Safari */

/* layout */
#layout {
	width: 760px;
	margin: 0em auto;
	text-align: left;
}

/* header */
#header {
	padding-top: 8px;
	height: 128px;
	position: relative;
	background: transparent url("../images/bgHeader.jpg") no-repeat top right;
}
#header span {
	position: absolute;
	top: 45px;
	left: 176px;
	font-size: 2em;
	color: #369;
}

/* menu */
#menu {
	position: absolute;
	top: 96px;
	right: 80px;
	background: transparent url("../images/bgMenu.png") no-repeat top right;
	height: 40px;
	width: 528px;
}
#menu li {
	float: left;
	height: 40px;
	position: relative;
}
#menu .first {
	background: transparent url("../images/bgMenuL.png") no-repeat top left;
	padding-left: 16px;
}
#menu li a {
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	*padding-left: 10px;
	*padding-right: 10px;
	line-height: 32px;
	color: #fff;
	border-left: 1px solid #369;
	text-decoration: none;
}
#menu .first a {
	border-left: none;
}
#menu li a:hover {
	background: transparent url("../images/bgMenuHover.png") repeat-x top center;
}
#menu li ul {
	position: absolute;
	display: none;
	background: #9cf;
	width: 14.5em;
	border: 1px solid #69c;
	border-top: none;
}
#menu li:hover ul, #menu li.submenu ul {
	display: block;
}
#menu li ul li {
	float: none;
	height: auto;
	position: static;
	border-top: 1px solid #69c;
	width: 100%;
}
#menu li ul li a {
	border-left: none;
	color: #036;
	line-height: 24px;
}
#menu li ul li a:hover {
	background-image: none;
	text-decoration: underline;
}

/* support */
#support {
	position: absolute;
	top: 8px;
	right: 14px;
	*right: 14px;
	font-size: 0.9em;
	width: 15em;
	color: #003;
}
#support dl dt {
	float: left;
	width: 4.75em;
	*width: 5.5em;
	margin-right: 0.25em;
	clear: left;
	margin-bottom: 0.25em;
}
#support dl dt {
	width: 5.5em;
}
#support dl dd {
	margin-bottom: 0.25em;
}
#support a {
	color: #036;
}

/* body */
#body {
	background: transparent url("../images/bgBody.jpg") no-repeat top right;
	padding-top: 16px;
}
#body .marketing {
	margin-bottom: 1em;
	float: left;
	margin-right: 16px;
}
#body .featuredAd {
	width: 172px;
	border: 1px solid #036;
	float: right;
	text-align: center;
	background: transparent url("../images/bgContent.png");
}
#body .featuredAd h2 {
	background: #369;
	color: #fff;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 1px solid #036;
}
#body .featuredAd a {
	display: block;
	padding: 8px;
	text-decoration: none;
	color: #f00;
	font-weight: bold;
}
#body .featuredAd a span {
	display: block;
	margin-bottom: 8px;
}
#content {
	min-height: 320px;
	background: transparent url("../images/bgContent.png");
	_background: #69c none;
	border: 1px solid #9cf;
	margin-bottom: 1em;
	padding: 1em;
}
#content a {
	color: #fff;
	text-decoration: underline;
}
#contentHome {
	color: #fff;
	clear: both;
}
#search {
	border: 1px solid #006;
	background: #9cf;
	margin-bottom: 1em;
	padding: 1em;
	text-align: center;
	background: #369 url("../images/bgSearch.png") repeat-x top center;
	clear: both;
	float: left;
	width: 100%
}
#content #search {
	width: auto;
	float: none;
}
#search h2 {
	font-size: 1.25em;
	color: #369;
	margin-bottom: 0.5em;
}
#search input, #search select {
	margin-right: 1em;
	border: 1px solid #369;
}
#search input {
	width: 10em;
}
#search .button {
	border: 1px solid #fff;
	background: #369;
	color: #fff;
	width: auto;
}
#content p {
	margin-bottom: 1em;
	color: #fff;
}

/* footer */
#footer {
	background: transparent url("../images/bgFooter.png") no-repeat bottom center;
	height: 192px;
	line-height: 32px;
	color: #9cf;
	text-align: center;
}
#footer a {
	color: #9cf;
}


#content h1 {
	color: #fff;
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.5em;
}
#content ol {list-style: decimal inside}
#content ul {list-style: disc inside}
#content ul ul, #content ol ol {
	margin-left: 2em;
}
#content li {padding-top: 0.25em; padding-bottom: 0.25em}
#footer {line-height: 3em; text-align: center; clear: both}
#footer .packages {margin-top: 1em; line-height: 1.25em;}
#content dt, #content dd {padding-top: 0.25em; padding-bottom: 0.25em}
#content dt {font-weight: bold; clear: both}
#content dd {margin-left: 2em; margin-bottom: 1em}
form {text-align: center; background-color: #69c; padding: 0.25em; border: 1px solid #369}
form label {position: relative; top: -0.15em}
form, #error-box {margin-top: 16px; margin-bottom: 2em; background-color: #69c; border: 1px solid #369; padding: 8px}
label {font-weight: bold}
.form-field-container {clear: both; text-align: center; padding-top: 1em; padding-bottom: 1em}
label.form-field-normal, div.form-field-checkbox {float: left; width: 27.5%; text-align: right}
div.form-field-normal, label.form-field-checkbox {float: right; text-align: left; width: 70%}
label.form-field-checkbox {position: relative; top: 2px}
label.form-field-normal {position: relative; top: 3px}
div.form-field-normal textarea {float: left; width: 100%; height: 16em}
div.form-field-normal input {float: left; width: 50%}
div.form-field-normal select {float: left}
.message {text-align: center; color: #ff9933; font-weight: bold; margin-bottom: 16px; margin-top: 16px}
.center {text-align: center}
legend {color: #fff}
div .form-field-normal input.short {width: 2em}
div .form-field-normal input.medium {width: 6em}
#gallery td {border: none; padding: 1em; line-height: 1.5em}
img {border: none}
a img {border: none}
img.right, img.left {margin-bottom: 1em}
img.right {float: right; margin-left: 1em}
img.left {float: left; margin-right: 1em}
table {border-collapse: collapse; background-color: #69c}
table td, table th {text-align: left; vertical-align: top; padding: 0.5em; border-collapse: collapse; border: 1px solid #369; text-align: center; margin: 0em; font-size: 90%}
table.quote td {text-align: left}
table.quote td.identity {text-align: right; font-weight: bold}
optgroup {font-weight: bold; font-style: normal}
.message ul {text-align: left; margin: 0em auto; width: 50%; list-style: disc inside none}
.message li {font-weight: normal}
div.form-field-normal td {padding: 0em}
#content div.form-field-checkbox {width: 27.5%}
#content div.form-field-normal {width: 70%}
#travel-menu {text-align: center; font-weight: bold; margin-bottom: 1em;}
#travel-menu a {color: #fff}
#gallery {margin: 0em auto;}
#gallery img {width: 220px}

#newsletter {position: absolute; top: 1em; right: 1em; width: 100px; height: 35px}
#itineraries dt {color: #003; width: 1em; white-space: nowrap;}
#itineraries dd strong {color: #ffffff}
#itineraries dd a {color: #ffffff}
#itineraries img {height: 200px;}
.travel-menu a {color: #ffffff}
.center a {color: #ffffff}
.left {text-align: left}
.box {margin: 0em 12em; text-align: center; background-color: #69c; padding: 1em; border: 1px solid #369}

#badLinkError {
	color: #f00; 
	text-align: center; 
	padding-top: 1em;
	font-weight: bold;
}

.dedTip {
	width: 400px;
	text-align: left;
}
.dedTip .header {
	background: transparent url("../images/bgTool.png") no-repeat top center;
	_background-image: url("../images/bgTool.gif");
	padding-top: 48px;
	padding-bottom: 1em;
	padding-left: 16px;
	padding-right: 16px;
	font-weight: bold;
	margin-bottom: 0em;
}
.dedTipUp .header {
	padding-top: 20px;
	background-image: url("../images/bgToolUp.png");
	_background-image: url("../images/bgToolUp.gif");
}
.dedTip .body {
	background: transparent url("../images/bgTool.png") no-repeat bottom center;
	_background-image: url("../images/bgTool.gif");
	padding-bottom: 28px;
	padding-left: 16px;
	padding-right: 16px;
}
.dedTipUp .body {
	background-image: url("../images/bgToolUp.png");
	_background-image: url("../images/bgToolUp.gif");
	padding-bottom: 56px;
}
.dedTip .body ul {
	margin-top: 0em;
	list-style: disc outside;
	margin-left: 1.5em;
}
.dedTip .body ul li {
	margin-bottom: 0.5em;
}


h3, h4 {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
}

h3 {
	font-size: 1.25em;
}

.banner {
	width: 100%;
	display: block;
	margin-bottom: 1em;
}