/*************************************************************************
/*************************************************************************
****																															********
****		FILENAME:       style.css																	********
****		DESCRIPTION:    CSS for CareGiverHelper										********
****		CREATION DATE:  07/23/2007																********
****		LAST MODIFIED:  08/18/2008																********
****																															********
/*************************************************************************
/*************************************************************************


/* GLOBAL STYLES --------------------------------------------------- */


html { margin:0; padding:0; }
body { margin:25px 0px; background:url(../images/bg.gif) repeat-x #ffffff; font:12px Arial, Helvetica, sans-serif; color:#000000;}
img {	border:none;}
td { vertical-align:top; }

a:link, a:visited {	color:#36598f; text-decoration:none;}
a:hover {	color:#ff0000; text-decoration:none;}

#container { position:relative; z-index:1; top:0px; left:0px; width:944px; margin:auto; text-align:left; }

td.outsideCol { width:14px; }
td.midCol { background-color:#fff; border:1px solid #ccc; width:902px; }

#logo { float:left; width:215px; height:125px; padding-top:15px; text-align:center; background:url(../images/top_left.gif) no-repeat left bottom; }
#flash { float:right; width:685px; height:140px; }

.sideCol { width:190px; background:url(../images/bluecap.gif) no-repeat; }
.sideCol2 { width:300px; background:url(../images/bluecap300.gif) no-repeat; }
.header { font:normal 13px Georgia, Times, serif; padding:5px 0px 0px 10px; color:#fff; }

/* MENU --------------------------------------------------- */

#menu { clear:both; position:relative; z-index:2; height:30px; margin:0 0 20px 0; padding:0px; border-bottom:1px dotted #ccc; }
#nav ul {height:30px; margin:0px; padding:0px; list-style:none; }
#nav li { float:left; display:inline-block; list-style:none; height:30px; font-size:11px; margin:0; padding:0; background:url(../images/mdiv.gif) no-repeat right center;  }
#nav li.last { background:none; }
#nav li a { display:block; font-weight:bold; color:#969696; margin:0; padding:9px 30px; } /*   padding:9px 13px; includes products and discounts and services  */
#nav li a:hover { color:#6f8aff; }

.subnav { position:absolute; top:31px; z-index:3; list-style-type:none; font-size:11px; font-weight:bold; margin:0; padding:0; visibility:hidden; }
.subnav li { display:block; list-style-type:none; margin:0; padding:0; }
.subnav li a {  display:block; background-color:#fff; color:#000; /* color:#2869a4; */ margin:0px; padding:3px 0px 3px 13px; border-bottom:1px solid #666; border-left:1px solid #000; border-right:1px solid #333;/* #6493bd; */ }
.subnav li a:hover { background-color:#fafafa; color:#6f8aff; }
	
#subnav1 { left:398px; width:220px; }  /* left:318px  if products and discounts */
#subnav2 { left:392px; width:170px; }
#subnav3 { left:468px; width:170px; }
		
/* TEXT STYLES --------------------------------------------------- */

h1{	font:normal 22px Georgia, Times, serif; color:#36598f; margin:0px 0px 10px 0px;}
h2{	font:normal 16px Georgia, Times, serif; color:#003f8f; margin:0px 0px 15px 0px;}    /* BLUE */
h3{	font:normal 16px Georgia, Times, serif; color:#f550a6; margin:0px 0px 5px 0px;}     /* PINK */
h4{	font:bold 14px Georgia, Times, serif; color:#000; margin:25px 0px 5px 0px;}         /* Black */
h5{	font:bold 14px Arial, Helvetica, sans-serif; color:#000; margin:25px 0px 5px 0px;}  /* Black */

.home_txt { font-size:16px; line-height:24px; }

/* MAIN CONTENT AREA --------------------------------------------------- */

#content { width:840px; line-height:18px; padding:0px 15px 10px 25px; }
#content_iframe { width:870px; line-height:18px; padding:0px 0px 10px 0px; }

.floatBoxR { float:right; width:230px; margin:0px 0px 25px 20px; padding:0px 0px 0px 20px; border-left:1px dotted #ccc; }
.parPics { clear:both; padding:15px 0px; }
.parPicText { margin:0px 0px 0px 70px; border-bottom:1px solid #6d8bb1; font:12px Georgia, Times, serif; }

#parRightCol { float:right; width:240px; text-align:center; margin:0px 0px 60px 20px; padding-left:10px; border-left:1px dashed #ccc; }

.aboutRow1 { width:150px; background:url(../images/bg_small.gif) repeat-x; height:80px; border-top:1px solid #ccc; }
.aboutRow2 { width:620px; border-top:1px solid #ccc; font-size:12px; }

#bottomStrip { width:800px; background:url(../images/bg_small.gif) repeat-x; height:80px; border-top:1px solid #ccc; padding:5px 20px 60px 20px; margin-top:30px; }

#liteBlue { background:url(../images/cap.gif) no-repeat 10px 0px; padding:20px 30px; width:260px; text-align:left; font-size:11px; line-height:normal; }
#liteBlue ul { margin:0px 0px 10px 15px; padding:0px; }
#liteBlue li { list-style-image:url(../images/bullet.gif); margin:0px; padding-top:5px; }

.tdHead { background-color:#6d8bb1; color:#fff; font-weight:bold; }

.hDiv { border-top:1px dashed #ccc; margin-top:15px; }
.hDiv2 { border-bottom:1px solid #000; margin:15px 0px; }

.blist { margin:0px; padding:0px 0px 0px 20px; }

#box { float:right; padding:10px; margin:10px; border:1px solid #4771b2; }
#box.off { background-color:#efefef; color:#4771b2; }
#box.on { background-color:#dedede; color:#000; cursor:pointer; }

ul.bullet  { list-style:none; margin:5px 0 0 20px; padding:0; }
ul.bullet li { list-style:none; list-style-image:url(../images/bullet.gif); margin:0; padding:0 0 5px 0; }
ul.bullet1 li { list-style:none; list-style-image:url(../images/bullet.gif); margin:0 0 0 20px; padding:0 0 10px 0; }
ul.bullet2 li { list-style:none; list-style-image:url(../images/bullet2.gif); margin:0 0 0 20px; padding:0 0 10px 0; }

	
/* Press --------------------------------------------------- */


#press_left { float:left; width:200px; padding:0px; margin:0px 30px 50px 0px; border-right:1px dashed #ccf; }
#press_left li { list-style-type:none; list-style-image:url(../images/bullet2.gif); }

#press_right { float:right; width:600px; font-size:14px; }
#press_right li { list-style:none; list-style-image:url(../images/bullet2.gif); }
#press_right h1 { padding:25px 0px 0px 80px; }
#press_right li div { font-size:12px; padding-bottom:15px; }

#press li { list-style:none; list-style-image:url(../images/bullet2.gif); padding:0px 0px 10px 0px; }

.picLeft { float:left; padding:0px 10px 0px 0px; }
.picRight { float:right;  padding:0px 0px 0px 10px; }
.bracketBox { float:left; margin-right:20px; background:url(../images/press_brakets.gif) no-repeat; width:260px; height:87px; padding:15px 0px 0px 0px; font-style:italic; font:bold 16px Georgia, Times, serif; text-align:center; line-height:30px; }
.dwnld { float:right; width:240px; height:20px; padding:0px; margin:0px; font-size:12px; text-align:right; font-weight:bold; }
.dwnld img { vertical-align:middle; }
.totop { text-align:right; font-size:10px; }

	
/* FORMS --------------------------------------------------- */

.formbox { width:460px; background-color:#fafafa; text-align:right; font-weight:bold;	margin:10px 0px 40px 0px;	padding:35px 40px 35px 0px;	border-top:1px solid #dfdede;	border-bottom:1px solid #dfdede; font-size:10px;}
.formfield { width:290px; font-size:11px; font-weight:normal; margin-left:5px; vertical-align:text-bottom; }
.textfield { width:440px; font-size:11px; font-weight:normal; margin:5px 0px 30px 0px; padding:5px; }
.required { color:#d4402b; font-weight:bold;}
.error { color:#ff0000; font-size:12px; font-weight:bold;}
.row2 { margin:0px 308px 15px 0px;}
.formsubmit { margin-right:55px;}
	
/* POPUP PAGES --------------------------------------------------- */

#content_pop { width:840px; line-height:18px; padding:0px 25px 10px 25px; }

/* FOOTER --------------------------------------------------- */

#footer { padding:10px 0px 30px 0px; margin:0px; font:10px Arial, Helvetica, sans-serif; text-align:center;}
