html, body {margin:0; padding:0;}
body {font-size:76%; font-family:Arial, Helvetica, sans-serif; color:#656565; background:#fff;line-height:1.5;}
p{font-size:1.0em; margin:0 0 10px 0; }
a, a:visited {color:#45c0eb; text-decoration:underline;}
a:focus, a:active, a:hover {text-decoration:none; color:#45c0eb; }
a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */
a img {border:none;}
h1 {color:#45c0eb; line-height:1.4em; font-size:1.4em; padding:0; margin:0 0 10px 0; font-weight:bold; }
h2 {color:#45c0eb; line-height:1.3em; font-size:1.3em; padding:0; margin:0 0 10px 0; font-weight:normal;}
h3 {color:#45c0eb; line-height: 1.1em; font-size: 1.1em; font-weight: normal; padding:0; margin:0 0 5px 0; }
h4 {color:#45c0eb; line-height: 1.1em; font-size: .95em; font-weight: normal; padding:0; margin:0 0 10px 0; }
.unviewable {position:absolute; display:block; height:10px; width:10px; text-indent:-999em; top:-999em; } /* Hides the element from view */
.small {font-size:0.9em; margin-bottom:15px;}
.clear {clear:both;}
div {position:relative;}
input:focus, textarea:focus {background:#fefef4; }
/************************
STRUCTURAL
************************/
#container{width:985px; margin:0 auto; }
#header{height:250px;}
.gridTwoLeft {padding-left:235px; }
.gridTwoLeft .wrapper {border-left:1px solid #c8c8c8;}
.gridTwoLeft .wrapper .col1 {width:100%; float:right;}
.gridTwoLeft .wrapper .col2 {margin-left:-235px; width:235px; float:right;}
.gridTwoLeft .wrapper .col1 .paddingBox {padding:0 0 20px 15px; }
.gridTwoLeft .wrapper .col2 .paddingBox {padding:0 20px 0 20px;}
/************************
HEADER
************************/
#logo-home {position:absolute; display:block; width:142px; height:142px; top:600px; left:710px; z-index:10;}
#logo {position:absolute; display:block; width:234px; height:212px; top:25px; left:720px; z-index:11; overflow:hidden;}
#logo a {display:block; position:relative;width:100%; height:100%; background:url(../images/transform-logo-back.png) no-repeat;}
#logo img {margin-top:44px; margin-left:50px;}
#header-vis {position:absolute; left:0; right:0; width:100%; height:120px; background:#ddf2fc;}
#header-image {height:221px; width:840px; left:0px; top:0; background:#45C0EB url(../images/header-default.jpg) no-repeat;}
#header-image-left {position:absolute; overflow:hidden; z-index:9; left:0; top:0; width:232px; height:221px; background:url(../images/header-image-left.png) no-repeat;}
#header-image-right {position:absolute; overflow:hidden; z-index:9; right:0; top:0; width:232px; height:221px; background:url(../images/header-image-right.png) no-repeat;}
#header-image-bottom {position:absolute; height:130px; width:980px; left:0; bottom:0; background:url(../images/header-image-bottom.png) no-repeat;z-index:10;}
/************************
NAVIGATION - HOME
************************/
#navigation-home {overflow:hidden; position:absolute; top:300px; left:0;width:480px; height:440px;}
#navigation-home #mainnav-home {list-style:none; margin:0; padding:0; }
#navigation-home #mainnav-home li {position:absolute; display:block; width:260px; height:100px;}
#navigation-home #mainnav-home a {font-size:1.3em; color:#656565; text-decoration:none; width:140px; height:100px; line-height:100px; display:block; background:url(../images/home-nav.jpg) no-repeat; padding-right:120px; text-align:right; overflow:hidden;}
#navigation-home #mainnav-home a:hover, #navigation-home #mainnav a:focus {color:#41c0eb; text-decoration:none; font-weight:bold;}
#navigation-home #mainnav-home #home-one {top:0;right:0;}
#navigation-home #mainnav-home #home-two {top:100px;left:118px;}
#navigation-home #mainnav-home #home-three {top:210px;left:40px;}
#navigation-home #mainnav-home #home-four {bottom:0;left:0;}
#navigation-home #mainnav-home #home-one a {background-position:160px 0px;}
#navigation-home #mainnav-home #home-two a {background-position:160px -200px;}
#navigation-home #mainnav-home #home-three a {background-position:160px -400px;}
#navigation-home #mainnav-home #home-four a {background-position:160px -600px;}
#navigation-home #mainnav-home #home-one a:hover {background-position:160px -100px;}
#navigation-home #mainnav-home #home-two a:hover {background-position:160px -300px;}
#navigation-home #mainnav-home #home-three a:hover {background-position:160px -500px;}
#navigation-home #mainnav-home #home-four a:hover {background-position:160px -700px;}
/************************
NAVIGATION - PAGES
************************/
#mainnav, #mainnav .dropnav {padding: 0; margin: 0; list-style: none; line-height: 1;} /* all lists */
#mainnav {}
/* Main level links styles*/
#mainnav li {display:block; line-height:1.6em; }
#mainnav li a {display: block; text-decoration:none; padding:0.4em 10px 0.2em 10px; font-weight:bold; border-bottom:#c8c8c8 1px solid; color:#656565;}
#mainnav li a:focus, #mainnav li a:active, #mainnav li a:hover, #mainnav li.current a, #mainnav li.section a, #mainnav li.current, #mainnav li.section {color:#45c0eb; background-color:#ddf2fc;}
#mainnav li.current ul a, #mainnav li.section ul a {color:#656565}
/* Dropped links styles*/
#mainnav li .dropnav li {text-transform:none; }
#mainnav li .dropnav li a {display: block; text-decoration:none; padding:0.4em 10px 0.2em 25px; background:#fff;}
#mainnav li .dropnav li a:hover, #mainnav li .dropnav li a:active, #mainnav li .dropnav li a:focus, #mainnav li .dropnav li.current a, #mainnav li .dropnav li.section a, #mainnav li .dropnav li.current, #mainnav li .dropnav li.section {color:#45c0eb; background-color:#fff;}
#nav-vis {position:absolute; width:234px; height:100%; top:0; left:0; border-right:1px solid #c8c8c8; }
/************************
CONTENT
************************/
#content-home {top:50px; left:10px; width:440px; font-size:1.15em; line-height:1.45;}
#content-home h1 {height:36px; width:341px; overflow:hidden; display:block; background:url(../images/home-heading.png) no-repeat;}
/************************
EXTRA
************************/
#extra #extra-top {position:absolute; right:10px; width:124px; height:28px; background:url(../images/extra-top.png) no-repeat;}
#extra #extra-inner {margin:40px 10px 20px 0; }
#contact {color:#b4b4b4; position:absolute; bottom:0; width:200px; right:10px;}
#contact p.last {margin:0;}
/************************
FOOTER
************************/
#footer {margin-bottom:100px;}
/************************
HOME
************************/
#kids {width:510px; height:322px; position:absolute; right:0; top:0; background:url(../images/transform-kids.jpg) no-repeat;}
#rainbow-top {width:725px; height:42px; position:absolute; left:190px; top:280px; background:url(../images/transform-rainbow-top.png) no-repeat;}
#rainbow {width:725px; height:504px; position:absolute; left:190px; top:322px; background:url(../images/transform-rainbow.jpg) no-repeat;}
/************************
Framed Images
************************/
#frame-gallery {}
#frame-gallery .framed-image {float:left; width:234px; }
#frame-gallery .framed-image img {margin:16px 0 0 21px; }
#frame-gallery .framed-image .framed-image-over {width:234px; height:213px; position:absolute; top:0; left:0; background:url(../images/frames-stich.png) no-repeat;}
#frame-gallery .framed-image .framed-image-caption {margin:28px 20px 0 20px; text-align:center; line-height:1.2;}
#frame-gallery .one .framed-image-over {}
#frame-gallery .two .framed-image-over {background-position:-234px 0px;}
#frame-gallery .three .framed-image-over {background-position:-468px 0px;}
#frame-gallery.right {float:right; margin-top:-2em;}
#frame-gallery.right .framed-image {float:none;}
#frame-gallery.square {float:right; margin-top:-2em;}
#frame-gallery.square .framed-image {float:none;}
#frame-gallery.square .framed-image img {margin:19px 0 0 19px; }
#frame-gallery.square .framed-image .framed-image-over {width:234px; height:253px; position:absolute; top:0; left:0; background:url(../images/frame-square.png) no-repeat;}
/************************
GALLERY PAGES
************************/
#gallery {width:676px; background:url(../images/highlight-box.png) repeat-y; overflow:hidden; margin-left:30px;}
.high-box-top {height:50px; width:676px;background:url(../images/highlight-box.png) no-repeat -676px 0px; overflow:hidden;}
.high-box-bottom {height:33px; width:676px; background:url(../images/highlight-box.png) no-repeat -676px -50px; overflow:hidden;}
#gallery-inner {padding:10px 57px 10px 62px;}
#gallery .gallery-image {float:left; width:110px; height:110px;}
#gallery .gallery-image a {float:left; padding:5px; background:#fff; width:100px; height:100px;}
#gallery .gallery-image a:hover, #gallery .gallery-image .current {background:#a2dff5;}
#gallery-preview {text-align:center; margin-bottom:30px;}
#gallery-preview.sq {margin:0;}
#gallery-preview.sq img {margin:0 0 10px 0;}
.opacity {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} /* This line won't validate. We're okay with that. */
#spec-loading {position:absolute; top:280px; left:50%; margin-left:-75px; width:150px; height:70px; background:url(../images/loading-back.png) repeat; display:none; z-index:200;}
#spec-loading p {text-align:center; color:#000; text-transform:uppercase; background:url(../images/loading.gif) no-repeat 59px 10px; margin:0; padding:50px 0 0;}
* html #spec-loading {background:none; background:#fff;}
/************************
SEARCH FORM AND PAGE
************************/
#SearchForm_SearchForm {} /* form element */
#SearchForm_SearchForm fieldset {border:none; padding:0; margin:20px;}
#Search {width:300px;} /* div containing box */
#SearchForm_SearchForm_Search {float:left; padding:5px 0 0 5px; margin:8px 0; width:250px; height:20px; border:#45c0eb 1px solid; font-size:0.9em; line-height:20px; color:#45c0eb; font-weight:bold; } /* input box */
#SearchForm_SearchForm_action_results {float:left; font-size:0.90em; border:#45c0eb 1px solid; height:27px; cursor:pointer; margin:8px; background:#45c0eb; color:#fff;font-weight:bold; } /* go button */
#SearchForm_SearchForm_Search:focus {background:#fefef4; }
#search_results {list-style:none; padding:0; margin:0;}
#search_results li {margin:15px 0 0 0; border-bottom:1px dashed #bbbbbb;}
#search_results li p {color:#8b8b8a; margin-left:20px;}
#search_results a {font-weight:bold;}
#search_results .search_parent {font-weight:normal;}
#report-nav dd, #report-nav dt {list-style:none; display:block; float:left; margin:0; line-height:2.5em; }
#report-nav dt {margin-right:5px;padding:0 0 0 10px; }
#report-nav {border:1px solid #D9D9D9; margin:20px 0; overflow:hidden;}
#report-nav a:hover {}
#report-nav a, #report-nav .disabled, #report-nav .selected {display:block;line-height:2.5em;padding:0 5px;}
#report-nav .selected {background:#ddf2fc;}
#report-nav .disabled {color:#8B8B8A;}
#PageNumbers {margin:20px 0; padding:10px; background:#E8E8E8; }
.search-current {background:#D9D9D9; padding:3px 3px 0 3px; }
#search-caption {color:#464646; font-weight:normal;}
/************************
* Centres overview
***********************/
#container #centre-start {width:676px; background:url(../images/highlight-box.png) repeat-y; overflow:hidden; margin-left:30px;}
#container .centre-list {display:block; position:relative; float:left; text-align:center; text-decoration:none; margin:0 5px 5px 0; width:180px;}
#container .centre-list h3 {margin:0; }
#container .centre-list h3 a.non {color:#a0d6e9;}
#container .centre-list h3 a {display:block; padding:5px; background:#ddf2fc;text-decoration:none;position:relative;}
#container .centre-list img {padding:0 5px 5px 5px; background:#ddf2fc;}
#container .centre-list a:hover img {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}/* This line won't validate. We're okay with that. */
/************************
* Contact Us
***********************/
#Form_Form fieldset {border:none; margin:0; padding:0}
#Form_Form input, #Form_Form textarea {border:#45c0eb 1px solid; margin-right:10px;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#45c0eb; font-weight:bold; padding:3px; width:378px;}
#Form_Form div.field {clear:left; margin-bottom:10px;}
#Form_Form label {float:left; display:block; width:160px; text-align:right; padding-right:10px; font-weight:bold;}
#Form_Form #honeypot {display:none;} /* hides spam protection field */
/* Required */
#Form_Form span.required, #Form_Form span.message {background:#FBD9D9;border:1px solid #E60000;color:#E60000;display:block;line-height:1.1em;padding:3px;position:absolute;right:160px;text-align:center;top:-0.5em;width:200px;}
/* Action */
#Form_Form .Actions {margin:10px 168px 10px 55px; padding:0; border:0; text-align:right}
#Form_Form .Actions input {color:#fff; background:#45c0eb; border:#45c0eb 1px solid; font-size:0.95em; height:25px; text-align:center; font-weight:bold; cursor:pointer; width:100px; }
/************************
LOGIN
************************/
/*
#MemberLoginForm_LoginForm {border:#45c0eb 1px solid; padding:20px; margin:20px; }
#MemberLoginForm_LoginForm fieldset {border:none;}
#MemberLoginForm_LoginForm .middleColumn {display:block; position:absolute; left:100px; top:0; }
#MemberLoginForm_LoginForm .field {min-height:30px;}
#MemberLoginForm_LoginForm label {color:#45c0eb;}
#MemberLoginForm_LoginForm input.checkbox {border:none;}
#MemberLoginForm_LoginForm input {border:#45c0eb 1px solid; margin-right:10px;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#45c0eb; font-weight:bold; padding:3px; width:200px;}
#MemberLoginForm_LoginForm #Remember {margin-left:100px;color:#45c0eb; }
#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember {border:#45c0eb 1px solid;}
#MemberLoginForm_LoginForm .Actions {margin-left:110px;}
#MemberLoginForm_LoginForm .Actions input {color:#fff; background:#45c0eb; border:#45c0eb 1px solid; font-size:0.95em; height:25px; text-align:center; font-weight:bold; cursor:pointer; width:100px; }
#ForgotPassword {}
*/
#MemberLoginForm_LoginForm input.checkbox {border:none;}
#MemberLoginForm_LoginForm #Remember {margin-left:170px;color:#45c0eb; overflow:hidden;}
#MemberLoginForm_LoginForm #Remember input {margin-left:0; float:left; width:auto;}
#MemberLoginForm_LoginForm #Remember label {width:auto; margin-top:2px; }
#MemberLoginForm_LoginForm #ForgotPassword {position:absolute; line-height:27px; height:25px; top:0; right:130px; padding:0 10px; background:#ddf2fc; text-decoration:none; font-weight:bold;}
#MemberLoginForm_LoginForm #ForgotPassword a {text-decoration:none;}
#MemberLoginForm_LoginForm fieldset {border:none; margin:0; padding:0}
#MemberLoginForm_LoginForm input, #Form_Form textarea {border:#45c0eb 1px solid; margin-right:10px;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#45c0eb; font-weight:bold; padding:3px; width:378px;}
#MemberLoginForm_LoginForm div.field {clear:left; margin-bottom:10px;}
#MemberLoginForm_LoginForm label {float:left; display:block; width:160px; text-align:right; padding-right:10px; font-weight:bold;}
/* Required */
#MemberLoginForm_LoginForm span.required, #Form_Form span.message {background:#FBD9D9;border:1px solid #E60000;color:#E60000;display:block;line-height:1.1em;padding:3px;position:absolute;right:160px;text-align:center;top:-0.5em;width:200px;}
/* Action */
#MemberLoginForm_LoginForm .Actions {margin:10px 168px 10px 55px; padding:0; border:0; text-align:right}
#MemberLoginForm_LoginForm .Actions input {color:#fff; background:#45c0eb; border:#45c0eb 1px solid; font-size:0.95em; height:25px; text-align:center; font-weight:bold; cursor:pointer; width:100px; }
/************************
* GIFT CATALOGUE
***********************/
/* step indicator */
#container .stepIndicator {border:1px solid #dedede; height:3em; list-style-type:none;padding:0;margin:30px 0 10px 0;}
#container .stepIndicator li {float:left;line-height:3em;padding:0 2.5em 0 2em;color:#777; list-style-type:none;margin:0;background:url(../images/gift-crumbs.png) no-repeat right center;}
#container .stepIndicator li.current {color:#45c0eb; font-weight:bold;}
#container .stepIndicator li a:link, .stepIndicator li a:visited {color:#777;}
#container .stepIndicator li a:hover, .stepIndicator li a:focus {color:#45c0eb;}
/* choose form */
#GiftMultiForm_GiftMultiForm {width:676px; background:url(../images/highlight-box.png) repeat-y; overflow:hidden; margin:0 0 0 30px;}
#GiftMultiForm_GiftMultiForm fieldset {margin:10px 45px 10px 55px; padding:0; border:0;}
#GiftMultiForm_GiftMultiForm .Actions {margin:10px 65px 10px 55px; padding:0; border:0; text-align:right}
#GiftMultiForm_GiftMultiForm #GiftMultiForm_GiftMultiForm_action_next {margin-right:-14px; } /* first page align next button with gifts */
#GiftMultiForm_GiftMultiForm .Actions input {color:#fff; background:#45c0eb; border:#45c0eb 1px solid; font-size:0.95em; height:25px; text-align:center; font-weight:bold; cursor:pointer; width:100px; }
#GiftMultiForm_GiftMultiForm .Actions #GiftMultiForm_GiftMultiForm_action_prev {background:#a2dff5;border-color:#a2dff5;margin-right:10px }
#gift-bottom, #gift-top {margin-left:30px;}
#GiftMultiForm_GiftMultiForm_gifts, #GiftMultiForm_GiftMultiForm_gifts li {list-style:none; padding:0; margin:0;}
#GiftMultiForm_GiftMultiForm_gifts input {display:none;}
#GiftMultiForm_GiftMultiForm_gifts li {float:left; width:100px; height:140px; display:block; position:relative; border:5px #fff solid; margin:0 5px 5px 0;}
#GiftMultiForm_GiftMultiForm_gifts li:hover {border:5px solid #a2dff5;}
#GiftMultiForm_GiftMultiForm_gifts li.checked {background:#ddf2fc; border:5px solid #ddf2fc; }
#GiftMultiForm_GiftMultiForm_gifts li:hover, #GiftMultiForm_GiftMultiForm_gifts li:hover img, #GiftMultiForm_GiftMultiForm_gifts li:hover label {cursor:pointer;}
#GiftMultiForm_GiftMultiForm_gifts li img {position:absolute; display:block; bottom:0;}
#GiftMultiForm_GiftMultiForm_gifts li .gift-name {display:block;text-align:center; height:2.1em; overflow:hidden; font-weight:bold; }
#GiftMultiForm_GiftMultiForm_gifts li .gift-price {display:block;text-align:center;}
/* Required */
#GiftMultiForm_GiftMultiForm span.required {background:#FBD9D9;border:1px solid #E60000;color:#E60000;display:block;line-height:1.1em;padding:3px;position:absolute;right:0;text-align:center;top:-0.5em;width:200px;}
/* Labels */
#gifts label {color:#45c0eb; line-height:1.3em; font-size:1.3em; margin:0 0 10px 0; display:block;}
#gifts #GiftMultiForm_GiftMultiForm_gifts label {color:#656565; line-height:1.0em; font-size:1.0em; margin:0;}
#gifts #GiftMultiForm_GiftMultiForm_gifts li.checked label {color:#45c0eb;}
/* show selected gifts on last page */
#selected-gifts {background:#ddf2fc; margin:0 20px 10px; padding:10px 20px; }
#GiftMultiForm_GiftMultiForm span {display:block}
#GiftMultiForm_GiftMultiForm .selected-gift {line-height:2em; height:2em; clear:left;}
#GiftMultiForm_GiftMultiForm .selected-gift-name {width:250px; float:left;}
#GiftMultiForm_GiftMultiForm .selected-gift-price {position:relative; float:left; width:70px; text-align:right;}
#GiftMultiForm_GiftMultiForm .selected-gift-total-title {font-weight:bold; text-transform:uppercase;margin:10px 0 0 0;width:250px; float:left;}
#GiftMultiForm_GiftMultiForm .selected-gift-total {position:relative; float:left; bottom:0;font-weight:bold; width:70px; text-align:right; border-top:1px solid #656565;border-bottom:2px solid #656565;margin:10px 0 0 0;}
#GiftMultiForm_GiftMultiForm .dollar {position:absolute; left:0;}
/* last page form layout */
#GiftMultiForm_GiftMultiForm #paymentMethod, #GiftMultiForm_GiftMultiForm #paymentMethod li {margin:0;padding:0; list-style:none;}
#GiftMultiForm_GiftMultiForm div.optionset #GiftMultiForm_GiftMultiForm_paymentMethod input {float:none; width:auto; }
#GiftMultiForm_GiftMultiForm div.optionset #GiftMultiForm_GiftMultiForm_paymentMethod label {float:none; width:auto; text-align:left; padding-right:0; display:inline; font-weight:bold; color:#45c0eb;}
#GiftMultiForm_GiftMultiForm input.text {border:#45c0eb 1px solid; margin-right:10px;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#45c0eb; font-weight:bold; padding:3px; width:378px;}
#GiftMultiForm_GiftMultiForm div.text, #GiftMultiForm_GiftMultiForm div#paymentMethod, #GiftMultiForm_GiftMultiForm div.currencyfield_disabled {clear:left; margin-bottom:10px;}
#GiftMultiForm_GiftMultiForm div.text middleColumn,#GiftMultiForm_GiftMultiForm div#paymentMethod middleColumn, #GiftMultiForm_GiftMultiForm div.currencyfield_disabled middleColumn {float:left;}
#GiftMultiForm_GiftMultiForm div.text label, #GiftMultiForm_GiftMultiForm div#paymentMethod label, #GiftMultiForm_GiftMultiForm div.currencyfield_disabled label {float:left; display:block; width:160px; text-align:right; padding-right:10px; font-weight:bold;}
#GiftMultiForm_GiftMultiForm .currencyfield_disabled input {border-color:#656565; color:#656565; background:#fff;}
#GiftMultiForm_GiftMultiForm .small {line-height:1.1em; font-size:0.95em; font-weight:normal;}