/* ----------------- BOOK A TRIP STYLES ----------------------- */

#wrapper {
background: #FFF url(../images/background-deals.gif) repeat-y 0 0;
}


#column-01 {
float: left;
width: 620px;
padding: 0;
}

#column-01 #book-header {
padding: 10px;
background: url(../images/background-book.jpg) no-repeat 0 0;
color: #FFF;
}

#column-01 #book-header p {
margin: 0;
padding: 0 0 2px 0;
font-size: 14px;
}

#column-01 #book-header small {
display: block;
padding: 0;
font-size: 12px;
}


#column-02 {
float: left;
width: 315px;
padding: 10px;
}

#column-02 img {
float: left;
margin: 0 10px 10px 0;
border: 1px solid #333;
}

#column-02 p {
margin: 0;
padding: 2px 0 0 0;
font-size: 16px;
line-height: 23px;
}

#column-02 #faq {
clear: both;
margin: 0;
padding: 0;
background: url(../images/corner-faq-left.gif) no-repeat top left;
}

#column-02 #faq h3 {
height: 18px;
margin: 0 0 0 3px;
padding: 10px;
font-size: 14px;
background: url(../images/corner-faq-right.gif) no-repeat top right;
}


#faq ul {
padding: 10px;
background-color: #EEE;
border: 1px solid #2f8c36;
border-top: none;
}

#faq li {
margin: 0;
padding: 0;
padding: 0 0 7px 12px;
background: url(../images/bullets.gif) no-repeat 0 6px;
}

form {
margin: 0 10px;
padding: 0;
}

#content form h4 {
float: left;
width: 55px;
padding: 0 0 10px 0;
font-size: 14px;
color: #2f8c36;
}

#content form p {
width: 500px;
margin: 0;
padding: 0 0 10px 0;
font-size: 14px;
font-weight: bold;
}

#content form .lighter-text {
font-weight: normal;
color: #666;
font-size: 12px;
}


#content form ul {
margin: 0;
padding: 0;
}

#content form ul li {
float: left;
margin: 0;
padding: 0 0 5px 0;
width: 180px;
background: none;
}

fieldset {
clear: both;
margin: 0 10px 0 0;
padding: 15px 0 15px 10px;
border: none;
font-size: 12px;
}

fieldset #membership {
margin: 0;
width: 500px;
}

fieldset .radio-entry {
margin: 0;
padding: 0;
float: left;
}

fieldset .radio-entry label {
float: left;
width: 120px;
margin: 0;
padding: 0 0 2px 0;
font-size: 11px;
}

fieldset .radio-entry input.radio {
clear: left;
margin: 0 3px 0 0;
padding: 0;
}

#dates {
width: 350px;
}

#party {
width: 320px;
}

#contact {
width: 300px;
}

label {
clear: left;
float: left;
width: 130px;
margin: 0;
margin: 1px 0 8px 0;
}

input,
select {
float: left;
margin: 0 2px 5px 0;
font-size: 11px;
}

textarea {
width: 400px;
font-size: 12px;
}

#children {
margin: 0 150px 0 0;
}

#submit-button {
clear: both;
margin: 10px 0 0 0;
}

#sent {
margin: 0;
padding: 10px 0 10px 10px;
}

form #hidden-layer {
display: none;
clear: both;
padding: 10px;
background: #FFF;
border: 1px solid #666;
}

form #hidden-layer h4 {
clear: both;
width: 100%;
margin: 0;
padding: 0 0 10px 0;
font-size: 14px;
}

form #hidden-layer h5 {
position: relative;
clear: both;
margin: 0;
padding: 10px 0 0 0;
font-size: 12px;
color: #2f8c36;
border-top: 1px solid #CCC;
}

#hidden-layer h6 {
position: relative;
clear: both;
margin: 0;
padding: 15px 0 0 0;
font-size: 12px;
}

form #hidden-layer p {
clear: both;
margin: 0;
padding: 0;
font-size: 11px;
font-weight: normal;
color: #666;
}

form #hidden-layer label {
clear: both;
width: 240px;
margin: 0;
padding: 2px 0;
}


form #hidden-layer select {
width: 40px;
}

form #hidden-layer label#fishing-prefs {
margin: 10px 0 0 0;
padding: 10px 0 3px 0;
width: 100%;
font-weight: bold;
color: #2f8c36;
border-top: 1px solid #CCC;
}

form #hidden-layer textarea {
margin: 0 0 5px 0;
}


/* ERROR STYLES */

h3.error {
margin: 0;
padding: 10px 20px;
font-size: 18px;
color: red;
}

ul.error-list {
margin: 0 0 0 20px;
padding: 0;
}

ul.error-list li {
color: #333;
}

p.error {
margin: 0;
padding: 0 0 10px 20px;
color: red;
}

h3.success {
padding: 10px 20px;
}

p.success {
padding: 0 20px;
}