@charset "UTF-8";
/* CSS Document for Schweppes Abbey Well - 32rd Nov 09 */


body { 
	background-color:#ffd203;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

div.floatHolder {
	position: relative;
	z-index: 10;
	height: auto !important;
	height: 1%;
}

a.parthidden:focus {
	left: 10px;
	width: auto;
	color: #000000;
	overflow:visible;
}

div.floatHolder:after {
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}

.hidden, a.parthidden {
	position: absolute;
	left: -100000px;
	width: 1px; 
	height: 1px;
	overflow: hidden;
}

p, td { font-size: 0.75em; color:#737373; }
h1 { font-style: italic; font-family: Century Schoolbook, Grad, Benton Modern, Palatino, Book Antiqua, Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 3.2em; color: #025597; letter-spacing: -2.5pt; margin-top: 0em; margin-bottom:0em; line-height: 1em;  }
h2 { color:#0489bd; font-size:1em; font-weight:normal; margin:0 0 15px; }
h3 { font-size: 1.3em; font-weight: bold; font-style: italic; color: #025597; font-family: Gill Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:0; }

a:hover, a:focus {
	color: #C77405;
}

/* Home page */

#nav {
background:#1E62BB url(/images/home/nav_center.gif) repeat-x scroll 0 0;
left:200px;
padding:5px;
position:absolute;
text-align:center;
top:15px;
height: auto !important;
height: 20px;
min-height:20px;
color:#ffffff;
font-family: Gill Sans, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

#nav p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #ffffff;
	position: relative;
}

#nav a {
	margin-left: 10px;
	margin-right: 10px;
}

#nav span.left { background:url(/images/home/nav_left.gif) no-repeat; position: absolute; left: 0px; width:14px; height:30px; top: 0px; }
#nav span.right { background:url(/images/home/nav_right.gif) no-repeat; position: absolute; right: 0px; width:14px; height:30px; top: 0px;  }

#nav a{ color:#ffffff; text-decoration: none;}



#mainPage {
height:616px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-bottom:45px;
padding-left:0px;
padding-right:0px;
padding-top:45px;
width:992px;
}

#mainContent {
background:url(/images/home/bg_home_grad.gif) repeat-x top left #dff6ff;
border:1px solid #bbb370;
padding: 5px;
float:left;
}

#home_content {
position:relative;
}

#step_one, #step_two, #step_three, #main {
float: left;
margin:5px;
}

#main {
margin:0 auto 70px;
position:relative;
text-align:left;
top:60px;
}

#step_one {
background-color: #effbff;
width: 107px; 
border: 1px solid #99e2ff;
padding: 15px;
text-align:left;
position: relative;
height:435px;
height: auto !important;
min-height:435px;
}

#step_two {
background-color: #ffffff;
width:624px; 
border: 1px solid #48c9fb;
padding: 15px;
text-align:left;
height:435px;
min-height:435px;
position: relative;
}

#step_three {
background-color: #effbff;
border: 1px solid #99e2ff;
width: 123px; 
text-align:left;
padding:15px;
margin-bottom:69px;
position: relative;
}

#step_three img {
bottom:-61px;
display:block;
left:17px;
position:absolute;
}

#step_one div.height {
height:265px;
width:100px;
}

#step_three div.height {
height:74px;
width:90px;
}

#cap {
width: 125px;
text-align:left;
float: right;
margin:0 10px 10px;
position:relative;
}

#cap h3 {
color:#005192;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:15px;
font-style:italic;
font-weight:normal;
text-shadow:1px 1px 1px #CCCCCC;
width: 125px;
height: 60px;
overflow:hidden;
}

#cap .bold {
font-weight: bold;
font-style:normal;
}

#main h1.title span.gill {
font-style: normal;
font-weight: normal;
font-family: Gill Sans, Arial, Helvetica, sans-serif;
}

#bottles {
bottom:-34px;
left:-35px;
position:absolute;
margin-bottom: -41px;
}

#bottleHolder {
	position: relative;
	height: 319px;
	width: 100px;
	margin-bottom: -42px;
	top: -34px;
}

#logo span.imageReplace {
height:178px;
width:161px;
left:-14px;
top:-22px;
}
#logo {
height:178px;
left:-17px;
position:absolute;
top:-83px;
width:161px;
overflow:hidden;
}

#logo p {
position: relative;
left:14px;
top: 10px;
}

#logo_2012 span.imageReplace {
background-image:url(/images/home/2012_logo.gif);
height:113px;
width:71px;
}

#logo_2012{
height:113px;
position:absolute;
right:-1px;
top:-59px;
width:71px;
overflow: hidden;
}

#main h1.title {
height: 73px;
width: 400px;
overflow: hidden;
}

#main h1.title span.imageReplace {
background-image:url(/images/home/title.gif);
height:73px;
width:400px;
}

#cap h3 span.imageReplace {
background-image:url(/images/home/pools500.gif);
height:60px;
width:125px;
}

.imageReplace {
background-position:left top;
background-repeat:no-repeat;
display:block;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
z-index:2;
}

#footer {
	margin-bottom:-31px;
padding-right:7px;
position:relative;
text-align:right;
top:-31px;
width:973px;
z-index:1000;

}

#footer a {
	color: #025597; text-decoration: underline;
}

#main .title {
	position: relative;
	left: 200px;
	margin-right:200px;
}

#faqs h2 {

font-size: 2em;
margin-top: 15px;
width: 100%;
border-bottom: 1px solid #CCCCCC;

}

#faqs h3 {
	margin-bottom: 6px;
	margin-top: 25px;
}

#privacy h2 {
	margin-top: 15px;
	margin-bottom: 8px;
}

.noAjax #howContent {
	width: 500px;
}

#howContent {
	width:350px;
	min-height: 530px;
	height: auto !important;
	height: 530px;
}

#howContent h2 {
	font-size: 1.4em;
}

#flashMap {
position:absolute;
right:30px;
top:10px;
width:350px;
z-index:5000;
display: block;
}

div#flashMap {
	background: no-repeat top left url('/images/map.jpg');
	height: 536px;
}

ol li, ul li {
	margin-bottom: 10px;
	font-weight: bold;
	color: #0489bd;
	font-size: 0.75em;
}

ul li {
	color: #025597;
}

ol {
padding-left: 20px; 
}

ol li p, ul li p {
	font-weight: normal;
	color: #737373;
	font-size: 1em;
}



/* Ajax panels */



/* Custom styles to append the jQuery UI widgets */
.ui-widget-overlay { background: #ffffff; opacity: .85;filter:Alpha(Opacity=85); }
.ui-widget { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-size:1em; }
.ui-widget-content { background: #ffffff; }
.ui-widget-header { background:none; }
.ui-dialog-titlebar-close { background-color: #ff9900;}
.ui-dialog .ui-dialog-titlebar { border:medium none;
margin-bottom:-12px;
padding:0 5px 0 0;
position:relative;
top:-15px;
width:100%; }
.ui-icon { display: inline; }
.ui-state-hover { background:none; font-weight: normal; border: none; }
#nav a.ui-state-hover {  color:#FFD203;  }
#footer a.ui-state-hover {  color:#000000;  }

#nav a:hover {  color:#FFD203;  }
#footer a:hover {  color:#000000;  }

#nav a:focus {  color:#FFD203;  }

#nav a:active {  color:#FFD203;  }
#footer a:focus {  color:#000000;  }

#footer a:active  {  color:#000000;  }

.ui-dialog .ui-dialog-content { overflow: auto; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; }
.ui-corner-tr { -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; }
.ui-corner-br { -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; }
.ui-corner-top { -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; }
.ui-corner-right {  -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; }
.ui-corner-left { -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; }
.ui-corner-all { -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.ui-corner-small { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.ui-corner-ajax { -moz-border-radius: 20px; }


.ui-dialog { background:#fffffe url(/images/bg_dialog.gif) repeat-x scroll; padding:20px 12px; border:5px solid #FFD203; overflow:auto; }