/*########################################################
	:: resets
##########################################################*/
h1, h2, h3, div, ul, li, p, blockquote, img{
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff url(../images/body-bg.gif) 0 0 repeat-x;
	font-family:Arial,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:center;
}



/*########################################################
	:: main container
##########################################################*/
div#container {
	background:none;
	margin:0 auto;
	text-align:center;
	width:auto;
	float:none;
	padding:0 0 0 0;
	border:0;
}

div#inner-container, 
div#inner-footer{
	background-color:transparent;
	margin:0 auto;
	text-align:left;
	width:950px;
}

div#inner-footer {
	height:306px;
}

/*########################################################
	:: shared styles
##########################################################*/
a {
  text-decoration:none;
	color: #3c7f00;
}
a:hover {
  text-decoration:underline;
	color: #53b300;
}

.alt-text {
  display:none; 
}

.cloak{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.heading{
	text-indent: -99999px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;	
}

em{
	color: #004200;
	font-style: normal;
}

blockquote{
	font-size: 9px;
}

img {
  border:none;
}

/*########################################################
	:: header
##########################################################*/
div#header {
  width:950px;
  height:160px;
  background: url(../images/header-bg.jpg) 0 0 repeat-x;
  position:relative;
  clear:both;
  float:left;
  text-align:center;
}

div#header a.depend-heading {
  text-align:left;
  margin:0;
  padding:0;
  float:left;
  display:inline;
}

div#header a.depend-heading img {
  display:block;
  width:222px;
  height:122px;
}

div#header a.heading-free-sample {
  text-align:left;
  margin:0;
  padding:0;
  float:none;
  display:inline;
}
div#header a.heading-free-sample img {
  width:auto;
  height:auto;
}

div#header ul {
  list-style-type:none;
  padding:0;
  margin:0;
}

div#header ul li {
  display:inline;
  float:left;
}


/* Touts & Nav */

div#header div#main-nav-container {
	clear:both;
	margin:0 auto;
	width:950px;
	height:38px;
}
div#header div#top-nav {
  float:right;
  display:block;
  padding-top:10px;
  height:19px;
}
div#header div#top-nav ul li a {
  font-size:12px;
  font-weight:bold;
  color:#fff;
  padding: 0 10px;
}

div#header div#top-touts {
  float:right;
  display:block;
  padding-top:16px;
  width:544px;
}
div#header div#top-touts ul li,
div#header div#top-touts ul li a{
  display:inline;
  float:left;
}

div#main-nav-container ul li a {
	display:block;
	height:38px;
	line-height:38px;
	overflow:hidden;
	text-indent: -999em;
}

/* nav 1 */
div#header li#nav-urinary-incontinence a {
  background:url(../images/top-nav-bg.gif) 0px 0px no-repeat;
  width:212px;
}
div#header li#nav-urinary-incontinence a:hover {
  background:url(../images/top-nav-bg.gif) 0px -38px no-repeat;
}
/* nav 2 */
div#header li#nav-incontinence-aids a {
  background:url(../images/top-nav-bg.gif) -212px 0px no-repeat;
  width:224px;
}
div#header li#nav-incontinence-aids a:hover {
  background:url(../images/top-nav-bg.gif) -212px -38px no-repeat;
}
/* nav 3 */
div#header li#nav-incontinence-care a {
  background:url(../images/top-nav-bg.gif) -436px 0px no-repeat;
  width:190px;
}
div#header li#nav-incontinence-care a:hover {
  background:url(../images/top-nav-bg.gif) -436px -38px no-repeat;
}
/* nav 4 */
div#header li#nav-ask a {
  background:url(../images/top-nav-bg.gif) -626px 0px no-repeat;
  width:177px;
}
div#header li#nav-ask a:hover {
  background:url(../images/top-nav-bg.gif) -626px -38px no-repeat;
}
/* nav 5*/
div#header li#nav-stories a {
  background:url(../images/top-nav-bg.gif) -803px 0px no-repeat;
  width:147px;
}
div#header li#nav-stories a:hover {
  background:url(../images/top-nav-bg.gif) -803px -38px no-repeat;
}

div.dropdown {
  position:absolute;
  background:#357407;
  padding:0 8px;
}
div.dropdown ul {
  list-style-type:none;
}
div.dropdown ul li {
  height:31px;
  line-height:31px;
  border-bottom:1px solid #012401;
}
div.dropdown ul li a {
  font-weight:bold;
  color:#ffffff;
}
div.dropdown ul li.topline {
  border-top:none;
}
div.dropdown ul li.bottomline {
  border-bottom:none;
}

/*########################################################
	:: footer
##########################################################*/
div#footer {
	background: url(../images/footer-bg.gif) 0 0 repeat-x;
	height:306px;
	padding:0;
	clear:both;
	margin:0 auto;
	text-align:center;
	width:auto;
	float:none;
	border:0;
}

div#footer div.column {
  width:190px;
  float:left;
  display:inline;
  background:url(../images/footer-heading-divider.gif) left top no-repeat;
}

div#footer div.column h6 {
  display:block;
  width:169px;
  height:40px;
  font-size:14px;
  margin:0;
  padding:10px 0 0 21px;
  font-weight:bold;
}
div#inner-footer {
  background:url(../images/footer-heading-divider.gif) right top no-repeat;
}

div#footer div.column h6 a{
	color:#fff;
}
div#footer div.column h6 a:hover{
	color:#d7fc7f;
}
div#footer div.column h6 span {
	display:block;
}

p.legal {
  color:#ffffff;
  margin:20px 0 0 15px;
  font-size:9px;
}
p.legal a{
  color:#ffffff;
}

div#footer div.column h6#footer-logo {
  display:block;
  background:url(../images/footer-logo.gif) top left no-repeat;
  width:100px;
  height:38px;
  margin:9px 0 0px 21px;
  padding:0;
}
div#footer div.column h6#footer-logo a {
  display:block;
  width:100px;
  height:38px;
}
div#footer div.column li.footer-ask {
  display:block;
  background:url(../images/footer-ask-a-question.jpg) bottom left no-repeat;
  width:190px;
  height:177px;
  margin:0;
  padding:21px 0 0 0;
}
div#footer div.column  li.footer-ask a {
  display:block;
  width:190px;
  height:177px;
  border:0;
}

div#footer div.column  li.footer-ask span,
div#footer div.column h6#footer-logo span {
	display:none;
}

div#footer div.column ul {
  padding:0;
  margin:0;
  list-style:none;
  padding:15px 0 0 15px;
  color:#820653;
}
div#footer div.last ul {
  padding:15px 0 0 0px;
}

div#footer div.column ul li {
	background:url(../images/footer-bullet.gif) 0px 9px no-repeat;
	padding-left:15px;
}
div#footer div.column ul li a {
  color:#ffffff;
  font-size:12px;
  border-bottom:1px dotted #71ac0f;
  display:block;
  line-height:14px;
  padding:4px 0;
  width:155px;
}
div#footer div.column ul li a:hover {
  color:#d7fc7f;
}



/*########################################################
	:: content
##########################################################*/
div#content {
  width: 950px;
  border: 0;
  padding:0 0 14px 0;
}
div#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div#content{ display:inline-block; }
div#content{ display:block; }


/*########################################################
	:: content :: side content
##########################################################*/
#side-content{
	float: left;
	width: 170px;
	padding: 20px 0px 0 15px;
	display: inline;
	background: none;
}

/*########################################################
	:: content :: breadcrumb
##########################################################*/

#breadcrumb {
  text-align:left;
  height:25px;
  line-height:18px;
  clear:both;
  font-size:10px;
  background:#ffffff url('../images/breadcrumb-background.gif') bottom left repeat-x;
  padding:3px 0 0 15px;
}
#breadcrumb ul {
  list-style-type:none;
  padding-top:1px;
  padding-left: 10px;
  background: url('../images/bc-home.gif') left no-repeat;
}
#breadcrumb ul li {
  float:none;
  display:inline;
  color:#000000;
  padding:0 0 0 4px;
  font-weight:bold;
  font-size:11px;
}
#breadcrumb ul li a {
  color:#444;
  padding-right:9px;
  background:url('../images/breadcrumb-seperator.gif') center right no-repeat;
  font-weight:normal;
}

/*########################################################
	side content :: nav widget (sub menu)
##########################################################*/
.nav-widget{
	margin-bottom: 20px;	
    font-size: 14px;
}
.nav-widget .header {
	background:#023900 url(/images/section-menu/cap.gif) no-repeat scroll 0 0;
	border-bottom:1px solid #023900;
	margin:0px 0 0 0px;
	min-height:44px;
	position:relative;
	width:170px;
}
.nav-widget .content {
	background-color: #fafef1;
	border: 1px solid #ccc;
    border-top:none;
}
.nav-widget .header h3{
   font-size:15px;
   color:#fff;
   padding: 15px 10px;
   margin:0;
}
.nav-widget .header h3 a {
    color:#fff;
}
.nav-widget ul{
	padding: 0 10px;
	list-style: none;	
}
.nav-widget ul li{
	margin-bottom: 0px !important;
}
.nav-widget .heading{
	width: 102px;
	height: 37px;
}
.nav-widget ul li.last{
	background-image: none;
}
.nav-depth ul li a{
	display: block;
	color: #000;
	padding-right: 15px;	
	background: transparent url(../images/section-menu/arrow.gif) no-repeat center right;
}
.nav-depth ul li{
	line-height: 17px;
	background: transparent url(../images/section-menu/divider.gif) repeat-x bottom left;
    padding:6px 0;
}
.nav-depth ul li a:hover {
	color:#53b300;
}
/* side content :: nav widget :: current page selection*/
.nav-widget ul li.current{
	height: auto !important;
}
.nav-widget ul li.current ul{
	padding: 0;
}
.nav-widget ul li.current a{
	color: #3c7f00;
	font-weight: bold;
}
.nav-widget ul li.current ul.sections {
        margin-top:10px;
}
.nav-widget ul li.current ul.sections li{
	line-height: 15px;
	background: transparent url(../images/section-menu/bullet.gif) no-repeat 0px 9px;		
	font-size: 12px;
	padding:4px 0;
	height:auto;
}
.nav-widget ul li.current ul.sections li a.current {
  font-weight:bold;
  color:#000;
}
.nav-widget ul li.current ul.sections a{
	line-height: 15px;	
	padding-left: 10px;
	background: none;	
	color: #555555;
	font-weight: normal;	
}

/* nav widget :: (no sub menu) */
.nav-shallow ul{
	padding-top: 10px;
	padding-bottom: 10px;
}
.nav-shallow ul li{
	background: transparent url(../images/bg-nav-widget-sections-li.gif) no-repeat 0px 4px;		
	font-size: 10px;
	padding:0 0 8px;
}
.nav-shallow ul li.current a{
	color: #000;	
	font-weight: bold;
}
.nav-shallow ul li a{	
	padding-left: 10px;
	color: #555555;
	font-size: 11px;
  display:block;
}

/*########################################################
	side content :: widget
##########################################################*/
.widget{
	position: relative;
	margin-bottom: 20px;	
	padding-bottom: 10px;
}


/*########################################################
	:: content :: main content
##########################################################*/
#main-content{
	float: right;
	width: 765px;
}

#main-content ul {
	padding-left:40px;
}
#main-content ul li {
	margin-bottom:10px;
}

/*########################################################
	main content :: intro
##########################################################*/
#intro{
	width: 738px;
	margin: 17px 0 0 14px;	
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	padding:15px 0 0 0;
}

#intro p {
	color:#000;
	font-size:16px;
	line-height:23px;
	margin:0 0 14px 25px;
	width:450px;
}

#home #intro p {
	width: 350px;
}
.select-product #intro p,
.incontinence-aids #intro p{
	width: 322px;
}


/*########################################################
	main content :: product selector
##########################################################*/
/* product selector :: intro */

#page-content #questions h3 {
  font-size: 18px;
  padding-bottom:0px;
}
div#content #questions ul {
	padding-left:0px;
}
div#content #questions ul li{ background-image: none; }
div#content #questions #q2 ul li label{
	display: block;
	margin-top: -20px;
	margin-left: 30px;
}
.question h3{
  color: #000;
  font-size:16px;
  font-weight:normal;
}
.question{
  width: 682px;
  padding: 20px;
  border-top:1px solid #fff;
}
.question ul{
	margin-top: 24px;
	margin-left: 37px;
}
.question li{
  list-style: none;
  display: inline;
  margin-right: 20px;
}
#q1, .q3{
  background-color: #f4fde3;
}
#q1{
	position: relative;
}
/* product selector :: question 2 (four answers) */
#q2 li,
#q4 li{
	display: block;
	float: left;
	width: 140px;
}
#q2 ul:after,
#q4 ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#q2 ul, #q4 ul{ display:inline-block; }
#q2 ul, #q4 ul{ display:block; }
div#content #questions #q2 ul li label,
div#content #questions #q4 ul li label{
	display: block;
	margin-top: -20px;
	margin-left: 30px;
}

#q4 li{ width: 190px}

#how-to-get-started{
	position: absolute;
	bottom: 16px;
	right: 25px;
	background-color: #C0E772;
	color: #111;
	padding: 10px 15px 0 15px;
	font-size:15px;
}
#selector-result{
	height: 40px;
	position: relative;
	margin-top: 17px;
	border-top:2px solid #111;
}
#selector-result p a{
	position: absolute;
	bottom: 14px;
	height: 43px;
	top:5px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
}
/* product selector :: button :: start over */
#selector-result .start-over,
#product-range .start-over{
	left: 0px;
	width: 142px;	
	height: 43px;
	background-image: url(../images/btn-start-over.gif);
}
/* product selector :: button :: submit */
#selector-result .find-my-product{
	right: 0px;
	width: 332px;	
	background-image: url(../images/btn-recommended.gif);
    overflow:hidden;
}



/*########################################################
	main content :: product results
##########################################################*/
#products-results #intro{
	position: relative;
}
#page-content p.rec {
  background-color:#efefef;
  display:block;
  height:20px;
  padding:5px 0 5px 5px;
  width:100px;
  clear:both;
}
#page-content .product {
  display:block;
  float:right;
  margin:-30px 0 20px 0;
}
#product-range .product .product-highlights {
  width:400px;
}
#product-range .start-over {
	float:right;
}
#product-range .start-over span {
	display:none;
}
/*########################################################
	:: section landings
##########################################################*/
#intro h1 {
	color:#0E4120;
	font-size:32px;
	font-weight:normal;
	padding:10px 0 10px 25px;
}

#intro {
	height:185px;
}


.subsections {
	margin-bottom:15px;
	float:left;
}
.subsections .row {
	width:728px;
	margin:10px 0 0 15px;
	background:url(../images/section-row-bg.gif) left bottom no-repeat;
	padding-bottom:10px;
}
.subsections .row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.subsections .row{ display:inline-block; }
.subsections .row{ display:block; }

.subsections .row .items{
	width:728px;
	position:relative;
	/* crossbrowser min-height */ min-height: 119px;height: auto !important;height: 119px;
}

.submenu h3  a ,
.subsections .row h3  a {
color:#000000;
display:block;
font-size:23px;
height:21px;
padding:10px 0 5px 22px;
width:716px;
}	
.product a.more,
.submenu a.more,
.subsections .row a.more {
  float:right;
  margin:10px 20px 5px 0;
  text-transform:sentence;
  font-weight:bold;
  background: url(../images/section-menu/arrow.gif) 100% 50% no-repeat;
  padding-right: 18px;
  font-size:13px;
}
.subsections .row a.more span {
  text-transform: lowercase;
}
.submenu h3 span,
.subsections .row h3 span{
	display:none;
}
.subsections .row .item {
	display:block;
	float:left;
	width:200px;
	margin-top:15px;
	padding-left:14px;
	padding-right:10px;
}
.subsections .row .item-large {
  display:block;
  float:left;
  width:695px;
  margin-top:15px;
  padding-left:14px;
}
.subsections .row .item h4 {
	padding:10px 0 6px 8px;
	margin:0;
	font-family:Arial, sans;
	font-size:15px;
	font-weight:bold;
	background:none !important;
}
.subsections .row .item  h4 a {
	color:#111;
	text-transform: capitalize;
}
.subsections .row .item  p{
	padding:0 0 10px 8px;
	margin:0;
	font-family:Arial, sans;
	font-size:15px;
	font-weight:normal;
	line-height:21px;
	color:#111;
}
.submenu .item  a,
.subsections .row .item  a{
	text-transform:lowercase;
	font-family:Arial, sans;
	font-weight:bold;
	line-height:20px;
}
.subsections .row .first {
	background:none;
	margin-left:9px;
	clear:both;
}

/*########################################################
	:: homepage
##########################################################*/
#home #intro,
#home #rotators{
	width: 738px;
	height: 305px;
}
#home #intro{
	position: relative;
	background: transparent url(../images/image-rotator-bg.jpg) no-repeat top left;
	font-family: Helvetica, sans-serif;	
	padding-top:83px;
}
#home #intro p{	margin: 0; }
#home #rotators{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;	
	height: 330px;
	padding: 7px;
}
/* homepage :: rotator */
.rotator{
	position: relative;
	width: 724px;
	height: 330px;
	background-color: red;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	list-style: none;
}
.rotator .rotator-description {
  width:360px;
  float:left;
  margin:25px 0 0 25px;
  display:inline;
}
.rotator .rotator-description h2{
  font-size:32px;
  line-height:35px;
  margin-bottom:10px;
}
.rotator .rotator-description p{
  font-size:15px;
}
.rotator .rotator-image {
  width:226px;
  float:left;
  margin:51px 0 0 60px;
}
.rotator .rotator-description  a{
  display:block;
  margin-top:20px;
}
#rotator-4 { background: url(../images/rotator/rotator-bg-4.jpg) top left no-repeat; }

/* homepage :: nav-rotators */
#nav-rotators{
	position: absolute;
	bottom: 7px;
	left: 7px;
	width: 724px;
	height: 47px;
}
#nav-rotators ul{
	padding: 0;
}
#nav-rotators ul li{
	display: inline;
	width: 180px;
	height: 47px;
}
#nav-rotators ul li a{
	background-color:#4D4D4D;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:16px;
	font-weight:bold;
	height:40px;
	line-height:16px;
	margin-right:1px;
	overflow:hidden;
	padding:7px 0 0 10px;
	width:170px;
}
#nav-rotators ul li a.last {
	margin-right:0px;
	width:171px;
}
#nav-rotators .current a, #nav-rotators a:hover { background-color:#1c69b9; text-decoration:none !important; }
#nav-rotators  span {
	display:block;
}

#page-content {
  margin:20px 0 0 21px;
}
#page-content .item {
  width:350px;
  border-top:4px solid #004200;
  float:left;
  display:inline;
  margin-right:22px;
  padding:17px 0 25px 0;
}
#page-content .wide {
  width:722px;
  margin-right:0px;
}
#page-content .last {
  margin-right:0px;
}
#page-content h2 {
  font-size:27px;
  padding-bottom:16px;
}
#page-content h3 {
  font-size:27px;
  padding-bottom:16px;
}
#page-content h4 {
  font-size:18px;
  padding:10px 0;
  margin: 0;
}
#page-content p{
  padding-bottom:12px;
  font-size:15px;
  line-height:21px;
}
#page-content p.intro {
  font-size:16px;
  line-height:22px;
}
#page-content .more-info {
  float:right;
  margin-top:20px;
}
#page-content h4 em,
#page-content h3 em,
#page-content h2 em {
  color:#9AB236;
}

#page-content ul, #page-content ol {
  font-size:14px;
  margin-top:7px;
  padding-bottom:7px;
  padding-left:30px;
}
#page-content ul {
  list-style:none;
  padding-top:7px;
}
#page-content ul li, #page-content ol li {
  padding:0 0 0 8px;
  margin:9px 0;
  line-height: 20px;
}
#page-content ul li {
  background:url(../images/story-bullet.gif) 0px 7px no-repeat;
  padding:0 0 0 15px;
}

/*
	EXPERT SIDEBAR
*/
.experts-sidebar h6{
  background-color:#b84d25;
  padding:6px;
  margin:0;
  font-size:12px;
  font-weight:bold;
  color:#fff;
}
.experts-sidebar h4 {
  background:url(../images/ask-an-expert/q.gif) 0px 2px no-repeat;
  padding-left:28px;
}
.experts-sidebar h4 a{
  font-size:14px;
  line-height:16px;
  color:#b84d25;
}
.experts-sidebar p {
  color:#4d4d4d;
  font-size:13px;
  line-height:18px;
  padding:0 0 8px 5px;
}
.experts-sidebar cite {
  padding:5px 0 0 5px;
  font-size:12px;
}
.experts-sidebar .more-questions {
  margin-top:10px;
  display:block;
}


/*########################################################
	main content :: Section Menu Template Styles
##########################################################*/
/*
#information {
  color:#383838;
  margin:10px 17px 10px 17px;
  padding:0 10px 19px 0;
  border-bottom:1px solid #b0b0b0;
  background:#f9f9f9;
}
#information h1 {
  font-size:16px;
  font-weight:bold;
  line-height:53px;
  padding:0 0 0 57px;
  background:url('../images/questionmark.png') center left no-repeat;
}
#information img {
  float:right;
}
#information p {
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  margin:8px 0 8px 22px;
}*/

#tips {
  margin:0 0 15px 0;
  padding:0;
  background:none;
  float:left;
}
#tips h3 {
color:#004400;
display:block;
font-size:22px;
height:35px;
line-height:25px;
margin:0;
padding:9px 0 0 20px;
width:702px;
  background:url('../images/section-menu/tips-header.png') top left no-repeat;
}
#tips .tip {
  background:#ebf7d4;
  clear:both;
  padding:20px 20px 15px 20px;
  border:1px solid #f5f0f7;
  border-width:0 1px;
border-bottom:1px solid #90af2c;
}
#tips .top-tip {
  margin:0 0 2px 0;
}
#tips .tip h4 {
  color:#004400;
  font-weight:bold;
  font-size:16px;
  margin:0 0 5px;
  padding:0 0 0 26px;
  background:url('../images/tick-purple.png') top left no-repeat;
  height:26px;
  line-height:26px;
}
#tips .tip p {
font-size:15px;
line-height:21px;
padding-bottom:12px;
}

#responses {
	float: left;
  background:url('../images/section-menu/tips-header.png') top left no-repeat;
  position:relative;
  clear:both;
  margin:0 0 10px 14px;
  display:inline;
}
#responses #menu-stories {
  float:left;
  display:inline;
  width:350px;
  margin-right:11px;
}
#responses h3 {
  display:block;
  margin:0;
  color: #004400;
  font-size:22px;
  height:35px;
  display:block;
  padding:9px 0 0 17px;
}
#menu-stories .menu-story {
  clear:both;
  margin:15px 0 15px 15px;
}
#responses h4 {
  margin:0 0 7px 0;
  padding:0;
  color:#6c297e;
  font-size:15px;
  line-height:18px;
}
#responses p {
  font-size:13px;
  color:#333;
  line-height:18px;
}
#responses cite {
  line-height:18px;
  font-size:12px;
  color:#666;
  margin-top:5px;
  font-style:italic;
  width:100%;
  display:block;
}
#responses #menu-questions {
  float:right;
  display:inline;
  width:350px;
  position:relative;
  margin-left:11px;
}
#menu-questions h3 {
	padding-left:0;
}
#menu-questions .menu-question {
  margin:15px 0;
  clear:both;
  width:315px;
}
#menu-questions .menu-question h4 {
  margin:0 0 10px 0;
  color:#106d99;
  font-size:13px;
  line-height:18px;
  background:url(../images/ask-an-expert/tout-q.gif) top left no-repeat;
}
#menu-questions .menu-question p {
  background:url(../images/ask-an-expert/tout-a.gif) top left no-repeat;
}
#menu-questions .menu-question h4,
#menu-questions .menu-question p, 
#menu-questions .menu-question cite {
  padding:0 0 0 30px;
}

#responses .seperator {
  border-bottom: 1px dotted #9da6ad;
  padding-bottom: 15px;
  padding-top:10px;
}

/*########################################################
	product range styles
##########################################################*/

#product-range .product-highlights p{
	padding:7px 0;
}
#product-range .product-highlights li {
	font-size: 15px;
	margin-bottom:10px;
}
#product-range .product-image {
	float:left;
	display:inline;
	width:175px;
	margin-top:15px;
}
#product-range .product-measurements {
	float:left;
	display:inline;
	width:90px;
	margin-top:10px;
}
#product-range .product-highlights {
	width:520px;
	display:block;
	float:left;
	margin-top:15px;
	padding-left:20px;
}

/*results*/
.results {
	position:relative;
	height:630px;
}
.results .first-choice,
.results .second-choice{
	position: absolute;
}

.results #product-range .information {
	overflow:hidden;
  background-color:#fff;
}
.results #product-range .information a{
	background:url(../images/products/more-info.gif) no-repeat;
	width:94px;
	height:25px;
	display:block;
	margin:20px auto 0px auto;
}
.results #product-range .information a span{
	display:none;
}

.results .first-choice{
	top: 130px;
	left: 248px;
}
.results #product-range .first-choice h3 {
	background:url(../images/products/middle-bg.gif) no-repeat;
}
.results #product-range .first-choice .information {
	height:370px;
	padding-top:35px;
}
.results #product-range .first-choice li {
	font-size:14px;
}

.results .second-choice{
	top: 150px;
	left: 17px;
}
.results #product-range .second-choice h3 {
	background:url(../images/products/left-bg.gif) no-repeat;
}
.results #product-range .second-choice .information {
	border-right: none;
	width:217px;
	height:350px;
	background:#fff url(../images/products/left-shadow.gif) right repeat-y;
}

#product-range .which-product {
	width:730px;
	height:255px;
	display:inline;
	float:left;
	background-color:#ecd3eb;
	margin:10px 0 15px 14px;
}
#product-range .which-product h4 {
	display:block;
	width:730px;
	height:55px;
	padding:0;
	margin:0;
	background:url(../images/products/which-product-title.gif) no-repeat;
}
#product-range .which-product h4 span{
	display:none;
}
#product-range .which-product p {
	width:300px;
	color:#59005f;
	font-size:12px;
	font-family:Arial,sans;
	float:left;
	margin-top:25px;
}
/*

#product-range p.absorbency {
	padding:5px 0 5px 58px;
	background-image: url(../images/products/elipses.gif);
	background-repeat:no-repeat;
}
#product-range p.quarter {		background-position:0px 0px;}
#product-range p.fifty {			background-position:0px -23px;}
#product-range p.eighty {		background-position:0px -46px;}
#product-range p.one {			background-position:0px -69px;}
#product-range p.one-fifty {		background-position:0px -92px;}
#product-range p.one-eighty {	background-position:0px -115px;}
#product-range p.two-fifty {		background-position:0px -138px;}
#product-range p.two-eighty {	background-position:0px -161px;}
#product-range p.three {			background-position:0px -184px;}
#product-range p.three-fifty {	background-position:0px -207px;}
#product-range p.five {			background-position:0px -230px;padding:5px 0 5px 70px;}
*/

#not-sure-selector,
#not-sure {
	position:absolute;
	display:block;
	width:253px;
	height:43px;
	margin-left:467px;
	margin-top:-10px;
	background: url(../images/not-sure.png) no-repeat;
}
#not-sure-selector {
	background: url(../images/not-sure-selector.png) no-repeat;
}
#not-sure-selector span,
#not-sure span {
  display:none !important;
}
.bottom {
bottom:-25px;
}
/*########################################################
	submenu
##########################################################*/
.submenu {
	width:728px;
	float:left;
	display:inline;
	padding-bottom:15px;
}
/*.story {
	background-color:#f7f7f7;
	padding:0 15px 15px 22px;
  width:696px;
}
.story p {
	color:#3e3e3e;
	margin:8px 0;
}
#main-content .story h1 {
  margin:0 -15px 10px -22px;
}
.story h3 {
	color:#fe00ad;
	padding-top:7px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-weight:bold;
}
.story h4 {
	margin:14px 0;
	color:#fe00ad;
  font-size:14px;
  font-weight:bold;
}
#main-content .story ul {
	list-style:none;
	padding:0 0 0 12px;
	margin:0px;
}
#main-content .story li {
	padding:0 0 0 14px;
	margin:0px;
	background:url(../images/story-bullet.gif) 0% 50% no-repeat;
}
.story a {
	color:#8453a6;
	text-decoration:underline;
}*/
#main-content a:hover {
	text-decoration:underline;
}
a.btn-question,
a.btn-story {
	width:213px;
	height:43px;
	display:block;
	background:url(../images/btn-story.gif) no-repeat;
}
a.btn-question {
	background:url(../images/btn-question.gif) no-repeat;
}
a.btn-question span,
a.btn-story span{
	display:none;
}
#page-content .submenu .submenu-title{
	font-family:Arial,sans;
	font-size:24px;
	font-weight:normal;
	color:#000;
	line-height:24px;
	padding:0;
	margin:0px;
}
.submenu .submenu-title em{
	color:#fe00ad;
  	font-size:22px;
}

.submenu .items {
	float:left;
	margin-top:10px;
	background: #EBF7D4 url(../images/white-divider.gif) repeat-y center top;
}
.submenu .item h4,
.submenu .item  h4 a {
	background:none;
	padding:0;
	margin-top:0;
	text-transform:none;
}
#page-content .submenu .item {
	border-top:4px solid #fff;
	width:338px;
	margin-left:2px;
	margin-right:0;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#EBF7D4;
}
#page-content .submenu  .first{
	clear:left;
	margin-left:0;
	margin-right:2px;
}

.submenu .item img {
  width:100px;
  float:left;
  margin-left:-20px;
  margin-top:5px;
}

/*#more{
	position: relative;
	width: 750px;
	height: 223px;
	margin: 5px;
	background: transparent url("../images/bg-more.png") no-repeat top left;	
}
#more .heading{	
	height: 17px; 
	margin: 10px 0;	
}
#more .content,
#more blockquote,
#more img{
	padding-top: 10px;
	font-size: 15px;	
}
#more blockquote span{ 
	padding-left: 30px;
	background: transparent url("../images/quotes-open.gif") no-repeat top left; 
}
#more blockquote{
	width: 200px;
	background: transparent url("../images/quotes-close.gif") no-repeat bottom right; 
	text-overflow: auto;
}

#more .more-content-wrapper{
	position: relative;
}
#more .first,
#more .first .more-content-wrapper{
	width: 270px;
	height: 196px;	
}
#more .first{
	position: relative;
	margin: 10px 0 0 40px;
  float:left;
  display:inline;
}
#more .second,
#more .second .more-content-wrapper{
	width: 352px;
	height: 196px;
  overflow:hidden;
}
#more .second{
	position: relative;
  float:right;
  margin:12px 18px 0 0;
	padding:0 0 0 45px;
  border-right: 1px solid #d5d5d5;
	border-left: none;
  background: transparent url('../images/bg-more-second.png') no-repeat top left;
  display:inline;
}
#more .buttons{
  float:right;
  margin:0 0 0 10px;
}
#more .first .buttons{
	width: 270px;
}
#more .button{
	display: inline;
	float: left;
	width: 190px;
}*/

.buttons .button{ margin:0 10px 0 0; }
.buttons #btn-read-our-answers{ width: 120px; }
.buttons #btn-question-to-ask{ width: 130px; }


/*########################################################
	Template :: Frequently Asked Questions
##########################################################*/

.f-a-q h2, .faq h2 {
color:#004400;
line-height: 24px;
font-weight:bold;
}
#page-content .f-a-q h3 {
  font-size:22px;
}


table {
border:1px solid #EBEBEB;
border-spacing:0;
margin:10px 0;
padding:10px;
}
table th {
background-color:#ebf7d4;
border-color:#90af2c;
border-style:solid;
border-width:1px 1px 1px 0;
color:#004400;
font-size:14px;
padding:16px 20px;
}
table th.first {
border-width:1px;
}
table td {
border-color:#90af2c;
border-style:solid;
border-width:0 1px 1px 0;
margin:0;
padding:16px 10px 16px 20px;
}
table td.first {
border-width:0 1px 1px;
}
