/**
 * @preserve clarity.css
 * Copyright (c) 2011 MEDIUM
 */

/* Reset
----------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
/* tables still need cellspacing="0" in the markup */
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
select,input,textarea,button{font:99% sans-serif;}
pre,code,kbd,samp{font-family:monospace,sans-serif;}
sub{vertical-align:sub;font-size:smaller;}
sup{vertical-align:super;font-size:40%;line-height:0;}
.ltie8 sup{vertical-align:top;font-size:50%;}
:focus{outline:0;}

::-moz-selection{background:#FF5E99;color:#fff;text-shadow:none;}
::selection{background:#FF5E99;color:#fff;text-shadow:none;}

/* Inputs
----------------------------------*/
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
label,input[type=button],input[type=submit],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
button{width:auto;overflow:visible;border:0;background:transparent;}

/* Non-semantic helper classes
----------------------------------*/
.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}
.hidden{display:none;visibility:hidden;}
/* Hide only visually,but have it available for screenreaders */
.visuallyhidden{position:absolute !important;clip:rect(1px 1px 1px 1px);/* IE6,IE7 */ clip:rect(1px,1px,1px,1px);}
.invisible{visibility:hidden;}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;width:auto;}
div.clear{line-height:0px;height:0px;}

/* Base
----------------------------------*/
html { overflow-y:scroll; }
body { text-align:center; background: #e2e2e2; }
body, select, input, textarea { font: 13px/1.25em Arial, "Helvetica Neue", Helvetica, sans-serif; }

a { color:#0065a4; }
a:active { outline:none; }
a:hover { color:#00446f;}
a img { border:none; }

h1 { font-size:232%; font-weight:bold; letter-spacing:-1pt; color:#fff; margin:15px 0px; }
h2 { margin:0px 0px 15px 0px; color:#0065a4; font-size:138.5%; }
h3 { font-size:123.1%; font-weight:bold; color:#222; }
h4 { font-size:123.1%; color:#0065a4; }
h4 a { text-decoration:none; }

p { margin:0 0 1em 0; }
li { list-style:none; }
tt { font-size:85%; font-weight:bold; color:#999; }

input, textarea {
	display:block; padding:5px 10px; color:#666;
	border:1px #ccc solid;
	-webkit-border-radius: 2px;
	 -khtml-border-radius: 2px;
	   -moz-border-radius: 2px;
		 -o-border-radius: 2px;
		-ms-border-radius: 2px;
			border-radius: 2px; }
.submit { border:1px #1778b2 solid; color:#fff; font-weight:bold;
	-webkit-border-radius: 0;
	 -khtml-border-radius: 0;
	   -moz-border-radius: 0;
		 -o-border-radius: 0;
		-ms-border-radius: 0;
			border-radius: 0;
	background:#1778b2 url(../images/sub-nav-bg.gif) repeat-x 0px -2px; }

/* Grid
----------------------------------*/
body.about div.column { margin-left: 30px; }
div.column { position: relative; float: left; margin-left: 15px; }
.column.first { margin-left: 0px !important; }

#content div.tiny { width: 170px; }
#content div.sma { width: 220px; }
#content div.sma-med { width: 250px; }
#content div.med { width: 460px; }
#content div.big { width: 690px; }
#content div.life-a { width: 611px; }
#content div.life-b { width: 318px; }

#TB_window { padding: 15px; }


/* Container
----------------------------------*/
#container { text-align: left; margin: auto; width: 974px; }

/* Header / Footer
----------------------------------*/
#hd, #ft { color: #666; }
#hd a, #ft a { font-size: 12px; color: #545454; text-decoration: none; }
#hd a:hover, #ft a:hover { text-decoration: underline; }

#hd { position: relative; height: 87px; }
#logo { display: block; position: absolute; top: 5px; left: 0px; }

#top-links { position: absolute; top: 40px; right: 0px; font-size: 85%; }
#top-links a.cart { padding-left: 15px; background: url(../images/cart.png) no-repeat 0 50%; }
#top-links li { float: right; margin: 0 0 0 14px; }

/* Navigation
----------------------------------*/
#nav { position: relative; width: 100%; height: 42px; margin: 0 0 15px 0; z-index: 9999;
	background-color: #2b2b2b;
	background-image: -moz-linear-gradient(top, #606060, #2b2b2b); 
	background-image: -o-linear-gradient(top, #606060, #2b2b2b); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #606060),color-stop(1, #2b2b2b)); 
	background-image: -webkit-linear-gradient(#606060, #2b2b2b); 
	background-image: linear-gradient(top, #606060, #2b2b2b);
	-webkit-border-radius: 3px;
	 -khtml-border-radius: 3px;
	   -moz-border-radius: 3px;
		 -o-border-radius: 3px;
		-ms-border-radius: 3px;
			border-radius: 3px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

#globalnav li { display: block; float: left; z-index: 9999; }
#nav a { display: block; float: left; color: #f0f0f0; text-shadow: 0 2px #222222; height: 20px;
	font: 600 16px/1.231 "proxima-nova-1", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none; padding: 11px 14px; cursor: pointer !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#606060', EndColorStr='#2b2b2b'); 
	-webkit-transition: color 0.2s ease-in-out;
	 -khtml-transition: color 0.2s ease-in-out;
	   -moz-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		 -o-transition: color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out; }
.ltie8 #nav a { font-size: 15px; padding: 11px 12px; }
#nav a:hover, #nav .dropdown:hover a, #nav .selected a {
	background-color: #474747;
	background-image: -moz-linear-gradient(top, #2e2e2e, #474747); 
	background-image: -o-linear-gradient(top, #2e2e2e, #474747); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #2e2e2e),color-stop(1, #474747)); 
	background-image: -webkit-linear-gradient(#2e2e2e, #474747); 
	background-image: linear-gradient(top, #2e2e2e, #474747);
			  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2e2e2e', EndColorStr='#474747'); 
	 -moz-box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.3);
		  box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.3); }
#nav .first a {
	-webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px;
		-moz-border-radius-bottomleft: 3px;		-moz-border-radius-topleft: 3px;
			border-bottom-left-radius: 3px;			border-top-left-radius: 3px; }
#nav .products { width: 106px; }

/* dropdowns */
#nav .dropdown { position: relative; }
#nav .dropdown a.plus { position: relative; padding-right: 30px; }
#nav .dropdown a.plus:hover, #nav .dropdown:hover a.plus { height: 21px; }
#nav .dropdown .arrow { position: absolute; top: 18px; right: 15px; width: 9px; height: 6px;
	background: url(../images/nav-dropdown-arrow.png) no-repeat 0 0; }
#nav .dropdown a.plus:hover .arrow { background-position: 0 -30px; }

/* dropdown subnav */
#nav .dropdown .subnav { position: absolute; top: 43px; left: 0; clear:both;
	background: #474747; padding: 10px; display: none; width: 185px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	-webkit-border-top-left-radius: 0;
		-moz-border-radius-topleft: 0;
			border-top-left-radius: 0;
	 -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
		  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); }
#nav li.dropdown:hover .subnav,
	#nav li.dropdown:hover,
	#nav li.dropdown .subnav:hover { display: block !important; }
.subnav iframe { display: block !important; }
#nav .dropdown .subnav.large { width: 340px; }

#nav .dropdown .subnav .subnavmenu { background: white; padding: 10px 15px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px; }

#nav .dropdown .subnav .subnavmenu li { clear: both; }
.ltie8 #nav .dropdown .subnav .subnavmenu li { width: 100%; }

#nav .dropdown .subnav .subnavmenu a { color: #333333; height: auto;
	background: none !important; filter: none !important;
	text-shadow: none !important; padding: 0; min-width: 150px; margin: 3px 0;
	font: 600 14px/1.231 "proxima-nova-1", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	 -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
		  box-shadow: none !important; }
.ltie8 #nav .dropdown .subnav .subnavmenu a { margin: 5px 0; }
#nav .dropdown .subnav .subnavmenu a:hover { color: #0a6ac1; }

/* Products Dropdown
----------------------------------*/
#nav .dropdown .multiple { width: 954px; left: -71px; padding-bottom: 7px;
	-webkit-border-top-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
			border-top-left-radius: 3px; }
.ie9 #nav .dropdown .multiple { left: -70px; }
.ltie8 #nav .dropdown .multiple { left: -68px; }
.ltie9 #nav .dropdown .multiple, .ie9 #nav .dropdown .multiple { padding-bottom: 10px; }

/* Global nav search
----------------------------------*/
#globalsearch { position: absolute; top: 0; right: 0; width: 160px; padding: 9px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#606060', EndColorStr='#2b2b2b'); }
.ltie9 #globalsearch { padding-left: 18px; }
.ie9 #globalsearch { padding-left: 19px; }
#searchform { position: relative; padding: 0; width: 100%; height: 22px;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
			border-radius: 12px;
	 -moz-box-shadow: inset 0 1px rgba(0, 0, 0, 0.6), 0px 1px rgba(220, 220, 220, 0.3);
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.6), 0px 1px rgba(220, 220, 220, 0.3);
		  box-shadow: inset 0 1px rgba(0, 0, 0, 0.6), 0px 1px rgba(220, 220, 220, 0.3);
	background-color: #1c1c1c;
	background-image: -moz-linear-gradient(top, #292929, #1c1c1c);
	background-image: -o-linear-gradient(top, #292929, #1c1c1c);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #292929),color-stop(1, #1c1c1c));
	background-image: -webkit-linear-gradient(#292929, #1c1c1c);
	background-image: linear-gradient(top, #292929, #1c1c1c); }

#searchterm { width:100%; height:110%; color: #888888; padding:3px 18px 0 24px; border: 0 none;
	font: normal 11px/15px "proxima-nova-1", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background: url(../images/nav-search-icon.png) no-repeat 7px 5px;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
			border-radius: 12px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.ie9 #searchterm { height: 90%; }
@-moz-document url-prefix() {
    #searchterm { height: 90%; }
}

#searchform.focus { background: white; }
#searchform.focus #searchterm { background-position: 7px -28px; color: #111; }
#searchterm:focus {
	 -moz-box-shadow: none;
  -webkit-box-shadow: none;
		  box-shadow: none; }
.no-js #nav #searchterm:focus { background-color: white; filter: none; color: #111; background-position: 7px -28px; }

/* IE search */
.no-borderradius #searchform, .ie9 #searchform { background: url(../images/nav-search-ie.png) no-repeat 0 0 !important;
	height: 23px; filter: none !important; box-shadow: none; }
.no-borderradius #searchform.focus, .ie9 #searchform.focus { background-position: 0 -23px !important; }
.no-borderradius #searchterm, .ie9 #searchterm { background: transparent none !important; }


/* Main Content
----------------------------------*/
#bd { position: relative; background: #fff; padding: 10px 0px 20px;
		-webkit-border-radius: 7px;
		   -moz-border-radius: 7px;
				border-radius: 7px; }

/* Main Header (h1) style
----------------------------------*/
#bd h1 { height: 35px; padding: 0 0 5px 15px; margin: 0 0 18px; color: #444444; text-shadow: white 0 1px;
	font: 600 25px/1.231em "proxima-nova-1", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
	background-color: #eeeeee;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); 
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee)); 
	background-image: -webkit-linear-gradient(#ffffff, #eeeeee); 
	background-image: linear-gradient(top, #ffffff, #eeeeee);
	          filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee'); 
	border-bottom: 1px solid #d7d7d7; }

/* Breadcrumbs
----------------------------------*/
#breadcrumbs { font: 14px/1.231em "proxima-nova-1", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; position: absolute; top: 17px; right: 15px;}
#breadcrumbs a { font: 14px/1.231em "proxima-nova-1", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #666; display: inline; text-decoration: none; }
#breadcrumbs a:hover { color: #2569b4; }

/* Content
----------------------------------*/
.hero { margin-bottom: 12px; height: 320px; overflow: hidden; }
#content { font-family: 'Lucida Grande', 'Verdana'; padding: 0px 15px; }
#content .teaser { font-weight: bold; }
#content .copy { margin: 16px 0px 32px 0px; }
#content-boxes { height: 196px; }

.content-box { position: relative; width: 304px; float: left; margin-left: 15px; }
.content-box h3 { margin: 0; padding: 0 0 6px 0; border-bottom: 1px #ccc solid; }
.content-box.first { margin-left: 0px; }
.updates-box { margin-bottom: 8px; }
.updates-box li { border-bottom: 1px #ccc dotted; }
.updates-box li a { display: block; padding: 8px 0px;
	background: url(../images/updates-arrow.gif) no-repeat 293px 9px;
	font-size: 93%; color: #666; text-decoration: none; }
.ltie8 .content-box .updates-box li { width: 600px; }
.ltie8 .content-box .updates-box { width: 304px; overflow: hidden; }

.happy { display: block; width: 304px; height: 34px; background: url(../images/happy.png); text-indent: -9999px; }

/* Side nav
----------------------------------*/
.side-nav { border: 1px #ccc solid; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	padding: 3px 0 0; margin-bottom: 16px;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); 
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #f5f5f5)); 
	background-image: -webkit-linear-gradient(#ffffff, #f5f5f5); 
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
	          filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5'); }


.side-nav h4 { padding: 7px; }
.side-nav li { border-top: 1px solid #ccc; }
.side-nav li.first { border: 0; }
.side-nav li a { display: block;color: #333; text-decoration: none;
	padding: 7px 0 7px 12px;
	font: 600 12px/1.3em "proxima-nova-1", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    -webkit-transition: color 0.2s ease-in-out;
     -khtml-transition: color 0.2s ease-in-out;
       -moz-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
         -o-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out; }
.side-nav li.selected a, .side-nav li a:hover { color: #2569b4; }

/* News
----------------------------------*/
.news-nav { position: relative; text-align: center; border-top: 1px #bbb solid;
	padding: 16px 0px 0px 0px; font-size: 85%; font-weight: bold; color: #666; }
.news-nav .prev, .news-nav .next { text-decoration: none; color: #000; font-weight: bold; }
.news-nav .prev { position: absolute; top: 16px; left: 0px; }
.news-nav .next { position: absolute; top: 16px; right: 0px; }

#news-frame { width: 960px; height: 1110px; overflow: hidden; border: none; margin-left: -6px; }

/* Testimonial
----------------------------------*/
.testimonial { margin: 0px 0px 15px 0px; padding: 15px; background: #ddd;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; }
.testimonial p { font-size: 123.1%; margin-bottom: 0px; }
.testimonial .name { display: block; color: #0065a4; font-size: 108%; font-weight: bold; margin-top: 1em; }
.testimonial .location { font-size: 93%; }
.testimonial-form button { padding: 4px; }

.share-box { text-align: right; margin-bottom: 10px; }

.blurb { padding: 0 0 15px 0; margin: 0 0 9px 0; border-bottom: 1px #ddd solid; }

/* Contact
----------------------------------*/
.contact-a { width: 342px; padding-top: 9px; }
.contact-a h2 { font-weight: bold; font-family: 'Helvetica', 'Arial'; font-size: 20px; }
.contact-a label { display: block; padding: 0 0 4px 0; }
.contact-a input, .contact-a textarea { width: 310px; margin: 0 0 12px 0; }
.contact-a textarea { height: 135px; }
.contact-a button { float: right; padding: 4px 4px; }

.contact-b { width: 162px; }
.contact-c { width: 124px; }
.contact-d { width: 196px; }
.contact-b, .contact-c, .contact-d { background: url(../images/contact-separator.png) no-repeat left top;
	padding: 7px 0px 0px 21px; }
.contact-b h3, .contact-c h3, .contact-d h3 { font-size: 100%; color: #0065a4; }

.product-box { float: left; width: 220px; height: 165px; border: 1px #aaa solid;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* Workflows
----------------------------------*/
.workflows { width: 302px; margin-left: 18px !important; padding: 20px 0px;
	background: #060606 url(../images/workflow-bg.png) repeat-x;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.workflows h2 { margin-bottom: 10px; padding: 0; font-size: 182%; color: #fff; font-family: Helvetica, Arial; }
.workflows h5 { margin: 0px 0px 20px 0px; padding: 0; font-family: Helvetica, Arial; font-size: 100%; color: #999; }
.workflows .this-pains-me { height: 634px; margin: 0px 10px; }
.workflows .workflow-box { margin-bottom: 10px; background: #fff;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.workflow-box h3 { padding: 10px 10px 10px 35px; border-bottom: 1px #ccc solid;
	font-family: Helvetica, Arial; font-size: 108%; font-weight: bold;
	background: url(../images/workflow-checkbox.png) no-repeat 10px 10px; cursor: pointer; }
.workflow-box h3.selected { background-position: 10px -22px; }
.workflow-box ul { margin-top: 10px; padding-bottom: 10px; }
.workflow-box li { padding: 3px 10px 3px 35px; font-size: 85%;
	background: url(../images/workflow-checkbox.png) no-repeat 10px 3px; cursor: pointer; }
.workflow-box li.selected { background-position: 10px -29px; }
.workflow-box .workflow-image { text-align: center; margin: 20px auto 0px auto; padding-bottom: 20px; }
.workflow-box .price-monthly { padding: 10px 10px 5px 10px; font-weight: bold; }
.workflow-box .price-details { padding: 0px 10px 10px 10px; font-size: 93%; }
.workflows button { float: right; clear: both; }

/* Products
----------------------------------*/
.prod-hd { background: #0065a5; padding: 30px; }
#bd .prod-hd h1 { background: transparent none; border: none; font-size: 369%; }
#bd .prod-hd h1 sup { font-size: 30%; }
#bd .prod-hd h4 { font-size: 138.5%; color: #fff; }
body.product-detail #content { padding: 36px; background: #000; height: 600px;
	-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; }
body.product-detail #bd { padding-bottom: 0px; }
#huge-phone { position: absolute; top: 104px; right: 0px; }

.product-blurb { font-size: 108%; line-height: 19px; color: #fff; width: 560px; }

.product-features h3 { color: #0065a4; font-family: Helvetica, Arial; font-size: 167%; margin-top: 40px; }
.product-features ul { color: #0065a4; padding-left: 10px; margin-bottom: 40px; }
.product-features li { list-style: disc inside; margin-top: 12px; }
.product-features li span { color: #fff; }
.big-buy-butt { display: block; width: 89px; height: 30px; background: url(../images/big-buy.gif) no-repeat;
	text-indent: -9999px; }

.products-a { width: 667px; }
.products-a h2 { color: #111; font-family: Helvetica, Arial; font-size: 189%; clear: both; }
.products-a ul { margin-bottom: 29px; }

#bd ul.categories { display: block; margin-bottom: 30px; clear: both; }
ul.categories li { display: block; float: left; width: 323px; margin: 0px 8px 5px 0px; border: 1px #ccc solid;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ie6 ul.categories li { width: 313px; }
ul.categories li a { display: block; padding: 5px; font-size: 93%; color: #333; text-decoration: none;
	width: 100%; background: url(../images/category-arrow.gif) no-repeat 308px 9px; }
#bd .products-b { width: 244px; margin-left: 33px; }

/* Needs
----------------------------------*/
.needs { height: 230px; }
.needs li { display: block; width: 326px; height: 67px; float: left; margin: 0 7px 7px 0; }
.needs li a { display: block; width: 326px; height: 67px; text-indent: -9999px; }
.need-mid-to-moderate-hearing-loss { background: url(../images/need-mtmhl.png) no-repeat; }
.need-low-speech { background: url(../images/need-ls.png) no-repeat; }
.need-moderate-hearing-loss { background: url(../images/need-mhl.png) no-repeat; }
.need-low-vision { background: url(../images/need-lv.png) no-repeat; }
.need-limited-mobility { background: url(../images/need-lm.png) no-repeat; }

/* Plans
----------------------------------*/
table.plans { width: 940px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
	border-collapse: collapse; overflow: hidden; margin-bottom: 12px; }
.plans tr { background: #000 url(../images/plan-bg.png) repeat-x; height: 53px; }
.plans tr.plan-header { background: #292929 url(../images/plan-header-bg.png) repeat-x; }
.plans td, .plans th { color: #fff; padding: 15px; margin: 0px; border-bottom: 1px #666 solid; }
.plans td { font-weight: normal; font-size: 131%; }
.plans td a.choose-plan { display: block; font-size: 82%; color: #fff; text-decoration: none;
	text-align: center; padding: 5px 0px; background: #7f7f7f url(../images/choose-button.png) repeat-x;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.plans th { font-size: 93%; font-family: 'Helvetica', 'Arial'; text-transform: uppercase; }
.plans th.plan-type { font-size: 116%; }
.plans td.plans-include { font-size: 108%; text-transform: uppercase; font-family: 'Helvetica', 'Arial'; }
.plans .plans-include .blue-feature { padding-left: 12px; color: #0065a4; }

/* Press
----------------------------------*/
.press { background: #ededed url(../images/press-bg.png) repeat-x top;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	border: 1px #ccc solid; font-size: 11px; height: 318px; margin-bottom: 15px; }
.press h3 { font-family: Arial, Sans-Serif; font-size: 16px; font-weight: bold; color: #333333;
	margin: 15px 15px 0px 15px; padding-bottom: 6px; border-bottom: 1px #ccc solid; }
.press ul { margin: 0px 15px; }
.press li { padding: 9px 0px; border-top: 1px #ccc dotted; }
.press li a { font-size: 13px; color: #666; text-decoration: none; }
.press li.first { border: none; }

.life-a h2 { font-size: 24px; color: #333; margin-bottom: 8px; }
.life-a p { font-size: 12px; margin-bottom: 14px; }
.life-a .hero { width: 611px; margin-bottom: 15px; }
.life-b .featured { margin-bottom: 15px; }

/* Footer
----------------------------------*/
#ft { position: relative; height: 96px; font-size: 12px; }
#bottom-nav, #copyright { float: left; margin-top: 16px; }
#bottom-nav li { float: left; margin: 0 0 0 15px; }

/* footer share links */
#bottom-links { position: absolute; top: 16px; right: 0px; }
#bottom-links li { float: left; margin: 0 0 0 5px; }
#bottom-links a { width: 30px; height: 30px; background-image: url(../images/ft-social-icons.png); }
#bottom-links a.twitter { background-position: -40px 0; }
#bottom-links a.youtube { background-position: -80px 0; }
#bottom-links a:hover { background-position: 0 -49px; }
#bottom-links a.twitter:hover { background-position: -40px -49px; }
#bottom-links a.youtube:hover { background-position: -80px -49px; }

/* Presentation
----------------------------------*/
.presentation { position: relative; }
.presentation a.next, .presentation a.prev { display: none; position: absolute;
	width: 66px; height: 91px; top: 113px; text-indent: -9999px; outline: none; }
.presentation a.next { left: 879px; background: url(../images/heroshot-arrow-right.png) no-repeat; }
.presentation a.prev { left: 0px; background: url(../images/heroshot-arrow-left.png) no-repeat; }
.presentation a.next { background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/heroshot-arrow-right.png'); }
.presentation a.prev { background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/heroshot-arrow-left.png'); }

/* Clarity Audio Player
----------------------------------*/
#sound-player { position: relative; }
#flashContent { z-index: 0; }
#sound-hovers { position: absolute; top: 68px; left: 102%; z-index: 999; }

.sound-hover { position: absolute; color: rgb(230, 230, 230);
	width: 231px; padding: 15px 20px 20px; display: none;
	background: url(../images/sound-hover-bg.png) repeat-y 0 0; }
.sound-hover, .sound-hover h5, .sound-hover p { word-wrap: break-word; margin: 0;
	font: 14px/1.231 "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
.sound-hover h5 { font-size: 16px; font-weight: bold; margin: 0 0 7px; }
.sound-hover .sound-hover-arrow { position: absolute; top: 50%; left: -35px;
	margin-top: -21px; width: 35px; height: 42px;
	background: url(../images/sound-hover-arrow.png) no-repeat 0 0; }
.sound-hover.competitor { top: 64px; }
.sound-hover.clarity { top: 56px; }
.sound-hover.digital { top: 106px; }
.ie8 .sound-hover.digital { top: 113px; }
.ie6 .sound-hover { background-image: url(../images/sound-hover-bg-ie.png); }
.ie6 .sound-hover .sound-hover-arrow { background-image: url(../images/sound-hover-arrow-ie.png); }

.special { display: none; visibility: hidden; height: 0;}

form p.with-errors input, div.with-errors {
    background-color: #ffffcc !important;
    border: 1px solid #cccc99 !important;
}

/*
* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
*/
@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after { content: " (" attr(href) ")"; } 
	abbr:after { content: " (" attr(title) ")"; }
	.ir a:after { content: ""; }  /* Don't show links for images */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}