html {
   background: #1c5b73;
}

body {
   background: #1c5b73 url(../images/bg_body.png) no-repeat 50% 0;
   font: 12px Tahoma, Verdana, sans-serif;
   min-width: 960px;
   color: #454545;
}

form, fieldset {
   padding: 0;
   margin: 0;
   border: 0;
}

input, textarea, select {
   font: 100% Verdana, sans-serif;
   vertical-align: middle;
   outline: none;
}

table {
    border-collapse: collapse;
    margin: 1px; 
    width: 99.5%
}

textarea {
   overflow: auto;
}

input[type="text"],
input[type="password"],
input.text,
input.title,
textarea,
select {
   margin: 0px;
}
      
.header {
   height: 95px;
   text-align: center;
}

#BanerAtHeader {
   position: absolute;
   width: 200px;
   height: 135px;
   top: 10px;
   left: -10px;
}

.login_menu {
   margin-top: 10px;
   background: url(../images/log_nav_l.gif) no-repeat;
   float: right;
}

.login_menu ul {
   color: #fff;
   font: bold 14px "Trebuchet MS", Arial, Verdana, sans-serif;
   margin: 0px 0px 0px 0px;
   padding-left: 0px;
}

.login_menu li:first-child {
   background: url(../images/separator_blue_none.gif) no-repeat 0 1px;
}

.login_menu li:last-child {
   margin: 0px -8px 0px 0px;
}

.login_menu li {
   float: left;
   height: 33px;
   background: url(../images/separator_blue.gif) no-repeat 0 1px;
   list-style: none;
   position: relative;
   padding: 8px 8px 8px 10px;
}

.login_menu a {
   color: #fff;
   text-decoration: none;
}

.login_menu_end {
   height: 33px;
   background: url(../images/log_nav_r.gif) no-repeat right;
   margin-right: -8px;
}

.menubar {
   height: 33px;
   width: 980px;
   background: url(../images/bg_menu.gif) no-repeat;
   margin-left: -15px;
   margin-right: -15px;
}

#menubar_navigation  {
   float: left;
   font: bold 14px "Trebuchet MS", Arial,Verdana,sans-serif;
   margin: 0px 0px 0px 0px;
   padding-left: 0px;
}

#menubar_navigation li:first-child {
   background:url(../images/separator_none.gif) no-repeat 0 1px;
   padding-left: 14px;
}

#menubar_navigation li {
   float: left;
   background: url(../images/separator.gif) no-repeat 0 1px;
   list-style: none;
   position: relative;
   padding: 8px 8px 8px 10px;
   z-index: 99;
}

#menubar_navigation a {
   color: #fff;
   text-decoration: none;
}

#menubar_links {
   float: right;
   font: bold 14px "Trebuchet MS", Arial,Verdana,sans-serif;
   margin: 0px 0px 0px 0px;
   padding-left: 0px;
}

#menubar_links li {
   background: url(../images/separator.gif) no-repeat 0 1px;
   padding: 8px 14px 8px 10px;
   list-style: none;
}

#menubar_links a {
   color: #fff;
   text-decoration: none;
}

#menubar_navigation .drop {
   position: absolute;
   left: 50%;
   display: none;
   z-index: 60;
}

#menubar_navigation li.hover .drop,
#menubar_navigation li:hover .drop {
   display: block;
}

#menubar_navigation .drop ul {
   background: url(../images/drop_center.gif) repeat-y;
   width: 209px;
   overflow: hidden;
   margin: 0px 0px 0px 0px;
   padding-left: 0px;
}

#menubar_navigation .drop_t {
   background: url(../images/drop_top.gif) no-repeat;
   width: 209px;
   height: 15px;
   overflow: hidden;
}

#menubar_navigation .drop_b {
   background: url(../images/drop_bottom.gif) no-repeat;
   width: 209px;
   height: 9px;
   overflow: hidden;
}

#menubar_navigation .drop ul a {
   color: #f67000;
}

#menubar_navigation .drop ul li {
   background: url(../images/bg_drop.gif) repeat-x;
   margin: -2px 0 4px 12px;
   padding: 8px 0 0 29px;
   width: 153px;
   display: inline;
}

#menubar_navigation .wrapper {
   position: relative;
   left: -105px;
}

.infomenu {
   height: 33px;
   width: 980px;
   background: url(../images/bg_menu_blue.gif) no-repeat;
   margin-left: -15px;
   margin-right: -10px;
}

#infomenu_navigation {
   float: left;
   font: bold 14px "Trebuchet MS", Arial,Verdana,sans-serif;
   margin: 0px 0px 0px 0px;
   padding-left: 0px;
}

#infomenu_navigation li:first-child {
   background: url(../images/separator_blue_none.gif) no-repeat 0 1px;
   padding-left: 14px;
}

#infomenu_navigation li{
   float: left;
   background: url(../images/separator_blue.gif) no-repeat 0 1px;
   padding: 8px 8px 8px 10px;
   list-style: none;
}

#infomenu_navigation a {
   color: #fff;
   text-decoration: none;
}

.footer {
   color: #fff;
   font-size: 11px;
   padding: 5px 0 40px;
   text-align: center;
}

.footer span {
   display: block;
}

.footer address {
   font-style: normal;
   margin: 0px;
}

.footer a {
   color: #00435f;
}

.footer_image {
   padding-top: 5px;
   padding-bottom: 5px;
   position: relative;
   text-align: center;
   magrgin: 0 auto;
}

.header_banner {
   height: 116px;
   margin-top: 5px;
   margin-left: -15px;
   width: 980px;
   background: url(../images/intro_holidays.png) no-repeat;
}

.header_banner2 {
   height: 116px;
   margin-top: 5px;
   margin-left: -15px;
   width: 980px;
   background: url(../images/intro_swimming.png) no-repeat;
}

.header_banner .title,
.header_banner2 .title {
   position: relative;
   margin-top: 15px;
   margin-left: 25px;
} 

.header_banner .title h1,
.header_banner2 .title h1 {
   color: white;
   text-shadow: 2px 2px 10px #000;
}

.header_banner_nav ul a {
   float: left;
   display: block;
   background: url(../images/holidays_nav_r.gif) no-repeat 100% 100%;
   text-decoration: none;
   color: #fff;
   cursor: pointer;
   padding-right: 8px;
}

.header_banner_nav ul a span {
   float: left;
   display: block;
   height: 16px;
   background: url(../images/holidays_nav_l.gif) no-repeat 0 100%;
   padding: 5px 0px 4px 8px;
}

.header_banner_nav ul,
.header_banner2_nav ul {
   font: bold 14px "Trebuchet MS", Arial,Verdana,sans-serif;
   margin: 0px 0px 0px 0px;
   padding-left: 0px;
}

.header_banner_nav li,
.header_banner2_nav li {
   display: block;
   float: left;
   padding: 0px 8px 0px 0px;
}

.header_banner2_nav ul a {
   float: left;
   display: block;
   background: url(../images/swimming_nav_r.gif) no-repeat 100% 100%;
   text-decoration: none;
   color: #fff;
   cursor: pointer;
   padding-right: 8px;
}

.header_banner2_nav ul a span {
   float: left;
   display: block;
   height: 16px;
   background: url(../images/swimming_nav_l.gif) no-repeat 0 100%;
   padding: 5px 0px 4px 8px;
}

.header_banner_nav ul li.active a,
.header_banner_nav ul a:hover,
.header_banner2_nav ul li.active a,
.header_banner2_nav ul a:hover {
   background-position: 100% 0;
   text-decoration: none;
}

.header_banner_nav ul li.active a span,
.header_banner_nav ul a:hover span,
.header_banner2_nav ul li.active a span,
.header_banner2_nav ul a:hover span {
   background-position: 0 0;
   text-decoration: none;
}

.content {
   margin-left: 12px;
}

.content p {
   margin: 0px;
}

.top_box {
   background: url(../images/bg_topbox.png) no-repeat;
   width: 980px;
   padding-top: 12px;
   margin-left: -15px;
}

.center_box {
   background: url(../images/bg_centerbox.png) repeat-y;
   float: left;
   width: 980px;
}

.content_box {
   background: #f7f0df url(../images/bg_contentbox.gif) repeat-x;
   float: left;
   width: 974px;
   margin-left: 3px;
}

.bottom_box {
   background: url(../images/bg_bottombox.png) no-repeat;
   width: 980px;
   height: 22px;
   margin-left: -15px;
   float: left;
}

.sidebox_leftcolumn {
   width: 315px;
   float: left;
}

.sidebox_topbox {
   background: url(../images/swimming_boxtop.gif) no-repeat;
   padding-top: 8px;
   width: 315px;
   float: left;
}

.sidebox_bottombox {
   background: url(../images/swimming_boxbottom.gif) no-repeat 0 100%;
   padding-bottom: 8px;
   width: 315px;
   float: left;
}

.sidebox_centerbox {
   background: url(../images/swimming_boxcenter.gif) repeat-y;
   float: left;
   width: 285px;
   padding-left: 10px;
   padding-right: 20px;
}

.sidebox2_leftcolumn {
   width: 315px;
   float: left;
}

.sidebox2_topbox {
   background: url(../images/holidays_boxtop.gif) no-repeat;
   padding-top: 8px;
   width: 315px;
   float: left;
}

.sidebox2_bottombox {
   background: url(../images/holidays_boxbottom.gif) no-repeat 0 100%;
   padding-bottom: 8px;
   width: 315px;
   float: left;
}

.sidebox2_centerbox {
   background: url(../images/holidays_boxcenter.gif) repeat-y;
   float: left;
   width: 285px;
   padding-left: 10px;
   padding-right: 20px;
}

.sidebox_centerbox h3,
.sidebox2_centerbox h3 {
   width: auto;
}

.topbox_news {
   width: 303px;
   background: url(../images/bg_topbox_news.gif) no-repeat;
   padding-top: 5px;
   float: left;
   position: relative;
   margin-bottom: 10px;
}

#banners_under_news {
   width: 303px;
   float: left;
   position: relative;
}

#banners_under_news hr {
   margin-bottom: 10px !important;
}

#banners_under_news .banner_under_news {
   width: 303px;
   margin-bottom: 10px;
}

.bottombox_news {
   width: 303px;
   background: url(../images/bg_bottombox_news.gif) no-repeat 0 100%;
   float: left;
   padding-bottom: 3px;
   overflow: hidden;
}

.centerbox_news {
   width: 303px;
   background: #0079ac;
   float: left;
   overflow: hidden;
}

.contentbox_news {
   width: 299px;
   background: #0079ac url(../images/bg_contentnewsbox.gif) repeat-x;
   float: left;
   margin: 0 0 0 2px;
   display: inline;
}

.contentbox_news h3 {
   background: url(../images/latest_news.gif) no-repeat;
   border-bottom: 0px solid #62100d;
   text-indent: -9999px;
   text-decoration: none;
   width: 271px;
   height: 29px;
   margin: 8px 0 4px 28px!important;
   padding-bottom: 0px;
}

.contentbox_news ul {
   font-size: 12px;
   font-weight: bold;
   margin: 15px 4px 0px 2px;
   list-style: none;
   padding-left: 0px;
}

.contentbox_news li {
   height: 1%;
   background: #004967;
   border-bottom: 5px solid #0079ac;
   overflow: hidden;
   padding: 4px 4px 4px 4px;
}

.date {
   width: 54px;
   height: 37px;
   background: url(../images/image01.gif) no-repeat;
   text-align: center;
   margin-right: 10px;
   float: left;
   display: inline;
}

.date p {
   font-size: 16px;
   color: #003145;
   font-weight: bold;
   margin: 0px!important;
}

.date span {
   font-size: 12px;
   font-weight: bold;
   color: #fff;
}

.contentbox_news li a {
   display: block;
   text-decoration: none;
   color: #fff;
}

.contentbox_news li p {
   margin: 0px;
}

.contentbox_news li a:hover {
   text-decoration: underline;
}

.tadpole_top {
   width: 618px;
   padding-top: 5px;
   background: url(../images/tadpole_top.gif) no-repeat;
   float: right;
   overflow: hidden;
   margin: 7px 0 0;
}

.tadpole_bottom {
   width: 618px;
   padding-bottom: 5px;
   background: url(../images/tadpole_bottom.gif) no-repeat 0 100%;
   float: left;
   overflow: hidden;
}

.tadpole_center {
   width: 609px;
   background: url(../images/tadpole_center.gif) repeat-y;
   overflow: hidden;
   float: left;
   padding: 0 0 0 9px;
}

.tadpole_center h3,
.tadpole_center p {
   margin-right: 10px;
}

.tadpole_content {
   width: 950px;
   overflow: hidden;
   padding: 10px 0 0;
}

.tadpole_content ul {
   width: 270px;
   float: right;
   margin: 5px 17px 2px 0;
}

.tadpole_content strong {
   float: left;
   color: #454545;
   margin: 4px 0 0;
}

.tadpole_content h3 {
   color: #1c4d73;
   border-bottom: 1px solid #1c4d73;
   width: auto;
   padding: 0 0 3px;
   margin-bottom: 0px;
}

.tadpole_content li {
   background: url(../images/square.gif) no-repeat 0 3px;
   padding: 0 0 4px 13px;
}

.info_box {
   width: 280px;
   float: left;
   padding: 8px 20px 26px 0;
}

.info_box p {
   font-size: 12px;
   color: #454545;
   margin: 0;
}

.news_intro {
   width: 980px;
   height: 116px;
   background: url(../images/intro_news.png) no-repeat;
   overflow: hidden;
   margin-top: 5px;
   margin-left: -15px;
   padding-left: 20px;
}

.news_intro h2 {
   text-indent: -9999px;
   background: url(../images/sub_latest_news.gif) no-repeat;
   width: 249px;
   height: 28px;
   margin: 65px 0 0 0;
}

.news_content {
   width: 625px;
   float: left;
   overflow: hidden;
   padding: 0 8px 0 0;
}

.news_content h3 {
   color: #255f88;
   font-size: 16px;
   font-weight: bold;
   margin: 5px 0 3px;
   border: 0px;
}

.news_content span {
   color: #454545;
   display: block;
   margin: 0 0 10px;
}

.news_nav {
   background: url(../images/bg_newsnav.gif) no-repeat;
   width: 299px;
   height: 34px;
   overflow: hidden;
}

.news .contentbox_news ul {
   margin: 0px 0;
   padding: 0px;
}

.gradient {
   background: url(../images/subbottom_gradient.gif) repeat-x 0 100%;
   width: 299px;
}

.subbottom {
   background: url(../images/news_subbottom.gif) no-repeat;
   width: 299px;
   height: 5px;
   margin: -5px 0 3px;
   line-height: 0;
   overflow: hidden;
}

.news_nav a {
   float: left;
   display: inline;
   margin: 12px 0 0 7px;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
   text-transform: uppercase;
   color: #fff;
}

.news_nav ul {
   float: left;
   text-align: center;
   font-size: 12px;
   margin: 10px 58px 10px 36px!important;
   font-weight: bold;
}

.news_nav li {
   float: left;
   padding: 0;
   background: none;
   border: none;
}

.news_nav li a {
   margin: 0;
   display: block;
   width: 17px;
   height: 17px;
   text-align: center;
   font-size: 12px;
}

.news_nav li a:hover {
   text-decoration: none;
   background: url(../images/newsnav_hover.gif) no-repeat 0 0;
   width: 17px;
   height: 17px;
   color: #004967;
}

.info_content {
   margin-left: 20px;
}

.info_content h3 {
   font: 18px Tahoma,Verdana,sans-serif;
   font-weight: bold;
   color: #3235a5;
   text-align: center;
   border-bottom: 1px solid #1c4d73;
   border-top: 1px solid #1c4d73;
   padding: 43px 0 50px 0;
   margin: 20px 20px 20px 0px;
}

.info_top_box {
   background: url(../images/bg_topbox.png) no-repeat;
   width: 980px;
   padding-top: 12px;
   margin-left: -15px;
}

.info_center_box {
   background: url(../images/bg_centerbox.png) repeat-y;
   width: 980px;
   float: left;
}

.info_content_box {
   background: #f7f0df url(../images/bg_infocontentbox.gif) repeat-x;
   float: left;
   width: 974px;
   margin-left: 3px;
}

.info_bottom_box {
   background: url(../images/bg_infobottombox.png) no-repeat;
   width: 980px;
   height: 22px;
   float: left;
   margin-left: -15px;
}

/* Book On Line */

.bookonline_content {
   padding-top: 0 !important;
}

.bookonline_content p.info {
   margin-bottom: 20px;
}

.bookonline_content h3 {
   margin-bottom: 10px !important;
}

.bookonline_content .col_half {
   width: 46%;
   padding: 0;
   vertical-align: top !important;
}

.bookonline_content .col_separator {
   width: 6%;
   padding: 0;
}

/* Work for Us */

.work_intro {
   width: 980px;
   height: 116px;
   background: url(../images/intro_news.png) no-repeat;
   overflow: hidden;
   margin-top: 5px;
   margin-left: -15px;
   padding-left: 20px;
}

.work_intro h2 {
   width: 600px;
   margin: 50px 0 0 10px;
   color: #fff;
   font-size: 32px;
   font-weight: normal;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

.job_content {
   padding-top: 28px;
}

.job_content {
   overflow: hidden;
   margin-left: 32px;
   margin-right: 30px;
}

.job_content h3 {
   color: #1c4d73;
   border-bottom: 1px solid #1c4d73;
   width: auto;
   font-weight: bold;
   padding-bottom: 5px;
   margin-bottom: 0px;
}

.job_content h3.step {
   text-align: right;
   font-size: 20px;
   padding-right: 5px;
}

.job_content h3 span {
   font-size: 1.4em;
}

.job_content h3 small {
   padding-left: 10px;
   font-size: .84em;
   font-weight: normal;
}

.job_content p.info {
   margin-bottom: 15px;
   color: #62100d;
   font-weight: bold;
   text-align: center;
}

.job_content p.info span.required {
   padding-left: 16px;
   background: transparent url('../images/bullet_red.png') top left no-repeat;
}

.job_content form .buttons .butBack {
   float: left;
}

.job_content form .buttons {
   margin-top: 10px;
   padding: 5px 10px;
   border-top: 1px solid #1c4d73;
   text-align: right;
   clear: both;
}

.job_content form table {
   width: 100%;
}

.job_content form table th,
.job_content form table td {
   padding: 5px 10px;
   vertical-align: top;
}

.job_content form table td {
   width: 49%;
}

.job_content form table th {
   padding-left: 30px;
}

.job_content form table th {
   font-size: 11px;
   text-align: right;
}

.job_content form table td.h3 {
   padding: 0;
}

.job_content form table td.h3 h3 {
   margin: 0;
}

.job_content form table td.h3reverse {
   padding: 10px 0 0 0;
}

.job_content form table td.h3reverse h3 {
   margin: 5px 0 0 0;
   border-bottom: 1px solid #62100d;
   color: #62100d;
}

.job_content form table label {
   display: block;
   padding-left: 3px;
   color: #111;
}

.job_content form table td input,
.job_content form table td textarea {
   width: 420px;
   padding: 3px 5px;
   border: 1px solid #f4e0d0;
   background: #fff;
   font-size: 14px;
}

.job_content form table td textarea#id_qualifications {
   width: 890px;
}

.job_content form table td select {
   font-size: 14px;
}

.job_content form table td textarea {
   height: 80px;
}

.job_content form table td ul {
   margin: 0;
   padding: 0;
   list-style: none;
   clear: both;
}

.job_content form table td ul li {
   float: left;
   margin-right: 20px;
   vertical-align: middle;
}

.job_content form table td ul li label {
   vertical-align: middle;
}

.job_content form table td ul li label input,
.job_content form table td.checkbox input {
   width: auto;
   padding: 3px 5px;
   border: 0;
   background: none;
   font-size: 14px;
}

.job_content form table td ul.errorlist {
   float: right;
}

.job_content form table td ul.errorlist li {
   float: none;
   color: #e00;
}

.job_content form table td input:focus,
.job_content form table td textarea:focus {
   border: 1px solid #1c4d73;
}

.job_content form table td.required input:focus,
.job_content form table td.required textarea:focus {
   border: 1px solid #f91;
}

.job_content form table td.required label {
   padding-left: 16px;
   background: transparent url('../images/bullet_red.png') top left no-repeat;
}

.job_content form table td.checkbox label,
.job_content form table td.checkbox input {
   float: left;
}

.job_content form table td.radio ul {
   position:relative;
   margin-left: 100px;
   top: .2em;
}

.job_content form table td.radio ul li {
   display: block;
   vertical-align: middle;
}

.job_content form table td.radio label input {
   margin: 0 0 10px 0;
}

.job_content form table td.bold ul li label {
   font-weight: bold;
   background: none;
}

.job_content form table td p.help_text {
   margin: 0;
   padding: 4px 1px;
   color: #62100d;
}

.job_content form table td.line {
   border-bottom: 4px solid #f4e0d0;
}

input[type="submit"] {
   display: inline;
   background: url(../images/submit_button.gif) no-repeat;
   width: 100px;
   outline: none;
   height: 25px;
   color: #fff;
   border: none;
   padding: 0 0 3px 0;
   margin: 5px 3px 5px 3px;
   cursor: pointer;
}


#jobform table {
  width: 100%
}

#jobForm table td.h3reverse h3 {
   margin: 5px 0 0 -10px;
   padding-left: 5px;
   border-bottom: 1px solid #1C4D73;
   width: 100%; /*905px;*/
}

#jobForm table td {
   width: 49%;
   /*width: 460px;*/
   padding: 5px;
   font: 13px Tahoma,Verdana,sans-serif;
   font-weight: bold;
}


#jobForm table tr td {
   margin-left: 10px;
   padding-left: 10px;
}

#jobForm table tr th {
   margin-left: 10px;
   padding-left: 10px;
}

#jobForm table td input:focus,
#jobForm table td textarea:focus {
   border: 1px solid #1c4d73;
}

#jobForm table td.required input:focus,
#jobForm table td.required textarea:focus {
   border: 1px solid #f91;
}

#jobForm table td.required label {
   padding-left: 16px;
   background: transparent url('../images/bullet_red.png') top left no-repeat;
}

#jobForm table td.bold ul li label {
   font-weight: bold;
   background: none;
   clear:both;
}

#jobForm table td p.help_text,
#jobForm table td.required p.help_text {
   width: 100%;
   margin: 0;
   padding: 4px 1px;
   border: 0;
   background: transparent;
   color: #62100d;
   font-weight: normal;
}

#jobForm table td.required label,
#jobForm table td label {
   display: block;
}

.required p {
   width: 309px;
   height:22px;
   background:#fff;
   color:#000;
   padding:5px 0 0 5px;
   border:1px solid #f4e0d0;
}

.line p {
   padding:5px 0 0 5px;
   /*
   width:309px;
   height:22px;
   background:#fff;
   color:#000;
   border:1px solid #f4e0d0;
   */
}

.line p.help {
    width: auto;
    width: 100%;
    height: auto;
    background:transparent;
    color: #62100d;
    border: 0;
    font-weight: normal;
}   

#jobForm a {
   color: #b32600;
   text-decoration: none
}

#jobForm a:hover {
   text-decoration: underline
}

/*
#jobForm table td input {
   height:24px;
   line-height:24px;
   padding:0 5px;
   width:309px;
   border:1px solid #F4E0D0;
}
*/

#jobForm table td input[type="submit"] {
   display: inline;
   background: url('../images/submit_button_new.gif') no-repeat;
   width: 67px;
   outline: none;
   height: 25px;
   color: #fff;
   border: none;
   padding: 0 0 3px 0;
   margin: 0px 3px 0px 8px;
   cursor: pointer;
}

/* crap */

.job_content form table td textarea#id_qualifications {
   width: 890px;
}

#id_answer,
#id_referral,
#id_position,
#id_lifesavingQ,
#id_trampoliningQ,
#id_firstaidQ {
   width: 432px;
}

#id_sites {
   width: 450px;
}

.wrap {
   overflow: hidden;
   word-wrap: break-word;
}

.shift-1 {margin-left:40px;}
.shift-2 {margin-left:80px;}
.shift-3 {margin-left:120px;}
.shift-4 {margin-left:160px;}
.shift-5 {margin-left:200px;}
.shift-6 {margin-left:240px;}
.shift-7 {margin-left:280px;}
.shift-8 {margin-left:320px;}
.shift-9 {margin-left:360px;}
.shift-10 {margin-left:400px;}
.shift-11 {margin-left:440px;}
.shift-12 {margin-left:480px;}
.shift-13 {margin-left:520px;}
.shift-14 {margin-left:560px;}
.shift-15 {margin-left:600px;}
.shift-16 {margin-left:640px;}
.shift-17 {margin-left:680px;}
.shift-18 {margin-left:720px;}
.shift-19 {margin-left:760px;}
.shift-20 {margin-left:800px;}
.shift-21 {margin-left:840px;}
.shift-22 {margin-left:880px;}
.shift-23 {margin-left:920px;}
.shift-24 {margin-left:960px;}
.shift-1, .shift-2, .shift-3, .shift-4, .shift-5, .shift-6, .shift-7, .shift-8, .shift-9, .shift-10, .shift-11, .shift-12, .shift-13, .shift-14, .shift-15, .shift-16, .shift-17, .shift-18, .shift-19, .shift-20, .shift-21, .shift-22, .shift-23, .shift-24 {float:left; position:relative;}

/* Some shitty classes */

.intro {
   overflow: hidden;
   padding: 5px 0 0;
   margin-left: -15px;
   width: 980px;
   height: 200px;
}

.intro a {
   text-indent: -9999px;
   display: block;
   width: 320px;
   height: 197px;
}

.swimming_box {
   background: url(../images/proba.png) no-repeat;
   padding: 0 10px 0 0;
   float: left;
}

.holiday_box {
   background: url(../images/proba2.png) no-repeat;
   padding: 0 10px 0 0;
   float: left;
}

#slideshow {
   float: left;
   height: 197px;
   width: 320px;
   position: relative;
   margin: 0;
   padding: 0;
   list-style: none;
}

#slideshow li {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   height: 197px;
   width: 320px;
   vertical-align: top;
}

#slideshow li.active {
   z-index: 2;
}

#slideshow img {
   display: block;
}

/* account */

.page-accountprofile #jobForm table {
   border-collapse: separate;
   border-spacing: 2px;
}

.page-accountprofile #jobForm table td {
   margin: 0;
   padding: 1em;
   background-color: #f0f0f0;
}

.page-accountprofile #jobForm table td:hover {
   background-color: #ddd;
}

.content-tabs-wrapper {
   position: absolute;
   left: 4px;
   top: 5px;
   width: 980px;
}

.content .content-tabs {
   margin: 0;
   list-style: none;
   overflow: hidden;
   height: 38px;
   background: url(../images/content-tabs-bg.png) no-repeat left top;
}

.content-tabs {
   padding-left: 0px;
   margin-left: -18px;
}

.content-tabs li {
   display: block;
   float: left;
}

.content-tabs li a {
   display: block;
   padding-right: 10px;
   background: url(../images/content-tab-right.png) no-repeat right bottom;
}

.content-tabs li a:hover {
   text-decoration: none;
}

.content-tabs li a span {
   display: block;
   height: 33px;
   margin: 0;
   padding: 0 23px 0 33px;
   line-height: 33px;
   font-size: 18px;
   color: #221c98;
   background: url(../images/content-tab.png) no-repeat left bottom;
}

.content-tabs li#content-tab-selected a {
   background: url(../images/content-tab-selected-right.png) no-repeat right bottom;
}

.content-tabs li#content-tab-selected a span {
   background: url(../images/content-tab-selected.png) no-repeat left bottom;
}

.line p.student-notes {
   height: 80px;
   width: 346px;
}

.throbber {
   background: #f7f0df url('../images/throbber.gif') 50% 50% no-repeat;
}

/*
** Booking pages - common styles
*/

.booking-page-form {
   padding: 1em 0;
}

.booking-page-form h2 {
   margin: 0;
   padding-right: 5px;
   text-align: right;
   font-weight: bold;
   font-size: 20px;
   color: #1c4d73;
   border-bottom: 1px solid #666;
}

.booking-page-form h3 {
   margin: 5px 0;
   padding: 5px;
   font-weight: bold;
   font-size: 20px;
   color: #1c4d73;
   border-bottom: 1px solid #1c4d73;
}

.booking-page-form h4 {
   margin-bottom: 10px;
}

.booking-page-form .span-12 {
   width: 460px;
   padding-left: 10px;
}

.booking-page-form .span-24 {
   width: 940px;
   padding-left: 10px;
}

.booking-page-form .span-12 h3,
.booking-page-form .span-24 h3 {
   margin-left: -10px;
}

.booking-page-form select {
   width: 250px;
   padding: 0;
   margin: 3px 0 10px 0;
   color: #808080;
   font-style: italic;
   font-weight: bold;
   font-size: 12px;
   vertical-align: top;
}

.booking-page-form .buttons .butBack {
   float: left;
}

.booking-page-form .buttons {
   margin-top: 10px;
   padding: 5px 5px;
   border-top: 1px solid #1c4d73;
   text-align: right;
   clear: both;
}

.booking-page-form textarea {
   margin-left: -10px;
   height: auto;
   width: auto;
}

.students-add-block {
  float: right;
  margin: 10px 0 0 0;
  padding-top: 1px;
}

#students-add-dropdown {
  width: 180px;
  margin: 0 0.2em 0 0;
}

#id_student {
   width: 250px;
   margin: 0 0.2em 0 0;
}

.students-add-block a {
  padding: 0 0.5em;
  text-decoration: none;
  color: #333;
  line-height: 20px;
  font-weight: bold;
  background-color: #ffa03f;
  vertical-align: middle;
  border: 1px solid #666;
}

.block-student {
  padding-left: 1em;
  margin-bottom: 0.5em;
  height:1%;
  font-size: 1.4em;
}

.block-student a {
   float: right;
}

/* Front End – Activity Booking Form */

#activity-booking-form-activities p {
   font-weight: bold;
}

#activity-booking-form-available input {
   top: auto;
}

#activity-booking-form-available div {
   margin: 0 0 0.5em 1em;
}

#activity-booking-form-available div label {
   font-weight: normal;
}

/* Front End – Swim Lesson Booking Form */

#swim-lesson-booking-form p {
   margin-bottom: 1em;
}

#swim-lesson-form-booking .span-12,
#swim-lesson-form-booking .last {
   padding-left: 0;
}

#swim-lesson-booking-form .students-add-block {
  float: none;
  position: relative;
  overflow: hidden;
  /*margin: 5px 0 15px 0;*/
  margin: 5px 0 10px;
  padding-bottom: 5px;
  /*border-bottom: 1px solid #666;*/
}

#swim-lesson-booking-form #students {
  margin-bottom: 15px;
  border-bottom: 1px solid #666;
}

#swim-lesson-booking-form .students-add-block a {
  position: absolute;
  right: 0;
  top: 0;
}

/* Backet Page */

#backet-form {
   overflow: hidden;
   padding: 0 0 20px 0;
}

#backet-form h3 {
   margin: 20px 0 20px 0;
}

#backet-form .backet-item {
   margin: 10px;
   padding: 10px;
   overflow: hidden;
   border: 1px solid #1c4d73;
   background-color: #54c6f9;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

#backet-form .backet-item span {
   font-weight: bold;
}

#backet-form .backet-item-remove {
   float: right;
   margin: 0 0.5em;
   padding: 0 0.5em;
   color: #333;
   font-weight: bold;
   text-decoration: none;
   background-color: #ffa03f;
   border: 1px solid black;
}

#backet-form .backet-item-price {
   float: right;
   margin-right: 1em;
   color: #000;
   font-size: 1.1em;
}

#backet-form .backet-total {
   margin: 5px 10px 30px 10px;
   text-align: right;
   font-size: 2em;
}

.backet-button {
   display: inline;
   padding: 5px 10px;
   color: #fff;
   font-size: 12px;
   text-decoration: none;
   text-align: center;
   background-color: #f79b1c;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

#backet-back {
   float: left;
}

#backet-checkout {
   float: right;
}