html { min-height: 100%; margin-bottom: 1px; }

body {
	font: 0.84em/1.333 Lucida Grande, Lucida, Arial, Verdana, sans-serif;
	margin: 0; padding: 0;
	text-align:center;
	background: #f38f1d url("/i/bg-header.gif") repeat-x left top;
}

h1, h2, h3, h4, h5, p, ul, ol, li, blockquote, form, img {
	margin-top: 0;
	padding: 0;
}

h1 {
	font-size: 2.0em;
	font-weight: normal;
	line-height: normal;
	text-align: right;
}

h2 {
	font-size: 1.6em;
	color:#000;
	line-height: normal;
	margin: 0 0 14px 0;
	clear: both;
	font-weight: normal;
}

h3 {
	font-size: 1.3em;
	color:#cc0000;
	line-height: normal;
	margin: 0 0 14px 0;
	clear: both;
}

h4 {

}

a {
	text-decoration: none;
	color: #336699;
	outline: 0;
}


a img {
	border: 0;
}


table {
	margin: 20px auto;

}

th {
	background: #333;
	color: #fff;
	padding: 4px;
}

td {
	vertical-align: top;
	padding: 4px;
}

ul, ol {
	margin-left: 50px;
}



.clearboth {
	clear: both;
}


/* =Template
-----------------------------------------------
*/
.sitewrapper {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	z-index: 0;
}

#header {
	height: 82px;
	position: relative;
	border-bottom:0;
}

p#sitename {
	margin: 0;
	padding: 0;
	text-indent: -999em;
	display: block;
	width: 289px;
	height: 148px;
	background: transparent url("/i/logo-pod.png") no-repeat left top;
	position: absolute;
	top: 0;
	left: 100px;
	z-index: 2;
}

p#sitenamehome {
	width: 353px;
	height: 359px;
	background: transparent url("/i/logo-pod-home.png") no-repeat left top;
	position: absolute;
	top: 0;
	left: 50px;
	text-indent: -999em;
	z-index: 2;
}

#sitename a {
	display: block;
	width: 289px;
	height: 148px;
	text-indent: -999em;
}


#contentisking {
	background: #c1e1e0;
	padding: 25px 0;
}

#contentisking .sitewrapper {
	width: 828px;
	background: #fff url("/i/bg-content-t.gif") no-repeat top left;
}

#roundbottom {
	background: transparent url("/i/bg-content-b.gif") no-repeat bottom left;
}

#ci {
	padding: 10px 30px 40px 140px;
}

.contentwrapper {
	margin: 30px 0 200px 0;
}



/* =Navigation
-----------------------------------------------
*/
/*
ul#navbar,
ul#footernavbar {
	margin: 0;
	padding: 0;
}

#navbar {
	background: transparent url("/i/menu.gif") no-repeat left top;
	width: 470px;
	height: 14px;
	position:absolute;
	left: 393px;
	top: 60px;
	list-style: none;
}

ul#footernavbar {
	background: transparent url("/i/menu-footer.gif") no-repeat left top;
	width: 616px;
	height: 14px;
	margin:  0 auto;
	list-style: none;
	position: relative;
}

#navbar li,
#footernavbar li {
	list-style: none;
	position: absolute;
	top: 0;
}

ul#navbar li,
#navbar a,
ul#footernavbar li,
#footernavbar a {
	height: 14px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#navbar li a,
ul#footernavbar li a {
	text-indent: -9999px; 
	text-decoration: none;
	outline: none;
}

#nb0 { left: 0; width: 40px;}
body#homepage ul#navbar #nb0 { background: #f38f1d }
body#homepage ul#navbar #nb0 a { display: none }
#nb1 { left: 102px; width: 32px;}
#nb2 { left: 197px; width: 36px;}
#nb3 { left: 297px; width: 32px;}
#nb4 { left: 391px; width: 79px;}

#nb0 a:hover,#nb0 a.activenav { 
	background: transparent url("/i/menu.gif") no-repeat 0 -14px;
}

body#why #nb1 a, #nb1 a:hover,#nb1 a.activenav { background: transparent url("/i/menu.gif") no-repeat -102px -14px; }
body#what #nb2 a, #nb2 a:hover,#nb2 a.activenav { background: transparent url("/i/menu.gif") no-repeat -197px -14px; }
body#how #nb3 a, #nb3 a:hover,#nb3 a.activenav { background: transparent url("/i/menu.gif") no-repeat -297px -14px; }
body#order #nb4 a, #nb4 a:hover,#nb4 a.activenav { background: transparent url("/i/menu.gif") no-repeat -391px -14px; }

#fb0 { left: 0; width: 102px;}
#fb1 { left: 172px; width: 83px;}
#fb2 { left: 327px; width: 141px;}
#fb3 { left: 539px; width: 77px;}

body#podstory #fb0 a, #fb0 a:hover,#fb0 a.activenav { background: transparent url("/i/menu-footer.gif") no-repeat 0 -14px; }
body#news #fb1 a, #fb1 a:hover,#fb1 a.activenav { background: transparent url("/i/menu-footer.gif") no-repeat -172px -14px; }
body#distributors #fb2 a, #fb2 a:hover,#fb2 a.activenav { background: transparent url("/i/menu-footer.gif") no-repeat -327px -14px; }
body#contact #fb3 a, #fb3 a:hover,#fb3 a.activenav { background: transparent url("/i/menu-footer.gif") no-repeat -539px -14px; }
*/

/* =Navigation
-----------------------------------------------
*/

ul#navbar,
ul#footernavbar {
	margin: 0;
	padding: 0;
}

#navbar {
	background: transparent url("/i/menu.gif") no-repeat left top;
	width: 470px;
	height: 14px;
	position:absolute;
	left: 393px;
	top: 60px;
	list-style: none;
}

ul#footernavbar {
	background: transparent url("/i/menu-footer2.gif") no-repeat left top;
	width: 616px;
	height: 15px;
	margin:  0 auto;
	list-style: none;
	position: relative;
}

#navbar li,
#footernavbar li {
	list-style: none;
	position: absolute;
	top: 0;
}

ul#navbar li,
#navbar a,
ul#footernavbar li,
#footernavbar a {
	height: 14px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#footernavbar li,
#footernavbar a {
height: 15px
}
ul#navbar li a,
ul#footernavbar li a {
	text-indent: -9999px; 
	text-decoration: none;
	outline: none;
}

#nb0 { left: 0; width: 40px;}
body#homepage ul#navbar #nb0 { background: #f38f1d }
body#homepage ul#navbar #nb0 a { display: none }
#nb1 { left: 102px; width: 32px;}
#nb2 { left: 197px; width: 36px;}
#nb3 { left: 297px; width: 32px;}
#nb4 { left: 391px; width: 79px;}

#nb0 a:hover,#nb0 a.activenav { 
	background: transparent url("/i/menu.gif") no-repeat 0 -14px;
}

body#why #nb1 a, #nb1 a:hover,#nb1 a.activenav { background: transparent url("/i/menu.gif") no-repeat -102px -14px; }
body#what #nb2 a, #nb2 a:hover,#nb2 a.activenav { background: transparent url("/i/menu.gif") no-repeat -197px -14px; }
body#how #nb3 a, #nb3 a:hover,#nb3 a.activenav { background: transparent url("/i/menu.gif") no-repeat -297px -14px; }
body#order #nb4 a, #nb4 a:hover,#nb4 a.activenav { background: transparent url("/i/menu.gif") no-repeat -391px -14px; }

#fb0 { left: 0; width: 102px;}
#fb1 { left: 178px; width: 84px;}
#fb2 { left: 333px; width: 143px;}
#fb3 { left: 539px; width: 77px;}

body#podstory #fb0 a, #fb0 a:hover,#fb0 a.activenav { background: transparent url("/i/menu-footer2.gif") no-repeat 0 -15px; }
body#news #fb1 a, #fb1 a:hover,#fb1 a.activenav { background: transparent url("/i/menu-footer2.gif") no-repeat -178px -15px; }
body#distributors #fb2 a, #fb2 a:hover,#fb2 a.activenav { background: transparent url("/i/menu-footer2.gif") no-repeat -333px -15px; }
body#contact #fb3 a, #fb3 a:hover,#fb3 a.activenav { background: transparent url("/i/menu-footer2.gif") no-repeat -539px -15px; }



/* =Footer
-----------------------------------------------
*/

#footerwrapper {
	background: transparent url("/i/bg-footer.gif") repeat-x left top;
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
}


#footer .pod {
	display: block;
	width: 190px;
	height: 347px;
	background: transparent url("/i/pod-large.png") no-repeat left top;
	position: absolute;
	top: -320px;
	left: 0;
}



div.o2block {
	background: transparent url("/i/o2.png") no-repeat left top;
	display: block;
	width: 62px;
	height: 62px;
	position: absolute;
	top: -200px;
	left: 33px;
}
#footer p {
	color: #fff;
	margin: 20px 0;
}

/* Homepage */
body#homepage #footer .podhome {
	display: block;
	width: 304px;
	height: 550px;
	background: transparent url("/i/pod-home.png") no-repeat left top;
	position: absolute;
	top: -560px;
	left: -10px;
	z-index: 100;
}

#oxygenpod {

}

#homecontentinner {
	position: relative;
	
}
#homecontentwrapper {
	background: #b4e2e0;
	padding: 20px 0;
}


#homecontent {
	background: transparent url("/i/homepage2.jpg") no-repeat left top;
	display: block;
	width: 960px;
	height: 558px;
	margin: 0 auto;
	/*
	position: relative;
	*/
	padding-bottom: 40px;
}

#homecontent h1 {
	text-align: left;
	text-indent: -999em;
}

#homecontent p.text-enhance {
	color: #fff;
	position: absolute;
	top: 460px;
	left: 300px;
	width: 40%;
	font-weight: bold;
}
.testimonials {
	width: 360px;
	position: absolute;
	left: 550px;
	top: 50px;
	text-align: left;
}

.testimonials h3,
.testimonials a {
	color: #fff;
}

.testimonialswrapper {
	padding: 0 20px 20px;
	overflow: auto;
}

.fade {
	padding: 20px 20px 0 0;
}

.fade p {
	font-size: 14px;
	color: #fff;
}



/* Rounded Corners
--------------------------
*/

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#fff; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #fff; border-left:2px solid #fff; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #fff; border-left:1px solid #fff; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #fff; border-left:1px solid #fff; margin:0 1px;}

/*
ul#homenavigation {
	position: absolute;
	top: -270px;
	left: 0;

}

ul#homenavigation li {
	display: block;
	width: 220px;
	height: 50px;
	text-align: left;
	position: absolute;
	left: 650px;
}

ul#homenavigation li a {
	display: block;
	width: 220px;
	height: 50px;
	text-indent: -999em;
}

li#lnk-recharge {
	top: 0;
}

li#lnk-revive {
	top: 80px;
}

li#lnk-relax {
	top: 153px;
}
*/

ul#homenavigation {
	position: absolute;
	top: -266px;
	left: 706px;
width: 207px;
height: 193px;
background:transparent url("/i/menu-rrr-over.jpg") left top;
margin: 0;
padding: 0;
text-align: left;
list-style: none;

}



ul#homenavigation li {
	display: block;
	width: 207px;
	height: 37px;
	text-align: left;
	position: absolute;
}

ul#homenavigation li a {
display: block;
	width: 207px;
	height: 37px;
	text-indent: -999em;

}


ul#homenavigation li#lnk-recharge {
	top: 0;
height: 47px;
}

ul#homenavigation li#lnk-recharge a {
height: 47px
}

li#lnk-revive {
	top: 82px;

}

li#lnk-relax {
	top: 156px;

}

li#lnk-recharge a:hover {
background:transparent url("/i/menu-rrr-over.jpg") left -193px;
}

li#lnk-revive a:hover {
background:transparent url("/i/menu-rrr-over.jpg") left -275px;
}

li#lnk-relax a:hover {
background:transparent url("/i/menu-rrr-over.jpg") left -349px;
}




/* How To Use */


ol#howtouselist {
	width: 695px;
	height: 230px;
	background: transparent url("/i/howtouse.gif") no-repeat left top;
	margin: 0;
	padding: 0;
	list-style: none;
}

ol#howtouselist li {
	text-indent: -999em;
}



/* Why Use */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}


#menuwhy {
	background: transparent url("/i/menu-whyuse.jpg") no-repeat 0 -210px;
	width: 655px;
	height: 210px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	position: relative;
}

#menuwhy li {
	list-style: none;
	position: absolute;
	top: 0;
	text-align: left;
}

ul#menuwhy li,
#menuwhy a {
	height: 210px;
	width: 195px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#menuwhy li a {
	text-indent: -9999px;
	text-decoration: none;
}

#ui-recharge { left: 0; width: 132px; }
#ui-revive { left: 194px; width: 186px; }
#ui-relax { left: 442px; width: 213px; }

#ui-recharge a{ width: 132px; }
#ui-revive a{ width: 186px; }
#ui-relax a{ width: 213px; }


#ui-recharge.ui-tabs-selected a, #ui-recharge a:hover { background: transparent url("/i/menu-whyuse.jpg") no-repeat 0 5px; }
#ui-revive.ui-tabs-selected a, #ui-revive a:hover { background: transparent url("/i/menu-whyuse.jpg") no-repeat -194px 5px; }
#ui-relax.ui-tabs-selected a, #ui-relax a:hover { background: transparent url("/i/menu-whyuse.jpg") no-repeat -442px 5px;}


.whytext {
	min-height: 120px;
}

.whytext {
	height: auto !important;
  	height: 120px;
}



/* =Our Story
-----------------------------------------------
*/

body#podstory .contentwrapper {
	background: transparent url("/i/bg-ourstory.jpg") no-repeat right bottom;
	padding-bottom: 170px;
	margin-bottom: 0;
}


/* =News
-----------------------------------------------
*/
.newscontent.contentwrapper {
	margin: 30px 0 50px 0;
}

/* =Why
-----------------------------------------------
*/

.contentwrapper.whycontent {
	margin-bottom: 0;
}

/* =What Is
-----------------------------------------------
*/
.contentwrapper.whatcontent {
	margin: 30px 0 10px 40px;
}

div.axnfaq {
	position: relative;
	margin-top: 100px;
}

p.axnlinkfaq {
	position: absolute;
	top: 27px;
	left: 540px;
}

p.axnlinkfaq a {
	display: block;
	width: 62px;
	height: 25px;
	background: transparent url("/i/lnk-faq.gif") no-repeat left top;
	text-indent: -999em;
}

body#what #footer .podwhat {
	background-image: none;
	display: block;
	width: 122px;
	height: 399px;
	background: transparent url("/i/podwhat.jpg") no-repeat left top;
	position: absolute;
	top: -450px;
	left: 100px;
}

/* =How
-----------------------------------------------
*/
body#how #ci {
	padding: 10px 30px 40px 100px;
}
.howcontent.contentwrapper {
	margin-bottom: 70px;
	margin-left: 0;
}

/* =Frequently Asked Questions
-----------------------------------------------
*/

.contentwrapper.faqcontent {
	margin-bottom: 0;
}


/* =Order
-----------------------------------------------
*/

.ordercontent.contentwrapper {
	margin: 0;
	padding: 0;
}

table.ordertable {
	width: 100%;
}

body#order p#sitename {
	left: 15px;
}

body#order #navbar {
	left: 308px;
}


body#order #ci {
	padding: 10px 30px 40px;
}

body#order #contentisking {
	border: 0;
}

body#order ul,
body#order ul li {
	border: 0;
}
table {
	border-collapse: collapse;
}
/*
td.colors_lines {
	background: #fff;
}
*/

.colors_pricebox {
	background: #fff;
}

body#order table {
margin: 0;

}

body#order th {
	color: #000;
padding: 0;
}

body#order td {
	vertical-align: top;
padding: 0;
}

td.colors_backgroundlight {
background: #fff;
}

td input, 
td select {
margin: 4px;
}

table.ordertable {

}


/* Contact
-----------------------------------------------
*/

body#contact .contentwrapper {
	background: transparent url("/i/contact.jpg") no-repeat right top;
	padding-bottom: 0;
	margin-bottom: 0;
}