@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
 }

p{
	margin:0 0 15px 0;
}

a img{
	border:none;
}

ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}


ul.horizontal li{
	display:inline;
}


/*-------------------------------------------------------------------------------*/
#hd{
	height:82px;
	width:766px;
	border:0px solid red;
	margin:auto;
	position:relative;
}
#hd h1{
	margin:0;
	padding:0;
	float:left; 
	width:170px; 
	background-color:#999999;
}

#hd a.logo{
	background:url(../images/logo.jpg) no-repeat;
	display:block;
	height:80px;
	text-indent:-9999px;
}


#hd ul.topnav {
	float:right; position:absolute; bottom:0;
	margin:32px 0 0 215px;
	*margin:32px 0 0 45px;
	height:31px;
}


#hd ul.li {
	float: left;

}

#hd ul.topnav a.home,
#hd ul.topnav a.homenew,
#hd ul.topnav a.aboutus,
#hd ul.topnav a.whyziggy,
#hd ul.topnav a.howitworks,
#hd ul.topnav a.myaccount,
#hd ul.topnav a.contactus{
	height:31px;
	float: left;
 	padding: 0 10px 0 10px;
	text-indent:-99999px;
 }

#hd ul.topnav a.home{ 
	background:url(../images/topnav/home-off.gif) no-repeat; 
	width:39px; 
}
#hd ul.topnav a.homenew{ 
	background:url(../images/topnav/home-ovr.gif) no-repeat; 
	width:39px; 
}

#hd ul.topnav a.aboutus{
	background:url(../images/topnav/aboutus-off.gif) no-repeat; 
	width:63px; 
}
#hd ul.topnav a.whyziggy{
	background:url(../images/topnav/whyziggy-off.gif) no-repeat; 
	width:80px; 
}
#hd ul.topnav a.howitworks{
	background:url(../images/topnav/howitworks-off.gif) no-repeat; 
	width:95px; 
}
#hd ul.topnav a.myaccount{
	background:url(../images/topnav/myaccount-off.gif) no-repeat; 
	width:81px; 
}
#hd ul.topnav a.contactus{
	background:url(../images/topnav/contactus-on.gif) no-repeat; 
	width:73px; 
}


#hd ul.topnav a:hover.home{ background:url(../images/topnav/home-ovr.gif) no-repeat; }
#hd ul.topnav a:hover.homenew{ background:url(../images/topnav/home-ovr.gif) no-repeat; }
#hd ul.topnav a:hover.aboutus{background:url(../images/topnav/aboutus-ovr.gif) no-repeat; }
#hd ul.topnav a:hover.whyziggy{ background:url(../images/topnav/whyziggy-ovr.gif) no-repeat; }
#hd ul.topnav a:hover.howitworks{ background:url(../images/topnav/howitworks-ovr.gif) no-repeat; }
#hd ul.topnav a:hover.myaccount{ background:url(../images/topnav/myaccount-ovr.gif) no-repeat; }
#hd ul.topnav a:hover.contactus{ background:url(../images/topnav/contactus-ovr.gif) no-repeat; }


/*

#hd ul.topnav a.homeon,
#hd ul.topnav a:hover.home{ background:url(../images/topnav/home-on.gif) no-repeat; }
#hd ul.topnav a.aboutuson,
#hd ul.topnav a:hover.aboutus{background:url(../images/topnav/aboutus-off.gif) no-repeat; }
#hd ul.topnav a.whyziggyon,
#hd ul.topnav a:hover.whyziggy{ background:url(../images/topnav/whyziggy-ovr.gif) no-repeat; }
#hd ul.topnav a.howitworkson,
#hd ul.topnav a:hover.howitworks{ background:url(../images/topnav/howitworks-ovr.gif) no-repeat; }
#hd ul.topnav a.myaccounton,
#hd ul.topnav a:hover.myaccount{ background:url(../images/topnav/myaccount-ovr.gif) no-repeat; }
#hd ul.topnav a.contactuson,
#hd ul.topnav a:hover.contactus{ background:url(../images/topnav/contactus-ovr.gif) no-repeat; }
*/

/*

#hd ul.topnav a.contactuson{
	background:url(../images/topnav/contactus-ovr.gif) no-repeat; 
	width:73px; 
}

#hd ul.topnav a.activemyaccount{
	background:url(../images/topnav/myaccount-ovr.gif) no-repeat; 
	width:81px; 
}

#hd ul.topnav a.activehowitworks{
	background:url(../images/topnav/howitworks-ovr.gif) no-repeat; 
	width:95px; 
}

#hd ul.topnav a.activewhyziggy{
	background:url(../images/topnav/whyziggy-ovr.gif) no-repeat; 
	width:80px; 
}

#hd ul.topnav a.activeaboutus{
	background:url(../images/topnav/aboutus-off.gif) no-repeat;
	width:63px; 
}
*/

#hd ul.toplink {
	float:right; width:550px; text-align:right;
	margin:0;
}
#hd ul.toplink li {
	border-right: 1px solid #999999;
}
#hd ul.toplink li.last{border-right: 0px}
#hd ul.toplink li {
	border-right: 1px solid #999999;
}
#hd ul.toplink li a{ padding:0 8px 0 8px; color:#999; text-decoration:none; font-size:.9em; font-weight:bold}


div.red-sp-bar{	background:url(../images/layout/red-sp-bar.gif) repeat-x; height:18px; margin:-3px 0 3px 0;}





#bd{ 
	color:#404041;
	margin:0 auto;
	width:940px;
}





/* Login styles - left content */
.loginBase{
	background:url(../images/layout/login/login.jpg) no-repeat;
	width:187px;
	height:320px;
	float:left;
	position: relative;
	margin-bottom:0px;
}

.loginForm{
	width:140px;
	position:relative;
	margin:35px 0 0 0;
	padding-left:18px;
}

.loginForm input.txtField{
	width:126px;
	margin-bottom:4px;
	padding: 0px 2px;
	border:1px solid #7c7c7c;
}

.loginForm .goBtn{
	position: absolute;
	top: 10px;
	left: 156px;
}

.loginForm .forgotPass{
	font-size:0.8em;
	color:#555553;
}


.leftRegisterDetails{
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #555553;
	margin: 18px 8px 0 12px;
}


.registerBtnContainer{
	 position: absolute;
	 bottom: 10px;
	 left: 10px;
}

a.registerBtn{ 
	background:url(../images/layout/login/bt-start-lrg.png) no-repeat;
	display:block;
	height:50px;
	width:170px;
	text-indent:-99999px;
}





/* Index middle content styles */
.indexContentBase{
	width:750px;
	height:320px;
	float:left;
	position:relative;
	background: url(../images/layout/content-bg.jpg) repeat-x;
}

.indexMiddleContentContainer{
	width:432px;
	height: 312px;
	float:left;
	margin-top:8px;
	margin-left:4px;
	position:relative;
}

.redXSmallText{
	font-size:x-small;
	color:#b61e13;
}

.indexLogoSlideshow
{
	margin-left:10px;
	height:40px;
	margin-top:10px;
}


/* Index right content styles */
.indexCharacterDialogBox{
	width:95px;
	font-family:Comic Sans MS;
	position:absolute;
	right: 232px;
	top:145px;
}

.indexRightContentContainer{
	width:310px;
	height: 320px;
	float:left;
	position: relative;
}

.rightRegisterDetails{
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 5px 10px 0px 10px;
}

.startnowBtn{
	margin:58px 0 0 32px;
}





#bd div.feature1,
#bd div.feature2,
#bd div.feature3{ 
	width:249px;
	height:101px;
	float:left;
}

#bd div.feature1{ 
	background:url(../images/feature1.gif) no-repeat; 
}
#bd div.feature1 a.bt{ 
	background:url(../images/feature3-bt.gif) no-repeat;
	display:block;
	height:26px;
	margin:67px 0 0 13px;
	text-indent:-99999px;
}

#bd div.feature2{ 
	background:url(../images/feature2.gif) no-repeat; 
	margin:0 10px 0 9px;
}
#bd div.feature2 a.bt{ 
	background:url(../images/feature2-bt.gif) no-repeat;
	display:block;
	height:27px;
	margin:67px 0 0 80px;
	text-indent:-99999px;
}


#bd div.feature3{ 
	background:url(../images/feature3.gif) no-repeat; 
}
#bd div.feature3 a.bt{ 
	background:url(../images/feature3-bt.gif) no-repeat;
	display:block;
	height:26px;
	margin:67px 0 0 140px;
	text-indent:-99999px;
}



#MainContainer
{
	padding:0 0 0 32px;
	text-align:left;
	}



#MainContainer div.roundcorner-top
{
	background:url(../images/roundercorner/intcontent_top.gif) no-repeat; 
	width:532px;
	height:21px;
	}
#MainContainer div.roundcorner-body
{
	background:url(../images/roundercorner/intcontent_mid.gif) repeat-y; 
	width:532px;
	}
#MainContainer div.roundcorner-bottom
{
	background:url(../images/roundercorner/intcontent_base.gif) bottom no-repeat; 
	width:532px;
	height:24px;
	}
#MainContainer div.inner-container
{
	padding:0 18px 0 18px;
	}
#MainContainer div.roundcorner-top-calculators
{
	/*background:url(../images/roundercorner/intcontent_top.gif) no-repeat; */
	width:532px;
	height:21px;
	}
#MainContainer div.roundcorner-body-calculators
{
	/*background:url(../images/roundercorner/intcontent_mid.gif) repeat-y; */
	width:532px;
	}
#MainContainer div.roundcorner-bottom-calculators
{
	/*background:url(../images/roundercorner/intcontent_base.gif) bottom no-repeat; */
	width:532px;
	height:24px;
	}
#MainContainer div.inner-container-calculators
{
	padding:0 18px 0 18px;
	}


.inner-container ul 
{
	margin:15px 20px;
	list-style:disc;
	color:#333333;
}

	
.inner-container li 
{
	margin:10px 0;
	color:#da2416;
}

.inner-container ul ul
{
	list-style:none;
}

.int_list {
	color:#404041;
}

#MainContainer div.inner-container h2
{
	padding:0;
    padding-left: 10px;
	margin:0;
	color:#D52315;
	font-size:120%;
	}

#MainContainer div.roundcorner2-top
{
	background:url(../images/roundercorner/ZiggyContainerTop1.gif) no-repeat; 
	width:213px;
	height:16px;
	}
#MainContainer div.roundcorner2-body
{
	background:url(../images/roundercorner/ZiggyContainerBackground1.gif) repeat-y; 
	width:213px;
	}
#MainContainer div.roundcorner2-bottom
{
	background:url(../images/roundercorner/ZiggyContainerBottom1.gif) bottom no-repeat; 
	width:213px;
	height:16px;
	}
#MainContainer div.inner-container2
{
	padding:0 18px 0 18px;
	}


#ft{
 
	width:766px;
 
	margin:auto;
	color:#555;
	font-weight:bold;
 
}


#ft a{
 
	color:#555;
	font-weight:bold;
	text-decoration:none;
 
}


#ft ul li{
	padding:0 12px 0 12px;
 
}



div.clr{ clear:both;}