@charset "UTF-8";
/* CSS Document */

body {	
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:16px;
}

#homewrapper {width:970px; height:auto;  margin:0 auto; overflow:auto;  background:#FFFFFF url(../images/content_nav-bg.gif) top repeat-y; position:relative; padding:0; overflow:hidden;}

#wrapper {width:970px; height:auto;  margin:0 auto; overflow:auto;  background:#FFFFFF url(../images/content_nav-bg.gif) top repeat-y; position:relative; padding:0 0 50px 0; overflow:hidden;}

/*---------------------------
HOME HEADER
---------------------------*/

#header {width:970px; height:125px; background-color:#f47920;}

	#header .logo {width:232px; height:125px; float:left;}
	
	#header .committed {width:574px; height:73px; float:left; margin:28px 0 0 82px;}
	
/*---------------------------
INSIDE HEADER
---------------------------*/
#headerinside {width:970px; height:168px; background-color:#f47920;}

	#headerinside .logo {width:232px; height:153px; padding:15px 0 0 0; float:left; background-color:#f3f3f4; /*background:#f3f3f4 url(../images/cartia_logo.gif) center no-repeat;*/}
	
	#headerinside img.headerimage {float:left; 	border-left:1px solid #ffffff;}


/*---------------------------
NAVIGATION
---------------------------*/

#navigation {width:232px; height:auto; float:left; }

	#navigation ul {list-style:none; margin:0 10px 0 10px; padding:0;}
	
		#navigation ul li {width:202px; /*height:29px;*/ border-bottom:1px solid #d6d6d7; margin:10px 0 0 0; padding:0 0 10px 10px;}
		
		#navigation ul li.icon {width:202px; border-bottom:1px solid #d6d6d7; margin:20px 0 0 0; padding:0 0 5px 10px;}
		
		#navigation ul li.iconlast {width:202px; border-bottom:1px solid #d6d6d7; margin:20px 0 30px 0; padding:0 0 5px 10px;}
		
		#navigation ul li a span {display:none;}		
		
			a.navHome {background:url(../images/nav_home_n.gif) no-repeat; width: 190px; height: 21px; display: block; }
			a.navHome:hover  { background: url(../images/nav_home_r.gif) no-repeat; }
			
				a.navHomeHere {background:url(../images/nav_home_r.gif) no-repeat; width: 190px; height: 21px; display: block; }
				a.navHomeHere:hover  { background: url(../images/nav_home_r.gif) no-repeat; }
			
			a.navAbout {background:url(../images/nav_about_n.gif) no-repeat; width: 190px; height: 21px; display: block; }
			a.navAbout:hover  { background: url(../images/nav_about_r.gif) no-repeat; }
			
				a.navAboutHere {background:url(../images/nav_about_r.gif) no-repeat; width: 190px; height: 21px; display: block; }
				a.navAboutHere:hover  { background: url(../images/nav_about_r.gif) no-repeat; }
			
			a.navPostHeart {background:url(../images/nav_postheartattack_n.gif) no-repeat; width: 190px; height: 21px; display: block; }
			a.navPostHeart:hover  { background: url(../images/nav_postheartattack_r.gif) no-repeat; }
			
				a.navPostHeartHere {background:url(../images/nav_postheartattack_r.gif) no-repeat; width: 190px; height: 21px; display: block; }
				a.navPostHeartHere:hover  { background: url(../images/nav_postheartattack_r.gif) no-repeat; }
			
			a.navPostStroke {background:url(../images/nav_poststroke_n.gif) no-repeat; width: 190px; height: 21px; display: block; }
			a.navPostStroke:hover  { background: url(../images/nav_poststroke_r.gif) no-repeat; }
			
				a.navPostStrokeHere {background:url(../images/nav_poststroke_r.gif) no-repeat; width: 190px; height: 21px; display: block; }
				a.navPostStrokeHere:hover  { background: url(../images/nav_poststroke_r.gif) no-repeat; }
			
			a.navHealth {background:url(../images/nav_yourhealth_n.gif) no-repeat; width: 190px; height: 21px; display: block; }
			a.navHealth:hover  { background: url(../images/nav_yourhealth_r.gif) no-repeat; }
			
				a.navHealthHere {background:url(../images/nav_yourhealth_r.gif) no-repeat; width: 190px; height: 21px; display: block; }
				a.navHealthHere:hover  { background: url(../images/nav_yourhealth_r.gif) no-repeat; }
			
			a.navOther {background:url(../images/nav_otherconditions_n.gif) no-repeat; width: 190px; height: 21px; display: block; }
			a.navOther:hover  { background: url(../images/nav_otherconditions_r.gif) no-repeat; }
			
				a.navOtherHere {background:url(../images/nav_otherconditions_r.gif) no-repeat; width: 190px; height: 21px; display: block; }
				a.navOtherHere:hover  { background: url(../images/nav_otherconditions_r.gif) no-repeat; }
			
			a.navRisk {background:url(../images/nav_questionnaire_n.gif) no-repeat; width: 190px; height: 21px; display: block; }
			a.navRisk:hover  { background: url(../images/nav_questionnaire_r.gif) no-repeat; }
			
				a.navRiskHere {background:url(../images/nav_questionnaire_r.gif) no-repeat; width: 190px; height: 21px; display: block; }
				a.navRiskHere:hover  { background: url(../images/nav_questionnaire_r.gif) no-repeat; }
			
			a.navCarers {background:url(../images/nav_forcarers_n.gif) no-repeat; width: 190px; height: 21px; display: block; }
			a.navCarers:hover  { background: url(../images/nav_forcarers_r.gif) no-repeat; }
			
				a.navCarersHere {background:url(../images/nav_forcarers_r.gif) no-repeat; width: 190px; height: 21px; display: block; }
				a.navCarersHere:hover  { background: url(../images/nav_forcarers_r.gif) no-repeat; }
			

		#navigation ul li ul {margin:0; padding:0; width:180px;}
		
		#navigation ul li ul li {height:15px; margin:5px 0 0 5px; padding:0 ; border-bottom:none;}
		
		#navigation ul li ul li.here {height:15px; margin:5px 0 0 5px; padding:0 ; border-bottom:none; font-weight:bold; color:#f47920;}

			a.expanded {text-decoration:none; font-weight:bold; color:#7f7f7f;}
			
			a.expanded:hover {color:#f47920;}
			
	
/*---------------------------
GENERAL STYLES
---------------------------*/	
a {color:#666666; text-decoration:none; font-weight:bold;}

a:hover {color:#f5812e;}	

sup {position: relative; top: -3px;vertical-align: top;font-size: 90%;}

.stub {height:1px; width:auto; clear:both;}

.titleimage {margin:0 0 10px 0;}

.moreinfo {padding:20px 0 0 0; clear:both;}

p { margin:10px 0 10px 0;}

h3 {font-weight:bold; font-size:14px; color:#666666; margin:0px 0 0 0;}
	
	.h3sub {font-weight:bold; font-size:14px; color:#666666;}

/*---------------------------
CONTENT CONTAINER
---------------------------*/

#contentContainer {width:auto; height:auto; float:left; text-align:left; padding:0 0 50px 0;  }

	.homeimage {float:left; width:329px;}
	
	.hometext {float:left; width:350px; margin:30px 0 0 30px;}
	
		.hometext p {margin:0 0 10px 0;}
	
	
#inside-left {float:left; width:420px; min-height:480px; height:auto; _height:480px; padding:30px 5px 20px 20px; }

	ul.normallist{padding:0px; margin:10px 0px 20px 16px; list-style-type:square; display:list-item;}

	 ul.normallist li{padding:0 0 5px 3px; margin:0; }

	#inside-left ul.insidelinks {padding:0px; margin:10px 0px 20px 16px; list-style-image:url(../images/bullet_arrow.gif); }

	#inside-left ul.insidelinks li {padding:0 0 5px 3px; margin:0; }
	
	.hometext ul.insidelinks {padding:0px; margin:10px 0px 20px 16px; list-style-image:url(../images/bullet_arrow.gif); }

	.hometext ul.insidelinks li {padding:0 0 5px 3px; margin:0; }
	

	.bodyimg {padding:5px; border:1px solid #d3d3d3; margin:0 10px 10px 0; float:left;}
	
	.bodyimg-nofloat {padding:5px; border:1px solid #d3d3d3; margin:0 10px 10px 0;}

	
	.faq {font-weight:bold; font-size:14px; color:#666666; padding:20px 0 0 0;}
	
	
	
	

#inside-right {float:left; width:247px; text-align:left; margin:30px 0 0 45px; _margin:30px 0 0 40px;}

	#inside-right .rightimg {clear:both;}

#fullwidth {float:left; width:717px; padding:30px 0 20px 20px;}


.factoid { border-bottom:1px solid #cccccc; height:auto; overflow:auto; margin: 0 0 20px 0; padding:0 0 20px 0;}
	
	.factoid p { float:left; }
	
	.factoid img.pill {float:right;margin:0px 10px 0 10px;}



	
#subscribeContainer {clear:both; padding:30px 0 0 20px; width:690px; height:85px;  }

	#subscribeContainer .inputfield {width:195px; height:20px; float:left; border:1px solid #999999; margin:10px 0 0 0;}

	#subscribeContainer .formlable1 {width:70px; float:left; padding:5px 5px 0 0; margin:10px 0 0 0;}
	
	#subscribeContainer .formlable2 {width:120px; float:left; padding:5px 5px 0 0; margin:10px 0 0 15px;}
	

#subscribeContainer_inner {clear:both; margin:30px 0 0 20px; _margin:30px 0 0 15px; padding:20px 0 0 0; width:717px; height:85px; border-top:1px solid #cccccc; position:absolute; bottom:0; left:235px; }

	#subscribeContainer_inner .inputfield {width:195px; height:20px; float:left; border:1px solid #999999; margin:10px 0 0 0;}

	#subscribeContainer_inner .formlable1 {width:70px; float:left; padding:5px 5px 0 0; margin:10px 0 0 0;}
	
	#subscribeContainer_inner .formlable2 {width:120px; float:left; padding:5px 5px 0 0; margin:10px 0 0 15px;}
	
	.searchbutton{ float:left; width:70px; height:20px; border:0; padding:13px 0 0 5px; cursor:pointer; background:url(../images/submitbutton.gif) bottom right no-repeat;}


.topanchor {/*clear:both;  padding:0 10px 20px 0; width:723px; text-align:right;*/ display:none;}
/*---------------------------
CONTACT PAGE
---------------------------*/
dl.contact{ margin:10px 0 20px 0; padding:20px 0 0 0; height:auto; overflow:hidden;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}

		.contact dt{padding:0; width:120px;height:30px; margin:0 0 3px 0; list-style:none; float:left; display:block; color:#666666; font-weight:bold;  text-align:left; }
		
		.contact dd{padding:0; margin:0 0 3px 20px; width:260px; height:30px; list-style:none; float:left; display:block;text-align:left;}
		
		.contact dt.big{padding:0; margin:0 0 3px 0; width:120px; height:100px;}
		
		.contact dd.big{padding:0; margin:0 0 3px 20px; width:260px; height:100px;  }
		
		.contact dt.disclaimer {font-size:10px; color:#999999;}
		
		

.formlable { color:#666666; font-weight:bold; width:120px;}

.disclaimer {font-size:10px; color:#999999;}

.contactTbl {margin:0px 0 20px 0; padding: 0 0 10px 0;}



.contactInputs {width:260px; height:20px; border:1px solid #cccccc; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left;  clear:both;}
		
.contactInputs_enquiry {width:260px; height:80px; border:1px solid #cccccc; font-family:Arial, Helvetica, sans-serif; font-size:11px;margin:0; padding:0; clear:both;}

.contactbutton{ float:left; width:70px; height:20px; border:0; padding:10px 0 0 0px; cursor:pointer; background:url(../images/submitbutton.gif) bottom right no-repeat;}

.errormsg {font-size:11px; color:#f47920;}


.checkbox, .radio{ border:none; width:30px; padding-right:5px; }

textarea{ width:420px;height:60px; border: solid 1px #cccccc; padding:2px 3px; font:1em  Arial, Helvetica, sans-serif;}

table.tableForm td{ padding:0px 0px 4px}

	table.tableForm td.first{  font-weight:bold; width:155px; padding-right:10px}




/*---------------------------
FOOTER
---------------------------*/
		
#footerwrapper {height:auto; width:970px; margin:0 auto;}

	#orangebar {width:970px; height:28px;  background-color:#f47920; color:#FFFFFF;}
	
		#orangebar .links {float:left; padding:5px 0 0 20px;}
		
		#orangebar .top {float:right;}
	
	.copyrightline {clear:both; padding:20px 0 0 20px; margin:0 0 20px 0; font-size:10px; width:950px; height:50px;  /*background:url(../images/gsklogo.gif) right top no-repeat;*/}
	
		.copyrightline p {float:left; width:auto; height: auto; margin:0px 0 0px 0; padding:0;}
		
		.copyrightline img {float:right; width:95px; height:33px; margin:0; padding:0; top:0;}
	
	.footernavcontainer_first {width:112px; height:auto; float:left; margin:20px 0 0 0px; padding:0 0 0 20px;}
	
	.footernavcontainer {width:122px; height:auto; float:left; margin:20px 0 0 10px;}
	
		#footerwrapper ul {list-style:none; margin:10px 0 0 0; padding:0;}
		
		#footerwrapper ul li {font-size:10px; line-height:16px;}
		
		
		#orangebar .links a {text-decoration:none; color:#FFFFFF; font-weight:normal}
		
		.footernavcontainer a {text-decoration:none; color:#999999; font-weight:normal}
		
		.footernavcontainer a:hover {color:#f47920}
		
		.footernavcontainer_first a {text-decoration:none; color:#999999; font-weight:normal}
		
		.footernavcontainer_first a:hover {color:#f47920}
		
		.footernavcontainer .here a {text-decoration:none; color:#f47920; font-weight:normal}
		
		.footernavcontainer_first .here a {text-decoration:none; color:#f47920; font-weight:normal}

/*---------------------
SIFR
----------------------*/	
#sitemap {padding:0px; margin:10px 0px 20px 16px;}

#sitemap li {list-style-image:url(../images/bullet_arrow.gif); }

ul#sitemap > li {margin-bottom: 10px;}

#sitemap ul li {list-style-image: url(../images/l2_normal.gif);margin: 0 0 0 25px;}

#sitemap ul ul li {list-style-image: url(../images/l3_normal.gif);margin: 0 0 0 40px;}

#sitemap ul li.firstfollow {list-style-image: url(../images/l2_first_follow.gif); }

#sitemap ul li.last {list-style-image: url(../images/l2_last_item.gif);}

#sitemap ul ul li.firstfollow {list-style-image: url(../images/l3_first_follow.gif);}

#sitemap ul ul li.last {list-style-image: url(../images/l3_last_item.gif);}
	
/*---------------------
SIFR
----------------------*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {visibility: hidden; /*font-size:10px;*/font-size:36px; height:40px; /*height:auto;*/ width:auto; padding:0; margin:0 0 10px 0; color:#f47920; line-height:1em;}

.sIFR-hasFlash h1.forcedheight {visibility: hidden; /*font-size:10px;*/font-size:36px; height:40px;  padding:0; margin:0 0 10px 0; color:#f47920; line-height:1em;}

.sIFR-hasFlash h1.multiline {visibility: hidden; /*font-size:10px;*/font-size:36px; height:80px;  padding:0; margin:0 0 10px 0; color:#f47920; line-height:1em;}

.sIFR-hasFlash h1.threeline {visibility: hidden; /*font-size:10px;*/font-size:36px; height:120px;  padding:0; margin:0 0 10px 0; color:#f47920; line-height:1em;}


.sIFR-hasFlash h2 {visibility: hidden; /*font-size:20px;*/font-size:26px; letter-spacing:-1; height:26px; padding:0; margin:0; color:#999999;line-height:1em; }

.sIFR-hasFlash h2.multiline {visibility: hidden; /*font-size:20px;*/font-size:28px; letter-spacing:-1; height:auto; padding:0; margin:0; color:#999999;line-height:0.9em; }

.sIFR-hasFlash h3 {visibility: hidden; font-size:10px; height:17px; padding:0; margin:0px 0 10px 0; color:#666666;}

.sIFR-hasFlash h3.faq-question {visibility: hidden; font-size:14px; height:auto; padding:0; margin:0 0 10px 0; color:#666666;line-height:1em;}

.sIFR-hasFlash h4 {visibility: hidden; font-size:15px; height:35px; padding:0; margin:0; color:#999999;line-height:1em;}

.sIFR-hasFlash h4.multiline {visibility: hidden; font-size:15px; height:40px; padding:10px 0 10px 0; margin:0; color:#999999;line-height:1em;}