@font-face {font-family: myriadpro; src: url('/fonts/myriadpro.eot');}
@font-face {font-family: myriadpro; src: url('/fonts/myriadpro.ttf');}

body, TD, P	{ COLOR: #6A757C; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
body { text-align: center; }
#frame { width:760px; margin-right:auto; margin-left:auto; padding:0px; text-align:left; }

ul, ol {
     margin-top: 0;
     margin-bottom: 6px;
	 line-height: 1.5;
     list-style-position: outside;
     padding:  4px 20px;
     margin-left: 0;
     BACKGROUND-COLOR: #ffffff;
     }

ul ul, ol ol {  margin-bottom: 0; }

.youarehere { font-size: 11px; font-weight: normal; COLOR: #6A757C; }

h1, h2, h3, h4, h5, .h1 { COLOR: #005395; margin-bottom: 1px; margin-top: 14px; font-weight: normal; }
p { margin-top: 0; margin-bottom: 8px; line-height: 1.4; }

.clear { clear:both; }

img { border: none; }

.left_heading {font-family: Paralucent-heavy; font-weight: 900; font-size: 21px; color: #1A388C; border-bottom: 1px solid #C8CCCE; background-color: #E7E8EA; padding: 20px 4px 6px 12px;}



.left_borders { padding: 12px; border-width: 0 1px 1px 1px; border-color: #E2E4E5; border-style: solid; }

.page_title {font-family: Paralucent-heavy; font-weight: 900; font-size: 21px; color: #1A388c; border-bottom: 1px solid #C8cccE; background-color: #E7E8EA; padding: 20px 4px 6px 12px;}

.login_title { background-color: #1E3B5F;  COLOR: #ffffff; font-weight: bold; padding: 4px; margin-top: 11px; }

strong { font-weight: bold; color: #1A388C; }

a { color: #1A388C; text-decoration: none; }
a:link { color: #1A388C; text-decoration: none; }
a:active { color: #1A388C; text-decoration: none; }
a:hover { color: #666666; text-decoration: none; }

a.menu:link, a.menu:visited	{ font-size: 12px; color: #6A757C; border-bottom: 1px solid #ffffff; background-color: #ffffff; display: block; padding: 4px 4px; }
a.menu:active, a.menu:hover	{ color: #6A757C; border-bottom: 1px solid #757F86; background-color: #D2DEEC; display: block; padding: 4px 4px; }

.menu2, .menu2:link	{ font-size: 12px; font-weight: bold; color: #005395; padding-top: 6px; }
.menu2:active, .menu2:hover	{ color: #6A757C; padding-top: 6px; }

.menu3, .menu3:link	{ color: #005395; padding-left: 10px; }
.menu3:active, .menu3:hover	{ color: #6A757C; padding-left: 10px; }

HR	{ color: #BECFE3; background-color: #BECFE3; height: 1px; border: 0; }

.button { font-size: 13px; text-decoration: none; font-weight: normal; }

.next, .next:link	{  text-transform: uppercase; color: #1E3B5F; font-size: 10px; border: solid 1px #B2B2B2; padding: 2px 4px; background-color: #E6EBF2; }
.next:active, .next:hover	{ color: #ffffff; border: solid 1px #B2B2B2; padding: 2px 4px; background-color: #1E3B5F; }

H1	{font-size: 14px; margin-bottom: 8px; font-weight: bold; border-bottom: #BECFE3 solid 1px;  padding: 2px; }
.h1 {font-size: 14px; font-weight: bold; }
H2	{font-size: 12px; font-weight: bold; }
H3	{font-size: 11px; font-weight: bold; }
H4	{font-size: 10px; background-color: #E7EEF5; padding: 4px; margin-bottom: 8px; }
H5	{font-size: 11px; font-weight: bold; border: 1px solid #757F86; padding: 4px; }
H6	{font-size: 11px; background-color: #E7EEF5; padding: 4px; margin-bottom: 8px; COLOR: #00639F; }
.textinput	{ font-family: monospace; font-size: 9pt; }

.webdir, .webdir:link {FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica; TEXT-DECORATION: none }
.webdir:active, .webdir:hover { TEXT-DECORATION: none; COLOR: #000000; }

.topmenu ul, .topmenu li { margin:0; padding:0; list-style:none; }
.topmenu ul { /*padding:21px 0 0 16px;*/padding:18px 0 0 16px; }
.topmenu li { padding:2px 0; }
.topmenu li a { font-size:13px; line-height:120%;/*line-height:24px;*/ font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; color:#939598; }
.topmenu li a:hover { color:#19388C; }

.prodmenu { border-width: 0 1px 0px 1px; border-color: #E2E4E5; border-style: solid; }
.prodmenu ul, .prodmenu li { margin:0; padding:0; list-style:none; }
.prodmenu li { width:280px; border-top:1px solid #E2E4E5; }
.prodmenu li.first { border:none; }
.prodmenu li a { width:263px; height:30px; padding:0 0 0 17px; display:block; font-size:13px; line-height:30px; color:#929498; }
.prodmenu li a:hover { color:#19388C; }
.prodmenu li.selected a { color:#19388C; background:top right no-repeat #E2E4E5 url(../images/prodmenu-bgnd.gif); }

/* lifesaver alarms */

#lifesaver .intro { position:relative; width:605px; height:124px; padding:17px 0 0 15px; color:#FFFFFF; background:top left repeat-x url(../images/lifesaver-intro-bgnd.png); }
#lifesaver .intro img.alarm { position:absolute; top:-75px; right:-137px; }
#lifesaver .intro h1 { margin:0; padding:0; width:408px; height:35px; background:top left no-repeat url(../images/heading-get-a-smoke-alarm.png); border:none; }
#lifesaver .intro h1 span { display:none; }
#lifesaver .intro p { font-size:12px; line-height:120%; font-family:Arial, Helvetica, sans-serif; }
#lifesaver .intro a { color:#FFFFFF; border-bottom:1px solid #CD4040; }
#lifesaver .intro h2 { font-size:24px; line-height:100%; font-weight:normal; font-family:myriadpro, "Myriad Pro", Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; }
#lifesaver .content { padding:15px 0 0 15px; }
#lifesaver ul.points, #lifesaver .points li { margin:0; padding:0; list-style:none; }
#lifesaver .points li { font-size:20px; line-height:130%; font-family:myriadpro, "Myriad Pro", Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; color:#19388C; }
#lifesaver .points li.first { color:#CA0000; }
#lifesaver ul.types, #lifesaver .types li { margin:0; padding:0; list-style:none; }
#lifesaver ul.types { height:139px; padding:50px 0 23px 0; list-style-position:none; }
#lifesaver .types li { display:block; position:relative; float:left; width:148px; height:139px; margin-left:1px; font-size:16px; line-height:120%; font-style:italic; font-weight:bold; font-family:Helvetica, Arial, sans-serif; }
#lifesaver .types li.first { width:141px; }
#lifesaver .types li.fourth { width:145px; }
#lifesaver .types li.last { width:135px; }
#lifesaver .types li a { height:83px; padding:46px 16px 10px 16px; display:block; background-color:#E8EAF3; }
#lifesaver .types li.first a { padding-left:14px; background:top left no-repeat url(../images/type-first-bgnd.png); }
#lifesaver .types li.last a { padding:46px 10px 10px 16px; background:top right no-repeat url(../images/type-last-bgnd.png); }
#lifesaver .types li span { font-size:12px; line-height:120%; font-weight:normal; display:block; }
#lifesaver .types li.fourth span { margin-bottom:5px; }
#lifesaver .types li.last span { margin-bottom:5px; }
#lifesaver .types li a:hover { color:#FFFFFF; background:top left repeat-x #193586 url(../images/type-hover-bgnd.png); }
#lifesaver .types li.first a:hover { background:top left no-repeat url(../images/type-first-bgnd.png); background-position:0 -139px; }
#lifesaver .types li.last a:hover { background:top right no-repeat url(../images/type-last-bgnd.png); background-position:0 -139px; }
#lifesaver .types li img { position:absolute; top:-35px; left:11px; }
#lifesaver .left { float:left; width:420px; padding-right:16px; }
#lifesaver .right { float:left; width:286px; }
#lifesaver a.get-yours { width:286px; height:80px; display:block; margin-bottom:19px; background:top left no-repeat url(../images/button-get-yours-now.gif); }
#lifesaver a.get-yours:hover { background-position:0 -80px; }
#lifesaver a.approved-installer { width:286px; height:155px; display:block; margin-bottom:24px; background:top left no-repeat url(../images/button-approved-installer.jpg); }
#lifesaver a.approved-installer:hover { background-position:0 -155px; }
#lifesaver a.approved-installer span, #lifesaver .get-yours span { display:none; }
#lifesaver p.article-text { font-size:14px; line-height:120%; font-family:Helvetica, Arial, sans-serif; color:#999999; }
#lifesaver p.article-text strong { color:#999999; }
#lifesaver ul.logos, #lifesaver .logos li { margin:0; padding:0; list-style:none; }
#lifesaver .logos li { float:left; }
#lifesaver .logos li.herald { padding:19px 25px 0 26px; }
#lifesaver .logos li.tvnz { padding-top:15px; }
#lifesaver .logos li.insurance { padding:9px 23px 0 24px; }
#lifesaver .logos li.wairarapa { padding-top:11px; }
#lifesaver .logos li.manawatu { padding:7px 0 0 23px; }
#lifesaver { font-size:13px; line-height:130%; font-family:Helvetica, Arial, sans-serif; color:#666666; }
#lifesaver h1 { padding-bottom:12px; font-size:28px; line-height:120%; font-family:Helvetica, Arial, sans-serif; font-style:italic; color:#19388C; border-bottom:1px solid #E2E4E5; }
#lifesaver h2 { margin-bottom:12px; font-size:13px; line-height:130%; font-family:Helvetica, Arial, sans-serif; color:#19388C; }
#lifesaver strong { color:#666666; }

#lifesaver-form .alarm-prod { position:relative; width:696px; margin-bottom:30px; background:bottom left #e8eaf3 no-repeat url(../images/alarm-prod-bottom.gif); }
#lifesaver-form .alarm-prod .top { width:685px; height:38px; padding:8px 0 0 11px; font-size:16px; line-height:120%; font-family:Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; color:#FFFFFF; background:top left no-repeat url(../images/alarm-prod-bgnd.png); }
#lifesaver-form .alarm-prod .top input { margin-right:15px; }
#lifesaver-form .alarm-prod .content { width:634px; padding:10px 24px 20px 38px; }
#lifesaver-form .alarm-prod .content td { font-size:12px; line-height:120%; }
#lifesaver-form .alarm-img { position:absolute; top:-21px; right:-24px; }
#lifesaver-form .alarm-prod h1 { margin-top:0; padding-bottom:12px; font-size:16px; line-height:160%; font-style:italic; }
#lifesaver-form .alarm-prod strong { font-size:12px; line-height:120%; color:#333333; }

#lifesaver-form .package {  padding:2px 0 18px 20px; }

