@charset "UTF-8";
/* CSS Document */
* {margin:0;padding:0;} 

table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,body  {
	font-family: 'gandhi_sansregular', Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height:100%
}
.twoColFixRtHdr #container { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background-image:url(images/container.gif);
	background-repeat:repeat-y;*/
	background-color:#ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: auto !important;
 	height: 100%;
 	min-height: 100%;
 	position:relative !important;
} 
.twoColFixRtHdr #header { 
	background: #eeeeee;
	background-image:url(images/head-gradient.png); 
	background-repeat:repeat-x;
	background-position:center top;
	height:140px;
	width:100%;
	margin: auto 0;

}
#header_wrap {
  width: 780px;
  margin: 0 auto;
  background-image:url(images/mainheader.png);
  background-repeat:no-repeat;
}
.twoColFixRtHdr #logo {
	position:relative;
	margin-left:25px;} 
.twoColFixRtHdr #navclear {
	width:100%;
	background: #bfbfbf url(images/grad_light.png) repeat-x left top;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #e5e5e5), color-stop(51%, #d7d7d7), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  border-top:1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin:auto 0;
	} 
	.twoColFixRtHdr #navwrap {
		width:780px;
		margin:0 auto;
		position:relative;
	}
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-right:15px;
	padding-left:5px;
	padding-top:15px;
}

.twoColFixRtHdr #sidebar1 p {
color:#333333;
margin-left:15px;
margin-right:25px;
}

.twoColFixRtHdr #sidebar1 h3 {
font-family:'gandhi_sansbold', Arial, Helvetica, sans-serif;
font-size:15px;
color:#66CC00;
margin-left:15px;
}

.twoColFixRtHdr #main { 
	overflow:auto;
	padding-top:25px;
	padding-bottom: 190px;
	width:780px;
	margin:0 auto;
	}
.twoColFixRtHdr #topContent { 
width:780px;
margin:0 auto;
text-align:left;
}
#topContentleft {
	float:left;
	width:300px;
	margin-right:25px;
}
#topContentright {
	float:right;
	width:455px;
}

#topContentright p{
	line-height:2;
	margin-bottom:15px;
}

#topContentmain {
	clear:both;
	width:780px;
	padding-top:40px;
}

#topContentmain .tablecopy {
	padding:5px;
}

#topContentmain h3 {
	font-size:19px;
	font-weight:200;
	border-top:1px solid #ccc;
	color:#666;
}

#topContentmain .related_box_wrapper {
  width: 122px;
  text-align: center;
  float: left;
  margin-right: 26px;
  margin-bottom: 12px;
  margin-top: 20px;
}

#topContentmain .related_box_wrapper a {
  font-size: 11pt;
  font-weight: normal;
  color: #336699;
  text-decoration: none;
}

#topContentmain .related_box_wrapper a:hover {
  text-decoration: underline;
  color: #336699;
}

#topContentmain.related_box {
  width: 122px;
  height: 120px;
  border: 1px solid #fff;
  float: left;
  clear: none;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 11px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 11px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 11px rgba(50, 50, 50, 0.2);
}

#topContentmain .related_box:hover {
  border: 1px solid #336699;
}

#topContentmain .related_box_wrapper p {
  line-height: 14pt !important;
  text-align: center;
  margin-top:10px;
}
.twoColFixRtHdr #mainContent { 
	/*margin: 0 220px 0 0;  the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding-left:30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-right:30px;
	width:480px;
	float:left;

} 

#mainContent .tablecopy {
	padding:5px;
}
.twoColFixRtHdr #footer { 
position: relative;
	clear: both !important;
	margin-left:auto 0;
	margin-right:auto 0;
  margin-top: -190px !important;
  width:100%;
  height: 190px;
  background: #eaeaea;
}

.twoColFixRtHdr #map_wrap {
  width: 780px;
  margin: 0 auto;
  text-align:left;
  margin-bottom:10px;
}

.twoColFixRtHdr #map_wrap a {
  color: #666;
  text-decoration: none;
  border-bottom: 0px;
}

.twoColFixRtHdr #map_wrap a:hover {
  color: #333;
  text-decoration: underline;
}

.twoColFixRtHdr #map_wrap h3 {
  color: #666;
  font-weight: normal;
  margin-bottom: 6px;
  line-height: 1;
  font-size: 13pt;
}
.twoColFixRtHdr #solutions_footer {
  width: 110px;
  float: left;
  margin-right: 10px;
  margin-bottom:20px;
}
.twoColFixRtHdr #social_footer {
  width: 170px;
  float: left;
background-color:#FFF;
margin-top:20px;
height:100px;
}
#social_footer p {
  width: 165px;
  float: left;
  background-color:#ccc;
  font-family:'gandhi_sansregular', Arial, Helvetica, sans-serif;
  font-size:12px !important;
  color:#069 !important;
  height:20px;
  padding-top:5px !important;
  padding-left:5px !important;
}
 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family:'gandhi_sansregular', Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	line-height:12px;
	color:#333333;
	margin-bottom:10px;
}
.twoColFixRtHdr #smallprint_wrap {
  width: 780px;
  border-top: 1px solid #CCC;
  margin: 0 auto;
  color: #999;
  clear: both !important;
  text-align:center;
}

.twoColFixRtHdr #smallprint_wrap p {
  font-size: 8pt;
  line-height: 1.25;
  text-align:center;
  font-family:'gandhi_sansregular', Arial, Helvetica, sans-serif;
  color:#666;
  margin-top:4px;
}

.twoColFixRtHdr #smallprint_logo {
  width: 500px;
  float: left;
}

.twoColFixRtHdr #smallprint_logo img {
  float: left;
  margin-top: 10px;
  margin-right: 8px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clear {
	clear:both;
	height:10px;
}

h1 {
font-family: 'gandhi_sansregular', Arial, Helvetica, sans-serif;
	font-size:24px; 
	color:#336699;
	}
	
h2 {
font-family: 'gandhi_sansbold', Arial, Helvetica, sans-serif;
font-size:17px;
color:#66CC00;
}

h3 {
font-family: 'gandhi_sansbold', Arial, Helvetica, sans-serif;
font-size:15px;
color:#66CC00;
margin-top:15px;
}

h4 {
font-family: 'gandhi_sansbold', Arial, Helvetica, sans-serif;
font-size:14px;
color:#39C;
margin-top:15px;
margin-bottom:0px;
}
	
p {
font-family: 'gandhi_sansregular', Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
margin-bottom:12px;
line-height:1.2;
}

.table {
font-family:'gandhi_sansregular', Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
}

.list {
	font-family: 'gandhi_sansregular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666666;
	margin-top:0px;
	margin-bottom:0px;
	display:list-item;
	list-style-type:disc;
	margin-left:20px;
}

blockquote {
	margin-top:0px;
	margin-bottom:0px;
}

.question {
	font-family: 'gandhi_sansregular', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#39c;
	border-top: 1px solid #cccccc;
	padding-top:7px;
	margin:0;
}

.backtotop {
	font-family: 'gandhi_sansregular', Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:right;
}

.questions {
	font-family: 'gandhi_sansitalic', Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	border-top: 1px solid #cccccc;
	line-height:22px;
	padding-top:4px;
	margin:0;
}

.twoColFixRtHdr #containerhome { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color:#ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto !important;
	height:100%;
	min-height:100%;
}


#homerotator {
	width:720px;
	margin-left:30px;
	margin-right:30px;
	clear:both;
	margin-top:25px;
}

#homerotator h1 {
	font-size:30px;
	color:#999;
	font-family: 'gandhi_sansregular', Arial, Helvetica, sans-serif;
	margin:0;
}

.twoColFixRtHdr #sidebar1home {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-right:15px;
	padding-left:5px;
	padding-top:15px;
	height:100%;
	border-left:1px solid #cccccc;
}

.twoColFixRtHdr #sidebar1home p {
color:#666666;
margin-left:15px;
margin-right:25px;
}

.twoColFixRtHdr #sidebar1home h3 {
font-family:'gandhi_sansregular', Arial, Helvetica, sans-serif;
font-size:24px;
color:#336699;
margin-left:15px;
}

#homeboxwrap {
	width:720px;
	margin-left:30px;
	margin-right:30px;
	clear:both;
	margin-top:10px;
}

#homeboxes {
	width:190px;
	float:left;
	height:60px;
	margin-right:30px;
	padding-left:15px;
	padding-right:15px;
	background-color:#eaeaea;
	border-top:5px solid #cccccc;
	font-family: 'gandhi_sansregular', Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}

#homeboxes img {
	margin-right:8px;
	margin-top:8px;
}

#homeboxes h2 {
	font-weight:normal;
	font-family: 'gandhi_sansregular', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#336699;
	line-height:20px;
	margin-top:8px;
}

hr {margin:0;padding:0; border-top:1px solid #fff;}

.ui-tabs-vertical { width: 720px; border:none; background-color:#eaeaea;}
.ui-tabs-vertical .ui-tabs-nav {margin:0; margin-top:16px; padding:0; float: left; width: 190px; height:245px; background-color:#afafaf;  }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; font-size:17px; line-height:16px;height:60px; list-style:none; text-transform:uppercase; margin-top:20px; margin-left:12px;}
.ui-tabs-vertical .ui-tabs-nav li a:hover {text-decoration:none; color:#069;} 
.ui-tabs-vertical .ui-tabs-nav li a { display:block; text-decoration:none; color:#fff; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 16px; float: right; width: 498px; background-color:#f1f1f1; margin-top:16px; height:213px; font-size:16px;}


#tabs-1 {
	background-image:url(images/patienttab1.png);
	background-repeat:no-repeat;
}
#tabs-1 p {font-size:14px; margin-right:50px;}
#tabs-1 h2 {font-size:22px; margin:0; margin-top:8px;}

#tabs-2 {
	background-image:url(images/patran2tab.png);
	background-repeat:no-repeat;
}
#tabs-2 p {font-size:14px; margin-right:50px;}
#tabs-2 h2 {font-size:22px; margin:0; margin-top:8px;}

#tabs-3 {
	background-image:url(images/patran3tab.png);
	background-repeat:no-repeat;
}
#tabs-3 p {font-size:14px; margin-right:50px;}
#tabs-3 h2 {font-size:22px; margin:0; margin-top:8px;}

.learnmore {
width: 76px;
text-transform: uppercase;
margin: 0px !important;
    margin-top: 0px;
    margin-right-value: 0px;
    margin-bottom: 0px;
    margin-left-value: 0px;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
line-height: 1;
padding: 5px 11px;
    padding-top: 5px;
    padding-right-value: 11px;
    padding-bottom: 5px;
    padding-left-value: 11px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
color: rgb(255, 255, 255);
background: none repeat scroll 0% 0% #6C0;
    background-color: #6C0;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}

.learnmore a {
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
}

.learnmore a:hover {
	text-decoration:none;
	color:#390;
}