/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; /*font-weight:inherit;font-size:100%;vertical-align:baseline; */}
body {line-height: 18px; font-size: 12px; font-family: verdana; color: #FFF;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* headings and page style */
h1 {font-weight: bold; font-size: 18px; color: #0596CD; margin: 25px 0px 0px 25px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h2 {font-weight: bold; font-size: 15px; color: #0596CD; margin-top: 10px; padding: 5px 20px 5px 50px; font-family: verdana}
h3 {font-weight: bold; font-size: 13px; color: #0596CD; padding: 5px 20px 5px 50px; margin-top: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:link {color: #8AE2FF; text-decoration: none;}
a:visited {color: #8ae2ff; text-decoration: none;}
a:hover {color: #0596CD; text-decoration: none;}
/*a:active {color: #0595CD; text-decoration: none;} */
/* layout */
#mainTable {width: 900px; margin-left: auto; margin-right:auto; margin-top: 15px; border: solid 1px #085076;}
#logo {width: 120px; background: url(../images/logo.jpg) no-repeat center; }
#header {height: 160px; width: 100%;}
#contentWrapper {width: 711px; height: 375px; background: #004566; text-align: left; padding-bottom: 50px; vertical-align:top;}
#contentBody {width: 500px; height: 375px; background: #004566; text-align: left; padding-bottom: 50px; vertical-align:top;}
#contentBody100 {width: 100%; height: 375px; background: #004566; text-align: left; padding-bottom: 50px; vertical-align:top;}
#contentBody474 {width: 474px; height: 375px; background: #004566; text-align: left; padding-bottom: 50px; vertical-align:top;}
/*.contentBody {background: #004566;} */
#contentBody p {padding: 5px 20px 5px 50px;}
#contentBody ul {margin: 8px 0px 8px 85px;}
#contentBody li {padding: 2px; list-style: disc;}
/* Spinxx styles */
#contentBodySphinxx {width: 500px; height: 375px; background: #7A6A53; text-align: left; padding-bottom: 50px; vertical-align:top;}
#contentBodySphinxx100 {width: 100%; height: 375px; background: #7A6A53; text-align: left; padding-bottom: 50px; vertical-align:top;}
#contentBodySphinxx474 {width: 474px; height: 375px; background: #7A6A53; text-align: left; padding-bottom: 50px; vertical-align:top;}
#contentBodySphinxx p {padding: 5px 20px 5px 50px;}
#contentBodySphinxx ul {margin: 8px 0px 8px 85px;}
#contentBodySphinxx li {padding: 2px; list-style: disc;}
#contentSideSphinxx {width: 211px; background: #7A6A53; vertical-align: text-top; text-align: left;}
#contentSideSphinxx237 {width: 237px; background: #7A6A53; vertical-align: text-top; text-align: left;}
#contentSideSphinxx div {margin: 10px 0px 15px 10px; text-indent: 5px;}
#contentWrapperSphinxx {width: 711px; height: 375px; background: #7A6A53; text-align: left; padding-bottom: 50px; vertical-align:top;}
.testimonialLogos {padding: 2px;}
p.linkPDF {margin: 8px 0px}
.linkPDF a {color: #439; margin-left: 4px; text-decoration: none; vertical-align: middle; background: transparent url(../images/icpdf.gif) no-repeat center left; padding-left: 16px; /*adjust bullet image padding*/ text-decoration: none;}
.linkPDF a:hover {color: #b2b2c2; text-decoration: underline}
/* Spinxx styles END */
#editorwindow {background: #004566;}
#contentSide {width: 211px; background: #004566; vertical-align: text-top; text-align: left;}
#contentSide237 {width: 237px; background: #004566; vertical-align: text-top; text-align: left;}
#contentSide div {margin: 60px 0px 15px 10px; text-indent: 5px;}
/* main menu common styles */
/* this sets up the height, width and background line for menu */
#menu1, #menu2, #menu3, #menu4 {background: url(/images/line.gif) no-repeat 17px 7px; vertical-align:top; text-align: left; font-family: Tahoma,Helvetica; line-height: 18px; font-size: 12px; }
#menu1 {padding-top: 25px;width: 150px;}
#menu2 {padding-top: 10px;width: 230px;}
#menu3 {padding-top: 10px;width: 170px;}
#menu4 {padding-top: 15px;width: 230px; padding-left: 25px;}
/* this sets up the common styles for the main menu 1, 2, 3, 4 */
#header ul {padding: 0; margin: 0; list-style: none;}
#header a {color: #085076; display: block; padding-left: 25px; text-decoration: none; }
#header a:hover {color: #0098CA; text-decoration: none; background: url(/images/arrow2.gif) no-repeat left center;}
#header .selected {color: #0098CA; text-decoration: none; background: url(/images/arrow2.gif) no-repeat left center; list-style: none;}
#header span {color: #085076; font-weight: bold; padding-left: 25px;}
/* this sets up the common styles for any menus in the sideContent ie middle east */
#contentSide ul {padding: 0; margin: 0; list-style: none;}
#contentSide li {text-decoration: none; background: url(/images/arrowBlue1.gif) no-repeat left center; }
#contentSide a {color: #8AE2FF; padding-left: 5px; text-decoration: none;}
#contentSide a:hover {color: #0596CD; text-decoration: none;}
#contentSide .selected {color: #0596CD; text-decoration: none; background: url(/images/arrowBlue2.gif) no-repeat left center; }
/* background images*/
#bg1 {background: #085076 url(/images/bg1a.jpg) no-repeat left;height: 30px; width: 900px;}
#bg4 {background: url(/images/bg4.jpg) no-repeat left top; height: 300px; width: 189px;}
#bgSW1 {background: #085076 url(/images/corpb.jpg) no-repeat left; height: 30px; width: 900px;}
#bgSW2 {background: url(/images/corpa.jpg) left top no-repeat; height: 300px;width: 189px;}
#bglr1 {background: url(/images/boata.jpg) no-repeat left bottom;height: 30px; width: 900px;}
#bglr2 {background: url(/images/boatb.jpg) no-repeat left top; height: 300px; width: 189px;}
#tlc1 {background: #085076 url(/images/handsa.jpg) no-repeat left; height: 30px; width: 900px;}
#tlc2 {background: url(/images/handsb.jpg) no-repeat left top; height: 300px; width: 189px;}
#me1 {background: #085076 url(/images/muscata.jpg) no-repeat left; height: 30px; width: 900px;}
#me2 {background: url(/images/muscatb.jpg) no-repeat left top; height: 300px; width: 189px;}
#leaf1 {background: #085076 url(/images/leafa.jpg) no-repeat left; height: 30px; width: 900px;}
#leaf2 {background: url(/images/leafb.jpg) no-repeat left top; height: 300px; width: 189px;}
#pat1 {background: url(/images/corpb.jpg) no-repeat left bottom; height: 30px; width: 900px;}
#pat2 {background: url(/images/corpa.jpg) no-repeat left top; height: 300px; width: 189px;}
.pic {border: 1px solid #256580;}
.pic2 {border: 2px solid #256580;}
.textWhiteSmall {font-size: 10px;}
.textWhiteLarge {font-size: 14px; font-weight: bold;}
.textGreySmall {font-size: 12px; color:#CCC; font-family: Arial Narrow; line-height: 14px;}
.quote {font-style: italic;color: #0596CD;}
.statement {font-size: 14px; font-style: italic; font-weight: bold; color: #0596CD;letter-spacing: 1px;}
.programDates {border: 1px dashed #256580; margin: 10px 20px 10px 25px;}
.programDates p {padding: 0px; margin: 0px}
.programInfo {border: 1px dashed #256580; padding: 5px;}
/* contact us form*/
/*label {text-align: right;} */
input, textarea, select {font-size: 12px;color: #004566;font-family: verdana;font-weight: normal;
height: 14px; margin: 2px 2px 2px 8px; padding: 2px 2px 2px 8px; background: #eee; border: 1px solid #CDCDCD;}
.checkbox {width: 15px; background: #eee; border: 1px solid #CDCDCD; font-size: 12px;color: #004566;font-family: verdana;font-weight: normal;}
#contactus {margin: 20px 0px 0px 30px;}
#contactus .left {text-align: left; width:300px; } /* aligns text left and controls td width */
#contactus .right {text-align: right; width: 150px;} /* aligns text right and controls td width*/
#contactus .required {color: Yellow; font-size: 10px}
#contactus .dropdown_title {width: 70px; height: 20px;}
#contactus .textbox_firstname
#contactus .textbox_lastname
#contactus .textbox_email
#contactus .textbox_company
#contactus .textbox_worknumber
#contactus .textbox_mobilenumber
#contactus .checkbox_contactmethod {width: 15px; background: #004566;}
#contactus .dropdown_howyoufoundus {width: 200px; height: 20px;}
#contactus .listbox_comments {width: 200px; height: 50px}
#contactus .checkbox_emailupdates {width: 15px; background: #004566;}
#contactus .button_submit {width: 100px; height: 20px;}
/* newsletter sign up form */
#form_newsletter {margin: 20px 0px 0px 50px;}
#form_newsletter .left {text-align: left; width:300px; } /* aligns text left and controls td width */
#form_newsletter .right {text-align: right; width: 150px;} /* aligns text right and controls td width*/
.req {color: Yellow; font-size: 10px}
.cat_dropdown_smaller {width: 70px; height: 20px;}
.cat_textbox
#form_newsletter .button_submit {width: 100px; height: 30px; }
/*.inputs {color: #004566;}
.inputs-focus {color: #006699;}
.select {color: #004566; height: 22px;}
textarea { height: 50px}
.comments {color: #004566;}
.radio { display: inline; text-align: left;}
.checkbox {display: inline; text-align: left;}
.submit {width: 60px; height: 25px; font-weight: bold;}
.req {color: #FFED3D; font-size: 10px;}
catwebformform66505 *//* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; /*font-weight:inherit;font-size:100%;vertical-align:baseline; */}
body {line-height: 18px; font-size: 12px; font-family: verdana; color: #FFF;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* headings and page style */
h1 {font-weight: bold; font-size: 18px; color: #0596CD; margin: 25px 0px 0px 25px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h2 {font-weight: bold; font-size: 15px; color: #0596CD; margin-top: 10px; padding: 5px 20px 5px 50px; font-family: verdana}
h3 {font-weight: bold; font-size: 13px; color: #0596CD; padding: 5px 20px 5px 50px; margin-top: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:link {color: #8AE2FF; text-decoration: none;}
a:visited {color: #8ae2ff; text-decoration: none;}
a:hover {color: #0596CD; text-decoration: none;}
/*a:active {color: #0595CD; text-decoration: none;} */
/* layout */
#mainTable {width: 900px; margin-left: auto; margin-right:auto; margin-top: 15px; border: solid 1px #085076;}
#logo {width: 120px; background: url(../images/logo.jpg) no-repeat center; }
#header {height: 160px; width: 100%;}
#contentWrapper {width: 711px; height: 375px; background: #004566; text-align: left; padding-bottom: 50px; vertical-align:top;}
#contentBody {width: 500px; height: 375px; background: #004566; text-align: left; padding-bottom: 50px; vertical-align:top;}
/*.contentBody {background: #004566;} */
#contentBody p {padding: 5px 20px 5px 50px;}
#contentBody ul {margin: 8px 0px 8px 85px;}
#contentBody li {padding: 2px; list-style: disc;}
#editorwindow {background: #004566;}
#contentSide {width: 211px; background: #004566; vertical-align: text-top; text-align: left;}
#contentSide div {margin: 60px 0px 15px 10px; text-indent: 5px;}
/* main menu common styles */
/* this sets up the height, width and background line for menu */
#menu1, #menu2, #menu3, #menu4 {background: url(/images/line.gif) no-repeat 17px 7px; vertical-align:top; text-align: left; font-family: Tahoma,Helvetica; line-height: 18px; font-size: 12px; }
#menu1 {padding-top: 25px;width: 150px;}
#menu2 {padding-top: 10px;width: 230px;}
#menu3 {padding-top: 10px;width: 170px;}
#menu4 {padding-top: 25px;width: 230px; line-height: 50px;}
/* this sets up the common styles for the main menu 1, 2, 3, 4 */
#header ul {padding: 0; margin: 0; list-style: none;}
#header a {color: #085076; display: block; padding-left: 25px; text-decoration: none; }
#header a:hover {color: #0098CA; text-decoration: none; background: url(/images/arrow2.gif) no-repeat left center;}
#header .selected {color: #0098CA; text-decoration: none; background: url(/images/arrow2.gif) no-repeat left center; list-style: none;}
#header span {color: #085076; font-weight: bold; padding-left: 25px;}
/* this sets up the common styles for any menus in the sideContent ie middle east */
#contentSide ul {padding: 0; margin: 0; list-style: none;}
#contentSide li {text-decoration: none; background: url(/images/arrowBlue1.gif) no-repeat left center; }
#contentSide a {color: #8AE2FF; padding-left: 5px; text-decoration: none;}
#contentSide a:hover {color: #0596CD; text-decoration: none;}
#contentSide .selected {color: #0596CD; text-decoration: none; background: url(/images/arrowBlue2.gif) no-repeat left center; }
/* background images*/
#bg1 {background: #085076 url(/images/bg1a.jpg) no-repeat left;height: 30px; width: 900px;}
#bg4 {background: url(/images/bg4.jpg) no-repeat left top; height: 300px; width: 189px;}
#bgSW1 {background: #085076 url(/images/corpb.jpg) no-repeat left; height: 30px; width: 900px;}
#bgSW2 {background: url(/images/corpa.jpg) left top no-repeat; height: 300px;width: 189px;}
#bglr1 {background: url(/images/boata.jpg) no-repeat left bottom;height: 30px; width: 900px;}
#bglr2 {background: url(/images/boatb.jpg) no-repeat left top; height: 300px; width: 189px;}
#tlc1 {background: #085076 url(/images/handsa.jpg) no-repeat left; height: 30px; width: 900px;}
#tlc2 {background: url(/images/handsb.jpg) no-repeat left top; height: 300px; width: 189px;}
#me1 {background: #085076 url(/images/muscata.jpg) no-repeat left; height: 30px; width: 900px;}
#me2 {background: url(/images/muscatb.jpg) no-repeat left top; height: 300px; width: 189px;}
#leaf1 {background: #085076 url(/images/leafa.jpg) no-repeat left; height: 30px; width: 900px;}
#leaf2 {background: url(/images/leafb.jpg) no-repeat left top; height: 300px; width: 189px;}
#pat1 {background: url(/images/corpb.jpg) no-repeat left bottom; height: 30px; width: 900px;}
#pat2 {background: url(/images/corpa.jpg) no-repeat left top; height: 300px; width: 189px;}
.pic {border: 1px solid #256580;}
.pic2 {border: 2px solid #256580;}
.textWhiteSmall {font-size: 10px;}
.textWhiteLarge {font-size: 14px; font-weight: bold;}
.textGreySmall {font-size: 12px; color:#CCC; font-family: Arial Narrow; line-height: 14px;}
.quote {font-style: italic;color: #0596CD;}
.statement {font-size: 14px; font-style: italic; font-weight: bold; color: #0596CD;letter-spacing: 1px;}
.programDates {border: 1px dashed #256580; margin: 10px 20px 10px 25px;}
.programDates p {padding: 0px; margin: 0px}
.programInfo {border: 1px dashed #256580; padding: 5px;}
/* contact us form*/
/*label {text-align: right;} */
input, textarea, select {font-size: 12px;color: #004566;font-family: verdana;font-weight: normal;
height: 14px; margin: 2px 2px 2px 8px; padding: 2px 2px 2px 8px; background: #eee; border: 1px solid #CDCDCD;}
.checkbox {width: 15px; background: #eee; border: 1px solid #CDCDCD; font-size: 12px;color: #004566;font-family: verdana;font-weight: normal;}
#contactus {margin: 20px 0px 0px 30px;}
#contactus .left {text-align: left; width:300px; } /* aligns text left and controls td width */
#contactus .right {text-align: right; width: 150px;} /* aligns text right and controls td width*/
#contactus .required {color: Yellow; font-size: 10px}
#contactus .dropdown_title {width: 70px; height: 20px;}
#contactus .textbox_firstname
#contactus .textbox_lastname
#contactus .textbox_email
#contactus .textbox_company
#contactus .textbox_worknumber
#contactus .textbox_mobilenumber
#contactus .checkbox_contactmethod {width: 15px; background: #004566;}
#contactus .dropdown_howyoufoundus {width: 200px; height: 20px;}
#contactus .listbox_comments {width: 200px; height: 50px}
#contactus .checkbox_emailupdates {width: 15px; background: #004566;}
#contactus .button_submit {width: 100px; height: 20px;}
#referafriend {margin: 20px 0px 0px 30px;}
#referafriend .left {text-align: left; width:300px; } /* aligns text left and controls td width */
#referafriend .right {text-align: right; width: 150px;} /* aligns text right and controls td width*/
#referafriend .listbox_comments {width: 200px; height: 50px}
#referafriend .button_submit {width: 100px; height: 20px;}
/* booking form*/
/*label {text-align: right;} */
input, textarea, select {font-size: 12px;color: #004566;font-family: verdana;font-weight: normal;
height: 14px; margin: 2px 2px 2px 8px; padding: 2px 2px 2px 8px; background: #eee; border: 1px solid #CDCDCD;}
.checkbox {width: 15px; background: #eee; border: 1px solid #CDCDCD; font-size: 12px;color: #004566;font-family: verdana;font-weight: normal;}
#bookingForm {margin: 20px 0px 0px 30px;}
#bookingForm .left {text-align: left; width:300px; } /* aligns text left and controls td width */
#bookingForm .right {text-align: right; width: 150px;} /* aligns text right and controls td width*/
#bookingForm .req {color: Yellow; font-size: 10px}
#bookingForm .cat_dropdown_smaller {width: 70px; height: 20px;}
#bookingForm .cat_textbox {border: solid 1px #00374F; background: #EFFAFF;}
#bookingForm .checkbox_contactmethod {width: 15px; background: #004566;}
#bookingForm .cat_dropdown {height: 20px;}
#bookingForm .listbox_comments {width: 200px; height: 50px}
#bookingForm .checkbox_emailupdates {width: 15px; background: #004566;}
#bookingForm .button_submit {width: 100px; height: 20px;}
/* newsletter sign up form */
#form_newsletter {margin: 20px 0px 0px 50px;}
#form_newsletter .left {text-align: left; width:300px; } /* aligns text left and controls td width */
#form_newsletter .right {text-align: right; width: 150px;} /* aligns text right and controls td width*/
.req {color: Yellow; font-size: 10px}
.cat_dropdown_smaller {width: 70px; height: 20px;}
.cat_textbox
#form_newsletter .button_submit {width: 100px; height: 30px; }
/*.inputs {color: #004566;}
.inputs-focus {color: #006699;}
.select {color: #004566; height: 22px;}
textarea { height: 50px}
.comments {color: #004566;}
.radio { display: inline; text-align: left;}
.checkbox {display: inline; text-align: left;}
.submit {width: 60px; height: 25px; font-weight: bold;}
.req {color: #FFED3D; font-size: 10px;}
catwebformform66505 */
/* booking form */
.booking-container {width: 90%; background: #004566; text-align: left; padding-bottom: 50px; vertical-align:top;}
.booking-container p {padding: 5px 20px 5px 50px;}
.booking-container ul {margin: 8px 0px 8px 85px;}
.booking-container li {padding: 2px; list-style: disc;}