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

/* Default styles */
@import "reset.css";

body{background:url(images/background.gif) repeat top left;}
h2, h3{color:#669EB2; padding:15px 0 5px 0;}
.wrapper{
	width:910px;
	background:#fff;
	margin:0 auto;
	padding:0;
	position:relative;
}
#main{height:auto;position:relative; margin:0 auto; }
a.pdf{background:url(images/pdf_icon.png) no-repeat left; padding: 5px 0 5px 30px;}
/* ---------------- Header ----------- */
.header{background:#777DC6; padding:0px; color:#fff; text-align:center; text-transform:lowercase; height:65px; position:relative;}
.header h1{padding:0; font-weight:bold; font-size:57px;}
.header-wrap{margin-top:4px;}
/* ---------------- Navigation ----------- */
.purple-line{
	width:12px;
	background-color: #777DC6;
	position:absolute;
	left:215px;
	height:95%;
}
.col1{
	float:left;
	padding:0 0 0 10px;
	width:205px;
	position:relative;
	top:0;
}
.col1 a img{margin-top:25px;}
.nav{margin:15px 0 0 0; padding:0 5px;}
.nav li{display:inline-block;}
.nav li a{font-size:30px; text-transform:uppercase; border-bottom:1px solid #777DC6; border-bottom-color:rgba( 0, 0, 0, .2); width:190px; display:block; padding:5px 0 0 0;}
.nav li a:hover{color:#789AC4; background:url(images/arrow.png) no-repeat right;}
/* drop downs */
.nav li ul { position: absolute; width: 172px; left: -999em; z-index:2000;}
.nav li ul li {	background: #E6F6FC; padding:3px;}
.nav li ul li a { line-height: 15px; padding: 2px;font-size: 22px; text-transform: none;width: 160px; }
.nav li ul ul {	margin: 0px 0 0 370px; }
.nav li ul ul li a { line-height: 25px; }
.nav li ul li ul li a {	border-width:0 1px 1px 0px; }
.nav li:hover ul, .nav li.sfhover ul { left: 210px; }
.nav li:hover ul ul, .nav li.sfhover ul ul { left: -999em; }
.nav li:hover ul, .nav li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul { left: 205px; margin-top:-45px;}
.nav li:hover, .nav li.hover { position: static; } /* IE7 Fix */
/* testimonial slider */
#prev{float:left; font-size:30px; height:30px; background:url(images/prev.gif) no-repeat left; padding-left:40px;}
#next{float:right; font-size:30px; height:30px; background:url(images/next.gif) no-repeat right; padding-right:40px;}

/* ---------------- Main Column----------- */
.col2{float:right; width:635px; margin-right:30px;}
#main-pic-cycle, .header-wrap{float:right; width:683px; overflow:hidden;}
#main-pic-cycle{height:328px; margin-bottom:20px;}
#main-pic-cycle img{border-bottom:1px solid #777DC6; width:683px !important; vertical-align:top;}
.main-text{padding:0 30px 20px 30px;}
.extra-text{padding:0 20px; border-top:1px solid #777dc6; margin-top:10px;}
.under-pic{background:#777DC6; padding:0px; height:12px; clear:both; margin-bottom:40px;}
.full-col{width:630px; margin:0 0 20px 0; text-align:justify; float:right; margin-right:30px;}
.mini{width:285px; margin-right:0px; text-align:justify; margin-left:0px;}
/* mini features */
h2.health, h2.full{text-align:center; text-transform:uppercase; color:#669Eb2;}
h2.health a{background:url(images/ico-health.png) no-repeat left; padding:0 0 0 50px; text-transform:uppercase;color:#669EB2; }
h2.quote a{background:url(images/ico-quotes.png) no-repeat left; padding:0 0 0 50px;text-transform:uppercase; color:#669EB2;}
h2.info a{background:url(images/ico-info.png) no-repeat left; padding:0 0 0 50px;text-transform:uppercase; color:#669EB2;}

a.mini-link{ float:right; text-transform:lowercase; font-size:23px;}

ul.main-text{ list-style:circle; margin-left:10px;}
ul.main-text  li a{ background: url(images/arrow.png) no-repeat right; padding-right:20px; padding:5px 20px 9px 0; outline:none; display:inline-block;}
ul.main-text li a:hover{background:url(images/learn-more.png) no-repeat right !important; padding-right:40px; color: #789AC4;}
h4.boutique{font-size:30px; color:#777dc6; margin:-5px 20px 10px 20px; padding:0; text-align:center;}
/* ----------------- Footer ---------------*/
.footer{background-color:#777DC6; height:250px; color:#fff; clear:both; padding:20px 20px 15px 20px; position:relative; z-index:999; margin-top:50px;}
.footer .col-left{margin-right:15px; width:275px; margin-left:12px; border-right:1px solid #686FA5; height:250px; font-size:12px;}
.footer .col-right{width:250px; margin-right:12px;height:250px;}
.footer h2{color:#A7CAD6;}
.footer a{color:#fff; text-decoration:underline;}
.footer a:hover{color:#A7CAD6;}
span.small{font-size:11px;  text-align:right;}

/* ----------------- FAQ Page ---------------*/
.back-to-top{float:right; text-transform:uppercase; font-size:26px; padding:20px 30px 20px 0; background:url(images/arrow-up.png) no-repeat right; padding-right:30px; outline:none; font-weight:bold;}
.full-q{margin:20px 0; border-bottom:1px solid #669EB2; padding-bottom:20px; border-top:1px solid #669EB2; padding-top:20px; margin-bottom:20px; clear:both;}
/* ----------------- contact Page ---------------*/
.phone{background:url(images/phone.png) no-repeat left; float:left; width:150px; margin-left:30px; padding:10px 0 10px 55px;}
.email{background:url(images/mail.png) no-repeat left; float:right; width:150px; margin-right:30px; text-align:right; padding:10px 0 10px 35px;}
p.error{color:#C30; font-style:italic; border-bottom: 1px solid #333;}
.req-notice{font-size:13px; font-style:italic; color:#333; text-align:right;}


.hide{display:none;}
.about{color:#000; background:#FFF url(images/toothbrush.jpg) no-repeat bottom;padding:20px 30px 155px 30px; margin:0px; font-size:13px; line-height:1.4em;}
.about .title{ color:#333;}