@charset "utf-8";
/* CSS Document */

/* ------- TABLE OF CONTENTS ---------------

Project:       Personal Care Products
Version:       1.0
Last change:   06/25/09 Developed Website
Assigned to:   Jonathan Hoppes
Primary use:   Zen Cart Store / PowerWeb
 
1. Import Reset and Global Styles
2. Structure Style Declarations 
3. Typography Style Declarations

---------- END TABLE OF CONTENTS ----------*/

/* ---------->>> 1. Import <<<-----------*/

@import url("https://www.forbin.com/css/reset.css"); /* import the forbin reset style sheet - browser default styles */
@import url("https://www.forbin.com/css/global.css"); /* import the forbin global style sheet - contains common styles */

/* ---------->>> END Import <<<----------*/

/* ---------->>> 2. Structure <<<-----------*/
/* BODY */
body {/*background:#f0e8f2;*/}
.container {width:960px; margin:0 auto; /*background:url(../images/container.jpg) no-repeat;*/}
/* HEADER */
.header {height:126px; background:url(/includes/templates/custom/images/header.jpg) no-repeat;}
	.header a.logo {width:266px; height:112px; top:-1px; left:0px; background:url(/includes/templates/custom/images/logo.jpg);}
	.header ul {top:20px; right:0; color:#b9a019; font:14px 'Trebuchet Ms'; font-weight:bold; }
		.header ul li {height:47px; padding:10px 25px 0 25px; float:left; border-right:1px dotted #abacac;}
		.header ul li + li {border-right:none; padding-left:85px; background:url(../images/shoppingCart.jpg) 14px 6px no-repeat;}
		.phone {font-size:22px;}
/* NAVIGATION */ 
ul.nav {height:44px; margin: 0 0 5px 0; padding:0;}
	ul.nav li {width:160px; float:left; list-style:none; margin:0; padding:0;}
	ul.nav li a {width:160px; height:44px; display:block; text-indent:-9999px; background:url(/includes/templates/custom/images/nav.jpg);}
	ul.nav li a[title="Homepage"] {background-position:0 0;}
	ul.nav li a[title="About Us"] {background-position:-160px 0;}
	ul.nav li a[title="Online Catalog"] {background-position:-800px 0;}
	ul.nav li a[title="Online Store"] {background-position:-480px 0;}
	ul.nav li a[title="Locate Us"] {background-position:-640px 0;}
	ul.nav li a[title="Contact Us"] {background-position:-320px 0;}
	/* Hover State */
	ul.nav li a[title="Homepage"]:hover {background-position:0 -45px;}
	ul.nav li a[title="About Us"]:hover {background-position:-160px -45px;}
	ul.nav li a[title="Online Catalog"]:hover {background-position:-800px -45px;}
	ul.nav li a[title="Online Store"]:hover {background-position:-480px -45px;}
	ul.nav li a[title="Locate Us"]:hover {background-position:-640px -45px;}
	ul.nav li a[title="Contact Us"]:hover {background-position:-320px -45px;}
	/* Focus State */
	body.homepage-page ul.nav li a[title="Homepage"] {background-position:0 -45px;}
	body.about-page ul.nav li a[title="About Us"] {background-position:-160px -45px;}
	body.catalog-page ul.nav li a[title="Online Catalog"] {background-position:-320px -45px;}
	body.store-page ul.nav li a[title="Online Store"] {background-position:-480px -45px;}
	body.locate-page ul.nav li a[title="Locate Us"] {background-position:-640px -45px;}
	body.contact-page ul.nav li a[title="Contact Us"] {background-position:-800px -45px;}

/* CONTENT */
.content {overflow:auto;}
.leftColumn {width:200px; float:left;}
	.leftColumn ul {width:190px; padding:0 5px; border:1px solid #e1e1e1; background-color:#F1EAF2;}
	.leftColumn ul li {line-height:30px; padding-left:20px; border-bottom:1px solid #e1e1e1;}
	.leftColumn ul li:hover {background-color:#f7f7f7;}
	.leftColumn ul li:last-child {border-bottom:none;}
		.leftColumn ul li a {padding-left:15px; color:#222; text-decoration:none; background:url(../images/arrow.jpg) 0 .5em no-repeat;}
			.leftColumn ul li a:hover {color:#a791af;}
	.leftColumn h2 {width:200px; height:18px; background-image:url(/includes/templates/custom/images/bg_left_box_heading.gif);background-repeat:no-repeat;margin:0;padding:7px 5px 5px 26px; color:#fff; font-size:12px; font-weight:bold;}
.centerColumn {margin:0 0 0 220px; }

#navBreadCrumb {
border-bottom:1px dotted #CCCCCC;
font-size:11px;
font-weight:bold;
margin:0;
padding:1em 0.5em 0.25em;
}
#navBreadCrumb a {text-decoration:none;}

/* Resource Center */
.resourceCenter table{width:100%; float:left; margin:10px 0 0 0;}
.resourceBox {border-bottom:1px dotted #ccc; padding:0 0 35px 0; margin:0 0 25px 60px;}
	.resourceBox p {margin:0 0 0 20px;}
.rcBtn {width:76px; height:28px; background:url(../images/rcBtn.png) 0 0; display:block; text-indent:-9999px;}
.rcBtn:hover {background-position:0 -28px;}

/* FOOTER */
.footer {height:62px; margin:5px 0; background:url(/includes/templates/custom/images/bg_footer.gif) no-repeat; color:#868788; position:relative;}
	.footer p {position:absolute; top:20px; right:10px;}
	.footer .nolink  {color:#868788; text-decoration:none; cursor:text;}
/* ---------->>> END Structure <<<----------*/

/* ---------->>> 3. Typography <<<----------*/
body {font-size:75%; line-height:150%;}
	p { margin:6px 0 6px 0; line-height:16px;}
	ul, ol {}
	.georgia {font-family:Georgia, "Times New Roman", Times, serif;}
	h1 {color:#502257;font-size:18px; font-weight:bold; margin:6px 0 10px 0;}
	.centerColumn h2 {font-size:15px; color:#000; font-weight:bold; margin:5px 0 8px 0;}
	.centerColumn h2 a {color:#000;}
	.centerColumn ol, .centerColumn ul {margin:6px 0 6px 30px;}
	.centerColumn ul {list-style:disc;}
	a, a:visited {color:#5C2764;}
	a:hover {}
/* COLORS */
.gold {color:#b9a019;}
.grey { color:#5e6166;}
/* HEADERS */
/* TABLES */
/* FORMS */
/* LINKS */

/* - expandable buttons */
.btn {float:left; clear:both; background:url(/images/btn_left.png) no-repeat; padding:0 0 0 5px; margin:5px 0; background-color:#666;}
.btn a{float:left; height:20px; background:url(/images/btn_stretch.png) repeat-x left top; line-height:18px; padding:0 10px; color: #fff; font-size:10px; text-decoration:none;}
.btn span {background: url(/images/btn_right.png) no-repeat; float:left; width:5px; height:20px;}

.btn:hover {background-color:#333;}
.btn_medicare:hover {background-color:#92a539;}

/* ---------->>> END Typography <<<---------*/