/*
	Page-Specific Stylesheet for Arctic Wonder
	Rules in this sheet should be applied to a single section of the site.
	If a rule will apply to more than that, add it to global.css instead.
	All rules should be prefaced with the unique ID attribute from the body tag of the page it applies to.
	Be polite to future developers, and label any hex colors you use! - SV
*/

#page-benefits #content,
#page-fishoil #content,
#page-krill #content,
#page-info #content,
#page-faq #content {
	/* leave room on these pages for nav and photo */
	padding: 55px 55px 15px 355px;
}

/* Product Info Page -------------------------------------------------- */
#page-benefits #tab4 #label strong {
	display: block;
	margin-bottom: .25em;
}
#page-benefits #tab4 .floatright {
	margin-left: 2em;
}
#page-benefits #tab4 #facts {
	background: #fff;
	color: #333;
	border: 1px solid #000;
	margin: 1em 0;
	padding: 0;
}
#page-benefits #tab4 #facts h3 {
	margin: .15em .15em 0;
}
#page-benefits #tab4 #facts p {
	margin: .25em .33em;
}
#page-benefits #tab4 #facts table {
	width: 100%;
	border: 3px solid #000;
	border-left: 0;
	border-right: 0;
	margin: 0;
}
#page-benefits #tab4 #facts th {
	text-align: left;
	vertical-align: bottom;
	padding: .25em;
}
#page-benefits #tab4 #facts td {
	border-bottom: 1px solid #000;
	padding: .25em;
}
#page-benefits #tab4 #facts .thinbar th {
	border-bottom: 2px solid #000;
}
#page-benefits #tab4 #facts .bar td {
	border-bottom: 3px solid #000;
}
#page-benefits #tab4 p.krill-serving {
	width: 124px;
	height: 125px;
	position: absolute;
	top: 57px;
	right: 60px;
	text-indent: -9999px;
	font-size: 1px;
	background-image: url("/images/krill-serving.png");
	background-repeat: no-repeat;
}



/* Contact Us Page -------------------------------------------------- */
#page-contact #content {
	/* leave room for photo */
	padding: 25px 55px 15px 355px;
}
#page-contact #content .photo {
	top: 15px;
	left: 40px;
}

/* Top Offer Styles -------------------------------------------------- */
#top-offer {
	position: relative;
	height: 325px;
	background: transparent url("/images/bg-top-offer.jpg") no-repeat;
	color: #29335e; /* dark blue */
}
#top-offer a, #top-offer a:link, #top-offer a:visited { color: #29335e; } /* dark blue */
#top-offer a:hover, #top-offer a:focus, #top-offer a:active { color: #ad0004; } /* red */
#top-offer * {
	margin: 0;
}
#top-offer #video {
	position: absolute;
	top: 30px;
	left: 16px;
}
#top-offer #banner {
	position: absolute;
	top: -22px;
	left: 317px;
	width: 588px;
	height: 339px;
	background: transparent url("/images/bg-banner.png") no-repeat;
}
#top-offer .zoom {
	position: absolute;
	top: -28px;
	left: 325px;
}
#top-offer .description {
	position: absolute;
	top: 150px;
	left: 60px;
	width: 230px;
}
#top-offer .price {
	position: absolute;
	top: 233px;
	left: 82px;
	width: 185px;
	height: 49px;
	text-indent: -9999px;
	background: transparent url("/images/offer-top-price.png");
}
#top-offer .continuity {
	position: absolute;
	top: 288px;
	left: 72px;
	width: 200px;
	text-align: center;
	font-size: .85em;
}
#top-offer .instructions {
	position: absolute;
	top: 305px;
	left: 300px;
	font-size: .9em;
}
#top-offer .instructions strong {
	font-size: 1.2em;
}
#top-offer .badge {
	position: absolute;
	top: -35px;
	left: 412px;
	width: 128px;
	height: 128px;
	text-indent: -9999px;
	background: transparent url("/images/burst.png");
}
#top-offer h4 {
	position: absolute;
	top: 40px;
	left: 34px;
	width: 258px;
	height: 83px;
	text-indent: -9999px;
	background: transparent url("/images/offer-top-headline.png") no-repeat;
}
#top-offer .action a {
	position: absolute;
	top: 256px;
	left: 321px;
	display: block;
	width: 171px;
	height: 39px;
	text-indent: -9999px;
	background: transparent url("/images/btn-top-buy-now.png");
}
/* OFFER B */
#top-offer.offer-b h4 {
	top: 42px;
	left: 18px;
	width: 300px;
	height: 95px;
	background-image: url("/images/offer-top-headline-b.png");
}
#top-offer.offer-b .price {
	top: 240px;
	left: 80px;
	width: 208px;
	height: 68px;
	background-image: url("/images/offer-top-price-b.png");
}
#top-offer.offer-b .action a {
	background-image: url("/images/btn-top-order-now.png");
}

/* Bottom Offer Styles -------------------------------------------------- */
#bottom-offer {
	position: relative;
	height: 201px;
	background: transparent url("/images/bg-bottom-offer.jpg") no-repeat;
	color: #29335e; /* dark blue */
}
#bottom-offer a, #bottom-offer a:link, #bottom-offer a:visited { color: #29335e; } /* dark blue */
#bottom-offer a:hover, #bottom-offer a:focus, #bottom-offer a:active { color: #ad0004; } /* red */
#bottom-offer * {
	margin: 0;
}
#bottom-offer h4 {
	position: absolute;
	top: 65px;
	left: 310px;
	width: 175px;
	font-size: 1.66em;
	line-height: 1.25;
	color: #29335e; /* dark blue */
}
#bottom-offer .instructions {
	position: absolute;
	top: 125px;
	left: 310px;
	width: 150px;
	font-size: .9em;
}
#bottom-offer .instructions strong {
	font-size: 1.25em;
}
#bottom-offer .price {
	position: absolute;
	top: 60px;
	left: 515px;
	width: 107px;
	height: 39px;
	text-indent: -9999px;
	background: transparent url("/images/offer-bottom-price.png");
}
#bottom-offer .continuity {
	position: absolute;
	top: 105px;
	left: 465px;
	width: 200px;
	font-size: .85em;
}
#bottom-offer .action a {
	position: absolute;
	top: 127px;
	left: 496px;
	display: block;
	width: 146px;
	height: 33px;
	text-indent: -9999px;
	background: transparent url("/images/btn-buy-now.png");
}
#bottom-offer .badge {
	position: absolute;
	top: 25px;
	left: 645px;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
}
/* OFFER B */
#bottom-offer.offer-b h4 {
	top: 67px;
	width: 258px;
	height: 38px;
	text-indent: -9999px;
	background: transparent url("/images/offer-bottom-headline-b.png");
}
#bottom-offer.offer-b .action a {
	background-image: url("/images/btn-order-now.png");
}