/* COLORS
#93c7e9; background blue - light
#126da1; text blues
#5db5e5; billboard background blue
#2891d0; footer link blue
#b2daf4; specs box bg blue
#F5854A; orange
#ffeadf; light orange
#fdec0a;
#78c5ee; med blue -  notebox
#ddeffb; light blue - notbox on white bg
#E3F1FB; very light blue
*/

/* HTML OVER-RIDES */
body {
    color: #126da1;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    background: #79b6dc url(images/bg_pattern.png);
    background-attachment: fixed;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
a img {
    border: none;
}
#Home h1 {
    margin: 0;
    color: #5db5e5;
}
h1 {
    padding: 0;
    font-size: 3.5em;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
    margin: 10px 0;
    color: #fff;
}
h2 {
    font-size: 1.8em;
    margin: 0 0 15px;
    font-weight: normal;
    color: #2891d0;
}
h2 a {
    text-decoration: none;
    margin: 0 0 10px;
}
h3 {
    font-size: 1.3em;
    margin: 0 0 15px;
    color: #93c7e9;
}
h4 {
    font-size: 1.3em;
    margin: 0 0 5px;
}
p {
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0 0 15px;
}
p.introText {
    font-size: 1.6em;
    line-height: 1.6em;
    color: #fff;
}
p.introText span {
    padding: 3px 0;
    background: #93c7e9;
}
address {
    font-style: normal;
    display: inline;
}
table {
    width: 100%;
}
table td {
    /*width: 50%;*/
}
ul{
    font-size: 1.2em;
}

ul ul, li p {
	font-size: 1em;
}

a {
    color: #F5854A;
    text-decoration: none;
    cursor: pointer;
}
fieldset {
   border: 1px solid #126da1;
	margin-bottom: 1em;
	padding: 1em;
}
/*a:visited {
    color: #c08717;
}*/
a:hover {
    text-decoration: underline;
}

/* STRUCTURE */
#R1 {
    background: url(images/bg_r1.png) no-repeat bottom center;
    height: 42px;
    position: relative;
    z-index: 2;
}
#R2 {
    background: url(images/bg_r2.png) repeat-y center;
    position: relative;
    z-index: 2;
}
#R3 {
    background: url(images/bg_r3.png) no-repeat top center;
    height: 69px;
    position: relative;
    z-index: 2;
    clear: both;
}
#Page {
    background: #fff url(images/bg_page_bottom.png) no-repeat bottom;
    width: 764px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
#Billboard {
    background: #5db5e5;
    border-bottom: 1px solid #126da1;
    padding: 0;
    overflow: hidden;
}
#Billboard .pad{
    padding: 0 20px 0;
}
#Content {
}
#Content .pad {
    padding: 0 20px 0;
}
#Content .contentInner {
    padding: 20px 0 5px;
    overflow: hidden;
}
#Ads {
    width: 764px;
    margin: 0 auto;
    overflow: hidden;
}

/* SUBNAV */
#SubNav {
    margin: 0 20px;
    padding: 0;
    list-style: none;
    height: 40px;
    border-bottom: 1px solid #78c5ee;
    text-align: right;
}
#SubNav li {
    margin: 0;
    padding: 0 10px;
    list-style: none;
    display: inline;
    line-height: 40px;
}
#SubNav li img {
    display: none;
}
#SubNav li a {
    
}
#SubNav li a.active,
#SubNav li a:hover.active {
    font-weight: bold;
    text-decoration: none;
}


#Header {
    position: relative;
    background: url(images/bg_header.gif) no-repeat top;
    height: 122px;
    top: -13px;
    margin-bottom: -13px;
}
#Footer {
    position: relative;
    width: 770px;
    margin: 0 auto;
    background: url(images/bg_footer.gif) no-repeat top;
    height: 43px;
}




a#Logo {
    display: block;
    width: 347px;
    height: 151px;
    position: relative;
    left: 0;
    top: -29px;
    background: url(images/logo.png) no-repeat;
    z-index: 10px;
}
a#Logo img {
    visibility: hidden;
}

/* RE-USABLE STYLES */  
.daysOpen {
	float: left;
	width: 150px;
}
.hours p {
	border-bottom: 1px dotted #DBECF9;
	padding-bottom: 10px;
}
.clear {
    clear: both;
}
#Billboard p.noteBox {
    padding: 12px;
    font-size: 10px;
    background: #78c5ee;
}
#Billboard p,
#Billboard ul {
    color: #fff;
}
#Billboard a {
    color: #fdec0a;
}
.yellowh2 {
    color: #fdec0a;
}
.strong {
    font-weight: bold;
}
.small  {
    font-size: 10px;
}
.moreButton {
    overflow: hidden;
    text-indent: -80px;
    width: 60px;
    height: 27px;
    display: block;
    background: url(images/more.gif) no-repeat 0 0;
}
.moreButton:hover {
    background-position: 0 -27px;
}
.leftImg {
    float: left;
    display:block;
    padding: 5px;
    margin: 5px 10px 5px 0;
    border: 1px solid #93c7e9;
}
.rightImg {
    float: right;
    display: block;
    padding: 5px;
    margin: 5px 0px 5px 10px;
    border: 1px solid #93c7e9;
}
.bulletList, .bulletListParent {
    list-style: none; 
    margin: 0 0 15px 0;
    padding: 0;
	 line-height: 1.4em;
}
.bulletListParent ul {
	margin: 10px 0;
}
.bulletListParent li {
	background: none;
	padding-left: 0;
	padding-top: 1em;
	border-top: 1px solid #96CAEC;
}
.bulletListParent li em {
	display: block;
}
.bulletListParent li p {
	margin: 12px 0;
	font-style: italic;
}
.bulletListParent tr.alt td, .bulletListParent tr.alt th {
	background: #78C5EE;
}
.bulletListParent td, .bulletListParent th {
	text-align: left;
	vertical-align: top;
}
.bulletList li, .bulletListParent li li {
    padding-top: 0;
	 padding-bottom: 9px;
    padding-left: 12px;
    margin: 0;
    background: url(images/bullet.gif) no-repeat 0 7px;
	 border-top: none;
}
.bulletListParent li li {
	background: none;
}
.bulletList li span {
    float: left;
    width: 200px; 
    font-weight: bold;  
}
.bulletList li a {
    font-size: 11px;
}

p#LocationMessage {/* message at top of page */
    width: 687px;
    height: 19px;
    background: url(images/image_replace/fourmilessouth.gif) no-repeat 0 0;
    margin: 0 auto;
    padding: 15px 0 0;
    text-indent: -99999px;
    clear: both;
}
#Content p#LocationMessage { /* message at bottom of page */
    width: 724px;
    height: 56px;
    background: url(images/image_replace/fourmilessouth_2.gif) no-repeat center 0;
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
}
.arrowLink {
    background: url(images/bg_linkarrow.gif) no-repeat right center; 
    padding-right: 10px;
}
.faq 
{
    float: left;
    width: 370px;
    margin-top: 0;
    padding-right: 30px;
    font-size: 1.1em;
}
.faq.right 
{
    width: 324px;
    padding-right: 0;
}
.faq dt 
{
    font-weight: bold;
    margin-bottom: 0.5em;
}
.faq dd 
{
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 1.5em;
}

/* HEADER */
#Util {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 160px;
    z-index: 15px;
    font-family: arial;
    text-align: right;
}
#Util #LocationMsg {
    font-size: 1.2em;
}
#Util #Phone {
    font-size: 1.2em;
    margin-bottom: 3px;
    display: block;
    font-weight: bold;
}
#Util #Hours, #Util #Directions {
    display: block;
    font-size: 1.1em;
    background: url(images/bg_linkarrow.gif) no-repeat right; 
    padding-right: 10px;
}
#Util a {
    font-size: 1.2em;
    color: #2891d0;
}


/* NAV */
#Nav {
    position: absolute;
    bottom: 0;
    right: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#Nav li {
    float:left;
    margin: 0 3px 0 0;
    padding: 0;
    height: 32px;
    position: relative;
}
#Nav li a {
    font-weight: bold;
    color: #fff;
    background: url(images/bg_navtabs_right.gif) no-repeat right top;
    padding: 0 10px 0 0;
    display: block;
    text-decoration: none;
}
#Nav li a.home span {
    width: 22px;
    overflow: hidden;
    text-indent: -200px;
}
#Nav li a.home img {
    position: absolute;
    left: 10px; 
    top: 4px;
}
#Nav li a span {
    display: block;
    background: url(images/bg_navtabs.gif) no-repeat left top;
    padding: 0 2px 0 12px;
    line-height: 32px;
}
#Nav li.activeChild a,
#Nav li a.active,
#Nav li a:hover
 {
    background-position: right -32px; 
}
#Nav li.activeChild a span, 
#Nav li a.active span,
#Nav li a:hover span {
    background-position: left -32px; 
}

/* FOOTER NAV */
#FooterNav {
    list-style: none;
    margin: 0;
    text-align: center;
    height: 55px;
}
#FooterNav li {
    height: 45px;
    display: inline;
    padding: 0 10px 0;
}
#FooterNav li a {
    line-height: 45px;
    color: #2891d0;
    text-decoration: none;
    font-size: .9em;
}
#FooterNav li a:hover {
    color: #fff;
}

/* Copyright */
#Copyright {
    margin: 0 20px;
    padding-bottom: 20px;
}
#Copyright a {
    font-size: 1.0em;
    color: #2891d0;
    text-decoration: none;
}
#Copyright a:hover {
    color: #fff;
}
#Copyright a.develisys {
    float: right;
}
#Copyright a.develisys:hover {
    color: #2891d0;
}
#Copyright a.develisys:hover span {
    color: #fff;
}


/* HOME PAGE */
#Flash {
    width: 764px;
    height: 295px;
    overflow: hidden;
}
#AttractionsWrapper {
    width: 764px;
    height: 99px;
    /*overflow: hidden;*/ 
}
#AttractionsWrapper ul {
    margin: 3px;
    padding: 0;
    list-style: none;
    width: 800px;
    float: left;
}
#AttractionsWrapper .map {
    display: none;
}
#AttractionsWrapper.home ul li a.active {
    background-position: 0 0;
}
#AttractionsWrapper.home ul li a:hover.active {
    background-position: 0 -94px;
}
#AttractionsWrapper ul li {
    float: left;
    margin-right: 1px;
}
#AttractionsWrapper ul li a {
    display: block;
    width: 94px;
    height: 94px;
    position: relative;
    overflow: hidden;
    background: url(images/attractions_buttonbg.gif) no-repeat 0 0;
    text-indent: -200px;
}
#AttractionsWrapper ul li a:hover,
#AttractionsWrapper ul li a.active {
    background-position: 0 -94px;
}
#AttractionsWrapper ul li a img {
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
}

/* ATTRACTION HOME PAGE */
#AttractionInfoWrapper {
    width: 724px;
    overflow: hidden;
}
#AttractionInfoWrapper #ColumnOne {
    float: left;
    position: relative;
}
#AttractionInfoWrapper #ColumnTwo {
    float: right;
    position: relative;
}
#AttractionInfoWrapper .attractionBox {
    position: relative;
    width: 355px;
    background: white;
    margin-bottom: 15px;
    height: 132px;
    background: url(images/bg_attractionsbox.gif) no-repeat 0 0;
}
#AttractionInfoWrapper .attractionBox .pad { 
    padding: 15px;
}
#AttractionInfoWrapper .attractionBox .attractionImg {
    width: 159px;
    height: 94px;
    float: left;
    border: 3px solid #fff;
    margin-right: 10px;
}
#AttractionInfoWrapper .attractionBox .icon {
    position: absolute;
    left: -3px;
    bottom: 10px;
    height: 56px;
    overflow: hidden;
}
#AttractionInfoWrapper .attractionBox h2 {
    font-size: 1.4em;
    margin: 0 0 2px;
}
#AttractionInfoWrapper h2 a {
    text-decoration: none;
    color: #126da1;
    
}
#AttractionInfoWrapper .attractionBox p {
    color: #fff;
    margin: 0 0 5px;
    font-size: 1.1em;
}

/* PRICES PAGE */
#PricesWrapper {
    margin-bottom: 20px;
}
#PricesWrapper h2,
#PricesWrapper h3 {
    Display: inline;
    margin: 0;
}
.priceTable {
    margin: 10px 0 25px;
}
table.priceTable td {
    padding: 5px 5px;
    border: 1px solid #fff;
    font-size: 1.1em;
    background: #E3F1FB;
}
table.priceTable td.c1 {
    width: 270px;
}
#PricesWrapper p {
    margin: 0;
}
#PricesWrapper .moreButton {
    float: right;
}

/* ATTRACTIONS PAGE */
.bigPic {
    float:left; 
    width:434px; 
    height:284px; 
    position:relative; 
    z-index: 2; 
    top: -5px;
    left: 0;
}
#RightAttractionColumn {
    position:relative; 
    float:right;
    width:290px;
}
#RightAttractionColumn #SpecsWrapper {
    background: #b2daf4;
    padding-bottom: 15px;
    margin-bottom: 10px;
    padding-top: 8px;
    width: 290px;
}
#RightAttractionColumn #SpecsWrapper #SpecsTable {
    margin: 0 auto 8px;
    background: #d7e9f8;
    width: inherit;
    width: 274px;
}
#RightAttractionColumn #SpecsWrapper #SpecsTable td {
    border-bottom: 2px solid #b2daf4;
    padding: 8px;  
    border-collapse: separate;
}
#RightAttractionColumn #SpecsWrapper #SpecsTable td td{
	border: none;
}
#RightAttractionColumn #SpecsWrapper #SpecsTable td.c1 {
    width: 60px;
}

#RightAttractionColumn #SpecsWrapper span {
    padding-left: 10px;
}
.smallPic {
    width:340px; 
    height:225px; 
    position: relative; 
    left: -42px;
}
.attractionText {
    clear: left;
    margin-right: 350px;
}
.trac {
    background: url(images/bg_trac.gif) no-repeat center center;
}

/* FOOTER ADS */
#FooterAds {
    width: 764px;
    height: 120px;
    overflow: hidden;
    display: block;
}
#FooterAds .ad1,
#FooterAds .ad2 {
    height: 120px;
    float: left;
    margin-right: 4px;
}
#FooterAds .ad3 {
    height: 120px;
    float: left;
}
#FooterAds .ad1 span,
#FooterAds .ad2 span,
#FooterAds .ad3 span {
    display: block;
    height: 120px;
    width: 252px;
    overflow: hidden;
    text-indent: -9999px;
}
#FooterAds .ad1 span {
    background: url(images/bg_footerad_birthdayparties.jpg) no-repeat 0 4px;
}
#FooterAds .ad2 span {
    background: url(images/bg_footerad_busgroups.jpg) no-repeat 0 4px;
}
#FooterAds .ad3 span {
    background: url(images/bg_footerad_reservations.jpg) no-repeat 0 4px;
}


/* BIRTHDAY PARTY PAGE */
.halfColumn1 {
    width: 50%;
    float: left;
}
.halfColumn2 {
    width: 45%;
    float: right;
}
ul#BirthDayAddOns {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}
ul#BirthDayAddOns li {
    width: 50%;
    float: left;
    padding-bottom: 20px;
    line-height: 1.4em;
}
a.makeReservationsButton {
    clear: both;
    padding: 5px 10px;
    background: #F5854A;
    color: #fff;
}
.noteBox table
{
    clear: left;
    background: #ddeffb;
    margin-bottom: 10px;
}
#PricesWrapper .noteBox 
{
    font-size: 0.85em;
    margin-bottom: 2em;
}
.noteBox table td {
    padding: 0;
}
.noteBox table td {
    line-height: 1.8em;
}

/* GROUP RATES PAGE */
#GroupRatesWrapper h2, #GroupRatesWrapper h3 { 
    display: inline;
    margin-bottom: 0;
}
#GroupRatesWrapper .moreButton {
    float: right;
}


/* CONTACT PAGE */
.valSummaryMsg {
    background: pink;
    color: red;
    font-size: 1.2em;
    padding: 15px 3px;
    margin-bottom: 15px;
    width: 300px;
    border: 1px solid red;
}
.valSummaryMsg span {
    line-height: 1.6em;
    padding: 0 15px;
}
label {
    font-size: 1.2em;
    font-weight: normal;
    display: block;
    margin-bottom: 2px;
    padding-left: 3px;
    color: #F5854A;
}
.input, .textArea, .mapquestForm input {
    border: none;
    font-weight: bold;
    font-size: 16px;
    color: #78c5ee;
    padding: 3px;
    margin-bottom: 8px;
    background: url(images/bg_input.gif);
    font-family: verdana;
    border: 1px solid #c4e4f8;
    position: relative;
}   
.submitButton {
    margin-bottom: 5px;
    position: relative;
    left: -2px;
}
.rightColumn {
    float: right;
    width: 345px;
}
.leftColumn {
    width: 345px;
    float: left;
}
.rightColumn h2 {
    margin-bottom: 2px;
}

/* mapquest form */
.mapquestForm input {
    width: 200px;
}
.mapquestForm .zipCode {
    width: 65px;
}
.mapquestForm .state {
    width: 40px;
}
.mapquestForm input.submit {
    display: block;
    overflow: hidden;
    background: url(images/bg_mapquestbutton.gif) no-repeat;
    width: 127px;
    height: 50px;
    padding-top: 75px;
    margin-top: 3px;
    cursor: pointer;
    border: none;
    position: relative;
    left: -3px;
}

/* GROUPS */
#Billboard .groupColOne, #Billboard .groupColTwo {
    width: 248px;
    float: left;
}
#Billboard .groupColThree {
    width: 228px;
    float: left;
}

#Billboard .groupColOne .pad, #Billboard .groupColTwo .pad, #Billboard .groupColThree .pad {
    width: 228px;
    padding: 0;
}
#Billboard .groupColOne .pad img, #Billboard .groupColTwo .pad img, #Billboard .groupColThree .pad img {
    width: 228px;
    height: 160px;
}
#Billboard .groupColOne .pad h2, #Billboard .groupColTwo .pad h2, #Billboard .groupColThree .pad h2 {
    margin: 5px 0;
} 
#Billboard .groupColOne .pad h2 a, #Billboard .groupColTwo .pad h2 a, #Billboard .groupColThree .pad h2 a {
    color: #fff;
}
 

/* APPLY NOW BUTTON ON THE EMPLOYMENT PAGE. */
p.applyNowButton a {
    display: block;
    margin: 20px auto;
    font-size: 2.0em;
    color: #fff;
    width: 300px;
    line-height: 92px;
    height: 100px;
    text-align: center;
    background: url(images/button_applynow.gif) no-repeat 0 0;
    text-transform: uppercase;
    font-weight: bold;
    font-family: arial;
}
p.applyNowButton a:hover {
    text-decoration: none;
    background-position: 0 -100px;
}

/* Employment Application */
#EmploymentApp.contentInner {
    padding-bottom: 20px;
}
#EmploymentApp label {
	color: #126DA1;
}
#EmploymentApp input {
	padding: 3px 4px;
}
#EmploymentApp select {
	padding: 2px 3px;
}
#EmploymentApp h4, #EmploymentApp p {
	padding-left: 3px;
}
.subgroup {
	clear: left;
	padding-top: 1em;
}
legend {
	color:#2891D0;
	font-size:1.8em;
	font-weight:normal;
}
.fieldGroup {
	float: left;
	width: 100%;
	clear: left;
	margin: 0 0 0.5em 0;
}
.fieldWrap, .rblWrap {
	float: left;
	margin: 0 0.5em 1em 0;
}
.rblWrap label, .rblWrap span, .rblWrap input {
	display: inline;
	vertical-align: 0;
	line-height: 1;
}
.rblWrap label {
	padding-right: 5px;
}
.rblWrap input {
	vertical-align: -2px;
}
.rblWrap input.txtDOB {
	vertical-align: -1px;
}
label span.ErrorMsg {
}

/* EMPLOYEE AREA */
.clientLogin {
    text-align: center;
}
.clientLogin input {
    text-align: center;
}
.clientLogin .submitButton {
    margin-top: 5px;
}
.clientLogin label {
    margin: 0 !important;
    padding: 0 !important;
}
.timeOffForm dl, 
.timeOffForm dt, 
.timeOffForm dd {
    margin: 0;
    padding: 0;
}
.timeOffForm dl label {
    margin: 10px 0 3px 0;
    padding: 0;
}
.timeOffForm table label {
    display: inline;
    vertical-align: middle;
    font-size: 1.1em;
    color: black;
}
.timeOffForm table input {
    vertical-align: middle;
}
.timeOffForm fieldset {
    border: none;
}
.timeOffForm #divFullDay,
.timeOffForm #divPartialDay {
    background: #E3F1FB;
    padding: 5px 15px 20px;
    margin: 5px 0;
}
.timeOffForm #divReasonOther {
    background: #E3F1FB;
    padding: 15px;
    margin: 5px 0;
}
.timeOffForm #divReasonOther input { 
    width: 500px;
}
.timeOffForm #divPartialDay h3 {
    margin-top: 20px;
    margin-bottom: 0;
}
.timeOffForm #divPartialDay select {
    margin-right: 3px;
}

/* sitemap */
ul.sitemap, ul#HersheyList, .errorPageSitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 2.0em;
    text-align: center;
}
ul#HersheyList {
	font-size: 1.6em;
}
ul.sitemap a, ul#HersheyList a, .errorPageSitemap ul a {
    display: block;
    padding: 5px 0;
}
ul.sitemap li, ul#HersheyList li, .errorPageSitemap ul li {
    list-style: none;
    margin: 0 0 2px;
    padding: 0;
}
ul.sitemap ul li a:hover, .errorPageSitemap ul ul li a:hover { 
    background: #E3F1FB; 
    margin-bottom: 2px;
    text-decoration: none;
}
ul.sitemap ul, .errorPageSitemap ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: .8em;
    margin-bottom: 20px;
}


/* BIRTHDAYPARTY RESERVATIONS FORM */
#BirthDayPartyReservations, #GroupReservations {
    
}
#BirthDayPartyReservations label, #GroupReservations label {
    color: #126DA1;
}
#BirthDayPartyReservations h3, #GroupReservations h3  {
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #F5854A;
}
#BirthDayPartyReservations .noteBox, #GroupReservations .noteBox {
    padding: 12px;
    background: #E3F1FB;
}
#BirthDayPartyReservations p.noteBox, #GroupReservations p.noteBox {
    font-size: 10px;
    margin-bottom: 30px;
}
#BirthDayPartyReservations table label, #GroupReservations table label {
    padding: 0;
}
#BirthDayPartyReservations table td, #GroupReservations table td {
    padding: 3px 0;
}
#BirthDayPartyReservations table.totalTd, #GroupReservations table.totalTd {
    border-top: 1px solid #E3F1FB;
    border-bottom: 1px solid #E3F1FB;
}
#BirthDayPartyReservations table.totalTd td, #GroupReservations table.totalTd td {
    text-align: right;
}
#BirthDayPartyReservations table.totalTd td.total,#GroupReservations table.totalTd td.total {
    font-size: 1.5em;
    color: #F5854A;
    font-weight: bold;
}
.rbl input  {	
	float: left;
	clear: left;
	font-size: 12px;
}
.rbl p {
	float: left;
	font-size: 12px;
}
.cbl input {
	float: left;
	clear: left;
	line-height: 2.3;
	height: 26px;
}
.cbl label {
	float: left;
	line-height: 2.3;
	height: 26px;
}
.chk.indent 
{
    display: block;
    margin-left: 1.5em;
}
.chk input {
	float: left;
	clear: left;
	line-height: 1.5;
	height: auto;
}
.chk label {
	float: left;
	height: auto;
	line-height: 1.5;
	margin-bottom: 1em;
}
.rblValid {
	display: block;
}
.contextualTextbox {
	display: block;
	clear: both;
}
fieldset h3 {
	clear: left;
	margin-top: 1.2em;
}
.addressForm, #GuestOfHonor {
	float: left;
	width: 345px;
}
#GuestOfHonor {
	float: left;
	width: 49%;
	margin-left: 1%;
}
.iptWrapper {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 1em;
}
.iptWrapper label {
	line-height: 1;
	height: 1em;
}
/* this was causing ie 7 to break the validation *
.addressForm .address,
.addressForm .city,
.addressForm .country,
.addressForm .phone,
.addressForm .email,
.birthday, .gender  {
	clear: left;
}*/
.address2 {
	float: left;
	clear: left;
	margin-top: 0.5em;
}
.firstName input { width: 125px }
.lastName input { width: 170px; }
.address input { width: 305px; }
.cell input { width: 153px; }
.email input { width: 303px; }

.zipPostal input {
	width: 95px;
}
.email label {
	white-space: no-wrap;
}
.birthday label, .gender label {
	display: inline;
	padding-right: 0.5em;
}
.birthday input {
	width: 25px;
}
#SubmitBox {
	border: 1px solid #126da1;
	margin: 0 2px 1em 2px;
	padding: 1em;
}

/* VALIDATION SUMMARY */
.valSummary {
    background: pink;
    border: 1px solid red;
    padding: 15px;
    margin-top: 20px;
}
.valSummary ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.valSummary ul li {
    font-size: 11px;
    padding: 3px 0;
}



/* NICE BUTTON */
p.niceButtonWrapper {   
    float: left;
    width: 100%;
    clear: both;
}
a.niceButton {
    position: relative;
    left: -7px;
    float: left;
	 clear: left;
    height: 38px;
    color: #126DA1;
    font-weight: bold;
    text-decoration: none;
    background: url(images/bg_nicebuttonright.gif) no-repeat  right 0;
    overflow: hidden;
    padding-right: 17px;
    /*text-transform: uppercase;*/
}
a.niceButton span {
    float: left;
    line-height: 35px;
    height: 38px;
    padding: 0 0 0 14px;
    background: url(images/bg_nicebutton.gif) no-repeat 0 0;
    font-size: 1.1em;
	color: #2891D0;
}
a:hover.niceButton {
    background-position: right -38px;
}
a:hover.niceButton span {
    background-position: 0 -38px;
}

/*HOURS TABLE*/
	.hoursTable {
		width: 400px;
		font-size: 12px;
		border: 1px solid #DFEEF9;
		border-bottom: none;
		margin: 3px 0 25px;
		background: #EFF8FF;
	}
	.hoursTable td {
		padding: 10px 5px;
		border-bottom: 1px solid #DFEEF9;
	}
	.hoursTable td.labelTd {
		width: 200px;
	}
	.hoursTable .month {
		background: #f7fbff;
	}