html {background: url(../../img/chunky-bg2.jpg) top repeat-x #3D3D3D;} /* 777777 */
body {margin: 0; text-align: center; font-family: Arial, tahoma, "trebuchet ms";}

.headerContainer {width: 953px; margin: 0 auto 0 auto;}
.headerBlock {background: url(../../img/topHeader.png) center no-repeat; height: 122px;}
.headerBlockInner {padding: 10px;}
.headerBlockInner a.logoLink {display: block; width: 240px; height: 100px;}
.headerRight {float: right; text-align: right; width: 200px; margin: 0 10px 0 0;}
.headerRightCart {background: url(../../img/cartBG.png) center no-repeat; height: 70px; margin: 5px 0 0 0;}
.cartInner {padding: 5px; text-align: left;}
.cartTitle {border-bottom: 1px solid #A909A7; color: #66CC00; font-weight: bold; font-size: 12px; padding: 0 0 0 5px;}
.cartContent {color: #FFFFFF; font-size: 12px; width: 90px; float: left; padding: 5px 0 0 5px;}
.cartPrice {color: #FFFFFF; font-size: 12px; width: 90px; float: left; text-align: right; padding: 5px 0 0 0;}
.cartFooter {text-align: right; color: #66CC00; font-size: 12px; clear: both; padding: 5px 5px 0 0;}
.cartFooter a {color: #66CC00; font-size: 12px; text-decoration: none;}
.cartFooter a:hover {text-decoration: underline;}

.navContainer {width: 956px; margin: 0 auto 0 auto;}
.navBar {background: url(../../img/navBar.png) center no-repeat; height: 55px; padding: 0 10px 0 0;}
.navBar img {float: right; margin: 10px 10px 0 0;}
#navLinks {margin: 0; padding: 0; border: 0;}
#navLinks li {width: 110px; height: 45px; float: left; list-style: none; background: url(../../img/navBreak.png) bottom right no-repeat;}
#navLinks li a {font-weight: bold; font-size: 14px; color: #252525; display: block; width: 100%; height: 30px; padding: 15px 0 0 0; text-decoration: none;}
#navLinks li a:hover {background: url(../../img/navBack.png) center no-repeat;}

.bodyContainer {width: 955px; margin: 0 auto 0 auto;}
.bodyTop {background: url(../../img/bodybg-top.png) top center no-repeat; height: 18px;}
.bodyCen {background: url(../../img/bodybg-cen.png) center repeat-y;}
.bodyBtm {background: url(../../img/bodybg-btm.png) bottom center no-repeat; height: 18px;}
.bodyContent {padding: 0; background: #FFFFFF; width: 920px; margin: 0 auto 0 auto;}

.clear {clear: both; height: 1px; overflow: hidden;}
.blockMain {width: 600px; float: left;}
.blockWelcome {height: 295px; background: #FFFFFF; width: 306px; float: left; margin: 0 0 0 10px;}
.blockWelcomeInner {padding: 5px; text-align: left;}
.blockWelcomeInner p {font-size: 11px; margin: 0 0 1em 0;}

.blockUpcoming {width: 600px; float: left;}
.blockOther {width: 306px; float: left; margin: 0 0 0 10px;}
.blockInner {padding: 10px 0 0 0; text-align: left;}
.blockUpcoming img {margin: 0 0 10px 0;}

.blockHearAbout {width: 300px; float: left; height: 226px; background: url(../../img/hear-about-chunky.jpg) center no-repeat; margin: 50px 0 0 15px;}
.blockHearAboutInner {padding: 85px 0 0 5px; text-align: left;}

.footer {}
.footerInner {padding: 2px 0 0 0; color: #666666; font-size: 11px; text-align: right;}
.footerInner a {color: #666666; font-size: 11px; text-decoration: none;}
.footerInner a:hover {color: #000000;}

h1 {color: #56BF00; font-size: 18px; margin: 0 0 1em 0; font-weight: bold;}
h2 {color: #000000; font-size: 15px; margin: 0 0 1em 0; font-weight: bold;}
h3 {}
a {color: #333333; text-decoration: underline;}
a:hover {color: #000000; text-decoration: underline;}

.noticebox {border: 1px solid #FFCC00; background: #FFFFCC; padding: 5px; color: #000000; width: 90%; margin: 10px auto 10px auto; text-align: left;}
.noticebox a {color: #000000; text-decoration: underline; font-weight: bold; font-size: 12px;}
.noticebox a:hover {color: #333333; text-decoration: underline; font-weight: bold; font-size: 12px;}

.orderSignupLogin {border: 2px solid #AA09A8; padding: 15px; color: #000000; width: 50%; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 40px auto 30px auto;}
.orderSignupLogin h1 {color: #56BF00; font-size: 16px; margin: 0 0 1em 0; font-weight: bold;}


.errorbox {color: #D8000C; background-color: #FFBABA; border: 1px solid #D8000C; margin: 5px; padding: 5px; font-size: 11px;}

/* Trips */
.tripCurrent {text-align: left; padding: 15px 0 0 0;}
.tripCurrent h1 {color: #56BF00; font-size: 18px; margin: 0 0 0 0; font-weight: bold;}
.tripData {background: #FFFFFF; border-bottom: 1px solid #BEBEBE; border-top: 1px solid #BEBEBE; padding: 15px 0 15px 0;}
.tripDataLeft {width: 125px; float: left;}
.tripDataCen {width: 610px; float: left; text-align: left; font-size: 11px; padding: 10px;}
.tripDataRight {width: 120px; float: left; text-align: center; font-size: 14px; margin: 0 0 0 30px; padding: 15px 0 0 0;}
.tripDataRight h3 {margin: 0; font-size: 26px;}

.tripDataCen h1 {color: #56BF00;font-size: 18px; margin: 0 0 2px 0; font-weight: bold;} /*#6CDE0F; */
.tripDataCen h2 {color: #000000; font-size: 15px; margin: 0 0 2px 0; font-weight: bold;}

.tripDataRight img {margin: 10px 0 0 0;}

/* Show Trip */
.showTripHeader {border-bottom: 1px solid #BEBEBE; padding: 5px; margin: 0 0 15px 0; text-align: left;}
.showTripHeader h1 {color: #56BF00; font-size: 18px; margin: 0 0 0 0; font-weight: bold;}
.showTripLeft {width: 300px; float: left;}
.showTripRight {width: 500px; float: left; margin: 0 0 0 15px; text-align: left; font-size: 12px;}

/* Form */
.hearAbout-chunky {}
.hearAbout-chunky input.mField {background: url(../../img/fieldBG.jpg) center no-repeat; height: 29px; width: 194px; background-color: transparent; border: 0; margin: 0; padding: 10px 0 0 10px;}
.hearAbout-chunky input.mButton {margin: 0; height: 26px; width: 66px;}
.formOn {display: block;}
.formOff {display: none;}
.hearAbout-facebook {padding: 10px 0 0 10px;}
.loadingArea {height: 46px; background: url(../../img/chunkload.gif) center no-repeat;}
.loadedArea {height: 46px; font-size: 11px;}

/* Booking Page */
.bookingProcess {}
.bookingProcessInner {}
.bookingOne-on {background: url(../../img/steps/book-1-on.jpg) center no-repeat; height: 80px; width: 170px; float: left;}
.bookingOne-off {background: url(../../img/steps/book-1-off.jpg) center no-repeat; height: 80px; width: 170px; float: left;}
.bookingTwo-on {background: url(../../img/steps/book-2-on.jpg) center no-repeat; height: 80px; width: 170px; float: left;}
.bookingTwo-off {background: url(../../img/steps/book-2-off.jpg) center no-repeat; height: 80px; width: 170px; float: left;}
.bookingThree-on {background: url(../../img/steps/book-3-on.jpg) center no-repeat; height: 80px; width: 170px; float: left;}
.bookingThree-off {background: url(../../img/steps/book-3-off.jpg) center no-repeat; height: 80px; width: 170px; float: left;}
.bookingBar {background: url(../../img/steps/book-bar.jpg) center no-repeat; height: 80px; width: 185px; float: left; margin: 0 10px 0 10px;}

.bookingCart {padding: 50px 0 0 0;}
.cartRow {border-bottom: 1px solid #E5E5E5; text-align: left;}
.cartQuantity {font-size: 20px; font-weight: bold; color: #CCCCCC;}
.cartQuantity a {font-size: 20px; font-weight: bold; color: #000000; text-decoration: none;}
.cartQuantity a:hover{font-size: 20px; font-weight: bold; color: #666666; text-decoration: none;}
.cartLoading {height: 15px; background: url(../../img/chunkload.gif) center no-repeat;}

/* About */
.aboutChunky {text-align: left; padding: 10px;}
.aboutChunkyTop {-moz-border-radius: 10px; -webkit-border-radius: 10px; background: #E5E5E5; padding: 10px; font-weight: bold; font-size: 14px; text-align: left; color: #313131;}
.aboutImage {background: url(../../img/about-page.jpg) center no-repeat; width: 462px; height: 475px; float: left; margin: 15px 0 0 0;}
.aboutText {width: 400px; float: left; margin: 15px 0 0 15px; padding: 50px 0 0 0;}
.aboutText p {font-size: 12px; color: #4B4B4B;}
.aboutText p a {color: #4B4B4B; font-size: 12px; text-decoration: underline;}
.aboutText p a:hover {color: #000000; font-size: 12px; text-decoration: underline;}
/* Jobs */
.jobsChunky {text-align: left; padding: 10px;}
.jobsImage {background: url(../../img/jobs-page.jpg) center no-repeat; width: 388px; height: 552px; float: left; margin: 0;}
.jobsText {width: 480px; float: left; margin: 0 0 0 15px;}
.jobsText p {font-size: 12px; color: #4B4B4B;}
#jobsList {margin: 15px 0 15px 0;}
#jobsList li {list-style: none; height: 30px; color: #4B4B4B;}
.jobCircle {color: #56BF00; font-weight: bold;}
.jobApply {-moz-border-radius: 10px; -webkit-border-radius: 10px; background: #E5E5E5; padding: 10px;}
.jobApply fieldset {border: 0; padding: 0; margin: 0;}
.jobApply input {border: 1px solid #9D9D9D; background: #FFFFFF; width: 100%;}
.jobApply textarea {border: 1px solid #9D9D9D; background: #FFFFFF; width: 100%;}
.applySubmit input {width: 66px; border: 0;}

/* Signup / Login */
.signupArea {padding: 15px 0 0 0;}
.signupLeft {text-align: left; font-size: 12px; color: #313131;}
.signupRight {text-align: left; font-size: 12px; color: #313131;}
.signupBox {-moz-border-radius: 10px; -webkit-border-radius: 10px; background: #E5E5E5;}

.signupInner {padding: 10px; text-align: left;}
.signupInner input.mField2 {background: url(../../img/fieldBG2.jpg) center no-repeat; height: 29px; width: 194px; background-color: transparent; border: 0; margin: 0; padding: 10px 0 0 10px;}
.signupInner h3 {margin: 0 0 1em 0;}
.navLoggedIn {float: right; padding: 0 10px 0 0; color: #000000; padding: 15px 10px 0 0;}
.navLoggedIn a {color: #000000; text-decoration: none;}

/* Account Pages */
.accountIcons {text-align: center; padding: 25px;}
.accountIcons img.spaceit {margin: 0 60px 0 0;}

.accArea {width: 600px; margin: 0 auto 0 auto; color: #4A4A4A;}
.accUnit {padding: 20px 0 0 0;}
.accUnitInner {-moz-border-radius: 10px; -webkit-border-radius: 10px; background: #E5E5E5; padding: 10px; font-size: 14px; text-align: left; color: #313131;}
.accArea h1 {margin: 0 0 2px 0;}
.accArea fieldset {margin: 0; border: 0; padding: 0;}
.accArea textarea {width: 100%;}
.accArea input.accInput {width: 100%;}

.accTripRow {border-bottom: 1px solid #161616; padding: 20px 0 20px 0;}
.accTripRow a {color: #56BF00; font-weight: bold;}
.tripStatus0 {color: #FF0000; font-weight: bold;}
.tripStatus1 {color: #FFA800; font-weight: bold;}
.tripStatus2 {color: #56BF00; font-weight: bold;}