/* Craft001_v2 */
/* Master CSS */
* { margin:0; padding:0; text-align: left; }
body{text-align:center;}

/* yibbler hack */
@media print{ }

/* basic page stuff */
html { height: 100%; }
body{ background: repeat-x center top; font-size: 75%; color:#433528; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; height: 100%; }
#wrapper{ width:940px; margin:0px auto; } 
#page{ width:940px; position:relative;}

.skinBg { }

/* Header */
#header{ margin:0; width:940px; position:relative; height: 530px;}
.internal #header { height: 380px; }
#header .sitemenu { position:absolute; top: 198px; left: 335px; z-index: 1;}
.sitemenu ul {list-style-type: none; margin: 0;}
#header .sitemenu ul li {float: left; position: relative; overflow: visible; background: url('../../../common-file-library/Pink/en/gfx/blank.gif'); }
#header .sitemenu ul li a { display: block; color:#4b3d30; padding: 10px 12px; text-decoration:none; font-weight: bold; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 11px;  }
#header .sitemenu ul li a:hover {color: #15796f;}
#header .sitemenu ul li.current a { color: #15796f; } 

/* submenus */
#header .sitemenu ul li ul { display: none; background: #F5CCD0; box-shadow: 2px 0 3px #333; position: absolute; top: 32px; left: 0px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }
#header .sitemenu ul li ul li.first { display: none; }
#header .sitemenu ul li ul li { display: list-item; float: none; padding: 10px 30px 8px 10px;}
#header .sitemenu ul li ul li a {  white-space: nowrap; }

/* content setup */
#content{ margin:0; width:940px; float: left; position: relative; padding-bottom: 30px; }
/*.internal #content { z-index: -1; }*/

h1, h2 { font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; line-height: 30px; font-weight: normal;}
h2 { font-size: 22px; color:#433528; }
.intro h1 {font-size: 30px; color: #fff; }
/*.internal h2 {color: #278b81;}*/

#content a{ color: #14786e; font-size: 1em; text-decoration:underline; font-weight:normal; outline: 0; }
#content a:hover{ text-decoration:none; }
#content a img{border: none;}

p, ul, ol { font-size: 12px; line-height: 22px; }
cite {font-size: 1.16em; font-family: Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif; font-style: normal;}
a {outline: 0;}
a img {border: 0;}
#subContent { width: 690px; float: right; position: relative; }
#pageTopImage { width: 940px; display: none; }

/* Stacks */
.stack{ margin: 40px 0 0 20px; float:left; width:940px; clear: left; }
.internal .stack { margin-top: 20px; margin-left: 40px; }
.home .stack { margin-left: 0px; }

	.stack p, .stack h1, .stack h2, .stack ul, .stack ol { margin: 5px 0 10px 0; padding: 0 20px;}
		
	/* .column { background: #badb01; }  testing colour */
	
	.left{ margin-left:20px; float:left; }
	.internalBody .left { margin-left: 10px; }
	.internalBody .right { margin-right: 30px; }
	.between{ margin-left:20px; float:left; }
	.right{ margin-right:20px; float:right; }
	.left h1, .left h2, .between h2, .right h2 { margin: 20px 0 12px 0; padding: 0 20px;}
	.left img, .left img, .between img, .right img {margin-left: 20px;}
	
	.oneFifth{width:164px;}
	.twoFifths{width:348px;}
	.twoThirds{width:593px;}
	.third{width:286px;}
	.half{width:440px;}
	.quarter{width:210px;}
	.threeQuarters{ width: 670px; }

	.wideImage{}
	.bgWideImage{}
	.fullWidth{ margin:0; width:940px; }

.substack { margin: 0 0 10px 0; float: left; }
	.substack p, .substack h1, .substack h2, .substack ul, .substack a{ margin: 5px 5px 10px 5px; }
	.substack .left { margin: 0 20px 0 0; }
	.substack .between { margin: 0 20px 0 0; }
	.substack .right { margin: 0 20px 0 0; float: right; }
	.subWide { width: 670px; }
	.leftSplit{ width: 325px; }
	.rightSplit{ width: 325px; }

/* intro column styles */
.intro { position: absolute; z-index: auto; width: 910px; margin: 0 0 0 30px; }
.intro img {float: left; margin: 0; }
.intro h1 {float: left; margin: 115px 0 0 0; width: 573px; padding: 0 0 0 10px; line-height: 40px; }
.internal .intro h1 { padding: 0 0 0 45px; width: 565px; }
.intro p { float: left; width: 573px; font-size: 15px; color: #fff; padding: 0 0 0 10px; margin: 20px 0 0 0;}
.intro {top: 150px; left: 0;} 

/* feature styles */
.feature { margin: 0;}
.homeBody .feature {float: right; padding: 20px 20px; background: #fdfdfd; border: 1px solid  #dedede; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; bottom: 80px; left: 0; min-height: 470px; width: 266px;}
.feature h2 {font-size: 18px; margin: 0 0 15px 0; color: #278b81;}
.feature p { font-family: Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif; }

.internalBody .feature { border-bottom: dotted 1px #6fc4bb; border-top: dotted 1px #6fc4bb; float: left; padding: 0px 20px; margin: 80px 20px 0 0; width: 246px;}
.internalBody .feature img { margin-bottom: 20px; }
.internalBody .feature h2 { padding: 0px; margin: 13px 0 0 0;}
.internalBody .feature p { padding: 0px; margin: 13px 0 20px 0; font-size: 14px; font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;}
/* .internalBody .feature p a { font-size: 0.9em; display: block; margin: 25px 0 18px 0;} */

.feature a {color: #278b81; font-weight: bold; text-decoration: none;}
.feature a:hover {	text-decoration: underline;	}
.contactDetails {margin-top: 60px;}
.contactDetails img {margin-top: 55px;}

/* gallery */
img[lang="gallery"]{ padding: 0 0 20px; }

/* call to action */
address {
    border-bottom: 1px dotted #278B81;
    border-top: 1px dotted #278B81;
    color: #278B81;
    font-family: Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    margin: 44px 20px 0px;
    padding: 22px 0;
    text-align: center;
}

address big {
    color: #685C53;
    font-size: 26px;
	font-weight: bold;
}
.feature address { margin: 14px 20px 0; }

/* contact info box */
#contact { display: none; }
#contactInfo { display: none; }	
.contactInfo { float:left; margin: 20px 20px 20px 40px;}
.contactInfo h2 { color: #fdfdfd; font-size: 1.1em;  font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: bold; }
.contactInfo p { color: #fdfdfd; font-size: 0.9em; }

/* sitemap */
#sitemapBox { z-index:100; display: none; position: absolute; width: 400px; height: auto; border: 1px solid #333; background: #fdfdfd; padding: 20px; -moz-border-radius: 10px; font-family: arial, helvetica, sans-serif; font-size: 12px;}
#sitemapBox h3 { margin: 0 0 15px 10px;text-align:left; font-size:10px; line-height:10px; text-transform:uppercase;font-weight:bold; }
#sitemapBox #nav { list-style: decimal inside; border: 1px solid #eee; padding:20px;-moz-border-radius: 10px; }
#sitemapBox #nav li { margin: 0px 0px 10px; }
#sitemapBox #nav li ul { list-style:disc inside; margin: 10px 0px 0px 20px; }
#sitemapBox #nav li ul li.first { display: none; }
#sitemapBox #nav li a, #sitemapBox #nav li ul li a { text-decoration: none; color: #222; text-transform: uppercase; }
#sitemapBox #nav li a:hover, #sitemapBox #nav li ul li a:hover { text-decoration: underline; }

/* contact form */
#content p.legal { padding: 22px 20px 12px; }

#contactform {margin: 0px; padding: 10px; width: 370px; overflow: hidden;}

.half #contactform {width: 420px;}
.third #contactform {width: 266px;}
.quarter #contactform {width: 190px;}

#contactform div.mandatory {padding: 0px; margin: 0px 0px 10px; font-size: 0.8em; text-align: right; color: #f5f5f5; background: none;}
#contactform h2 {text-align: center; color: #143bff;}

#contactform h3 {text-align: center; color: #cc3636;}
#contactform textarea{height: 100px;}
#contactform label {width: 95px; float: left; display: block; text-align: right; font-size: 1em;}

.half #contactform label {width: 85px;}
.third #contactform label {width: 70px;}
.quarter #contactform label {text-align: left; width: auto;}

#contactform input, #contactform textarea {border: solid 1px #53a3cd; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 0px 0 0px 5px; padding: 2px 4px; color: #000; font-size: 1.2em; background: #eff9ff; float: right;}
#contactform input, #contactform textarea { width: 250px; _width: 240px;}

.half #contactform input, .half #contactform textarea { width: 300px; _width: 290px; }
.third #contactform input, .third #contactform textarea {width: 171px; _width: 161px; }
.quarter #contactform input, .quarter #contactform textarea {width: 175px;}

#contactform div { margin: 6px 0; float: left; }

.quarter #contactform  div { margin: 6px 0 10px; }
#contactform div.submitText, #contactform div.errorText  { display: none; }
#contactform  div.buttons{ text-align: right; margin: 0 10px 0 0; float: right; }

/* #contactform .buttons input[type="submit"] { background: #76B20A; color: #fff;} */
#contactform .buttons .submit { background: #aaaaaa; color: #fff;}
#contactform .buttons input{ width: auto; background: #aaaaaa; border:none; margin: 0 0 0 5px; color: #fff; cursor: pointer; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 0.9em; padding: 6px; text-transform: uppercase; font-weight: bold; text-align: center; float: none;}
#contactform .buttons input.disabled { background: #d2d2d2; border: solid 3px #d2d2d2; color: #bababa; cursor: auto; }


/* footer css */
#footerWrapper { clear:both; height:auto; min-width:940px; width:100%; background:#685c53; float: left;} 
#yellFooterWrapper { clear:both; height:auto; min-width:940px; width:100%; float: left;} 
#footer, #yellFooter { width:940px; background:transparent; height:auto; margin:0 auto;}
#footer { min-height: 160px; }
#yellFooter .yell{ float: left; padding: 0px; width: 100%; color: #fdfdfd; font-size: 0.9em; margin: 10px 0; }
#yellFooter .yell a { text-decoration:none; color:#fdfdfd; outline: 0; }
#yellFooter .yell a:hover { text-decoration: underline; }

#yellLinks { width: 940px; margin: 0 auto; font-size: 9px; line-height: 12px; padding: 10px 0px; }
.yellLinks, .yellDesign { text-decoration: none; margin: 0 15px;}
.yellDesign { margin: 0px; } .footerLeft { margin-left: 5px; } .footerRight { float: right; }
#yellLinks .copyright { margin-left: 40px; }


/* SHARE THIS V2*/
#footer .yell .addthis_default_style a { text-decoration: none; padding: 0 2px; }
.addthis_default_style { float: left; padding: 0 0 0 10px;}

/* Hide accessability and old-school table structure */
.content_pages_table{display:none;}
#accessibility { position: absolute; top: -200px; width:100px; height:50px; }
.stack ul, .stack ol { margin-left: 30px; }
.substack ul, .substack ol { margin-left: 30px; }


/* slideshow */
#bgSlideshow { position: absolute; margin: 0px; top: 150px; left: 30px; z-index: 2; width: 300px; }


/* lightbox */
.dimTheLights { background-color: #111; display: none; position: absolute; left: 0px; top: 0px; z-index: 3; }
.lightBox {
	z-index: 4;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 5px 5px 10px #000; -moz-box-shadow: 5px 5px 10px #000; -webkit-box-shadow: 5px 5px 10px #000;
	display: none;
	border: 1px solid #ddd;
	background-color: #fdfdfd;
	padding: 10px;
	behavior: url('../../../common-file-library/Pink/en/gfx/PIE.html');
}
.lightBoxIMGWrap { display: block; border: 0px solid #ddd; clear: both; margin: 0 0 10px 0; z-index: 4; }
#lightBoxIMG { }
.lightBoxCaption { font-size: 12px; margin: 0 0 5px 5px; float: left; z-index: 4; color: #000000; }
.lightBoxLoading {
	z-index: 4;
	background: url('../../../common-file-library/Pink/en/gfx/lightbox_v2_loading.gif') scroll center center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

.btnClose {
	background: url('../../../common-file-library2/Pearl/en/gfx/btnClose.png') scroll left top no-repeat;
	width: 28px;
	height: 28px;
	cursor: pointer;
	float: right;
	position: absolute;
	top: -14px;
	right: -14px;
}

.backward{
	position: absolute;
	width: 50%;
	top:10px;
	left: 10px;
	display: block;
	cursor:pointer;
	background: url('../../../common-file-library/Pink/en/gfx/lightbox_v2_transparent.png') scroll left top repeat;
}
.backward:hover{
	background: url('../../../common-file-library2/Pearl/en/gfx/btnBack.png') scroll left bottom no-repeat;
}

.forward{
	position: absolute;
	width: 50%;
	top:10px;
	right: 10px;
	display: block;
	cursor:pointer;
	background: url('../../../common-file-library/Pink/en/gfx/lightbox_v2_transparent.png') scroll left top repeat;
}
.forward:hover{
	background: url('../../../common-file-library2/Pearl/en/gfx/btnForward.png') scroll right bottom no-repeat;
}

/* Gallery */
#contentFull{ display:block; padding:20px 0 20px 30px; float: left; }
#contentFull .introText { margin-left: 345px; margin-bottom: 20px; padding-right: 30px; }
#content .galleryStack{ display:block; margin: 20px 0 0 0; float: left; }
#content .galleryStack .viewBig{ display:block; text-align:right; font-style:normal; font-size:10px; padding:1px 50px 15px 0; background:url('../../../common-file-library2/Pearl/en/gfx/icon-fullsize.png') no-repeat 865px 0px;}
#content .galleryStack .thumbnail{ display:block; text-decoration:none; width:auto; height:auto; margin:0px 20px 20px 0px; float:left; }
#content .galleryStack .thumbnail img{ border:0px; text-decoration:none; margin:0px; }
#content .galleryStack .thumbnail span{ display:block; font-size:10px; width:205px; float:left; margin:5px 0 0 0;}

.clear { clear: both; height: 0; }

/* Social Bookmarking */
#find { width: auto; height: 16px; float:right; }
#find p { font-size: 10px; line-height: 16px; }
.find_yell, .find_facebook, .find_google, .find_twitter { float: left; margin: 0 0 0 4px; width:16px; height:16px; display:none;}
.addthis_button_facebook_like { position:relative;top:5px;left:0px; }
.find_facebook, .find_twitter, .find_google, .find_yell { background: url('../../../common-file-library2/Pearl/en/gfx/social-bookmarking-icons.png') no-repeat; }
.find_yell { background-position: -64px 0; }
.find_facebook { background-position: 0 0; }
.find_twitter { background-position: -16px 0; }
.find_google { background-position: -80px 0; }
.find_yell:hover { background-position: -64px -16px; }
.find_facebook:hover { background-position: 0 -16px; }
.find_twitter:hover { background-position: -16px -16px; }
.find_google:hover { background-position: -80px -16px; }
#share p { font-size: 10px; line-height: 16px; }
.addthis_default_style .at300b, .addthis_default_style .at300m { padding: 0 0 0 4px; }
.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact { margin-right: 0px; }
.contactInfo { margin: 20px 0px 0px 40px; }
#share .contactInfo { margin-top: 30px; }