/* @override 
	http://localhost/bluereserve/css/style.css
	http://www.bluereserve.com/css/style.css
	http://buybottleless.com/css/style.css
*/

body {
	background-color: #ecf7f8;
}

#wrapper {
	margin: 0;
	padding: 0;
}

/* @group Header */

#header {
	width: 960px;
	margin: 0;
	padding: 50px 0;
}

#empty {
	min-width: 160px;
	min-height: 70px;
}

#logo {
	height: 70px;
	background: url(../images/logo.png) no-repeat;
	width: 410px;
}

#logo a {
	display: block;
	height: 70px;
	width: 410px;
}

#callUs {
	width: 320px;
	height: 70px;
	background: url(../images/callUs.png) no-repeat 75px;
	margin-left: 20px;
}
#callUs a {
	display: block;
	width: 320px;
	height: 70px;
}



/* @end */

#adStrip {
	width: 175px;
	height: 173px;
	background-image: url(../images/strip.png);
	top: 0;
	right: 0;
	float: right;
	position: absolute;
	z-index: 99;
}

#adStrip a {
	display: block;
	width: 175px;
	height: 173px;
}

/* @group Menu */

#menuBar {
	width: 960px;
	text-align: center;
	height:  44px;
	margin: 0;
	padding: 0;
}

#menuBar ul {
	margin: 0;
	paddign: 0;
	list-style: none;
}

#menuBar ul li {
	height: 44px;
	margin: 0;
	padding: 0 0 0 8px;
	
	background: url(../images/buttons/images/inactive_01.png) no-repeat left top;
	
	float: left;
}

#menuBar ul li:hover div, #menuBar ul a:hover div {
	visibility: visible;
}

#menuBar ul li a {
	height: 30px;
	font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue Ultra Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 100;
	color: #627c8e;
	overflow: hidden;

	display: block;
	background: #edf2f2 url(../images/buttons/images/inactive_04.png) no-repeat right top;
	text-decoration: none;
	padding: 10px 8px 4px 2px;
}

#menuBar ul .current {
	background: url(../images/buttons/images/active_01.png) no-repeat left top;

}

#menuBar ul .current a {
		background: url(../images/buttons/images/active_04.png) no-repeat right top;
}

#menuBar ul .current .pulldown ul a {
		background: url(../images/buttons/images/activepulldown-middle.png) no-repeat right top;
}


#pessentials {
	left: 400px;
}

#pservice {
	left: 65px;
}

#menuBar div {
	position: absolute;
	top: 43px;
	height: 34px;
	visibility:hidden;
	z-index: 100;
}

/*  hack for IE5.5 */
#menuBar ul ul {top:43px;t\op:43px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menuBar table {position:absolute; top:0; left:0; border-collapse:collapse;;}

#menuBar ul ul a {
	font-size: small;
	background: repeat-x;
	padding: 7px 5px 0 0;
}

.pulldown #first {
	background: url(../images/buttons/images/inactivepulldown-start.png) no-repeat;
	padding-left: 15px;
}

.pulldown #middle {
	background: url(../images/buttons/images/inactivepulldown-middle.png);
	height: 34px;
}

.pulldown #last {
	background: url(../images/buttons/images/inactivepulldown-end.png) no-repeat right top;
	padding-right: 10px;
}

.pulldown li {
	background: url(../images/buttons/images/inactivepulldown-middle.png) repeat-x;
	padding: 0 5px 0 0;
}

.current #first {
	background: url(../images/buttons/images/activepulldown-start.png) no-repeat;
}

.current #middle {
	background: url(../images/buttons/images/activepulldown-middle.png);
}

.current #last {
	background: url(../images/buttons/images/activepulldown-end.png) no-repeat right top;
}

.current li {
	background: url(../images/buttons/images/activepulldown-middle.png) repeat-x;
	padding: 0 5px 0 0;
}

/* @group Pulldown */

/* @end */

/* @group Buttons */

.extended {
	height: 35px;
}

#bhome {
	width: 90px;
	height: 34px;
}

#bservice {
	width: 104px;
	height: 34px;
}

#bcoolers {
	width: 106px;
	height: 34px;
}

#bbenefits {
	width: 168px;
	height: 34px;
}

#bessentials {
	width: 133px;
	height: 35px;
}

#bfaq {
	width: 54px;
	height: 34px;
}

#btrial {
	width: 119px;
	height: 34px;
}

#bcontact {
	width: 122px;
	height: 34px;
}




/* @end */


/* @end */

/* @group Content */

/* @group Blog */

/* @group Blog Ticker */
#feed {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 958px;
	height: 20px;
	margin-left: auto;
	marign-right: auto;
	padding: 0;
	overflow: hidden;
	background: rgba(201,250,65,0.37) repeat-x;
}

#feed strong {
	float: left;
	font-weight: 400;
	color: #527a85;
	margin-left: 4px;
}

a.rss-item {
	color: #394a55;
	text-align: center;
	margin-left: 5px;
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

li.rss-item {
	list-style-type: none;
	width: 960px;
	display: inline;
	text-align: center;
	margin-left: 5px;
}


/* @end */
#blogcontent {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	
}

#blogcontent h2 {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: 300;
	color: #88abc2;
	/*padding-right: 40px;
	padding-left: 40px;*/
	line-height: 1;
	text-align: right;
}

#blogcontent h3 {
		font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 300;
	color: #929292;
	float: left;
	margin-top: 0.2em;
}

#blogcontent p {
	text-align: justify;
	margin-bottom: 0.3em;
}

.blogpost {
	width: 100%;
	padding-bottom: 1em;
	margin-bottom: 1.2em;
	border-bottom: 4px double #88abc2;
}

/* @end */

#social {
	position: absolute;
	bottom: -15px;
	right: 15px;
}

#social li {
	display: inline;
}

#content {
	width: 958px;
	min-height: 300px;
	background-color: #fcfef6;
	border-left: 1px solid #c5dae2;
	border-right: 1px solid #c5dae2;
	margin: 0;
	padding: 0;
}

/* @group Lead */

#leadText a {
	color: #5d7686;
	text-decoration: none;
	border-bottom: 1px dotted #5d7690;
}

div#flaszka {
	float: left;
	z-index: -5;
}

.photoLead {
	width: 958px;
	height: 245px;
	border-left: 1px solid #c5dae2;
	border-right: 1px solid #c5dae2;
	background: #fcfef6 no-repeat;
	overflow: hidden;
}

#leadText {
	position: absolute;
	min-width: 960px;
	min-height: 245px;
	margin: 0;
	padding: 0;
	z-index: 5;
}

#leadText p {
	padding-right: 40px;
	padding-left: 40px;
	line-height: 1.5;
	width: 460px;
}

.photoLead h1 {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 35pt;
	font-weight: 300;
	color: #88abc2;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 40px;
	line-height: 1;
}

/* @group Lead Photos */

#home {
		text-align: right;
		background-image: url(../images/headers/home.jpg);
}

#benefits {
	text-align: left;
	background-image: url(../images/headers/benefits.jpg);
}

#contact {
	background-image: url(../images/headers/contact.jpg);
	text-align: left;

}

#faq {
	text-align: right;
	background-image: url(../images/headers/faq.jpg);
}

#faq h1 {
	padding-top: 30px;
}


#bottleless {
	background-image: url(../images/headers/initiative.jpg);
		text-align: left;

}

#inside {
	background-image: url(../images/headers/inside.jpg);
		text-align: right;
}

#riskfree {
	background-image: url(../images/headers/riskfree.jpg);
		text-align: left;

}

#purification {
	background-image: url(../images/headers/purity.jpg);
		text-align: left;
}

#installation {
	background-image: url(../images/headers/installation.jpg);
}


#purification h1 {
	padding-top: 15px;
}

#service {
	background-image: url(../images/headers/service.jpg);
		text-align: right;
}

#vitality {
	background-image: url(../images/headers/inside.jpg);
		text-align: right;
}

#blog {
	background-image: url(../images/headers/blog.jpg);
		text-align: right;
}




/* @end */

/* @group Lead Text Positions */


#sitemap h1 {
	color: #88abc2;
	font-weight: normal;
	font-style: normal;
	font-size: xx-large;
	text-align: center;
}

#home p {
		float: right;
}

#faq p {
		float: right;
}

#inside p {
		float: right;
}

#service p {
		float: right;
		width: 500px;
}

#blog p {
		float: right;
		width: 500px;
}

#vitality p {
		float: right;
}

#contact p {
	margin-bottom: 0.7em;
	margin-left: 1.5em;
}



/* @end */

/* @end */

/* @group Text */

#text {
	padding: 20px;
}

#benefitsGrid h2 {
	text-align: center;
	font: normal normal x-large "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	color: #88abc2;
}

#text a {
	color: #5d7686;
	text-decoration: none;
	border-bottom: 1px dotted #5d7690;
}

.groupQ {
	font-size: large;
}


.hidden {
	display: none;
}
#text ul ul {
	list-style-type: circle;
	margin-bottom: 0.2em;
}

#text ul ul strong {
	color: #587080;
}

#text ol {
	margin: 0;
}

#text p.end {
	text-align: center;
	padding-top: 20px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	border-top: 3px double #708da1;
}

#text p.end a {
	color: #497088;
	text-decoration: none;
}

/* @group Per page */

/* @group pricing */

#pricingText {
	height: 1300px;
	width: 100%;
}

/* @group accessories */

#accessories {
	width: 920px;
	height: 300px;
}

#accessories .item {
	float: left;
	width: 280px;
	padding-right: 10px;
	padding-left: 10px;
}

.item h2 {
	text-align: center;
}

.item li {
	list-style-type: circle;
}

#accessories .product {
	padding-left: 30%;
}

#accessories img {
	height: 100px;
	padding-left: 30%;
}

#banners {
	width: 960px;
	height: 85px;
}

#banners img {
	margin-left: 380px;
	margin-right: auto;
}

/* @end */

/* @group specsTable */

#specs {
	height: 400px;
}
#specsTable  {
	margin-left: 5em;
	float: left;
}

#specsTable tr {
		border-bottom: 1px solid #88abc2;
}

#specsTable td {
	padding: 2px 1em;

}

#specsTable table .head {
	font-style: italic;
	color: #405871;
}

#specsDownload {
	position: absolute;
	width: 400px;
	right: 0;
}

#specsDownload ul {
		list-style-type: circle;

}


/* @end */

/* @group My Group */

#welcomePhoto {
	width: 450px;
	height: 350px;
	float: left;
}

#welcomePurchase {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 35pt;
	font-weight: 300;
	color: #88abc2;	
	width: 100%;
	height: 350px;
}

#welcomePrice {
	width: 450px;
	height: 350px;
	float: left;
	text-align: right;
}

#oldPrice {
	font-size: 18pt;
	color: #cad0d0;
	text-decoration: line-through;
	text-align: right;
}

#yourPrice {
	font-size: 18pt;
	text-align: right;
}

#youSave {
	font-size: 14pt;
	color: #a3cb33;
	text-align: right;
}

#welcomePrice p {
	margin: 0;
}

#welcomePrice h1 {
	font-size: 30pt;
	font-weight: 300;
	color: #88abc2;	
	width: 100%;
	text-align: right;
}

#purchaseButton {
	text-align: right;
	position: absolute;
	right: 0;
	margin-right: 40px;
	margin-top: 10px;
}

#welcomePurchase .googlecart-add-button {
	right: 0;
	position: absolute;
}



/* @end */

/* @group comparison */

#pricingText #betterWater .listNumber {
	margin-left: 7px;

}

#pricingText #betterChoice .listNumber {
	margin-right: 7px;
}

#pricingText #comparison {
	width: 100%;
	height: 160px;
	margin-bottom: 20px;
}

#pricingText #comparison li {
	list-style-type: none;
	list-style-position: inside;
	text-indent: 0px;
	margin-left: 0px;
	line-height: 1.4;
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

#pricingText h2 {
	font-size: 16px;
	margin: 15px 0 10px;
	color: #6386a7;
}

#pricingText #comparison #watercooler {
	width: 71px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#pricingText #comparison #betterWater {
	text-align: right;
	padding-top: 50px;
	position: absolute;
	top: 300px;
	left: 110px;
	width: 360px;
}

#pricingText #comparison #betterChoice {
	text-align: left;
	padding-top: 50px;
	right: 110px;
	top: 300px;
	width: 360px;
	position: absolute;
}



/* @end */
/* @end */

/* @group installation */

#installationText {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#installationText h1 {
	color: #88abc2;
	font-weight: normal;
	font-style: normal;
	font-size: xx-large;
}




/* @end */

/* @group coolers */

#coolersText h1 {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 35pt;
	font-weight: 300;
	color: #88abc2;
	padding-right: 40px;
	padding-left: 40px;
	line-height: 1;
	text-align: center;
}

#coolersDText h1 {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 35pt;
	font-weight: 300;
	color: #88abc2;
	padding-right: 40px;
	padding-left: 40px;
	line-height: 1;
	text-align: center;
}


#br100 {
	float: left;
	left: 0;
	width: 230px;
}


#br200 {
	float: right;
	right: 0;
	width: 230px;
	position: relative;
	top: 0;
}

#intro {
	padding-top: 50px;
	padding-right: 240px;
	padding-left: 240px;
}

#coolersText {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#coolersDText {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#coolersDText h2 {
	text-align: center;
	font-weight: normal;
	font-style: normal;
	color: #6a8699;
}

#coolersText h2 {
	text-align: center;
	font-weight: normal;
	font-style: normal;
	color: #6a8699;
}

#endCoolers {
	text-align: center;
	margin: 10px;
	border-top: 3px double #55759a;
	padding-top: 5px;
	padding-left: 5px;
}

#coolersText ol {
	list-style-type: none;
	text-align: center
}

#coolersText ol li {
	padding: 0;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
}

.number img {
	margin-top: 10px;
	width: 25px;
}

/* @end */

/* @group service */

select {
	
}

#serviceText {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#serviceText h2 {
	color: #88abc2;
	font-weight: normal;
	font-style: normal;
	font-size: xx-large;
}

#filtration ul {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: large;
}

#filtration ul li {
	display: inline;
}

#tinyText {
	font-size: x-small;
	text-align: center;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}



/* @end */

/* @group Bottleless */

#bottlelessContent {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#bottlelessContent img {
	float: right;
	margin-left: 20px;
	margin-bottom: 3em;
	height: 120px;
}

img #dollar {
	float: left;
}

#bottlelessContent h2 {
	color: #88abc2;
	font-weight: normal;
	font-style: normal;
	font-size: xx-large;
}

#bottlelessContent p {
	margin-bottom: 50px;
}

#bottlelessList {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#bottlelessList img {
	float: right;
	margin-left: 20px;
	margin-bottom: 3em;
	display: block;
	position: absolute;
	right: 100px;
}

#bottlelessList li {
	list-style-type: circle;
}

#bottlelessList p {
	margin-bottom: 0.5em;
}


/* @end */

/* @group purification */
#comparison #glass {
	width: 283px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#safety {
	width: 750px;
	margin-left: 80px;
	margin-right: auto;
}

#comparison h1 {
	color: #95bbd5;
	font-size: xx-large;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px solid #7b9db5;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

#safety h2 {
	color: #88abc2;
	font-weight: normal;
	font-style: normal;
	font-size: xx-large;
	margin-bottom: 0.2em;
}

#safety img {
	float: right;
}

#safety ul {
	list-style-type: circle;
}


/* @end */

/* @group Riskfree */
form {
	width: 400px;
}

#qc {
	position: relative;
	float: left;
}

#messageTable {
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
}

#messageTable textarea {
	width: 500px;
	background: #fff url(../images/bottomStamp.png) no-repeat 50% 50%;
	resize: none;
}
/* @end */

/* @group Contact */

#city {
	width: 150px;
}

#state {
	position: relative;
	left: 25px;
}

#message {
}

#contactview img {
	width: 600px;
	float: left;
}

#contactview form {
	height: 300px;
	overflow: hidden;
	width: 315px;
	display: block;
}

.textfield {
	border: 1px solid #d2dbe1;
	height: 18px;
	width: 230px;
	padding: 1px;
}

textarea {
	border: 1px solid #d2dbe1;
	resize: none;	
}
.label {
	text-align: right;
	padding-right: 0.6em;
	position: relative;
	display: block;
	float: right;
	top: 5px;
}

.checkboxes {
	font-size: x-small;
}

.checkboxes input {
	margin-left: 2em;
}

.submitter {
	border: 1px solid #5d95c1;
	background-color: #fff;
	width: 65px;
	margin: 10px auto;
	font-weight: bold;
	font-size: small;
	position: absolute;
	height: 30px;
	right: 445px;
	left: 445px;
}

#contactview .submitter {
	left: 780px;
}

#commentsLabel {
	bottom: 3.5em;
}

.field {
	width: 250px;
}

#contactview p {
	margin: 0;
}

/* @end */

/* @group Benefits */

#benefitsHi {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

#benefitsHi p {
	border-top: 1px solid #02a8dd;
	padding-top: 1em;
}

#benefitsHi h2 {
	margin-bottom: 10px;
}

#benefitsGrid strong {
	color: #678395;
	font-weight: normal;
	font-style: normal;
}

#benefitsGrid ul {
	list-style-type: none;
	width: 90%;
	display: block;
	margin: 10px auto;
}

#benefitsGrid li {
	display: block;
	width: 30%;
	height: 150px;
	float: left;
	margin: 0;
	text-align: left;
	padding: 10px;
}

#benefitsGrid img {
	height: 90px;
	width: 90px;
	display: block;
	padding-left: 10px;
	padding-top: 1.5em;
	float: right;
	margin-bottom: 100px;
}


/* @end */

/* @group Home */

.listNumber {
	width: 14px;
	height: 14px;
	position: relative;
	top: 0.3em;
}

#betterWater .listNumber {
	margin-left: 7px;

}

#betterChoice .listNumber {
	margin-right: 7px;
}

#comparison {
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
}

#comparison li {
	list-style-type: none;
	list-style-position: inside;
	text-indent: 0px;
	margin-left: 0px;
	line-height: 1.4;
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

#comparison h2 {
	font-size: 16px;
	margin: 15px 0 10px;
}

#comparison #watercooler {
	width: 71px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#comparison #betterWater {
	text-align: right;
	padding-top: 50px;
	position: absolute;
	top: 20px;
	left: 140px;
	width: 280px;
}

#comparison #betterChoice {
	text-align: left;
	padding-top: 50px;
	right: 140px;
	top: 20px;
	width: 280px;
	position: absolute;
}

/* @end */

/* @group vitality */
#comparison #glass {
	width: 283px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#vitalityText {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#vitalityText h2 {
	color: #88abc2;
	font-weight: normal;
	font-style: normal;
	font-size: xx-large;
	margin-bottom: 0.2em;
	z-index: 10;
}

#vitalityText img {
	position: absolute;
	right: 40px;
	top: 40px;
	display: block;
	z-index: 0;
}

#vitalityText ul {
	list-style-type: circle;
}

#vitalityText p {
	z-index: 10;
}

#vitalityText #end {
	width: 80%;
}


/* @end */



/* @end */
/* @end */



/* @end */

/* @group Footer */
#roundCorners {
	height: 7px;
	background-image: url(../images/roundCorners.png);
}

#footer {
	text-align: center;
	font-size: small;
	color: #6c889b;
	margin-top: 10px;
	background: url(../images/bottomStamp.png) no-repeat 50% 5.4em;
	height: 150px;
	line-height: 1;
	margin-right: 0;
	margin-left: 0;
}


#footer a {
	font-size: small;
	color: #6c889b;
	text-decoration: none;
}

#bottomMenu ul {
	padding: 0;
	margin: 0 0 10px;
}
#bottomMenu li {
	width: 100%;
	display: inline;
	text-indent: 0;
	list-style-type: none;
	left: -15px;
	position: relative;
}



/* @end */