/* CSS Document */ /* by: Cheryl Morton - Coach America */ dhtml { padding: 0px; margin: 0px; } body { padding: 0px; margin: 0px; font: normal 12px/18px Arial; background: url(../images/bgTop.jpg) repeat-x; } #header { position: relative; padding: 0px; margin: 0px auto; width: 1010px; height: 105px; } #header h1 { padding: 0px; top: 32px; left: 26px; width: 230px; height: 58px; background: url(../images/logoCoach.png); } #header h1 a { display: block; padding: 0px; margin: 0px; top: 33px; width: 230px; height: 60px; } #header p { position: absolute; top: 22px; right: 20px; padding: 5px 0px; margin: 0px; } #header p a { color: #246cb0; text-decoration: none; font: bold 12px/12px Century-Gothic; } #header p a:hover { text-decoration: underline; } #navigation { position: relative; padding: 0px; top: -41px; margin: 0px auto; width: 1010px; height: 78px; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/skeleton2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. ================================================================ */ #nav, #nav ul { padding:0; margin:0; list-style:none; font: normal 10px Arial; background: #fff; position:relative; z-index:100;} #nav { height:78px; width:1010px; padding:0; background: url(../images/nav/bgNav.jpg); } #nav table {border-collapse:collapse;} #nav li {float:left; } /***** Added Styles *****/ #nav li#charter { padding: 0px; margin-left: 25px; margin-top: 0px; width: 137px; height: 66px; } #nav li#charter a#charterRoll { display: block; padding: 0px; margin: 0px; width: 137px; height: 66px; background: url(../images/nav/navCharter.jpg); } #nav li#charter:hover a#charterRoll, #nav li#charter a#charterRoll:hover { background: none;} #nav li#crew { padding: 0px; margin-left: -15px; margin-top: 0px; width: 137px; height: 66px; } #nav li#crew a#crewRoll { display: block; padding: 0px; margin: 0px; width: 137px; height: 66px; background: url(../images/nav/navCrew.jpg); } #nav li#crew:hover a#crewRoll, #nav li#crew a#crewRoll:hover { background: none;} #nav li#contract { padding: 0px; margin-left: -15px; margin-top: 0px; width: 137px; height: 66px; } #nav li#contract a#contractRoll { display: block; padding: 0px; margin: 0px; width: 137px; height: 66px; background: url(../images/nav/navContract.jpg); } #nav li#contract:hover a#contractRoll, #nav li#contract a#contractRoll:hover { background: none;} #nav li#scheduled { padding: 0px; margin-left: -15px; margin-top: 0px; width: 137px; height: 66px; } #nav li#scheduled a#scheduledRoll { display: block; padding: 0px; margin: 0px; width: 137px; height: 66px; background: url(../images/nav/navScheduled.jpg); } #nav li#scheduled:hover a#scheduledRoll, #nav li#scheduled a#scheduledRoll:hover { background: none;} #nav li#tours { padding: 0px; margin-left: -15px; margin-top: 0px; width: 137px; height: 66px; } #nav li#tours a#toursRoll { display: block; padding: 0px; margin: 0px; width: 137px; height: 66px; background: url(../images/nav/navTours.jpg); } #nav li#tours:hover a#toursRoll, #nav li#tours a#toursRoll:hover { background: none;} #nav li#casino { padding: 0px; margin-left: -15px; margin-top: 0px; width: 137px; height: 66px; } #nav li#casino a#casinoRoll { display: block; padding: 0px; margin: 0px; width: 137px; height: 66px; background: url(../images/nav/navCasino.jpg); } #nav li#casino:hover a#casinoRoll, #nav li#casino a#casinoRoll:hover { background: none;} #nav li#shuttle { padding: 0px; margin-left: -15px; margin-top: 0px; width: 140px; height: 66px; } #nav li#shuttle a#shuttleRoll { display: block; padding: 0px; margin: 0px; width: 140px; height: 66px; background: url(../images/nav/navShuttles.jpg); } #nav li#shuttle:hover a#shuttleRoll, #nav li#shuttle a#shuttleRoll:hover { background: none;} /***** End of Added Styles *****/ #nav li li {float:none;} /* a hack for IE5.x and IE6 */ #nav li a li {float:left;} #nav li a {display:block; float:left; color:#4b4a4f; height:23px; padding:0 5px 0 10px; line-height:22px; text-decoration:none; white-space:nowrap; font-weight:bold;} #nav li li a {height:21px; line-height:20px; float:none; width: 100%; } #nav li:hover {position:relative; z-index:100;} #nav a:hover {position:relative; z-index:100; background:#dadada; color:#000;} #nav li:hover > a {background:#bdbdbd; color:#000;} #nav :hover ul {left:0; top:66px; border:1px solid #dadada; z-index:300;} #nav a:hover ul {left:-1px;} #nav ul {position:absolute; left:-9999px; top:-9999px;} /* it could have been this simple if all browsers understood */ /* show next level */ #nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;} /* keep further levels hidden */ #nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;} /* show path followed */ #nav li:hover li:hover > a {background:#dadada; color:#000;} #nav li a:hover ul li a:hover {background:#dadada;} /* but IE5.x and IE6 need this lot to style the flyouts*/ /* show next level */ #nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover a:hover ul {left:100%; top:0;} /* keep further levels hidden */ #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul {position:absolute; left:-9999px; top:-9999px;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/skeleton2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. ================================================================ */ /* BEGIN Home Page styles */ .slideshow { width: 1009px; height: 400px; margin: auto } .slideshow img { padding: 0px; border: 0px; } #contentHome { position: relative; padding: 0px; margin: 0px auto; top: -10px; width: 1009px;} #contentHomeHR { position: relative; padding: 0px; margin: 0px auto; top: 0px; width: 1009px; min-height: 426px; background:url(http://coachamerica.com/images/bgContentHomeHR.jpg) no-repeat; z-index:0; } #contentHome .form { position: absolute; top: 95px; right: -28px; padding: 10px 0px 5px 0px; margin: 0px; width: 300px; height: 180px; z-index:999;} /* BEGIN Home Page form */ #contentHome .form form { padding: 0px 0px 0px 0px ; margin: 0px; font: normal 11px Arial; } /* BEGIN Left Column Labels */ #contentHome .form label { text-align: left; padding: 3px 5px 0px 5px; margin: 0px; width: 70px; } #contentHome .form label.first { position: absolute; top: 36px;} #contentHome .form label.last { position: absolute; top: 60px;} #contentHome .form label.phone { position: absolute; top: 84px;} #contentHome .form label.email { position: absolute; top: 108px;} #contentHome .form label.passenger { position: absolute; top: 132px;} /* BEGIN Right Column Labels */ #contentHome .form label.pickupdate { position: absolute; top: 36px; left: 270px; } #contentHome .form label.pickupcity { position: absolute; top: 60px; left: 270px; } #contentHome .form label.pickupstate { position: absolute; top: 84px; left: 270px; } #contentHome .form label.destinationcity { position: absolute; top: 108px; left: 270px; } #contentHome .form label.destinationstate { position: absolute; top: 132px; left: 270px; } #contentHome .form label.returndate { position: absolute; top: 156px; left: 270px; } #contentHome .form label.comments { position: absolute; top: 156px;} /* BEGIN Left Column Input Fields */ #contentHome .form input. { padding: 0px; margin: -2px 3px 3px 0px; width: 145px; } #contentHome .form input.fname {position: absolute; left: 80px; top: 36px; } #contentHome .form input.lname {position: absolute; left: 80px; top: 60px; } #contentHome .form input.pnumber {position: absolute; left: 80px; top: 84px; } #contentHome .form input.eaddress {position: absolute; left: 80px; top: 108px; } #contentHome .form input.pcount {position: absolute; left: 80px; top: 132px; } /* BEGIN Right Column Input Fields */ #contentHome .form select.pickupmonth { position: absolute; left: 345px; top: 38px; width: 52px; } #contentHome .form select.pickupday { position: absolute; left: 399px; top: 38px; width: 41px; } #contentHome .form select.pickupyear { position: absolute; left: 443px; top: 38px; width: 53px; } #contentHome .form input.pcity { position: absolute; left: 345px; top: 59px;width: 144px; } #contentHome .form select.pstate { position: absolute; left: 345px; top: 86px; width: 150px; } #contentHome .form input.dcity { position: absolute; left: 345px; top: 106px; width: 144px; } #contentHome .form select.dstate { position: absolute; left: 345px; top: 134px; width: 150px; } #contentHome .form select.returnmonth { position: absolute; left: 345px; top: 156px; width: 52px; } #contentHome .form select.returnday { position: absolute; left: 399px; top: 156px; width: 41px; } #contentHome .form select.returnyear { position: absolute; left: 443px; top: 156px; width: 53px; } #contentHome .form textarea.commentsarea {position: absolute; left: 80px; top: 158px; padding: 2px; margin: 0px 0px 3px 0px; width: 148px; height: 50px; } #contentHome .form fieldset.buttons {position: relative; margin: 0px auto; top: 198px; width: 250px; height: 100px; right: 30px; } #contentHome .form fieldset.buttons p {position: absolute; margin-top: 13px; margin-left: 131px; } /* END Home Page form */ /* END Home Page styles */ /* BEGIN Inside Pages */ #content { padding: 0px; margin: 0px auto; width: 1000px; } #contentIntHR { position: relative; padding: 0px; margin: 0px auto; top: 0px; width: 1009px; min-height: 426px; background:url(http://coachamerica.com/images/bgContentIntHR.jpg) no-repeat; z-index:0; } #content #left { float: left; padding: 0px; margin: 0px; width: 320px; } #content #left .info { padding: 5px 0px 0px 20px; margin: 0px 0px 10px 0px; width: 300px; background: url(../images/bgLeft.jpg) repeat-y; } #content #left .info img { margin: 0px 0px -3px 0px; } #content #left .info p.subHeader { padding: 0px; color: #0055a5; font: normal 18px/22px Arial; } #content #left .info p { padding: 0px 15px 0px 0px; } #content #left .info a { color: #246cb0; text-decoration: none; } #content #left .info a:hover { text-decoration: underline; } #content #left .info textarea { padding: 2px; margin: 0px; width: 170px; height: 42px; font: normal 12px/14px Arial; } /* BEGIN Form Styles */ form { padding: 0px; margin: 0px; } form a { color: #2b82d3; text-decoration: none; } form a:hover { text-decoration: underline; } fieldset { border: none; padding: 8px 0px 0px 5px; margin: 0px; } label { float: left; padding: 0px 5px 0px 0px; margin: 0px 0px 3px 0px; width: 80px; } .charterform label { float: left; padding: 0px 5px 0px 0px; margin: 0px 0px 3px 0px; width: 180px; } label.nofloat { float: none; text-align: left; width: 80px; padding: 0px 15px 0px 2px; } input.field { float: left; padding-left: 2px; margin: 0px 0px 3px 0px; width: 150px; } input.hide { display: none; } textarea { padding: 2px; margin: 0px; width: 176px; height: 30px; font: normal 10px/10px Arial; } select { float: left; padding: 0px; margin: -2px 3px 3px 0px; width: 150px; font: normal 10px/10px Arial; } select.month { float: left; padding: 0px; margin: -2px 3px 2px 0px; width: 52px; font: normal 10px/10px Arial; } select.day { float: left; padding: 0px; margin: -2px 3px 2px 0px; width: 44px; font: normal 10px/10px Arial; } select.year { float: left; padding: 0px; margin: -2px 3px 3px 0px; width: 53px; font: normal 10px/10px Arial; } select.time { float: left; padding: 0px; margin: -2px 3px 3px 0px; width: 46px; font: normal 10px/10px Arial; } button#getQuote { float: left; padding: 0px; margin: 3px 0px 0px 25px; width: 100px; height: 30px; background: url(../images/buttonGetQuote.jpg); border: none; } button#getQuoteFull { float: left; padding: 0px; margin: 5px 0px; width: 100px; height: 30px; background: url(http://coachamerica.com/images/buttonSend.jpg); border: none; } button#clearForm { float: right; padding: 0px; margin: 5px 15px; width: 100px; height: 30px; background: url(../images/buttonClearForm.jpg); border: none; } button#send { padding: 0px; margin: 0px; width: 100px; height: 30px; background: url(../images/buttonSend.jpg); border: none; } a#addDetails { float: right; display: block; padding: 0px; margin: 3px 0px 0px 0px; width: 100px; height: 30px; background: url(../images/buttonAddDetails.jpg); } button#getQuote:hover, button#getQuoteFull:hover, button#send:hover, button#clearForm:hover, a#addDetails:hover { cursor: pointer; background-position: 0px -30px; } /* END Form styles */ #content #right { float: right; padding: 0px 20px 0px 0px; margin: 0px; width: 655px; background: url(../images/bgRight.jpg) top right repeat-y; } #content #right .text { padding: 0px; margin: 0px; width: 655px; } #content #right .text img { margin: 0px 0px -3px 0px; } #content #right .text p { padding: 0px 15px 0px 45px; } #content #right .text p a { color: #246cb0; text-decoration: none; } #content #right .text p a:hover { text-decoration: underline; } #content #right .text p.title { padding: 17px 0px 0px 45px; margin: 0px; color: #c22a2a; font: normal 25px/30px Arial; } #content #right .text p.subTitle { padding: 20px 10px 0px 45px; color: #c22a2a; font: normal 18px/22px Arial; } #content #right .text p.subTitleGreen { padding: 20px 10px 0px 45px; color: #1c9053; font: normal 18px/22px Arial; } #content #right .text p.buttonCharter a { display: block; padding: 0px; margin: 0px; width: 100px; height: 30px; background: url(../images/buttonGetQuote.jpg); } #content #right .text p.buttonCharter a:hover { display: block; background-position: 0px -30px; } #content #right .text ul { margin: 0px 0px 0px 45px; list-style: disc; } #content #right .text ul ul { margin: 0px 0px 0px 0px; } #content #right .text ol { margin: 0px 0px 0px 45px; } #content #right .text ol li { margin: 0px 0px 15px 0px; } #content #right .text ol ol { margin: 0px 0px 0px 0px; } ul li { margin-right: 15px; } /* BEGIN Table styles */ #content #right .text td.subTitle { padding: 5px 0px 0px 2px; color: #c22a2a; font: normal 18px/22px Arial; } #content #right .text tr.beige { background: #e9e9e9; } tr.beige { background: #e9e9e9; } /* END Table styles */ /* END Inside Pages */ /* BEGIN HR page styles */ #buttonsHRHome { position: relative; margin: 0px auto; padding-bottom: 20px; margin-left: 25px; position:relative; width: 959px; height: 456px; z-index:2; } #buttonsHRHome p { padding: 10px 0px 0px 0px ; margin: 0px;font: normal 14px/20px Arial; color: #5d5d5d; } .navHRWrapper { position: absolute; top: 102px; right: 25px; padding: 3px 0px 0px 0px; margin: 0px; width: 245px; height: 250px; z-index:999;} .navHRWrapper p { padding: 3px 0px 0px 5px; margin: 0px; font: normal 16px/16px Arial;} .navHRWrapper a { text-decoration: none; color:#708CCB;} .navHRWrapper a:hover { text-decoration: none; color:#e31010; } #HRtopLeft {float: left; width: 473px; min-height: 204px; background: url(../images/bgHRTopLeft.jpg) no-repeat; } #HRtopRight {float: right; width: 473px; min-height: 204px; background: url(../images/bgHRTopRight.jpg) no-repeat; } #HRbottomLeft {float: left; width: 473px; min-height: 205px; background: url(../images/bgHRBottomLeft.jpg) no-repeat; } #HRbottomRight {float: right; width: 473px; min-height: 205px; background: url(../images/bgHRBottomRight.jpg) no-repeat; } #HRcopyTopLeft { position: relative; text-align: left; top: 53px; left: 102px; width: 310px; padding-bottom: 70px;} #HRcopyTopRight { position: relative; text-align: left; top: 53px; left: 102px; width: 310px; padding-bottom: 70px; } #HRcopyBottomLeft { position: relative; text-align: left; top: 53px; left: 102px; width: 310px;} #HRcopyBottomRight { position: relative; text-align: left; top: 53px; left: 102px; width: 310px; } /* END HR page styles */ /* BEGIN Bottom Button styles */ #guarantee { position: absolute; padding: 0px; margin: 0px; width: 320px; height: 96px; } #buttonNascar { display: block; padding: 0px; margin: 0px 0px 12px 0px; width: 185px; height: 90px; background: url(../images/buttonNascar.jpg); } #buttonWhy { display: block; padding: 0px; margin: 0px 0px 12px 0px; width: 185px; height: 90px; background: url(../images/buttonWhy.jpg); } #buttonGreen { display: block; padding: 0px; margin: 0px 0px 12px 0px; width: 185px; height: 90px; background: url(../images/buttonGreen.jpg); } #buttonContact { display: block; padding: 0px; margin: 0px; width: 185px; height: 90px; background: url(../images/buttonContact.jpg); } #buttonWhy:hover, #buttonGreen:hover, #buttonContact:hover, #buttonNascar:hover { background-position: 0px -90px; } #btnFooter { position: relative; left: 12px; padding-left: 22px; margin: 0px auto; margin-top: -24px; width: 1009px; height: 125px; background: url(../images/bgBtnHome4.jpg) no-repeat; } #btnFooter a { float: left; display: block; padding: 0px; margin: 5px 8px 0px 2px; width: 231px; height: 116px; } #btnFooter a#btnGreen {background: url(../images/btnGreen.jpg); } #btnFooter a#btnWhyUs { background: url(../images/btnWhyUs.jpg); } #btnFooter a#btnContact { background: url(../images/btnContact.jpg); } #btnFooter a#btnLocations { background: url(../images/btnLocations.jpg); } #btnFooter a#btnGreen:hover, #btnFooter a#btnWhyUs:hover, #btnFooter a#btnContact:hover, #btnFooter a#btnLocations:hover { background-position: 0px -116px; } /* END Bottom Button styles */ /* BEGIN Footer styles */ #footer { position: relative; padding: 0px 20px; margin: 15px auto 10px auto; width: 960px; height: 29px; background: url(../images/bgFooter.jpg); } #footer p.textLeft { float: left; text-align: left; padding: 5px 0px 0px 15px; margin: 0px; width: 305px; } #footer p.textCenter { float: left; text-align: center; padding: 5px 0px 0px 0px; margin: 0px; width: 320px; } #footer p.textRight { left: 600px; text-align: right; padding: 5px 15px 0px 0px; margin: 0px; width: 305px; } #footer p a { color: #246cb0; text-decoration: none; } #footer p a:hover { text-decoration: underline; } #footerCopyLeft { position: absolute; text-align: left; margin-top: 5px; left: 40px; width: 250px; height: 20px; font: normal 11px/18px Arial; color: #2967b0; } #footerCopyLeft a { text-decoration: underline; color:#2967b0;} #footerCopyLeft a:hover { text-decoration: none; color:#2967b0; } #footerCopyCenter { position: absolute; text-align: left; margin-top: 5px; left: 465px; width: 150px; height: 20px; font: normal 11px/18px Arial; color: #2967b0; } #footerCopyCenter a { text-decoration: underline; color:#2967b0;} #footerCopyCenter a:hover { text-decoration: none; color:#2967b0; } #footerCopyRight { position: absolute; text-align: left; margin-top: 5px;left: 750px; width: 250px; height: 20px; font: normal 11px/18px Arial; color: #2967b0; } #footerCopyRight a { text-decoration: underline; color:#2967b0;} #footerCopyRight a:hover { text-decoration: none; color:#2967b0; } #twitterImg { position: absolute; margin-left: 668px; margin-top: 5px; list-style: none; } #twitterImg #buttonTwitter { position: absolute; left: 0px; width: 19px; height: 19px; } #twitterImg #buttonTwitter a { display: block; left: 0px; width: 19px; height: 19px; } #twitterImg #buttonTwitter a:hover { background: none; } #facebookImg { position: absolute; margin-left: 693px; margin-top: 5px; list-style: none; } #facebookImg #buttonFB { position: absolute; left: 0px; width: 19px; height: 19px;} #facebookImg #buttonFB a { display: block; left: 0px; width: 19px; height: 19px;} #facebookImg #buttonFB a:hover { background: none; } #privacyImg { position: absolute; margin-left: 730px; margin-top: 9px; list-style: none; } #privacyImg #buttonPrivacy { position: absolute; left: 0px; width: 70px; height: 15px; } #privacyImg #buttonPrivacy a { display: block; width: 70px; height: 15px; } #privacyImg #buttonPrivacy a:hover { background: none; } #sitemapImg { position: absolute; margin-left: 810px; margin-top: 9px; list-style: none; } #sitemapImg #buttonSite { position: absolute; left: 0px; width: 45px; height: 15px;} #sitemapImg #buttonSite a { display: block; width: 45px; height: 15px;} #sitemapImg #buttonSite a:hover { background: none; } #EmployeePortalImg { position: absolute; margin-left: 867px; margin-top: 9px; list-style: none; } #EmployeePortalImg #buttonEP { position: absolute; left: 0px; width: 81px; height: 15px;} #EmployeePortalImg #buttonEP a { display: block; width: 81px; height: 15px;} #EmployeePortalImg #buttonEP a:hover { background: none; } /* END Footer styles */ /* BEGIN Misc styles */ td.subHeader { padding: 0px 15px 0px 0px; color: #0055a5; font: normal 18px/22px Arial; } .subTitle { padding: 0px; color: #c22a2a; font: normal 18px/22px Arial; } .subTitleGreen { padding: 0px; color: #1c9053; font: normal 18px/22px Arial; } a:link, a:visited, a:active { color: #246cb0; text-decoration: none; } a:hover { text-decoration: underline; } hr { padding: 0px; margin: 2px 0px; height: 1px; background: #dddddd; border: none; } .notext { display: none; } .clear { clear: both; } .center { text-align: center; } .redbold { color: #f00; } .right { float: right; } .left { float: left; } .required { font-size: 11px; color: red; margin-left: 2px; } .notes { color: #8f8f8f; } /* END Misc styles */