/*
************** Main Layout ****************
*/

* { margin: 0; padding: 0; }
/* commented backslash hack v2 \*/ 
html, body{ height:100%; } 
/* end hack */ 
p {margin: 0 0 1em 0; padding: 2px; }

body {
	position: relative;/* for ie7*/
}

#outer {
	min-height: 100%;
	margin: 0 220px;
	background-color: #FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	font-size: 0.75em; /* 16×0.75=12 */
}

* html #outer{ height: 100%; } /*IE treats height as min-height anyway*/

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	background: #FFF url('../images/layout/head_right_bg.jpg') 0 0 repeat-x;
	overflow: hidden;
	text-indent: -1000em;
}

#header-inner {
	width: 800px;
	height: 265px;
}

	div#header h1 a
	{
		position: absolute;
		left: 30px;
		top: 23px;
		display: block;
		width: 170px;
		height: 80px;
	}

div#breadcrumbs
{
	position: absolute;
	right: 238px;
	top: 270px;
	/* top: 270px;
	right: 220px; */
	font-size: 0.65em;
	text-align: right;
	color: #999;
	z-index: 11;
}

	div#breadcrumbs a:link,
	div#breadcrumbs a:visited
	{
		color: #999;
	}

#left {
	position: relative;/*ie needs this to show float */
	width: 220px;
	float: left;
	margin-left: -219px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	left: -1px;
	padding-bottom: 107px;/* clear footer*/
}

#right {
	position: relative;/*ie needs this to show float */
	width: 220px;
	float: right;
	margin-right: -219px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	padding-top: 301px;/* to clear header*/
	left: 1px;
	padding-bottom: 107px;/* clear footer*/
}
 
#footer {
	width: 100%;
	clear: both;
	height: 105px;
	background: #939ba1 url('../images/layout/foot_bg.gif') 0 0 repeat-x;
	color: #FFF;
	text-align: left;
	position: relative;
	margin-top: -105px;/*drag footer from below the fold*/
}

	div#footer div#footer_left_corner
	{
		background: transparent url('../images/layout/foot_left_corner.gif') 0 0 no-repeat;
		height: 32px;
		margin-bottom: 6px;
		* margin-bottom: 8px; /* IE hack */
	}

	div#footer ul
	{
		padding: 0 0 0 20px;
	}
	
		div#footer ul li
		{
			display: inline;
			border-left: 1px solid #FFF;
			padding: 0 6px 0 6px;
			color: #FFF;
			font-size: 0.625em;  /* 16×0.625em=10 */
		}
	
			div#footer ul li.first
			{
				border: 0;
				padding-left: 0;
			}
	
				div#footer ul li a:link,
				div#footer ul li a:visited
				{
					text-decoration: none;
					color: #FFF;
				}
	
				div#footer ul li a:active,
				div#footer ul li a:hover
				{
					text-decoration: none;
					color: #039;
				}

#centrecontent {
	float: right;
	width: 100%;
	position: relative;
	padding-bottom: 107px;/* clear footer*/
	margin-left: -1px;
}

#content {
	padding: 0 15px 15px 15px;
}

div#content_open
{
	margin: 0 20px 0 40px;
}

#left-content {
	padding: 0 15px 15px 15px;
}

#right-content {
	padding: 0 15px 15px 15px;
}

.outerwrap {
	float: left;	
	width: 100%;
	padding-top: 301px;/* to clear header*/
	margin-right: -3px;/* to stop columns dropping*/
}

.clearer{
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	clear: both;
}

div#dyn-content
{

}

ul.banners {
	width: 172px;
	margin: 0 auto;
}

	ul.banners li {
		width: 172px;
		height: 87px;
		margin-bottom: 10px;
	}

		ul.banners li a {
			display: block;
			width: 172px;
			height: 87px;
			text-indent: -1000em;
		}

	ul.banners li#bnr-captel-video {
		background: #FFF url('../images/ads/bnr_captel_video.jpg') 0 0 no-repeat;
	}
	
	ul.banners li#bnr-web-captel {
		background: #FFF url('../images/ads/bnr_make_captel_call_now.gif') 0 0 no-repeat;
	}
	
	ul.banners li#bnr-800i {
		background: #FFF url('../images/ads/bnr_new_captel_800i.gif') 0 0 no-repeat;
	}

	ul.banners li#bnr-iphone-app {
		background: #FFF url('../images/ads/bnr_iphone_3GS_app.gif') 0 0 no-repeat;
	}

	ul.banners li#bnr-tv-click-to-order-800i {
		background: #FFF url('../images/ads/bnr_tv_click_to_order_800i.jpg') 0 0 no-repeat;
		width: 186px;
		height: 200px;
	}

		ul.banners li#bnr-tv-click-to-order-800i a {
			width: 186px;
			height: 200px;
		}

	ul.banners li#bnr-tv-as-seen-on-tv {
		background: #FFF url('../images/ads/bnv_tv_as_seen_on_tv.jpg') 0 0 no-repeat;
		width: 168px;
		height: 91px;
	}

		ul.banners li#bnr-tv-as-seen-on-tv a {
			width: 168px;
			height: 91px;
		}

	ul.banners li#bnr-tv-as-seen-on-tv-two {
		background: #FFF url('../images/ads/bnv_tv_as_seen_on_tv2.jpg') 0 0 no-repeat;
		width: 168px;
		height: 91px;
	}

		ul.banners li#bnr-tv-as-seen-on-tv-two a {
			width: 168px;
			height: 91px;
		}

	ul.banners li#bnr-tv-see-what-they-say {
		background: #FFF url('../images/ads/bnr_tv_see_what_they_say.jpg') 0 0 no-repeat;
		width: 168px;
		height: 91px;
	}

		ul.banners li#bnr-tv-see-what-they-say a {
			width: 168px;
			height: 91px;
		}


ul.banners-small {
	width: 172px;
	margin: 0 auto;
}

	ul.banners-small li {
		float: left;
		width: 83px;
		height: 83px;
		margin-bottom: 10px;
	}

		ul.banners-small li a {
			display: block;
			width: 83px;
			height: 83px;
			text-indent: -1000em;
		}

	ul.banners-small li#bnr-blackberry {
		background: #FFF url('../images/ads/bnr_sml_blackberry_app.gif') 0 0 no-repeat;
		margin-right: 6px;
	}
	
	ul.banners-small li#bnr-audiologist {
		background: #FFF url('../images/ads/bnr_sml_audiologist.gif') 0 0 no-repeat;
	}


ul#right-nav
{
	list-style-type: none;
	margin: 0 0 16px 0;
}

	ul#right-nav li
	{
		text-align: left;
		padding: 5px 20px 0 0;
	}

	ul#right-nav li a
	{
		text-decoration: none;
		font-weight: bold;
		font-size: 1.17em; /* 12×1.17em=14 */
	}

	ul#right-nav li a.curr
	{
		color: #F93;
	}

	ul#right-nav li span
	{
		padding-left: 15px;
	}

	ul#right-nav ul.sub-links {
		list-style-type: disc;
		margin-bottom: 8px;
	}
	
	ul#right-nav hr
	{
		margin: 10px 0;
		margin-left: 17px;
	}

		ul#right-nav ul.sub-links li {
			margin: 0 0 0 3em;
			font-size: 0.87em;
			line-height: 1;
			font-weight: normal;
		}

		ul#right-nav ul.sub-links li a {
			font-weight: normal;
		}

div#video-container {
	margin: 0 auto;
	width: 172px;
	height: 127px;
	background: #FFF url('../images/layout/video_thumb_container.jpg') 0 0 no-repeat;
}

	div#video-container a {
		display: block;
		width: 172px;
		height: 127px;
		text-indent: -1000em;
	}

div.captel-200-phone {
	background: #FFF url('../images/layout/phone_200_sml.jpg') 0 0 no-repeat;
	width: 87px;
	height: 70px;
	float: left;
	padding: 3px 12px 12px 0;
	text-indent: -1000em;
}

div.captel-800i-phone {
	background: #FFF url('../images/layout/phone_800i_sml.jpg') 0 0 no-repeat;
	width: 82px;
	height: 95px;
	float: left;
	padding: 3px 12px 12px 0;
	text-indent: -1000em;
}

div.captel-800i-phone-large {
	background: #FFF url('../images/layout/phone_800i.jpg') 0 0 no-repeat;
	width: 188px;
	height: 213px;
	margin: 20px auto;
	text-indent: -1000em;
}

div#terms h3 {
	margin: 1em 1.5em 0 0;
	padding: 0 0;
}
div#terms ul,ol {
	margin: 0 1.5em 1em 1.5em;
	padding: 0 1.5em;
}

table#captel-200-requirements-table {
	margin-bottom: 20px;
}

	table#captel-200-requirements-table th {
		font-weight: bold;
	}
	
	table#captel-200-requirements-table td {
		padding: 6px;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		text-align: left;
		vertical-align: top;
		width: 40%;
	}
	
	table#captel-200-requirements-table td.requirement-label {
		text-align: right;
		font-weight: bold;
		border-left: none;
		width: 20%;
	}
	
div#social
{
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 0.7em;
}

	div#social li
	{
		display: block;
		float: right;
		height: 22px;
		line-height: 22px;
		padding: 0 27px 0 10px;
	}
	
	div#social li#facebook
	{
		background: #FFF url('/images/layout/icon_facebook.gif') top right no-repeat;
	}

	div#social li#twitter
	{
		background: #FFF url('/images/layout/icon_twitter.gif') top right no-repeat;
	}

/******************************************************************************
* BEGIN Flash Spokespeople
******************************************************************************/

div#flashmovie
{
	width: 211px;
	height: 419px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 58px;
	right: 0;
	z-index: 12;
	background: none;
}

div#caption-bubble
{
	background: transparent url('../images/layout/caption_bubble.png') 0 0 no-repeat;
	width: 211px;
	height: 39px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 58px;
	right: 0;
	z-index: 11;
}

/******************************************************************************
* END Flash Spokespeople
******************************************************************************/

/******************************************************************************
* BEGIN Paging
******************************************************************************/

div.paging {
	padding: 4px;
	font-size: 0.825em; /* 12×0.825=10 */
	line-height: 1.08em; /* 12×1.08=13 */
	text-align: right;
	font-weight: bold;
}

div.paging a {
	font-weight: normal;
}

/******************************************************************************
* END Paging
******************************************************************************/
	
/******************************************************************************
* BEGIN Forms
******************************************************************************/

form#contact_form {

}

form#contact_form fieldset {
	margin: 0;
	padding: 10px;
	border-color: #000000;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
}

form#contact_form fieldset legend {
	padding: 0 5px;
	font-weight: bold;
	color: #000;
}

form#contact_form div.formrow {
	position: relative;
	padding: 6px 6px 6px 100px;
}

	form#contact_form div.formrow label.normal {
		position: absolute;
		top: 0;
		left: 0;
		width: 90px;
		padding-top: 6px;
		margin: 0 5px 0 0;
		text-align: right;
		font-weight: bold;
	}
	
form textarea {
	overflow: auto;
}

form input.submit {
	display: block;
	margin: 0 auto;
}

.form-name	{
	color: #222;
	font-size: 126%;

}

.form-required	{
	color: #cc0000;
	font-size: 126%;

}

.form-button  {
	background: url(../images/layout/form_button_fade.png);
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #039;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; /* 12x1=12 */
	padding: 0.4em;
}

.form-text  {
	font-size: 126%;
	background: #eee url(../images/layout/form_back.gif) repeat-x;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #222;
	padding: 2px;
}

.hideme
{
	display: none;
}


/******************************************************************************
* END Forms
******************************************************************************/

/******************************************************************************
* BEGIN News
******************************************************************************/

table#news_list
{
	border-collapse: collapse;
	width: 99%;
	margin-bottom: 100px;
}

	table#news_list th
	{
		font-weight: bold;
		text-align: left;
		padding-bottom: 6px;		
	}
	
	table#news_list td
	{
		padding: 3px;
		color: #000;
		border-bottom: 1px solid #CCC;
		/* font-size: 1.17em; 12×1.17=14 */
		/* line-height: 1.5em; 12×1.5=18 */
	}
	
	table#news_list td.date
	{
		text-align: right;
		white-space: nowrap;
	}
	
	table#news_list a:link,
	table#news_list a:visited {
		text-decoration: none;
	}

div#news_side_search {
	border: 0;
	padding-top: 5px;
	margin: 10px 0 10px 0;
	text-align: center;
}

div#news_side_search form {
	margin: 0 0 10px 0;
}

div#news_detail {
	/* font-size: 0.75em; 16×0.75=12 */
}

div#news_detail h2 {
	color: #039;
	margin: 0 0 0 0;
	font-size: 1.5em; /* 12×1.5=18 */
	line-height: 1.5em; /* 12×1.5=18 */
}

div#news_detail p {
	margin: 0 0 1em 0;
	/* font-size: 0.875em; 12×0.875=10.5 */
}

div#news_detail table#photo_table {
	margin: 10px;
	border: 0;
	float: right;
}

	div#news_detail table#photo_table td {
		text-align: right;
	}

/******************************************************************************
* END News
******************************************************************************/

/******************************************************************************
* BEGIN FAQs
******************************************************************************/

ol.faqs_list_top
{
	list-style: decimal outside;
	margin: 0 2em 20px;
}

	ol.faqs_list_top li
	{
	
	}
	
dl.faqs_list
{

}

	dl.faqs_list dt
	{
		font-weight: bold;
		color: #039;
		font-size: 1.17em; /* 12×1.17=14 */
		margin: 0 0 0.3em 0;
	}
	
	dl.faqs_list dd
	{
		margin: 0 0 1em 2.5em;
	}
	
p.backtotop
{
	font-size: 0.825em; /* 12×0.825=10px */
	text-align: right;
}

/******************************************************************************
* END FAQs
******************************************************************************/

/******************************************************************************
* BEGIN CeeBox
******************************************************************************/

/*ceebox*/
/* CeeBox CSS Document */
/* Minor change made for 2.0.6 */
/* Works with 2.0.4 and up */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html,body{height:100%;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_closeBtn 		{ background-image: url(../images/ceebox/cee-close-btn.png); }
#cee_next 			{ background-image: url(../images/ceebox/cee-next-btn.png); }
#cee_prev 			{ background-image: url(../images/ceebox/cee-prev-btn.png); }
* html #cee_next 	{ background-image: url(../images/ceebox/cee-next-btn.gif); } /* IE6 hack */
* html #cee_prev 	{ background-image: url(../images/ceebox/cee-prev-btn.gif); } /* IE6 hack */
#cee_load 			{ background-image: url(../images/ceebox/loader.gif);}
/* ceebox border width controled as option in jquery.ceebox.js */
/* colors for ceebox background and border can also be set as option in jquery.ceebox.js  */
#cee_box			{background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_box {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #fff;
}

#cee_count {
	font: 10px Arial, Helvetica, sans-serif;
	-moz-opacity: 0.8;
	opacity: 0.8;/* opacity used to reduce contrast of font color so that any main color will work */
	clear:left;
	float:left;
	padding: 2px 0 4px;
}
.cee_html #cee_title h2 {float:left;}
.cee_html #cee_count {clear:none;padding-left:5px;}
* html #cee_count { /* ie6 hack */
	zoom:1;
	padding-bottom:6px;
}
#cee_next,#cee_prev{
	height:100%;
	width: 49%;
	text-indent:-10000px;
	text-decoration:none;
	visibility:visible;
	background-repeat:no-repeat;
}

#cee_box a {border:0;outline:none}
#cee_box a:link {color: #666;}
#cee_box a:visited {color: #666;}
#cee_box a:hover {color: #000;}
#cee_box a:active {color: #666;}
#cee_box a:focus{color: #666;}
#cee_closeBtn {
	background-repeat: no-repeat;
	display:box;
	width:24px;
	height:23px;
	position:absolute;
	text-indent:-10000px;
}
/* Next up a bunch of ugly ass css hacks to fix the fact that IE cuts off the close button when it floats negative. 
Yeah "thou shalt not hack the css" ...so sue me it's better than handling it in the javascript */ 
#cee_closeBtn {top:-3px;right:-3px;} /* base value only here for IE8 */
#cee_closeBtn, #ie8#hack {top:-10px;right:-10px;} /* All browsers except IE8 see this; IE8 keeps using the */
*:first-child+html #cee_closeBtn{top:-3px;right:-3px;} /* only IE7 sees this*/ 
* html #cee_closeBtn{top:-3px;right:-3px;} /*only IE 6 sees this*/

#cee_closeBtn:hover {
	background-position: 0px -23px;
	}
	
.cee_close {cursor:pointer}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_box {
	text-align:left;
	color:#000;
}

#cee_box img#cee_img, #cee_vid,#cee_iframeContent,#cee_ajax {
	display:block;
	margin: 15px 15px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#cee_title {
	padding:7px 15px 5px 15px;
	overflow:hidden;
}
.cee_html #cee_title{
	background-color:#e8e8e8;
	height:18px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}
#cee_title h2 {
	font-size:1em;
	font-weight:400;
	margin:0 0 1px;
}

#cee_ajax{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#cee_load{
	display:none;
	height:50px;
	width:50px;
	margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */
	background-position: center center;
	background-repeat:no-repeat;
}

#cee_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #cee_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#cee_iframe{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}

/******************************************************************************
* END CeeBox
******************************************************************************/