/*
Breathe Right cascading style sheet
by chris.kennish@worthdigital.com

pallette ----------------------------------------------------------------------------------
==========blues
#04b
#138
#26b
#48d
#7af
#cae5f7
==========greys
#222
#666
#dde
==========orange
#f52
generic objects ------------------------------------------------------------------------*/

@import url("navigation.css");

*
{	}

body
{	font-size: 75%;
	font-family: sans-serif;
	color:	#222;
	padding: 0;
	margin: 0;
	background: url(../images/backgrad.gif) repeat-x left top #b1daf8;}

a
{	}

a:link,
a:visited
{	text-decoration: none;
	color: #48d}

a:hover,
a:focus,
a:active
{	text-decoration: underline;
	color: #f52}
	
h1
{	border-style: solid;
	border-color:#dde;
	border-width: 0 0 1px 0;
	padding: 0;
	margin: 0px 10px 10px 10px;
         line-height: 1.2em;

}
	
h1 img
{	border-width: 0}

h2
{	position: relative;
color: #26b;
	padding: 1.2em 0 0 20px;
	margin: 0 0 0.1em 0px;
	font-size:1.4em
        
       
}

h3
{	position: relative;
color: #48d;
	margin-top: 0.5em;
	font-size:1.2em;
	padding: 0em 0 0 20px;
	margin: 1.3em 0 0.1em 0px}


h4
{	color: #48d;
	margin-top: 1em;
	font-size:1.1em;
	padding: 0em 0 0 20px;
	margin: 1em 0 0.1em 0px}

p img
{	
	margin: 0 9px 12px 0
}

img
{	border: none}

p.intro
{	font-weight:bold}

p
{	color: #666;
	padding: 0em 0 0 20px;
	margin: 0.5em 0 0.1em 0px;
	max-width:60em;
        line-height: 1.9em;
        position:relative;
}


hr {

        border: 0px;
        color: #ADADAD;
	background-color: #9A9A9A;
	height: 1px;  
        margin: 0px 20px  15px 20px;
        
        }
        
.pagecontent ul,
.pagecontent ol
{	color: #666;;
	padding: 0em 0 0 30px;
	margin: 0.5em 0 0.1em 20px;
	max-width:60em

}

.pagecontent li
{	margin: 0;
	padding: 0px;
        margin-bottom: 5px;
}

input,
textarea,
select
{	font-family: sans-serif;
	font-size: 1em}

.phead
{	font-size: 1.4em;
	font-weight: bold;
	padding: 1.2em 0 0 20px;
	margin: 0 0 0.1em 0px;
        line-height: 1.2em!important;
}

em
{	color: #48d;
	font-style:normal}

/* layout -----------------------------------------------------------------------------*/

.access
{	display: none}

.clearer
{	clear: both;
	padding:0;}

.container
{	margin: 0 75px 18px 55px;
	
	min-width: 914px;
	border-style:  solid;
	border-width: 0px 0px 1px 0px;
	background: url(../images/backgrad.gif) repeat-x left top #b1daf8;
	border-color: #cae5f7;
	padding: 0;
}

.container p {
        line-height: 1.5;  
       
        
}
	
.subcontainer
{	margin: 0 0 5px 0;
	padding: 0 0;
	width: 100%;
	background: #fff;}

.sidebar
{	border: 1px solid white;
        z-index: 1;
	background: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 9px;
	width: 193px;
	float: left;
	position: relative;
	left: 0 
}

.pagecontent
{	margin: 0 9px 0 0px;
	padding: 0 0 36px 213px;
	background-image: url(../images/mainField.gif);
	background-repeat:  no-repeat;
	background-position: 213px top;
	background-color: #fff;
       
}

.pagecontent a
{	text-decoration: underline}

.columnholder
{	}
	
.pagecontent .columnholder h3,
.pagecontent .columnholder p
{	}


.hero
{	margin: 0;
	padding: 0}

.pagecontent ul
{	color: #fc8227;
position: relative;}

.pagecontent ul span
{	color: #666;
position: relative;}

.productgroup
{	float: right;
	clear: right;
	padding-top: 0em;
        padding-left: 1.7em;
        margin-bottom: 0px;
        position:relative;
}
	
	
.commmercial_button

{	
position:relative;
float: right;
	clear: right;
	padding-right: .4em;
	padding-top: .7em;
        padding-left: 0em;
        margin-bottom: 20px;
}

.summary
{	
}


/* clouds ============================================================================================= */

 .clouds
{	float: right;
	position: relative;
	right: -15px;
	background: url(../images/improves-nastal-airflow.png) no-repeat;
	width: 249px;
	height: 308px}

 .clouds2
{	float: right;
	position: relative;
	right: -15px;
	background: url(../images/eased-breathing.png) no-repeat;
	width: 249px;
	height: 308px}

 .clouds3
{	float: right;
	position: relative;
	right: -15px;
	background: url(../images/reduces-snoring.png) no-repeat;
	width: 249px;
	height: 308px}
	
.clouds p,
.clouds h2,
.clouds h3,
.clouds2 p,
.clouds2 h2,
.clouds2 h3,
.clouds3 p,
.clouds3 h2,
.clouds3 h3
{	display: none;}

/* subnav -----------------------------------------------------------------------------------*/

.subnav
{	float: right;
	clear: none;
	position: relative;
	right: 0;
	margin:0;
	padding: 0 0 0 0;
	list-style-type: none;}
	
.subnav li
{	margin: 0;
	padding: 0}

/* home page specific ================================================================================*/


/* country chooser ----------------------------------------------------------------------------*/

.country
{	float: right;
	text-align: right;
	width: 400px;
        margin-top: 10px;
}

.country fieldset
{	border: none}

.country legend
{	display:none}

.country label
{	color: #48d}

.country select,
.country input
{	font-family: sans-serif;
	font-size: 1em;
	vertical-align:middle}

/* sample offer ================================================================ */

.sample
{	float: left;
	padding: 20px 100px;
	width: 46em}

.sample fieldset
{	border: 1px solid #cae5f7;
	margin: 0.6em;
	padding: 0.6em}

.sample legend
{	color: #7af;
	margin: 0.6em;
	padding: 0.6em}

.sample label
{	text-align: right;
	width: 30em;
	display: block;
	margin: 0.3em 0.6em;
	padding: 0.6em 0 }

.sample input,
.sample select
{	margin-left: 2em;
	vertical-align: text-top;
	}

.dob
{	text-align:right;
	width: 28.8em}

.dob label
{	display: inline;
	width: auto}

.dob label input,
.dob label select
{	margin-left: 0.3em}

.sample .checks
{	text-align:left;
	border-color: #cae5f7;
	border-style: solid;
	border-width: 0 0 1px 0;
	margin: 0 0.6em;}

.sample .checks input
{	float:right}

.sample .submission
{	float: right}

/* site map ================================================================== */

.pagecontent .sitemaper ol.navigation
{	padding: 0;
	list-style: decimal outside;
	margin: 1em 25% 0.1em 40px}

.pagecontent .sitemaper ol.navigation li ol
{	margin: 0 2.6em;
	list-style: lower-roman outside}

.pagecontent .sitemaper ol.navigation li ol li ol
{	margin: 0 2.6em;
	list-style:lower-alpha outside}
	
.sitemaper .navigation img
{	display: none}

.sitemaper li{
           margin-bottom: 10px;    
}


/* footer ----------------------------------------------------------------------------------*/

.footer
{	margin: 0;
	background: url(../images/footergrad.gif) repeat-x left top #cae5f7;
	padding: 0;
	font-size: 90%;
	clear: both}
	
.footer ul
{	list-style:none;
	margin:0;
	padding:0}

.footlogo
{	float: left;
	margin-right: 18px}

.footmap
{	float: right;
	padding: 0px 24px 0 12px;
	margin: 18px 0 0 0;}
	
.footcontact,
.footterms,
.footlinks
{	float: right;
	margin: 18px 0 0 0;
	padding: 0 12px 0 12px;
	border-color: #7af;
	border-style: solid;
	border-width: 0 1px 0 0}

.footcontact a
{	}

.footcontact a,
.footmap a
{	}

.footcopy
{	font-weight: bold;
	padding-top: 12px;
        padding-bottom: 3px;
        color: gray;

}
        
        
    .demo {
        border-top: solid 1px #CACDD2;  
        margin-left: 20px;
        padding: 5px;
        height: 120px;
        }
        
.demo h3 {
       padding: 0px;
       margin: 0px;
       
        }
        
.demo p {
       padding: 0px;
       margin: 0px;
       
        }
 
.demo-img {
		 float: left;
		 margin-right: 13px;
		        }
          
.strip-animation {
        
        width: 90px;
        height: 85px;
        float: right;

        
        
        }

.e-link {
        background: url(../images/external-link.gif) no-repeat left center;                
        padding: 0px 0px 0px 18px;     
        font-weight: 100;
        }
      
        
.product {
         float: left;
       
        width: 30%;
        }
                
.product_right {
         float: right;
       margin:0px 22px 0px 42px;
       
        }
        
.more-button{
         float: right;
     
       
        }
             
  table.product {color:	#505050; width:370px;}
  
  caption  {display:none;}
  
  TH {text-align: left; background-color: #E6F3FD; font-size: 1.2em; font-weight: bold; color:#4488DD;}
  
  
table.product  { 
	margin-left:20px;
	border-top:  solid thin #70BEE9
}

table.product td { 
	border-top: thin dotted #70BEE9

}

.buy_now_right  { 
       margin:0px 22px 0px 282px;
       
        }


/* end ---------------------------------------------------------------------------------------*/