/*/// GLOBAL RESETS ///*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*/// GLOBAL ELEMENTS ///*/

html { font: 62.5% arial, verdana, tahoma, helvetica; text-align: center;}

body	{ background: url('../images/pinkGradientBg.jpg') repeat-x #fde0eb; color:#000; margin:0; padding:0; font-size: 1.2em;}

p { margin: .5em 0 1em;}

h1 { font-size: 2.5em; color:#000; background: transparent;}
#blueBox h1 { color: #fff;}
h2 { font-size: 1.4em; color:#000; background: transparent;}
h3 { font-size: 1.2em; color:#000; background: transparent;}
h4 { font-size: 1.2em; color:#000; background: transparent;}
h5 { font-size: 1.2em; color:#000; background: transparent;}
h6 { font-size: 1.2em; color:#000; background: transparent;}


input, textarea, select { border: 1px solid #000; background: #fff; color: #000;}
.test { margin-bottom: 3px;}
#pgeContent_ctl00_txtName, #pgeContent_ctl00_txtContactNumber, #pgeContent_ctl00_txtEmail, #pgeContent_ctl00_txtMessage { margin-bottom: 10px;}
#pgeContent_ctl00_btnSubmit { margin-top: 10px;}





.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}

img { border: none; vertical-align: bottom;}

/*/// TEMPLATE ELEMENTS ///*/

.formLayout { float:left; width:120px;}

.submitButton { position: relative; float: left; margin-left: 10px;}
* html .submitButton { display: inline;}
.submitButtonLeft { float: left; width: 3px; height: 20px; background: url('../images/submitButton-left.gif') no-repeat;}
.submitButtonMiddle { float: left; padding: 0 3px; line-height: 20px; width: auto; height: 20px; background: url('../images/submitButton-middle.gif'); color: #202020;}
.submitButtonMiddle a:link { text-decoration: none; color:#202020;}
.submitButtonMiddle a:hover { color:#817e7e;}
.submitButtonRight { float: left; width: 3px; height: 20px; background: url('../images/submitButton-right.gif') no-repeat;}

.googleMap { margin: 15px 0 0; height: 300px; width: 490px; border: 1px solid #ed2592}  
#googlePopUp{ font-family: arial; color: #000; width: 300px; }
#googlePopUp input { background: #fff; color: #000; border: 1px solid #000;}

/*/// LAYOUT ///*/

/* Base layout */
#container { margin: 0 auto; width: 915px; background: url('../images/outerShadowBg.png') repeat-y; text-align: left;}

/* Header */
#header { width: 891px; border: 3px solid #2d55a2; border-top: 0; border-bottom: 0; background: url('../images/headerBg.jpg') repeat-x #9b5399; margin: 0 0 0 9px; min-height: 96px; height: auto;}
* html #header { height: 96px;}
#topHeader { width: 891px;}
img#logo { float: left; margin: 0 0 0 19px;}
h6#telephone { display: block; width: 191px; height: 68px; background: url('../images/telephone.jpg') no-repeat; text-indent: -9999px; float: left; margin: 0 0 0 36px;}
#contact {  float: right; text-align: right; padding: 10px 19px 10px 0; width: 200px; color: #fff; font-weight: bold; background: transparent;}
#contactName { font-size: 1.3em;}
#contactAddress { font-size: .9em;}
#contactEmail { font-size: 1em; display: block; margin-top: 7px;}
#contactEmail a { color: #fff; text-decoration: none; background: transparent;}
#contactEmail a:hover { text-decoration: underline;}


#mailingList { float: left; width: 225px; margin: 20px 0 0 0; padding-left: 40px; text-align: left;}
* html #mailingList { display: inline;}
span#lblEmailInfo { color: #fff; font-size: 1.2em; font-weight: bold; float: left;}
.join { border: 1px solid #dcdddf; border-top: 1px solid #7e7c7f; margin: 5px 0 0 4px; font-size: .9em; float: left;}
.submit { display: block; float: left; width: 60px; height: 19px; margin: 4px 0 0 4px; padding: 1px 0 0 0; background: url('../images/signUp.gif') no-repeat; text-decoration: none; color: #000; text-align: center;}
.submit:hover { background-position: bottom left;}
#RegularExpressionValidator2, #RequiredFieldValidator2 { float: left; color: #fff; padding-left: 10px;}
#txtEmailAddr { float: left;}


/* Main Image */
/* Prw #mainImage { margin: 0 0 0 9px;} */
#mainImage { width: 891px;}

/* mainNav */
/* Prw ul#mainNav { border: 1px solid #fff; border-bottom: 0px; width: 895px; margin: 0 0 0 9px; background: url('../images/pinkGradientNavBg.jpg') repeat-x #fe60aa;} */
ul#mainNav { border: 1px solid #fff; border-bottom: 0px; width: 895px; background: url('../images/pinkGradientNavBg.jpg') repeat-x #fe60aa; margin-left: 9px;}
ul#mainNav li { display: inline;}
ul#mainNav li a { padding: 9px 22px 8px; float: left; margin: 0 5px; color: #fff; font-weight: bold; font-size: 1.2em; text-decoration: none; background: url('../images/mainNav.jpg') transparent no-repeat top center; }
ul#mainNav li a:hover { background-position: 50% -33px;}
ul#mainNav li a.currentPage { background-position: bottom center;}

/* Main Column */
#pnlMain, #pnlGallery { overflow: hidden; background: url('../images/contentcontainerbg.png') repeat-y #fff; margin-top: 10px;}
body.offers #pnlMain { background: none;}
#contentContainer { width: 873px; padding: 0px 12px 10px; margin: 0 0 0 9px; background: #fff;}
/* #blueBox { width: 486px; background: url('../images/blueBox.jpg') repeat-x #00409b; padding: 10px 15px 10px 15px; margin:10px 0 0px; color: #fff; font-size: 1em; float: left; min-height:416px; height: auto;} */
#blueBox { width: 486px; background: url('../images/blueBox.jpg') repeat-x #00409b; padding: 10px 15px 10px 15px; margin:0 0 0px; color: #fff; font-size: 1em; float: left; min-height:639px; height: auto;}
/* * html #blueBox { height: 414px;} */
* html #blueBox { height: 637px;}
#blueBox h1 { width: 300px;}
#blueBox a { color: #fff;}
#blueBox a:hover { color: #fa4f9d;}
#blueBoxSideImage { float: right; border: 1px solid #fff; margin-left: 20px;}

/* sideColumn */
#sideColumn { width: 346px; float: right;}
.sideColumnFeature { width: 326px; background: url('../images/sideColumnFeature.jpg') no-repeat #ff61a9; min-height: 82px; height: auto; margin-top: 10px; padding: 10px; color: #fff; float: left;}
* html .sideColumnFeature { height: 82px;}
.featureLeftImage { border: 1px solid #fff;}
.featureRightImage { float: right; border: 1px solid #fff;}
.featureLeftText { float: left; width: 190px; display: block; margin-right: 10px;}
.featureRightText { float: right; width: 190px; margin-left: 10px;}
.sideColumnFeature h3 { margin-bottom: 10px; color: #fff; font-size: 1.4em; font-weight: bold; background: transparent;}



.sideColumnOffer0, 
.sideColumnOffer1, 
.sideColumnOffer2, 
.sideColumnOffer3,
.sideColumnOffer4,
.sideColumnOffer5,
.sideColumnOffer6,
.sideColumnOffer7,
.sideColumnOffer8 { width: 160px; background: url('../images/sideColumnFeature.jpg') no-repeat #ff61a9; min-height: 82px; height: auto; padding: 5px 0px 0px 0px; color: #fff; float: left;}
.sideColumnOffer0 { margin: 0 0 10px 0px;}
.sideColumnOffer1 { margin: 0 0 10px 20px;}
.sideColumnOffer2 { margin: 10px 0 0 0px;}
.sideColumnOffer3 { margin: 10px 0 0 20px;}
.sideColumnOffer4 { margin: 10px 0 0 0px;}
.sideColumnOffer5 { margin: 10px 0 0 20px;}
.sideColumnOffer6 { margin: 10px 0 0 0px;}
.sideColumnOffer7 { margin: 10px 0 0 20px;}
.sideColumnOffer8 { margin: 10px 0 0 0px;}
.sideColumnOffer9 { margin: 10px 0 0 20px;}


.sideColumnOfferHeader { float: left; width: 100%; width: 100%; text-align: center; font-size: 1.4em; font-weight: bold;}
.sideColumnOfferImage { float: left; width: 100%; text-align: center; padding: 5px 0;}
.sideColumnOfferLink { float: left; text-align: center; padding: 5px 0 10px 0; margin: 0 0 0 26px; }
.sideColumnOfferLink { display: inline;}
.sideColumnOfferLink a { display: block; width: 108px; height: 20px; background: url('../images/findOutMore.jpg') no-repeat; text-indent: -9999px;}
.sideColumnOfferLink a:hover { background-position: bottom left;}




/* Error */
p#error { width: 100%; text-align: center; padding: 50px 0;}

/* Footer */
#footer { width: 915px; margin: 0 auto; background: url('../images/footer.png') no-repeat bottom left; padding: 20px 0 20px;}
* html #footer { background: url('../images/IEfooter.png') no-repeat;}
#valid { float: left; height: auto; width: auto; margin: 0 0 0 20px;}
* html #valid { display: inline;}
#valid img { margin-right: 5px;}

#copyright { float: left; color: #fff; font-size: .9em; padding: 2px 0 0 0; margin-left: 15px; background: transparent;}
* html #copyright { display: inline;}

ul#minorNav {float: right;}
* html ul#minorNav { display: inline;}
ul#minorNav li { display: inline; color: #fff; float: left; padding: 0; background: transparent;}
ul#minorNav li a {float: left; color: #fff; font-size: .9em; padding: 0 5px; text-decoration: none; background: transparent;}
ul#minorNav li a:hover, ul#minorNav li a.currentPage { text-decoration: underline; color: #fff; background: transparent;}

#webDesignUk { float: right; color: #fff; font-size: .9em; text-decoration: none; margin-right: 20px;}
* html #webDesignUk { display: inline;}
#webDesignUk a { color: #fff; text-decoration: none; margin-left: 3px;}
#webDesignUk a:hover { text-decoration: underline;}

/* Gallery */
.galleryImage { border: 5px solid #fff; margin: 10px 0;}
.panoramaFeature { width: 346px; background: url('../images/sideColumnFeature.jpg') no-repeat #ff61a9; color: #fff; float: left; padding-bottom: 10px; margin-top: 10px;}
.panoramaThumb { border: 1px solid #0d66b8; padding: 2px; background: #fff; margin-left: 5px;}
#pnlGalleryMovies { margin-left: 14px; padding: 5px 0;}

.galleryFeature { width: 346px; background: #ff61ac; color: #fff; float: left; margin-top: 10px; padding-bottom: 5px;}
#pnlGallery2 { margin-top: 10px; padding-left: 18px;}
.galleryThumb { border: 1px solid #0d66b8; padding: 2px; background: #fff; margin: 0 0 10px 0px;}
.galleryNavPrevious { float: left; vertical-align: bottom; margin-left: 60px;}
* html .galleryNavPrevious { display: inline;}
.galleryNavPrevious a { color: #fff;}
.galleryNavPageCount {float: left; font-size: 1.2em; font-weight: bold; margin: 0 10px;}
.galleryNavNext { float: left; vertical-align: bottom;}
.galleryNavNext a { color: #fff;}


/* Offers */
body.offers #sideColumn { float: left; background: url('../images/blueBox.jpg') repeat-x #00409b; width: 287px; margin-top: 10px;}
body.offers #sideColumn h2 { color: #fff; border-bottom: 3px solid #fff; padding: 7px 0 7px 5px; font-weight: bold;}



body.offers #offersAbstract { float: right; background: none; color: #000; width: 465px; padding: 10px 15px 10px 15px; margin:10px 46px 0px 20px;font-size: 1em;}
body.offers #offersAbstract { display: inline;}

body.offers .offer { margin: 0 11px; border-bottom: 1px solid #fff; padding: 11px 0 15px 0; color: #fff; font-size: 1.1em;}
body.offers .offer:last-child { border-bottom: 0;}
body.offers .lastOffer { border-bottom: none;}
body.offers .offer h3 { color: #ec62af; margin-bottom: 15px; font-weight: bold; font-size: 1.4em;}
body.offers .offer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
body.offers .offer {display:inline-block;}
* html body.offers .offer { display: inline;}
body.offers .offer .offerText { float: right; width: 150px;}
body.offers .offerThumb img { border: 1px solid #ed2297; float: left; margin-right: 10px;}
body.offers .offerLink { float: right;}
body.offers .offerLink a { display: block; width: 138px; height: 20px; background: url('../images/signUpForOffers.jpg') no-repeat; text-indent: -9999px; margin: 22px 14px 0 0;}
body.offers .offerLink a:hover { background-position: bottom left;}
.offerLarge { border: 2px solid #eb2191; margin: 20px 0;}

.fieldTitle { width: 100%; float: left;}
.fieldContainer { width: 150px; float: left;}
.fieldContainerLarge { width: 305px; float: left;}
.formFieldContainer { float: left; width: 100%;}
.formFieldContainer span { float: left;}

/* Inline bulleted lists */
#blueBox ul { padding-left:25px;}
#blueBox ul li { padding-left:10px; list-style-type: disc;}

em  {font-style:italic;}
