﻿
/* ### Site ### */
*
{
	margin: 0px;
	padding: 0px;
}
html,body,form
{
   margin:0;
   padding:0;
   height:100%; 
}
#siteContainer
{
	position:relative;
	min-height: 100%;
	/*height:100%; */
	/*z-index: 5;  */
}

/* ### Header ### */

#headerContainer
{	
	background: url('../images/Backgrounds/HeaderBackground.png') repeat-x scroll top; 
	min-width: 950px;
	width: 100%;
}
#headerHeader	
{
	text-align: left;
	margin: 0px auto;
	width: 950px;
	height: 80px;
	position:relative;
}
#headerTop
{
	height: 80px;
	width: 950px;
	position: relative;
	vertical-align: middle;
}
#headerTop a
{
	font-family: Swiss 721, arial, helvetica, sans-serif;
	color: Gray;    
	font-size: 11px; 
}
#headerLogo
{
	float: left;
	width: 333px;
	height: 47px;
	top: 16px;
	position: absolute;
	z-index: 5;
}
.demoBanner 
{

	float: right;
	display: block;
	padding-top:20px;
}
.phoneText 
{
	position: relative;
	float: right;
	font-family: Swiss 721, arial, helvetica, sans-serif;
	font-size: 11px;
	color: Gray;  
	left:190px;
	top:65px;
}
.trialBanner 
{
	position: absolute;
	top: 16px;
	float: right;
	display: none;
	padding-left: 10px;
	left: 555px;
}
.emailText 
{
	position:relative;
	top: 65px;
	float: right;
	left: 170px;
	font-family: Swiss 721, arial, helvetica, sans-serif;
	font-size: 11px;
	color: Gray;  
}

/* ### Navigation ### */

#navigationContainer
{	
	position: relative;
	background: url('../images/Backgrounds/NavigationBackground.png') repeat-x scroll top; 
	min-width: 950px;
	width: 100%;
}
#navigationHeader	
{
	text-align: left;
	margin: 0px auto;
	width: 950px;
	height: 37px;
	position:relative;
	display:block;
}
#navigationTop
{
	height: 40px;
	width: 950px;
	position: relative;
	vertical-align: middle;
}
#navigation
{
  display:block;
	width: 950px;
	position: absolute;
	top: 7px;
	height: 40px;
	list-style-type: none;
	list-style: none;
}
#navigation li
{
	float: left;
	height: 30px;
	width: 95px; 
	text-decoration: none;
	list-style: none;
	z-index: 15;
}
#navigation LI A
{
	display: block;
	text-decoration: none;
	width: 100%;
	height: 30px;
	z-index: 1;
}

#navigation A.home
{
  position:relative;
	width: 95px;
	height: 30px;
  float:left;

  background-image :url('../images/Buttons/HomeButton.jpg');
	background-repeat: no-repeat;
}
#navigation A.why
{
  position:relative;
	width: 95px;
	height: 30px;
  float:left;
  
	background-image:url('../images/Buttons/WhyButton.jpg');
	background-repeat: no-repeat;
}
#navigation A.isitforme
{
  position:relative;
	width: 95px;
	height: 30px;
  float:left;
  
	background-image:url('../images/Buttons/IsItForMeButton.jpg');
	background-repeat: no-repeat;
}
#navigation A.faq
{
  position:relative;
	width: 95px;
	height: 30px;
  float:left;
  
	background-image:url('../images/Buttons/faqButton.jpg');
	background-repeat: no-repeat;
}
#navigation A.news
{
  position:relative;
	width: 75px;
	height: 30px;
  float:right;
  
	background-image:url('../images/Buttons/NewsButton.jpg');
	background-repeat: no-repeat;
}
#navigation A.partners
{
  position:relative;
	width: 75px;
	height: 30px;
  float:right;

	background-image:url('../images/Buttons/PartnersButton.jpg');
	background-repeat: no-repeat;
}
#navigation A.contact
{
  position:relative;
	width: 75px;
	height: 30px;
  float:right;

	background-image:url('../images/Buttons/ContactButton.jpg');
	background-repeat: no-repeat;
}
#navigation .homeHover
{
  position:relative;
	width: 95px;
	height: 30px;
  float:left;
  display:none;
	background-image:url('../images/Buttons/HomeHoverButton.jpg');
}
#navigation .whyHover
{
  position:relative;
	width: 95px;
	height: 30px;
  float:left;
  display:none;
  background-image:url('../images/Buttons/WhyHoverButton.jpg');
}
#navigation .isitformeHover
{
  position:relative;
	width: 95px;
	height: 30px;
  float:left;
  display:none;
	background-image:url('../images/Buttons/IsItForMeHoverButton.jpg');
}
#navigation .faqHover
{
  position:relative;
	width: 95px;
	height: 30px;
  float:left;
  display:none;
	background-image:url('../images/Buttons/faqHoverButton.jpg');
}
#navigation .newsHover
{
  position:relative;
	width: 75px;
	height: 30px;
  float:right;
  display:none;
	background-image:url('../images/Buttons/NewsHoverButton.jpg');
}

#navigation .partnersHover
{
  position:relative;
	width: 75px;
	height: 30px;
  float:right;
  display:none;
  background-image:url('../images/Buttons/PartnersHoverButton.jpg');
}
#navigation .contactHover
{
  position:relative;
	width: 75px;
	height: 30px;
  float:right;
  display:none;
  background-image:url('../images/Buttons/ContactHoverButton.jpg');	
}

/* ### Body ### */
#bodyContainer
{
  padding:10px;
  background: #FEFFFF url('../images/Backgrounds/SkyBackground.jpg') repeat-x scroll left top;
	font: 12px arial, helvetica, sans-serif;
	line-height: 20px;
	color: #4b4b4b;
	padding-bottom:37px; /* height of footer */
}
body a
{
	color: #4b4b4b;
	text-decoration: none;	
}
#TopShadow
{
	height: 10px;
	width: 950px;
	background: url('../images/Backgrounds/TopShadow.png') no-repeat bottom left;
}
#BodyShadow
{
	background: url('../images/Backgrounds/GlowBg.png') repeat-y bottom left;
	padding-left: 10px; 
	padding-right: 10px;
}
#BottomShadow
{
	height: 10px;
	width: 950px;
	background: url('../images/Backgrounds/BottomShadow.png') no-repeat bottom left;
}

.bodyBox
{
  width:950px;
	display: block;
	background-color: #fbfbfb;		
	background: url('../images/Backgrounds/Radar_Partial.png') no-repeat top right;
	position:relative;
	vertical-align:top;
	margin: auto;
}
.highlight {
	border: 1px solid #f1f1e1;
}

.darkshadow {
	border: 1px solid #cacaca;	
}

.mediumshadow {
	border: 1px none #e5e5e5;		
}

.lightshadow {
	border: 1px solid #eaeaea;	
	padding: 2px;
}

/* ### Footer ### */
#footerContainer
{
  position:absolute;
  bottom:0;
  width: 100%;
  min-width: 950px;
  height: 37px; /* height of footer */
	z-index:1; 
	font-size: 12px;
	font-family: Swiss 721, arial, helvetica, sans-serif;
	background: url('../images/Backgrounds/footer.jpg') repeat-x scroll center bottom;
}

#footer
{
	
  display:block;
	position:relative;
	text-align: left;
	margin: 0px auto;
	width: 950px;
	color: #6E7377;
	height: 34px;
	z-index:1; 
}
#footer A
{
  color: #6E7377; 
}
#TermsBlock
{
	width: 250px;
	height: 22px;
	display: block;
	vertical-align: middle;
	float: left;
	position:absolute;
	top:14px;
}
#StatBlock
{
	position: relative;
	float: left;
	display:block;  
	top:4px;
	left:275px;
}
#CopyrightBlock
{
	position: relative;
	float: right;
	display:block;
	vertical-align: middle;
	width: 200px;
	height: 22px;
	text-align: right;
	top:14px;
}

/* ### Page Specific ### */
.GlobePushPin
{
	background: transparent url('../images/Banners/Globe24.png') no-repeat left top;
	width: 24px;
	height: 24px;
}
.EtchendBoundryTL
{
  background-image: url('../images/Backgrounds/PartnerBlock_03.png');
  width:13px;
  height:12px;
  background-repeat: no-repeat; 
}
.EtchendBoundryT
{
background-image: url('../images/Backgrounds/PartnerBlock_04.png');
background-repeat: repeat-x;  
}

.EtchendBoundryL
{
background-image: url('../images/Backgrounds/PartnerBlock_07.png');
background-repeat: repeat-y;  
}
.VerticalBreak
{
  position: relative;
  Border-left: 1px solid gray;
  margin-left: 20px;
  margin-right: 20px; 
}
.VerticalBreak350
{
  position: relative;
  background-image :url('../images/Backgrounds/VerticalLine350.png');  
  background-repeat: repeat-x; 
  height:350px;
  margin-top: 30px;
  margin-left: 5px;
  margin-right: 35px; 
  float: right;
}

/*### HOME ### */
#Home
{
  overflow:visible; 
  display:block; 
  position:relative; 
  width:940px;
  height:430px;
  top:0px;
  left:0px;
    
  background: url('../images/Backgrounds/HomeBackground.png') no-repeat; 
}
#Home #MainTextBox
{
  float:left;
  position:relative; 
  width:605px;
  height:183px;
  margin-top:15px;
  margin-left:16px;
}
#Home #MainTextBox #Left
{
  float:left;
  position:relative; 
  width:20px;
  height:183px;
    
  background: url('../images/Backgrounds/HomeTextBox_01.png') no-repeat;     
}
#Home #MainTextBox #Middle
{
  float:left;
  position:relative; 
  width:560px;
  height:183px;
  
  background: url('../images/Backgrounds/HomeTextBox_02.png') repeat-x;  
}
#Home #MainTextBox #Right
{
  float:left;
  position:relative; 
  width:23px;
  height:183px;
  
  background: url('../images/Backgrounds/HomeTextBox_04.png') no-repeat;  
}
#Home #MainTextBox #Title
{
  position:relative;
  margin-top:20px;
  margin-left:20px;
  margin-right:30px;
  text-align:left;
  font-size:20pt;
  line-height: 1;
}
#Home #MainTextBox #Text
{
  position:relative;
  margin-top:30px;
  margin-left:20px;
  margin-right:30px;
  text-align:left;
  font-size:10pt;
  line-height: 1;  
}
#Home #SMP
{
  float:left;
  position:relative;
  width:600px;
  height:205px;
  margin-top:15px;
  margin-left:15px;
  margin-bottom:15px;
}
#Home #SMP .link
{
  position:relative;
  top:5px;
  left:5px;
  width:180px;
  height:40px;
}
#Home #SMP .TitleText
{
  position:relative;
  margin-top:15px;
  margin-left:10px;
  margin-right:10px;
  text-align:center;
  font-size:10.5pt;
  line-height: 1;
  letter-spacing:.0001em;
  color:#f36d23;
}
#Home #SMP .Text
{
  position:relative;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  text-align:center;
  font-size:8.5pt;
  line-height: 1;
}
#Home #SMP #See
{
  float:left;
  position:relative;
  width:190px;
  height:200px;
  
  background: url('../images/Banners/See.png') no-repeat; 
}
#Home #SMP #Manage
{
  float:left;
  position:relative;
  width:190px;
  height:200px;
  margin-left:15px;

  background: url('../images/Banners/Manage.png') no-repeat; 
}
#Home #SMP #Protect
{
  float:left;
  position:relative;
  width:190px;
  height:200px;
  margin-left:15px;
  
  background: url('../images/Banners/Protect.png') no-repeat; 
}
#Home #Phones
{
  float:right;
  position:absolute;
  top: 55px;
  left: 580px; 
  width:390px;
  height:399px;
  z-index:5;
         
  background: url('../images/Pages/Home/Phones.png') no-repeat; 
}

/*### CONTACT US ###*/
#ContactUs
{
  position:relative;
  Display:block; 
  width: 850px; 
  height: 500px;
  margin-left:50px;
  font-family: Swiss 721;
}
#ContactUs .Left
{
  Display:block;
  margin-top:40px;
  margin-left:20px;
  margin-bottom:20px;
  position:absolute;
  width:315px;
}
#ContactUs .Divider
{
  margin-top:60px;
  Display:block;
  position:absolute; 
  height:380px; 
  border-left:solid 1px #E0E0E0;
}
#ContactUs .Right
{
  display:block;
  margin-top:30px;
  margin-bottom:20px;
  position:absolute;
  left:375px;
  width:465px;
}

/* Probably redundant */
#ContactUs #InputArea
{
  padding: 0px 0px 0px 30px;
  position:relative;
  width: 320px;
}


/*### PARTNER ###*/
#Partner
{
  position:relative;
  float: none; 
  Display:block; 
  width: 750px; 
  margin:auto;
	font-family: Swiss 721, arial, helvetica, sans-serif;
}
#Partner #Tabs
{
  position:relative;
  height: 30px;
  top:11px;
  margin-left:15px;
}
#Partner .Tab
{
  float: left; 
  width: 96px;
}
#Partner #Content 
{
  float: none; 
  Display:block; 
 	position:relative;
  top: 15px;
  height: 280px;
  left: 20px;
}
#Partner #Content .Left
{
  position:relative;
  float:left;
  width:315px;
}
#Partner #Content .Divider
{
  float:left; 
  position:relative; 
  top:30px; 
  height:200px; 
  border-left:solid 1px #E0E0E0;
  margin-left:20px;
  margin-right:20px;
}
#Partner #Content .Right
{
  position:relative;
  float:left;
  width:350px;
  margin-left: 20px;
}

#Logos
{
  width:920px;
  height:85px;
  position:relative;
  float: none; 
  Display:block;
  padding-top:35px;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;
  vertical-align:bottom; 
 }
.InputBlock
{
  display: block; 
  overflow: hidden; 
  width:330px; 
  vertical-align: text-bottom; 
  height:40px;
}

/*### WHY ###*/
#Why
{
	height: 600px;
}
#Why #Menu
{
	float: left;
	padding-left: 10px;
	margin-right: 15px;
	width: 325px;
	list-style: none;
	list-style-type:none;
	height: 100%;
	border-right:1px #e0e0e0 solid;
}
#Why #Menu .Section
{
	margin-bottom: 10px;
	height: 120px;
}
#Why #Menu .SectionHeader
{
	float: left;
	width: 30px;
	height: 120px;
	display: block;
	margin-top: -5px;
}
#Why #Menu .SeeSection
{
	background: url('../images/Backgrounds/SeeBg.jpg') repeat-y left top;
}
#Why #Menu .ManageSection
{
	background: url('../images/Backgrounds/ManageBg.jpg') repeat-y left top;
}
#Why #Menu .ProtectSection
{
	background: url('../images/Backgrounds/ProtectBg.jpg') repeat-y left top;
}
#Why #Menu ul
{
	float: left;
	width: 285px;
	height: 115px;
	padding-top: 5px;
	margin-bottom: 5px;
}
#Why #Menu li
{
	height: 15px;
	position: relative;
	vertical-align: middle;
	list-style: none;
	list-style-type:none;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;	
	border-bottom: 1px #e0e0e0 solid;
	width: 285px;
	margin-left: 3px;
	z-index: 10;
}
#Why #Menu li a:hover
{
	color: #56B1DF;
	position: relative;
	z-index: 10;
}
#Why #Menu .selectedLink
{
	color: #063878;
}
#Why #Highlighter
{
	top: 0px;
	left: 47px;
	width: 325px;
	height: 30px;
	display: none;
	background-image: url('../images/Pages/Why/highlighter.gif');
	position: absolute;
	z-index: 5;
}
#Why #Content
{
	width: 565px;
	display: block;
	padding: 10px 4px 0px 0px;
	height: 100%;
	float: right;	
}
#Why #Content Img
{
  Border:0;	
}
#Why .BenefitContent
{
	display: none;
}

/* ### ISITFORME ### */
#IsItForMe
{
  width:920px;
  padding-left:10px;
  margin-top: 20px;
  padding-bottom:10px;
  padding-right:10px;
  
}

#IsItForMe .MoreInfoHidden
{
  display: none;
}

#IsItForMe .MoreInfo
{
  height:400px;
}

#IsItForMe .Photo
{
  float:left;
  width:210px;
  text-align: center;
}
#IsItForMe .QA
{
  float:left;
  width:710px;
}
#IsItForMe .QA .Q
{
  font-weight: bold;
  color:#f58220;
}
#IsItForMe .QA .A
{
}

/* ### FAQ ### */


/*

  overflow:visible; 
  display:block; 
  position:relative; 
  width:940px;
  height:430px;
  top:0px;
  left:0px;
*/

#FAQ
{
  width:920px;
  height:600px;
  overflow:auto;
  padding-left:10px;
  margin-top: 20px;
  padding-bottom:10px;
  padding-right:10px;
  display:block;
  position:relative;
}

#FAQ .Q
{
  font-weight: bold;
  font-size:130%;
  color:#f58220;
  display:inline;
}
#FAQ .A
{
  font-weight: bold;
  font-size:130%;
  display:inline;
}
#FAQ .QText
{
  font-weight: bold;
  color:#f58220;
  display:inline;
}
#FAQ .AText
{
 display:inline; 
}

/* ### News ### */
#News
{
  width:900px;
  margin:auto;
}
#News H2
{
	padding-bottom: 10px;
	font-weight: normal;  
	font-family: Swiss 721, arial, helvetica, sans-serif;
}
#News A
{
  font-weight: bold;
  text-decoration: none;
}
#News Img
{
  width:100;
  /*border: 1px solid #999999;*/
  border:none;
  float:left; 
  position:relative; 
  margin-right:10px; 
  margin-bottom:10px;
}
#News .Heading
{
  font-size:20px; 
  font-family: Swiss 721, arial, helvetica, sans-serif;
  display:block;
  position:relative;
  margin-top:20px;
  margin-left:10px;
  margin-bottom:10px;
}
#News .Content
{
  font-size:12px; 
  font-family: Swiss 721, arial, helvetica, sans-serif;
}
#News #TopContainer
{
  display:block;
  position:relative;
  width:100%;
  height:160px; 
}
#News #BottomContainer
{
  display:block;
  position:relative;
  width:100%;
  height:300px;
  margin-top:20px;
}
#News #BottomLeftContainer
{
  display:block;
  float:left;
  position:relative;
  width:50%;
  height:100%;
}
#News #BottomRightContainer
{
  display:block;
  float:left;
  position:relative;
  width:50%;
  height:100%;
}
#News #Latest
{
  padding:10px;
  padding-top:30px;
  height: 90px;
  width: 880px;
  Display:block;
  position:relative;
 }
#News #Announcements
{
  Display:block;
  position:absolute;
  overflow:auto;
  height:240px;
  padding:10px;
  width: 415px;
  left:0px;
  margin-top:10px;
}
#News #Articles
{
  Display:block;
  position:absolute;
  overflow:auto;
  height:240px;
  margin-top:10px;
  padding:10px;
  width: 415px;
}
#News .Item
{
  position:relative; 
  float:left; 
  margin-top:20px; 
  width:390;
}
.NewsSubPage
{
  width:900px;
  height:550px;
  margin:auto;
}
.NewsSubPage H2
{
	padding-bottom: 10px;
	font-weight: normal;  
	font-family: Swiss 721, arial, helvetica, sans-serif;
}
.NewsSubPage P
{
  font-family: Swiss 721, arial, helvetica, sans-serif;
}
.NewsSubPage A
{
  font-family: Swiss 721, arial, helvetica, sans-serif;
  font-weight: bold;
}
.NewsSubPage Img
{
  width:100;
  /*border: 1px solid #999999;*/
  float:left; 
  position:relative; 
  margin-right:10px; 
  margin-bottom:10px;
}













/*### OLD Not USED ###*/
/*

#HomeWestBlock
{
	display: block;
	float: left;
	width: 485px;
	height: 223px;
	padding-right: 6px;
	margin: 10px 0px 5px 5px;
	border-right: 1px #E0E0E0 solid;
}
#HomeEastBlock
{
	display: block;
	float: right;
	height: 223px;
	margin: 10px 5px 5px 5px;
}
#HomeEastBlock .TopBlock
{
	float: left;
	width: 200px;
	height: 223px;
	display: block;
	background: url('../images/Backgrounds/GreyBlockBg.jpg') repeat-x left bottom;	
	background-color: #abe79f;
}
#HomeEastBlock .TopBlock h3
{
	font-weight: bolder;
	color: #ffffff;
}
#HomeEastBlock .BottomBlock
{
	width: 460px;
	height: 90px;
	display: block;
	margin: 2px 2px 10px 2px;
	border: #5d5c5c 1px solid;
	background: url('../images/Backgrounds/GreyBlockBg.jpg') repeat-x left top;	
	background-color: #f1f0ed;	
}
#HomeEastBlock .news
{
	height: 209px;
	margin: 3px;
	padding: 3px;
	color: #fbfbfb;
	border: 1px #d3facb solid;
}
#HomeEastBlock .tba
{
	margin: 2px;
	height: 110px;
}
#HomeEastBlock .try
{
	margin: 2px;
	height: 80px;	
}
.box 
{
	width: 430px;
	display: block;
}
.boxSideLeft
{
	background: transparent url('../images/Backgrounds/AdvertBlock_02.jpg') no-repeat left top;
	width: 18px;
	height: 108px;
	float: left;
}
.boxSideRight
{
	background: transparent url('../images/Backgrounds/AdvertBlock_06.jpg') no-repeat left top;
	width: 18px;
	height: 108px;
	float: right;
}
.boxMiddle
{
	background: transparent url('../images/Backgrounds/AdvertBlock_04.jpg') repeat-x right top;
	height: 108px;
	padding: 5px;
}
*/

/* Probably SHite!! */

/*
html
{*/
  /* turn on Vert scrollbar in FF to mimic same behaviour as IE */
/*  min-height: 100%; margin-bottom: 1px;*/
/*	height: 100%;
}*/
/*
form
{
	min-height: 100%;
	height: 100%;
}
*/
/* ????? */
/*
#body
{
	text-align: left;
	margin: 0px auto;
	width: 950px;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom:40px;
}
#body h3
{
	color: #575757;
	padding-bottom: 2px;
	font-weight: normal;
}
*/
