body {
background: url(/resources/images/gtaa-coe-bg.jpg) no-repeat #000;
padding: 0;
margin: 0;
min-width:1100px;
}

h1 {
color: #022648;
font: arial;
font-size: 16px;
margin: 0 0 0 14px;
padding: 0;
}

h2 {
color: #CCC;
font: arial;
font-size: 16px;
margin: 0;
padding: 0;
font-weight:bold;
font-family: "Arial", "Helvetica", Sans-serif;
}

#main-container{
width: 1100px;
margin: auto;
padding: 0;
}

#nav-bar{
background-image: url(/resources/images/header-bg.jpg);
background-repeat: no-repeat;
width: 1100px;
height: 70px;
margin: 0;
padding: 0;
clear: both;
}

#logo{
padding: 0;
margin: 0 0 0 112px;
float: left;
height: 61px;
}

*html #logo {
display: inline;
margin: 0 0 0 102px;
}

#main-nav{
padding: 0;
margin: 0 0 0 88px;
float: left;
list-style: none;
}

* html #main-nav{
display: inline;
margin: 0 0 0 76px;
width: 638px;
}

#main-nav li {
float: left;
margin: 17px 1px 0 0px;
list-style: none;
}

#left-box {
float: left;
width: 302px;
min-height: 584px;
height: 100%;
margin: 8px 0 0 60px;
background-repeat: no-repeat;
}

#deal-box {
float: left;
padding: 0;
width: 300px;
height: 300px;
background-image: url(/resources/images/deal-box-temp.png);
background-repeat: no-repeat;
}

#tabs-holder {
width: 300px;
height: 34px;
}

#cal-book-package {
float: left;
width: 300px;
height: 254px;
list-style: none;
background-image: url(/resources/images/toronto-unlimited-bg.png);
background-repeat: no-repeat;
}

#torontotourism a {
float: left;
width: 300px;
height: 60px;
}

#torontotourism {
float: left;
width: 300px;
height: 60px;
background-repeat:no-repeat;
}

#cal-book-flight {
float: left;
width: 300px;
height: 254px;
background-image: url(/resources/images/air-canada-cal-bg.png);
background-repeat: no-repeat;
}

#sub-menue-box {
float: left;
float: left;
height: 100%;
width: 300px;
margin: 15px 0 0 0;
min-height: 300px;
padding: 2px;
background-repeat: no-repeat;
background-image: url(/resources/images/submeue-box-bg.png);
}

#sub-menue {
float: left;
height: 100%;
width: 296px;
margin: 0;
background-image: url(/resources/images/submeue-bg.png);
padding: 0 0 10px 0;
height: 300px;
list-style: none;
}

* html #sub-menue {
display: inline;
height: 2px;
}

#sub-menue li {
float: left;
height: 30px;
width: 276px;
margin: 5px 0;
font-family: "Arial", "Helvetica", Sans-serif;
color: #FFF;
padding: 0;
list-style: none;
font-size: 12px;
font-weight: bold;
}

#sub-menue ul {
height: 30px;
width: 276px;
margin: 5px 0;
font-family: "Arial", "Helvetica", Sans-serif;
color: #FFF;
padding: 0;
list-style: none;
font-size: 12px;
font-weight: bold;
}

#sub-menue a {
float: left;
height: 30px;
width: 276px;
margin: 0px;
padding: 5px 10px 5px 10px;
font-family: "Arial", "Helvetica", Sans-serif;
color: #FFF;
text-decoration: none;
position: relative;
}

#sub-menue li.active {
float: left;
height: 30px;
width: 276px;
margin: 0px;
font-family: "Arial", "Helvetica", Sans-serif;
color: #FFF;
padding: 5px 10px 5px 10px;
text-decoration: none;
background: #022648;;
}

#sub-menue li.active a:hover{
float: left;
height: 30px;
width: 276px;
margin: 0px;
font-family: "Arial", "Helvetica", Sans-serif;
color: #FFF;
padding: 5px 0px 0px 10px;
text-decoration: none;
background: #022648;;
}

#sub-menue li a:hover {
float: left;
height: 30px;
width: 276px;
margin: 0px;
font-family: "Arial", "Helvetica", Sans-serif;
color: #FFF;
padding: 5px 10px 5px 10px;
text-decoration: none;
background: #022648;
}

#sub-menue-header {
float: left;
height: 12px;
width: 276px;
margin: 0;
background-image: url(/resources/images/submeue-header-coe-bg.png);
background-repeat: no-repeat;
padding: 10px;
}

* html #sub-menue-header {
padding:10px 10px 0 10px;
}

#sub-menue-footer {
float: left;
float: left;
height: 12pt;
width: 296px;
margin: 0 0 20px 0;;
background-image: url(/resources/images/submeue-footer-coe-bg.png);
background-repeat: no-repeat;
}

#content-box {
float: left;
width: 650px;
height: 100%;
min-height: 400px;
margin: 8px 0 0 12px;
}

* html #content-box {
display: inline;
margin: 10px 0 0 0;
padding:0;
width: 600px;
}

#content-header {
float: left;
background-image: url(/resources/images/copy-header-coe-bg.png);
height: 153px;
width: 650px;
}

#content-header img {
float: left;
height: 145px;
width: 638px;
margin: 0 0 0 5px;
border-bottom: solid 4px #022648;
}

#content-footer {
float: left;
float: left;
background-image: url(/resources/images/copy-footer-coe-bg.png);
height: 21px;
width: 650px;
margin:0 0 50px 0;
background-repeat: no-repeat;
}

#content-copy {
float: left;
background-image: url(/resources/images/copy-box-coe-bg.png);
height: 100%;
width: 610px;
background-repeat: repeat-y;
min-height: 200px;
padding: 5px 20px 20px 15px;
color: #333;
font-family: "Arial", "Helvetica", Sans-serif;
font-size: 11px;
}

#events-list p {
float: left;
height: 100%;
padding: 0px;
color: #022648;
width: 586px;
font-family: "Arial", "Helvetica", Sans-serif;
font-size: 11px;
text-align: justify;
}

#events-list h2 {
color: #022648;
font: arial;
font-size: 16px;
margin: 0 0 0 0px;
padding: 0;
}

.calendar-event {
float: left;
padding: 0;
margin: 20px 0 20px 0px;
}

#events-list {
float: left;
width: 582px;
padding: 5px 20px 20px 15px;
color: #333;
margin: 0px;
font-family: "Arial", "Helvetica", Sans-serif;
font-size: 11px;
}

* html #content-copy {
display: inline;
padding: 0 0 0 29px;
margin: 0;
}

#calendar {
width: 566px;
margin: 0 auto;
float:left;
}

#calendar-box {
padding: 0px;
margin: 10px;
width: 590px;
text-align: center;
font-size: 13px;
font-family: "Lucida Grande", "Helvetica", "Arial", "Verdana", Sans-serif;
float:left;
background-repeat: no-repeat;
}

#calendar-top {
padding: 13px 0 0 425px;
margin: 0;
width: 175px;
height: 40px;
text-align: center;
font-size: 13px;
font-family: "Lucida Grande", "Helvetica", "Arial", "Verdana", Sans-serif;
float:left;
background-image: url(/resources/images/Toronto_header.jpg);
background-repeat: no-repeat;
list-style: none;
}

#calendar-top a {
padding: 0px;
margin: 0px;
width: 167px;
height: 25px;
display: block;
font-family: "Lucida Grande", "Helvetica", "Arial", "Verdana", Sans-serif;
float:left;
background-image: url(/resources/images/Toronto_header-bth.jpg);
background-repeat: no-repeat;
position:relative;
}

#calendar-top a:hover {
padding: 0px;
margin: 0px;
width: 167px;
height: 25px;
display: block;
font-family: "Lucida Grande", "Helvetica", "Arial", "Verdana", Sans-serif;
float:left;
background-image: url(/resources/images/Toronto_header-alt.jpg);
background-repeat: no-repeat;
}

#calendar-mid {
padding: 0 0 0 17px;
margin: 0;
width: 582px;
text-align: center;
font-size: 13px;
font-family: "Lucida Grande", "Helvetica", "Arial", "Verdana", Sans-serif;
float:left;
background-image: url(/resources/images/coe-bg-box-mid.jpg);
background-repeat: repeat-y;
}

#calendar-battom {
padding: 0px;
margin: 0;
width: 600px;
height: 22px;
text-align: center;
font-size: 13px;
font-family: "Lucida Grande", "Helvetica", "Arial", "Verdana", Sans-serif;
float:left;
background-image: url(/resources/images/coe-bg-box-bottom.jpg);
background-repeat: no-repeat;
}

#text-box {
padding: 6px;
margin: 10px;
width: 585px;
text-align: justify;
font-size: 11px;
font-family: "Lucida Grande", "Helvetica", "Arial", "Verdana", Sans-serif;
float:left;
color: #022648;
}

#text-box a {
color: #005293;
}

#events-list a {
color: #005293;
}

* html #calendar-box {
width: 610px;
padding: 0;
margin: 0;
}

.tooltip {
width:250px;
margin: 0 auto;
clear: left;
color: #A3CFF0;
font-family: "Lucida Grande", "Helvetica", "Arial", "Verdana", Sans-serif;
padding: 10px;
font-size:12px;
background: #051f38;
position: absolute;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
z-index: 99;
border-style: solid;
border-width: 3px;
border-color: #C5DBEC;
text-align: justify;
}

#footer {
width:962px;
clear: left;
color: #fff;
font-size:12px;
text-align: center;
height: 74px;
background-image: url(/resources/images/footer-coe-bg.png);
background-repeat: no-repeat;
font: arial;
font-family: "Arial", "Helvetica", Sans-serif;
margin: 40px auto;
padding: 15px 0 0 0;
}

#footer li {
width:1100px;
margin: 0 auto;
clear: left;
color: #fff;
display:inline;
}

#footer a {
width:1100px;
margin: 0px 0 0 0px;
clear: left;
color: #fff;
display:inline;
text-decoration: none;
}

#footer a:hover{
width:1100px;
margin: 0 auto;
clear: left;
color: #A3CFF0;
display:inline;
text-decoration: none;
}

#subfooter {
width:962px;
clear: left;
font-size:12px;
text-align: center;
height: 74px;
margin: 40px 0px 100px 60px;
padding: 0px;
float: left;
}

.tabs-hide {
display: none;
}

/* Hide useless elements in print layouts... */

@media print {
	.tabs-nav {
	display: none;
	}
}

/* Skin */

.tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 0px;
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}

.tabs-nav li {
float: left;
margin: 0 0 0 0px;
min-width: 84px; /* be nice to Opera */
}

.tabs-nav a, .tabs-nav a span {
display: block;
padding: 0 10px;
background: url(tab.png) no-repeat;
}

.tabs-nav a {
position: relative;
color:#006;
top: 1px;
z-index: 2;
padding-left: 0;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
}

.tabs-nav .tabs-selected a {
color:#FFF;
}

#book-flight .tabs-nav .tabs-selected a {
color: #093;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
background-position: 100% -150px;
outline: 0; /* prevent dotted border in Firefox */
}

.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
background-position: 100% -100px;
}

.tabs-nav a span {
width: 64px; /* IE 6 treats width as min-width */
min-width: 64px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}

*>.tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}

.tabs-nav .tabs-selected a span {
padding-top: 7px;
}

.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
background-position: 0 -50px;
}

.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav
.tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
background-position: 0 0;
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}

.tabs-nav .tabs-disabled {
opacity: .4;
}

.tabs-container {
padding: 0; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}

#widget {
width: 278px;
margin: 0px;
font-family: "Arial", "Helvetica", Sans-serif;
}

#arrival-date {
min-height: 28px;
height: auto !important;
height: 28px;
}

#arrival-date select {
margin-left: 3px;
}

#nights-rooms {
min-height: 28px;
height: auto !important;
height: 28px;
}

#nights-rooms select {
margin-left: 3px;
}

#adults-children {
min-height: 24px;
height: auto !important;
height: 24px;
}

#adults-children select {
margin-left: 3px;
}

.spaced {
margin-left: 0px;
}

.child_ages select {
margin-left: 3px;
}

#children-age {
margin-left: 3px;
}

#tabs-holder {
float: left;
width: 300px;
height: 38px;
margin:0;
padding:0;
}

* html #tabs-holder {
display: inline;
}

a#res-tab-on {
float: left;
width: 136px;
height: 38px;
background: url(http://www.torontoescapes.com/resources/images/book-a-flight-alt.png) no-repeat;
cursor: pointer;
}

a#book-tab-off {
float: left;
width: 164px;
height: 38px;
background: url(http://www.torontoescapes.com/resources/images/book-a-package-btn.png) no-repeat;
cursor: pointer;
}

* html a#book-tab-off {
display: inline;
position: relative;
width: 161px;
margin:0;
padding:0;
}

a#res-tab-off {
float: left;
width: 136px;
height: 38px;
background: url(http://www.torontoescapes.com/resources/images/book-a-flight-btn.png) no-repeat;
cursor: pointer;
}

* html a#res-tab-off {
display: inline;
}

a#book-tab-on {
float: left;
width: 164px;
height: 38px;
background: url(http://www.torontoescapes.com/resources/images/book-a-package-alt.png) no-repeat;
cursor: pointer;
}

* html a#book-tab-on {
float: none;
position: relative;
width: 161px;
margin:0;
padding:0;
}

#widget {
width: 280px;
margin: 52px 0 0 20px;
_padding-right: -10px;
color: #fff;
font-family: "Arial", "Helvetica", Sans-serif;
font-size:12px;
}

#arrival-date {
min-height: 28px;
height: auto !important;
height: 28px;
}

#arrival-date select {
margin-left: 4px;
}

#nights-rooms {
min-height: 28px;
height: auto !important;
height: 28px;
}

#nights-rooms select {
margin-left: 4px;
}

#adults-children {
min-height: 24px;
height: auto !important;
height: 24px;
}

#adults-children select {
margin-left: 4px;
}

.spaced {
margin-left: 0px;
}

.child_ages select {
margin-left: 4px;
}

#children-age {
margin-left: 4px;
}

#fullcontent-box {
width: 850px;
height: 100%;
min-height: 400px;
margin: 30px 0 0 148px;
}

*html #fullcontent-box {
display: inline;
margin: 30px 0 0 148px;
padding:0;
width: 800px;
float:left;
}

#fullcontent-header {
float: left;
background-image: url(/resources/images/full-internal-top.png);
height: 27px;
width: 815px;
}

#fullcontent-footer {
float: left;
background-image: url(/resources/images/full-internal-battom.png);
height:45px;
width: 800px;
margin:0 0 50px 0;
background-repeat: no-repeat;
}

#fullcontentcopy {
float: left;
background-image: url(/resources/images/full-bg.png);
width: 815px;
margin:0 0 0px 0;
background-repeat: repeat-y;
font-family: "Arial", "Helvetica", Sans-serif;
padding:0 0 0 28px;
}

* html #fullcontentcopy{
display: inline;
margin: 0;
width: 815px;
background-image: url(/resources/images/full-bg.GIF);
padding:0 0 0 0px;
font-family: "Arial", "Helvetica", Sans-serif;
background-repeat: repeat-y;
}

* html #fullcontentcopy a {
position: relative;
}

.new-fares {
float: left;
width: 800px;
margin: 0;
padding:0;
min-height: 200px;
}

* html .new-fares {
display: inline;
margin-top: -10px;
}

.new-fares-top {
float: left;
width: 800px;
height: 14px;
margin: 20px 0 0 0;
padding:0;
}

.new-fares-bottom {
float: left;
width: 800px;
height: 14px;
padding:0;
}

.offer-body {
width: 728px;
}

.offer-body a {
color: red;
}

* html .offer-body {
display: block;
display: inline;
position: relative;
}

.offer-body img {
border: none;
}

.offer-text-wrapper {
float: left;
font-size: 11px;
width: 700px;
margin: 0 0 0 15px;
color:#022648;
}

*html .offer-text-wrapper {
display: inline;
margin: 0 0 0 36px;
}

.offer-headline {
color:#1A4873;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
margin:0 0 15px;
font-weight:bold;
line-height:14px;
}

.subtitle {
color:#1A4873;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
line-height:14px;
}

.offer-photo-wrapper {
float: right;
width: 200px;
height: 280px;
margin:0;
padding:0;
}

.offer-photo {
float: left;
display: block;
margin: 0 0 15px 15px;
}

*html .offer-photo {
display: inline;
margin: 0 0 15px 36px;
}

.offer-photo img {
border: none;
}

.offer-learn-more {
float: right;
display: block;
margin: 20px 15px 0 0;
}

.the-price-table {
clear: left;
font-size: 11px;
width: 728px;
margin: 0 0 0 15px;
}

*:first-child+html .the-price-table {
margin: 15px 0 0 25px;
}

*html .the-price-table {
display: inline;
margin: 15px 0 0 15px;
}

.contour{
border: 1px solid #666666; padding: 5px; width: 100%; background: #fff; width: 715px;
}

.bodytext-white-l{
color: #fff; font-weight: bold; padding: 2px 5px; background:#1A4873; border-right: 1px solid #c3c3c3; vertical-align: top;
}

.bodytext-white{
color: #fff; font-weight: bold; padding: 2px 5px ; background:#1A4873; vertical-align: top;
}

.bodytext-asdf-l{ padding: 2px 5px; vertical-align: top;color:##022648;
}

.bodytext-strike{
padding: 2px 5px; border-right: 1px solid #c3c3c3; vertical-align: top; text-decoration: line-through; color: #A50000;
}

.bodytext-asdf{
padding: 2px 5px; vertical-align: top;
}

.bodytext-asdf a:link, .bodytext-asdf a:visited {
color:#CC0000;
font-size:12px;
}

#the-cal-events #main-nav li#list-cal a {
background: url(/resources/images/calendar-of-events-btn-ro.jpg) no-repeat;
display: block;
width: 205px;
height: 28px;
}

#the-cal-events #main-nav li#list-cal a:hover {
background: url(/resources/images/calendar-of-events-btn-ro.jpg) no-repeat;
display: block;
width: 205px;
height: 28px;
}

#the-cal-events #main-nav li#list-offer a {
background: url(/resources/images/flight-deals-btn.jpg) no-repeat;
display: block;
width: 156px;
height: 28px;
}

#the-cal-events #main-nav li#list-offer a:hover {
background: url(/resources/images/flight-deals-btn-ro.jpg) no-repeat;
display: block;
width: 156px;
height: 28px;
}

#the-cal-events #main-nav li#list-ontario a {
background: url(/resources/images/ontario-btn.jpg) no-repeat;
display: block;
width: 131px;
height: 28px;
}

#ontario #text-box {
margin:0;
}

#the-cal-events #main-nav li#list-ontario a:hover {
background: url(/resources/images/ontario-btn-ro.jpg) no-repeat;
display: block;
width: 131px;
height: 28px;
}

#the-cal-events #main-nav li#list-pack a {
background: url(/resources/images/packages-btn.jpg) no-repeat;
display: block;
width: 142px;
height: 28px;
}

#the-cal-events #main-nav li#list-pack a:hover {
background: url(/resources/images/packages-btn-ro.jpg) no-repeat;
display: block;
width: 142px;
height: 28px;
}

#ontario #main-nav li#list-cal a {
background: url(/resources/images/calendar-of-events-btn.jpg) no-repeat;
display: block;
width: 205px;
height: 28px;
}

#ontario #main-nav li#list-cal a:hover {
background: url(/resources/images/calendar-of-events-btn-ro.jpg) no-repeat;
display: block;
width: 205px;
height: 28px;
}

#ontario #main-nav li#list-ontario a {
background: url(/resources/images/ontario-btn-ro.jpg) no-repeat;
display: block;
width: 131px;
height: 28px;
}

#ontario #main-nav li#list-ontario a:hover {
background: url(/resources/images/ontario-btn-ro.jpg) no-repeat;
display: block;
width: 131px;
height: 28px;
}

#ontario #main-nav li#list-pack a {
background: url(/resources/images/packages-btn.jpg) no-repeat;
display: block;
width: 142px;
height: 28px;
}

#ontario #main-nav li#list-pack a:hover {
background: url(/resources/images/packages-btn-ro.jpg) no-repeat;
display: block;
width: 142px;
height: 28px;
}

#ontario #main-nav li#list-offer a {
background: url(/resources/images/flight-deals-btn.jpg) no-repeat;
display: block;
width: 156px;
height: 28px;
}

#ontario #main-nav li#list-offer a:hover {
background: url(/resources/images/flight-deals-btn-ro.jpg) no-repeat;
display: block;
width: 156px;
height: 28px;
}

#deals #main-nav li#list-cal a {
background: url(/resources/images/calendar-of-events-btn.jpg) no-repeat;
display: block;
width: 205px;
height: 28px;
}

#deals #main-nav li#list-cal a:hover {
background: url(/resources/images/calendar-of-events-btn-ro.jpg) no-repeat;
display: block;
width: 205px;
height: 28px;
}

#deals #main-nav li#list-ontario a {
background: url(/resources/images/ontario-btn.jpg) no-repeat;
display: block;
width: 131px;
height: 28px;
}

#deals #main-nav li#list-ontario a:hover {
background: url(/resources/images/ontario-btn-ro.jpg) no-repeat;
display: block;
width: 131px;
height: 28px;
}

#deals #main-nav li#list-pack a {
background: url(/resources/images/packages-btn.jpg) no-repeat;
display: block;
width: 142px;
height: 28px;
}

#deals #main-nav li#list-pack a:hover {
background: url(/resources/images/packages-btn-ro.jpg) no-repeat;
display: block;
width: 142px;
height: 28px;
}

#deals #main-nav li#list-offer a {
background: url(/resources/images/flight-deals-btn-ro.jpg) no-repeat;
display: block;
width: 156px;
height: 28px;
}

#deals #main-nav li#list-offer a:hover {
background: url(/resources/images/flight-deals-btn-ro.jpg) no-repeat;
display: block;
width: 156px;
height: 28px;
}