/******************************************************************************
Filename:  screen.css
Project:   Anchor Trailways
Purpose:   Site CSS:  Contains global styles 
Date			Developer	Description
03/18/2009		jmk			Version 1.0
******************************************************************************/

/************ BEGIN:  GLOBAL STYLES ************/
body{background:#2e2e2e url('../images/global/home/homebg.gif') top left repeat-x; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:100%; font-family: Verdana, Geneva, sans-serif;}
body.int{background:#FFFFFF; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:100%; font-family: Verdana, Geneva, sans-serif;}
body.intFullWidth{background:#FFFFFF; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:100%; font-family: Verdana, Geneva, sans-serif;}
.right{text-align: right;}
.clear{clear: both; height: 0px;}
#screenreaderNav{position:absolute; left:0; top:0; z-index:-1;}
.screenreaderNavAnchor{display:none;}
img{border:none;}
.floatLeft{float: left;}
.floatRight{float:right;}

#contentWrapper{width: 100%; position:absolute; top:84px;}
#contentContainer{width:980px; height:290px; padding:0px 0px 0px 0px; margin: 0 auto 0 auto; font-family: Verdana, Geneva, sans-serif;}

/************ END:  GLOBAL STYLES ************/

/************ BEGIN:  HOMEPAGE ************/
#homeFlash{width:980px; height:307px; background: transparent url('../images/global/home/flashbg.gif') top left no-repeat;}
#homeFlashPadding{padding: 15px 0px 0px 22px;}
* html #homeFlashPadding{padding: 9px 0px 0px 22px;}
#homeMarketing{width:980px; height:145px; margin: 0 auto 0 auto; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif;}
#cta01{width:246px; height:145px; float: left;}
#cta02{width:244px; height:145px; float: left;}
#cta03{width:242px; height:145px; float: left;}
#cta04{width:248px; height:145px; float: left;}
/************ END:  HOMEPAGE ************/

/************ BEGIN:  LEFT NAV ************/
#intcontentLeftNav{float:left; width:177px; margin: 0px 0px 0px 14px; @margin: 0px 0px 0px 14px; padding: 0px 0px 0px 0px;}
* html #intcontentLeftNav{margin: 0px 0px 0px 7px;}
html>/**/body #intcontentLeftNav, x:-moz-any-link, x:default {margin: 0px 0px 0px 14px;}
#leftNavContainer{margin-top:-1px; @margin-top:-5px;}
* html #leftNavContainer{margin-top:-5px;}

.leftNav3Off{}
.leftNav3Off a{color:#ffffff; display:block; margin:0px 1px 0px 1px; padding: 5px 0px 5px 20px; font-size:70%; font-weight:bold; text-decoration:none; width:155px; background:#29ABE2;}
.leftNav3Off a:hover{color:#FFFFFF; display:block; margin:0px 1px 0px 1px; padding: 5px 0px 5px 20px; font-size:70%; font-weight:bold; text-decoration:none; width:155px; background:#000000;}
.leftNav3On{}
.leftNav3On a{color:#ffffff; display:block; margin:0px 1px 0px 1px; padding: 5px 0px 5px 20px; font-size:70%; font-weight:bold; text-decoration:none; width:155px; background:#000000;}
.leftNav3On a:hover{color:#aaaaaa; display:block; margin:0px 1px 0px 1px; padding: 5px 0px 5px 20px; font-size:70%; font-weight:bold; text-decoration:none; width:155px; background:#000000;}

.leftNav4Off{}
.leftNav4Off a{color:#000000; display:block; padding: 5px 0px 5px 55px; font-size:70%; font-weight:bold; text-decoration:none; width:120px; margin:0px; }
.leftNav4Off a:hover{color:#9e9e9e; display:block; padding: 5px 0px 5px 55px; font-size:70%; font-weight:bold; text-decoration:none; width:120px; margin:0px;}
.leftNav4On{}
.leftNav4On a{color:#9e9e9e; display:block; padding: 5px 0px 5px 55px; font-size:70%; font-weight:bold; text-decoration:none; width:120px; margin:0px; background: transparent url('../images/global/leftnav/leftnav_4up.gif') top left no-repeat;}
.leftNav4On a:hover{color:#9e9e9e; display:block; padding: 5px 0px 5px 55px; font-size:70%; font-weight:bold; text-decoration:none; width:120px; margin:0px; background: transparent url('../images/global/leftnav/leftnav_4up.gif') top left no-repeat;}

.leftNav5Off{}
.leftNav5Off a{color:#B53131; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px; }
.leftNav5Off a:hover{color:#aaaaaa; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}
.leftNav5On{}
.leftNav5On a{color:#005B99; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}
.leftNav5On a:hover{color:#aaaaaa; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}

.leftNav6Off{}
.leftNav6Off a{color:#B53131; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px; }
.leftNav6Off a:hover{color:#aaaaaa; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}
.leftNav6On{}
.leftNav6On a{color:#005B99; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}
.leftNav6On a:hover{color:#aaaaaa; display:block; padding: 3px 0px 3px 65px; font-size:60%; font-weight:bold; text-decoration:none; width:110px; margin:0px;}

#leftnavbottom{padding: 0px 0px 0px 14px; #padding: 0px 0px 0px 14px; #margin: 0px 0px 0 0px;}
* html #leftnavbottom{padding: 0px 0px 0px 14px; margin: 0px 0px 0 0px;}
html>/**/body #leftnavbottom, x:-moz-any-link, x:default {padding: 0px 0px 0px 14px;}
/************ END:  LEFT NAV ************/

/************ BEGIN:  INTERIOR CONTENT ************/
/* begin:  content */
#intpageWrapper{width:100%; height:auto; position:absolute; top:84px;}
#intcontentWrapper{width: 100%; position:relative; top:0px;}
#intcontentContainer{width:980px; height:auto; padding:0px 0px 0px 0px; margin: 0 auto 18px auto; font-family: Verdana, Geneva, sans-serif;}
#intcontentHeader{margin-left:5px; width:969px; height: 214px; background: transparent url('../images/global/intContentHeader_bg.gif') no-repeat;}
#intcontentHeader img{margin: 14px 0px 0px 16px;}
#intcontentSectionHeading{background:transparent url('../images/global/intContentSectionHeading-default.gif') 10px 0 no-repeat; height:58px; padding: 0px 20px 0px 35px; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; font-size:115%; color:#ffffff;}
body.intFullWidth #intcontentSectionHeading{background: url('../images/global/intContentSectionHeading_fw.gif') top center no-repeat;}
#intcontentSectionHeading .floatLeft{padding: 18px 0px 0px 0px;}
#intcontentSectionHeading .floatRight{width:192px; padding: 5px 0px 0px 0;}
#intcontentSectionHeading .floatRight img{position:absolute;}
#intcontentMainWrapper{background:transparent url('../images/global/intContentbg.gif') repeat-y; height:auto;}
body.intFullWidth #intcontentMainWrapper{background:transparent url('../images/global/intContentbg_fw.gif') top center repeat-y;}
#intcontentMiddle{float:left; width:495px; height:330px; padding: 0px 33px 0px 45px; font-size:75%;}
body.intFullWidth #intcontentMiddle{float:left; width:700px; height:330px; padding: 0px 0px 0px 45px;}
body.intFullWidth * html #intcontentMiddle{width:700px; padding: 0px 0px 0px 48px;}
html > body #intcontentMiddle{height:auto; min-height:320px;}
html > body.intFullWidth #intcontentMiddle{height:auto; min-height:320px;}
#intcontentMiddle img{border:1px solid #cccccc;}
img.none{padding:0!important; border:0!important; margin:0!important;}
#intcontentMiddle p{line-height:1.4em; letter-spacing:0.02em;}
body.intFullWidth #intcontentMiddle p{}
body.intFullWidth #intcontentMiddle ul{padding:0px 50px 0px 0px;}
body.intFullWidth #intcontentMiddle ol{padding:0px 50px 0px 50px;}
blockquote{}
hr{width:400px;}
#intcontentMiddle .tableVAMiddle{vertical-align:middle;}
#intcontentMiddle a{color:#AD1E23; text-decoration:underline;}
#intcontentMiddle a:hover{color:#AD1E23; text-decoration:none;}
#intcontentMiddle h1{color:#000000; font-size:130%; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; margin:0; padding: 15px 0px 0px 0px;}
#intcontentMiddle h2, #intcontentMiddle h3, #intcontentMiddle h4, #intcontentMiddle h5, #intcontentMiddle h6, #intcontentMiddle h7{color:#AD1E23; font-size:130%; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; margin:0; padding: 15px 0px 0px 0px;}
#intcontentMiddle #top img{border:0px; padding:0px; margin:0px;}
#intcontentMiddle #top{float:right; margin-right: -15px;}
html > body #intcontentMiddle #top{float:right; margin-right: -30px;}
#intcontentMiddle #top2 img{border:0px; padding:0px; margin:0px;}
#intcontentMiddle #top2{float:right;}
#intcontentMiddle tr{vertical-align:top;}
.emphasis{color:#AD1E23;}
/* end:  content */
/* begin:  right column */
#intcontentRight{float:left; width:205px; padding: 17px 0px 0px 0px; text-align:center; overflow:hidden;}
#intcontentRight h1, #intcontentRight h2, #intcontentRight h3, #intcontentRight h4, #intcontentRight h5, #intcontentRight h6, #intcontentRight h7{color:#AD1E23; font-size:100%; font-weight:bold; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; padding: 10px 20px 10px 20px; margin:0; line-height:1.2em;}
#intcontentRight h3{font-size:80%; padding:20px 0px 0px 0px; }
#intcontentRight #rc, #intcontentRight #rcSubSection{padding: 10px 20px 0px 20px; margin:0; text-align:left; font-size:65%;}
#intcontentRight #rc ul, #intcontentRight #rcSubSection ul{padding:0px 10px 0px 5px; margin:0;}
#intcontentRight p{margin:5px 0px 0px 5px;}
#intcontentRight a{color:#AD1E23;}
#adMid{background: transparent url('../images/global/adBg.gif') top left repeat-y;}
#adbottom{margin:0px 0px -5px 0px;}
#intcontentRightBottom{clear: both; position:relative; top:14px; height: 1px; background:url('../images/global/rightCol/bottom.gif') 760px 0px no-repeat;}
/* end:  right column */
#flashVideo{width:301px; height:271px; padding:0px 0px 0px 75px;}
/************ END:  INTERIOR CONTENT ************/

/************ BEGIN:  FOOTER ************/
#footerWrapper{width: 100%; margin-top:4px; padding-top:15px; background:#2e2e2e url('../images/global/footerbg.gif') 0px 0px repeat-x;}
#footerContainer{width:980px; height:auto; padding:0px 0px 30px 0px; text-align:center; margin: 0 auto 0 auto; font-family: Verdana, Geneva, sans-serif;  background:transparent url('../images/global/footermidbg.gif') center -15px no-repeat; text-align:center; margin: 0 auto 0 auto; font-family: Verdana, Geneva, sans-serif;}
#intfooterWrapper{width: 100%; position:relative; top:0px; background:#2e2e2e url('../images/global/footerbg.gif') top left repeat-x;}
#intfooterContainer{width:980px; height:auto; padding:10px 0px 30px 0px; background:transparent url('../images/global/footermidbg.gif') top center no-repeat; text-align:center; margin: 0 auto 0 auto; font-family: Verdana, Geneva, sans-serif;}
#footerNav{font-size:11px; font-weight:bold; letter-spacing:0.05em; padding:10px 0px 20px 0px;}
#footerNav a{color:#ffffff; text-decoration:none;}
#footerNav a:hover{color:#808080; text-decoration:none;}
#footerNav img{padding:0 20px 0 20px;}
#footerText{color:#808080; font-size:10px; font-weight:bold;}
#footerText a{color:#808080; text-decoration:none;}
#footerText a:hover{color:#FFFFFF; text-decoration:none;}
#credit{color:#333333; float: right; padding: 15px 40px 0px 0px; font-size:11px; letter-spacing: 0.05em;}
#credit a{color:#333333; text-decoration: none;}
#credit a:hover{color:#ffffff; text-decoration:none;}
/************ END:  FOOTER ************/

/************ BEGIN:  HEADER ************/
#headerWrapper{width:100%; position: absolute; top:0px;}
#headerContainer{width:980px; height:80px; margin: 0 auto 0 auto;}
#headerLogo{width: 244px; padding: 10px 0px 0px 20px; float: left; height:68px;}
#headerRight{width:560px; float:right; height:85px;}
#utilityNav{width: 560px; height: 16px; float:right; text-align:right; font-weight:bold; padding: 4px 0px 0px 0px;}
#utilityNav a{color:#AD1E23; text-decoration:none; font-size:60%; padding: 0px 10px 0px 0px;}
#utilityNav a:hover{color:#EF3E33; text-decoration:none; font-size:60%; padding: 0px 10px 0px 0px;}
/************ END:  HEADER ************/

/************ BEGIN:  TOP NAVIGATION ************/
#topnav{font-size:110%; width:360px; height:30px; padding: 4px 0px 0px 170px; margin: 37px 0px 0px 0px; #margin: 32px 0px 0px 0px; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; text-align:right; letter-spacing:0.04em; font-weight:bold;}
*:first-child+html #topnav{margin-top:55px;} /** IE 7 Only hack **/ /** #attribute is IE6 Only hack **/
#topNavContainer{margin-left:30px;}
/************ END:  TOP NAVIGATION ************/

/************ BEGIN:  FORMS ************/
.hidden{display:none} 
.form td{padding: 3px 0px 3px 2px;}
.searchField{color:#3c3c3c; background-color:#ffffff; font-size: 10px; width:135px; font-weight:normal; font-family: Verdana, Geneva, sans-serif; padding: 0px 0px 0px 5px; border:1px solid #cccccc; height:14px;}
.formHeader{color:#dddddd; background-color:#AE0000; font-size: 100%; font-weight:bold; font-family: 'Trebuchet MS', Trebuchet, Helvetica, sans-serif; padding: 5px 5px 5px 5px; margin: 20px 20px 20px 0px;}
/*table{margin: 0px 0px 0px 30px;}
table td{padding: 5px 0px 5px 0px;}*/
.form td{padding: 5px 5px 5px 0px;}
.formButtons{text-align: center; margin: 20px 0px 20px 0px;}
.label{text-align: right; padding: 5px 10px 0px 0px; font-size:80%;}
.field{text-align: left; border:1px solid #cccccc;}
.disabled{text-align:left; color:#000000!important; font-weight:bold!important; font-size:11px!important; border:0;}
.radio{font-size: 11px;}
.select{text-align: left; border:1px solid #cccccc;}
.example{font-size: 10px; color:#666666;}
.required{font-size: 12px; color:#ff0000; padding: 3px 2px 0px 0px;}
.error{font-size: 11px; color:#ff0000;}
.calIcon{position:relative; top:0px!important; margin:0!important; padding:2px 0px 0px 0px!important;}
.LV_validation_message{margin:0 0 0 0px; font-size: 10px; display:block;}
.LV_valid {color:#00CC00;}
.LV_invalid {color:#CC0000;}
.LV_valid_field,input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover, textarea.LV_valid_field:active {border: 1px solid #cccccc;}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {border: 1px solid #CC0000 !important;}
/************ END:  FORMS ************/

/************ BEGIN:  SITEMAP ************/
/*#sitemap{width:450px; line-height:1.4em; letter-spacing:0.02em; padding: 10px 0px 0px 0px;}
#sitemap a{color:#AD1E23; text-decoration:underline;}
#sitemap a:hover{color:#AD1E23; text-decoration:none;}
.sitemapTitle{font-size:14px; font-weight:bold; padding:10px 0px 0px 0px;}
/************ END:  SITEMAP ************/

/************ BEGIN:  PRINT ************/
#printHeader{display:none;}
#pageTitleContainer{display:none;}
#pageTitle{display:none;}
/************ END:  PRINT ************/

/************ BEGIN:  SEO COLLAPSIBLE REGION ************/
#seoLinks{color:#9bc8dc; letter-spacing: 0.05em; width:960px; margin-left:20px; font-family:Verdana,Geneva,sans-serif; font-size:70%; text-align:left; float:left;}
#switchcontent{overflow:auto; height:65px;}
/************ END:  SEO COLLAPSIBLE REGION ************/

/************ BEGIN:  CMA RESERVATIONS SECTIONS ************/
#tooltip{position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 10px; opacity: 1; font-size:11px!important; width:200px;}
#tooltip h3, #tooltip div { margin: 0; font-size:11px!important}
#tooltip.large{width:650px; text-align:center;}

.cmahoteltable{border:1px solid #cccccc; border-collapse:collapse;}
.cmahoteltable td, .cmahoteltable th{padding:2px 5px 2px 5px;}
.cmahoteltable th{background-color:#AE0000; text-align:left; color:#ffffff;}
ul#optionaltickets ul{margin:0px; padding:0px 0px 0px 20px;}
/************ END:  CMA RESERVATIONS SECTIONS ************/

/************ BEGIN:  TREE MENU ************/
.treeview ul{margin:0; padding:0; width:440px;}
/*Style for LI elements in general (excludes an LI that contains sub lists)*/
.treeview li{list-style-type:none; padding-left:18px; margin-bottom:10px; margin-left:-40px;}
.treeview li div.collapsibleTitle{padding-bottom:10px; font-weight:bold;}
.treeview li img{vertical-align:top;}
/* Style for LI that contains sub lists (other ULs). */
.treeview li.submenu{background:url("../images/global/tree_menu/plus.gif") no-repeat 0 4px; cursor: hand !important; cursor: pointer !important;}
/*Style for ULs that are children of LIs (submenu) *//*Hide them by default. Don't delete. */
.treeview li.submenu ul.expanded{margin:0; padding:0; display:none; background:none;}
.treeview li.submenu ul.expanded li{margin:0; padding:0;}
/*Style for LIs of ULs that are children of LIs (submenu) */
.treeview .submenu ul li{margin:0 0 0 17px; padding:0; cursor:default; background:none;}
/************ END:  TREE MENU ************/