/* -----------------------------------------------------------------------------------------------
		A-AFFILIATES.COM TEMPLATE 100000 CSS
   ----------------------------------------------------------------------------------------------- */

body
{
	border: none;
	margin: 0;
	padding: 0;
	background: #3b5e73 url(i/blue/bg.gif) repeat-x 0 0;
}

body, div, p, th, td, li, dd {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

#header {
	background: transparent url(i/blue/header_photo.jpg) no-repeat right bottom;
}

#navcontainer {
	background: transparent url(i/blue/nav_photo.jpg) no-repeat right top;
}

ul.nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.nav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	/*padding: 0 6px 0 8px;*/
	padding: 0;
	font-size: 10px;
	font-weight: bolder;
	display: inline;
	background: url(i/blue/nav_divider.gif) no-repeat 100% 50%;
}
ul.nav li.last { background-image: none }
ul.nav li  a {
	padding: 2px 10px 2px 10px;
	margin: 0 3px;
	text-decoration: none;
	color: #000;
}
ul.nav li  a:hover {
	color: #fff;
	background-color: #1a578e;
	-moz-border-radius: 20px;
}
ul.nav.footer li { font-weight: normal; padding: 0 8px 0 10px }
ul.nav.footer li a, ul.nav.footer li a:hover, ul.nav.footer li a:visited { color: #0d0d0d; padding: 0; margin: 0; background-color: transparent }
ul.nav.subfooter { padding: 13px 0 }
ul.nav.subfooter li { background-image: none; padding: 0 1px; font-size: 9px; font-weight: normal }
ul.nav.subfooter li a, ul.nav.subfooter li a:hover, ul.nav.subfooter li a:visited { color: #7e7e7e !important; padding: 0; margin: 0; background-color: transparent }


#subheaderleft {
	background: transparent url(i/blue/subheader_left.jpg) no-repeat right top;
	padding-left: 57px;
	height: 143px;
	overflow: hidden;
}
#subheaderleft h3 {
	background: transparent url(i/blue/bullet_bluebg.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin: 10px 0 5px;
	font-size: 14px;
	color: #fff
}
#subheaderleft p {
	margin: 0 5px 10px 28px;
	color: #fff
}

#content {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #fff url(i/blue/content_bottom_bg.gif) no-repeat left bottom;
	padding: 7px 7px 48px;
	border-left: 1px solid #bec0c1;
	border-right: 1px solid #bec0c1;
	border-bottom: 1px solid #c6c6c6;
}

/* The header uses Verdana, the content uses Arial */
#content div, #content p, #content th, #content td, #content li, #content dd { font-family: Arial, Verdana, Helvetica, sans-serif }

#footer {
	background: transparent url(i/blue/footer.gif) no-repeat 0 0;
	border-top: 1px solid #3b5e73;
	text-align: center;
}

#sitemap {
	float: left;
	width: 390px;
	margin: 0;
	padding: 10px 0 15px;
}
#sitemap ul {
	margin: 0 0 0 15px;
	padding: 0;
}

#sitemap li.left {
	float: left;
	width: 170px;
	margin-left: 20px;
}

#sitemap li.right {
	float: left;
	width: 150px;
}

#product_list {
	float: left;
	width: 390px;
	margin: 0;
	padding: 0 0 15px;
}
#product_list ul { margin: 0 0 0 15px; padding: 0; }
#product_list ul ul { margin: 0 0 0 20px; padding: 0; }

#product_list li.left {
	clear: both;
	float: left;
	width: 160px;
	margin-left: 20px;
	padding: 10px 0;
}

#product_list li.right {
	float: left;
	width: 150px;
	padding: 10px 0;
}

/* ----------------------------------------------------------------------------------------------- */

div.tab {
	background: transparent url(i/blue/tab_top.gif) no-repeat 0 0;
	width: 169px;
	padding: 8px 0 0 0;
	margin: 0 0 9px 0;
}
div.tab h2 {
	background: transparent url(i/blue/bullet_arrow_bluebg.gif) no-repeat 0 0;
	margin: 0 0 0 10px;
	padding: 2px 0 5px 25px;
	font-size: 12px;
	color: #fff
}

div.tab div.tab_content {
	padding: 10px 0;
	background: transparent url(i/blue/tab_bottom.gif) no-repeat left bottom;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
}
div.tab div.tab_content ul {
	margin: 5px 0 0 28px;
	padding: 0;
	list-style-image: url(i/blue/bullet_target.gif);
}
div.tab div.tab_content ul li { padding: 0; margin: 3px 0; }
div.tab div.tab_content ul li a:active { font-weight: bolder }

div.tab div.tab_content p { margin: 10px 13px }

/* ----------------------------------------------------------------------------------------------- */
/* TAB: With no bullet on title, but a big arrow bullet for list items */
div.tab.nobullet div.tab_content {
	padding-bottom: 13px;
	background: transparent url(i/blue/tab_bottom_grad.gif) no-repeat left bottom;
}
div.tab.nobullet h2 { background-image: none; padding-left: 0; margin-left: 0; text-align: center }
div.tab.nobullet div.tab_content ul {
	margin: 5px 0 0 28px;
	padding: 0;
	list-style-image: url(i/blue/bullet_arrow.gif);
}
div.tab.nobullet div.tab_content ul li { padding: 0 0 0 5px; margin: 0 3px; height: 20px }
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* Triggers to activate the TAB of the active drug page */

body#men_health div.tab.men_health,
body#weight_loss div.tab.weight_loss,
body#cholesterol div.tab.cholesterol,
body#osteoporosis div.tab.osteoporosis,
body#pain_relief div.tab.pain_relief,
body#anti_bacterial div.tab.anti_bacterial,
body#stop_smoking div.tab.stop_smoking,
body#anti_depressant div.tab.anti_depressant,
div.tab.active { background-image: url(i/blue/tab_top_active.gif) }

body#men_health div.tab.men_health h2,
body#weight_loss div.tab.weight_loss h2,
body#cholesterol div.tab.cholesterol h2,
body#osteoporosis div.tab.osteoporosis h2,
body#pain_relief div.tab.pain_relief h2,
body#anti_bacterial div.tab.anti_bacterial h2,
body#stop_smoking div.tab.stop_smoking h2,
body#anti_depressant div.tab.anti_depressant h2,
div.tab.active h2 { background-image: url(i/blue/bullet_arrow_orangebg.gif) }

/* ----------------------------------------------------------------------------------------------- */
/* Product family information box */

div.productfamily {
	height: 122px;
	padding: 0 20px 0 7px;
	border-bottom: 1px solid #9b9b9b
}
div.productfamily h1 {
	padding: 25px 0 0 0;
	margin: 0 0 0 0;
	background-image: none;
	font-size: 13px;
	color: #093460;
}
div.productfamily p { padding: 0; margin: 0; color: #52708f }
div.productfamily img { text-align: left; margin: 20px 10px 0 0 }
div.productfamily a { float: right; margin-top: 5px }
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* Price table, product list */

table.pricetable {
	padding: 10px 0;
	border-bottom: 1px solid #9b9b9b;
	border-top: 1px solid #9b9b9b
}
table.pricetable tr { vertical-align: middle }
table.pricetable td {
	padding: 0; margin: 0;
	display: table-cell;
	vertical-align: middle;
	/*height: 29px;*/
	padding: 3px 0;
	background: url(i/blue/price_dots_x.gif) repeat-x left bottom;
}
table.pricetable tr.last td { background-image: none }
table.pricetable td.qty { padding-left: 20px }
table.pricetable td.price { width: 20%; color: #ff6b02; font-weight: bolder; text-align: center }
table.pricetable td.ppp { width: 25% }
table.pricetable td.order { width: 20%; padding-right: 20px }

/* -----------------------------------------------------------------------------------------------
		FORMATTING TAGS
   ----------------------------------------------------------------------------------------------- */

h1 {
	background: transparent url(i/blue/h1bg.gif) no-repeat 0 0;
	font-size: 14px;
	padding: 9px 0 9px 30px;
	margin: 0;
	color: #fff;
}
h3 {
	font-size: 13px;
	padding: 0;
	color: #ff3200
}
hr {
	color: #9b9b9b;
	background-color: #9b9b9b;
	height: 1px;
	border: 0;
	margin: 0;
	padding: 0;
}

a, a:link, a:visited { color: #4a4a4a }
#middlecontent a, #middlecontent a:link, #middlecontent a:visited { color: #ff6b02 }

div.frame { float: left; /*border: 1px solid #549ceb; padding: 10px; -moz-border-radius: 5px; */ margin: 15px 8px 1px 2px }

a.btn, a.btn2 {
	float: left;
	background: transparent url(i/blue/btn.gif) no-repeat 0 0;
	padding-top: 2px;
	width: 74px;
	height: 19px;
	text-align: center;
	font-size: 11px;
	font-weight: bolder;
	color: #fff !important;
	text-decoration: none
}
a.btn2 { background-image: url(i/blue/btn2.gif) }
a.btn:hover, a.btn2:hover { background-image: url(i/blue/btn_over.gif) }

.clear { clear: both }