/* CSS Document */


#banner					{margin:0 10px; }
#banner02				{margin:0 20px; background:url(../images/template/secondlevel/contentbottom.gif) bottom no-repeat;}
#banner03				{margin:0 20px; background:url(../images/template/secondlevel/contentbottom.gif) bottom no-repeat;}
#banner04				{margin:0 20px; background:url(../images/template/secondlevel/contentbottom.gif) bottom no-repeat;}
#banner05				{margin:0 20px; background:url(../images/template/secondlevel/contentbottom.gif) bottom no-repeat;}


#topheader				{background:#000; color:#bb1b21;}
#topheader h2			{color:#fff; font-size:150%; font-weight:normal; padding:8px 0; margin:0;}

/*left col*/
#leftcol				{float:left; width:500px; margin:0; padding:0; background:#fff url(../images/template/secondlevel/contentbottom.gif) bottom no-repeat;}
.colheader				{background:url(../images/template/secondlevel/contenttop.gif) no-repeat; height:22px;}

.colheader-space		{padding:5px 0 0 0; background: url(../images/template/focuson_bg.gif) no-repeat; }
.colcontentbox			{padding:5px 15px 5px 5px; margin:0 25px 0 0; }
.colcontentbox	a		{text-decoration:underline; font-weight:bold; color:#555; }
.colcontentbox	a:hover, .colcontentbox	a:active{text-decoration:none;}

#txtcontainer			{padding:15px 10px 35px 10px;}

#txtcontainer a			{color:#4d4c4c; text-decoration:underline;}
#txtcontainer a:hover, #txtcontainer a:active{text-decoration:none;}

/*right col*/
#rightcol				{float:right; width:210px; margin:37px 0 0 0;}
.rhscolheader			{background: url(../images/template/content/rightcol_header.gif) no-repeat; color:#fff; padding:5px 45px 5px 25px;}

.rhscol_box				{background:url(../images/template/secondlevel/rightcol_bg.gif) repeat-y;}
.imgbox					{padding:5px 5px;}
.rightcolbot			{background:url(../images/template/secondlevel/rightcol_bottom.jpg) no-repeat; height:21px;}

#content				{background:url(../images/home/bac-content_3.gif) repeat-y top right;}
.label-tag				{display:block; width:200px; float:left; padding-top: 3px; font-weight:bold;}
.image-box				{background:#fff; border:1px solid #ccc; margin:10px 10px 30px 10px; padding:5px; font-size:90%; }
.image-box img			{margin:0 0 5px 0;}
.label-Questiontag		{display:block; width:368px; float:left; padding-top: 3px; font-weight:bold;}
.clear					{clear:both; padding:0.01em 0 0 0;}

/*secondary nav*/
#secondnav				{clear:both; background: #fff url(../images/template/nav/secondlevel/nav_bg.gif) repeat-x; height:26px;}
#secondnav ul			{padding:0 0 0 28px;}
#secondnav li 			{ display:block; color:#fff; font-size:95%; font-weight:bold; padding:5px 20px 5px 0;}
#secondnav li a			{ font-size:100%; text-decoration:none;}
#secondnav li a:hover, #secondnav li a:active{text-decoration:underline;}	

/*old nav*/
/*#level1-nav				{background: url(../images/template/nav/secondlevel/navbac.gif) repeat-x ; width:720px; }
#level1-nav ul			{margin:0; padding:0; list-style:none;  font-size:11px; }
#level1-nav li.off		{padding:0; margin:0; color:#c61d23; display:block; float:left; padding:3px 10px 2px 10px;}
#level1-nav li.off a	{color:#fff; text-decoration:none;font-size:11px;   }
#level1-nav li.off a:hover, #level1-nav li.off a:active{text-decoration:underline;}
#level1-nav li#on		{padding:0; margin:0; color:#bb1b21; display:block; float:left; background:#fff url(../images/template/nav/secondlevel/on_right.gif) top right no-repeat;}
#level1-nav li#on a		{color:#bb1b21;  text-decoration:none; font-size:11px; }
#level1-nav li#on a:hover, #level1-nav li#on a:active{text-decoration:underline;}
#onright				{background:url(../images/template/nav/secondlevel/on_left.gif) top left no-repeat; padding:4px 15px 8px 15px; display:block; }
*/

.cms-tips				{background:#D7E1F2; margin:10px 0; clear:none; padding:5px 15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.cms-highlight			{border-top:1px solid #eee; border-bottom:1px solid #eee; padding:5px 10px;clear:none; margin:10px 0; background:#B6CAE5; }
.cms-documents			{border-top:1px solid #243F6F; border-bottom:1px solid #243F6F; padding:5px 10px;clear:none; margin:10px 0; color:#777; }
.cms-documents a		{color:#555; text-decoration:underline;}
.cms-documents a:hover, .cms-documents a:active{text-decoration:none;}
.fieldset-required		{color:#ec0034;}


/*custome code - do something*/

.do_boxout				{float:left; background:url(../images/dosomething/bg_tile.jpg) repeat-y; margin:0 0 15px 0; width:100%;}
.do_minibox				{width:50%; float:left;}
#do_bottombar			{padding:0 0 5px 0; clear:both;}
.do_title				{background:#fff url(../images/dosomething/bullet.gif) 0 2px no-repeat; padding:0 0 5px 12px; font-weight:bold;  font-size:110%; color:#000;}
.do_title2				{background:#fff url(../images/dosomething/bullet2.gif) 0 2px no-repeat;padding:0 0 5px 20px; font-weight:bold; font-size:110%;  color:#000;}
.do_content				{padding:5px;}
.do_content2			{padding:5px 5px 5px 10px;}
.do_content2 a, .do_content a {text-decoration:underline; font-weight:bold; color:#555 !important;}
.do_content2 a:hover, .do_content a:hover, .do_content2 a:active, .do_content a:active{text-decoration:underline; font-weight:bold; color:#555;}


/*custome code - facts*/
#factslistbox			{background:url(../images/facts/contentimag.jpg) top right no-repeat;}	
#factslist				{list-style:none; margin:0 0 0 6px; padding:0; width:60%;   }
#factslist li			{list-style:none; background: url(../images/template/content/bullet.gif) 0 9px no-repeat; padding:5px 0 5px 15px;}
#factslist li ul		{margin:0; }
#factslist li ul li		{padding:5px 0 5px 15px;}
#tnssurvey				{padding:15px 0 5px 0px;}

/*custome code - driving safely*/
#drivingsafe_box		{width:62%; padding:0 0 10px 0;}
#drivingsafebox			{background:url(../images/facts/contentimag2.jpg) top right no-repeat;}	
#drivinglist			{list-style:none; margin:0 0 0 6px; padding:0; width:60%;  }
#drivinglist li			{list-style:none; background: url(../images/template/content/bullet.gif) 0 9px no-repeat; padding:5px 0 5px 15px;}

/*custome code - who are deadly mates?*/
#deadly_box				{width:62%; padding:0 0 10px 0;}
#deadlybox				{background:url(../images/facts/contentimag3.jpg) top right no-repeat;}	

/*custome code - who are yours?*/
#who_box				{width:62%; padding:0 0 10px 0;}
#whobox					{background:url(../images/facts/contentimag3.jpg) top right no-repeat;}	

/*custome code - test track?*/
#game_box				{width:62%; padding:0 0 10px 0;}
#gamebox				{background: url(../images/testtrack/contentimg.jpg) top right no-repeat;}	
#gamebutton	a			{border:none;}

/*forms*/
.errormessage			{color:#990000; font-size:80%; font-weight:bold;}
#form-errors li			{color:#990000; font-size:80%; font-weight:bold;}
.required				{color:#990000; font-size:90%; font-weight:bold;}
.ecard-image-holder 	{margin:5px;border:1px solid #ccc;padding: 5px;}
.ecard-image-holder img	{margin:5px;border:1px solid #ccc;}
.blockdiv				{border-bottom:1px solid #ccc; padding:20px 0 0 0;}

/*Quiz result page */
.result					{background:url(../images/questionnaire-pop-up.jpg) top left no-repeat; width:400px; height:400px;}
.result_box				{padding:110px 40px 45px 45px; margin:0 25px 0 0; width:200px; font-size:110%; color:#FFF; font-family:Arial, Helvetica, sans-serif;}

/*ecard*/
#yourcard				{padding:15px; border:1px solid #ccc; text-align:center; }
#cardborder				{ padding:10px 0 0 0;}

.ecard-image-row		{}
.ecard-image-holder		{width:30%; float:left;}
.ecard-image-holder	img	{border:none;}