ul.topics {
	list-style-image:url("Images/plus.gif");
}

li.topic-selected {
	list-style-image:url("Images/minus.gif");
}

li.topic ul {
	list-style:none;
	display:none;
}

li.topic-selected ul {
	display:block;
	list-style-image:none!important;
	list-style-type:none!important;

	
}

#container {
	width:730px;	
	margin:auto;
	text-align: left;
	margin-bottom: 20px;
}

#mainHelp {
	margin:auto;
	position:relative;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}

#helpTree {
	clear:left;
	float:left;
	width:180px;
	overflow:auto;
	padding: 10px;
	border: 1px solid #999999;
	text-transform: uppercase;
}

#helpTree ul {

	list-style-position:outside;
}

.topics
{
	margin-left: 10px;
	padding-left: 10px;
}
.topics li 
{
	margin-bottom: .5em;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}

.subtopics li
{
	margin-bottom:0px;
	font-size: 10px;
}
.subtopics li a
{
	color: #666666!important;
}

.subtopics
{
	padding-left: 0px;
	margin-left: 0px;
	font-size: .9em;
}

#helpText {
	width:100%;	
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
	line-height: 1.5em;
}

html {
	font-size:12px!important;
	font-family:Helvetica, Arial, sans-serif;
}

body
{
	text-align: center;
}

h1 {
	font-size:16px;
	text-transform: uppercase;
	margin: 0px;
	font-weight: bold;
}

h2 
{
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

h3
{
	font-weight: bold;
	font-size: 12px;
}

#topTen
{
	margin-left: 0px;
	padding-left: 0px;
	list-style: decimal inside;
}

#helpHeader
{
	margin-top: 20px;
	background-color: #c7e1b0;
	width: 100%;
	line-height: normal;
	padding: 8px 0px;
}

#helpHeader h1
{
	margin-left: 10px;
	margin-bottom: 0px;
}

#subHeader
{
	margin-left: 10px;
}

a {color: Black;}


/*	=============================================================================================================
	Header/Footer
	============================================================================================================= */
		
	/*========= CLEARING and FLOATING STYLES ==========*/
	.clear-both{
		clear:both;
	}
	.clear-content10{
		clear:both;
		height:10px;
	}
	.clear-content15{
		clear:both;
		height:15px;
	}
	.clear-content20{
		clear:both;
		height:20px;
	}
	.clear-content25{
		clear:both;
		height:25px;
	}	
	.clear-content30{
		clear:both;
		height:30px;
	}
	.clear-content40{
		clear:both;
		height:40px;
	}
	.clear-content80{
		clear:both;
		height:80px;
	}
	.float-left{
		float:left;
	}
	.float-right{
		float:right;
	}
	.vert-align-bottom{
		vertical-align:bottom;
	}
	.vert-align-middle{
		vertical-align:middle;
	}

	/*========= GLOBAL + TOP NAV ==========*/
	#top-nav, #footer{
		width:980px;
		position:relative;
		margin:0 auto;
		color:#333;
		z-index: 1; /* needed for z-index bug for products drop down */
	}
	#logo{
		display:block;
		float:left;
		margin-top:30px;
	}
	#top-nav ul{
		float:right;
		margin-top:52px;
		text-align:center;
		list-style-type:none;
	}
	#top-nav ul a{
		color:#FFF;
		font-weight:bold;
		font-size:12px;
		text-decoration:none;
		display:block;
		padding-top:6px;
	}
	#top-nav ul a:hover{
	color:#F8E49A;
	text-decoration:none;
	}
	#top-nav li{
		display:block;
		float:left;
		margin-left:25px;
		height:28px;
	}
	#top-nav li.active a{
	color:#E1CA6D !important;
	text-decoration:none;
	}
	#top-nav li.products{
		background-image:url(/Quoter/images/Oasis/HeaderFooter/nav-101.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
		display:block;
		width:101px;
	}
	#top-nav li.templates{
		background-image:url(/Quoter/images/Oasis/HeaderFooter/nav-97.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
		display:block;
		width:97px;
	}
	#top-nav li.new{
		background-image:url(/Quoter/images/Oasis/HeaderFooter/nav-108.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
		display:block;
		width:108px;
	}
	#top-nav li.myaccount{
		background-image:url(/Quoter/images/Oasis/HeaderFooter/nav-106.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
		display:block;
		width:106px;
	}
	#top-nav li.help{
		background-image:url(/Quoter/images/Oasis/HeaderFooter/nav-65.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
		display:block;
		width:65px;
	}

	a.login-button{
		position:absolute;
		background-image:url(/Quoter/images/Oasis/HeaderFooter/nav-login.gif);
		top:0px;
		right:0px;
		margin:0;
		width:58px;
		height:24px;
	}
	a.login-button:hover{
		background-image:url(/Quoter/images/Oasis/HeaderFooter/nav-login_f2.gif);
	}
	a.logout-button{
		position:absolute;
		background-image:url(/Quoter/images/Oasis/HeaderFooter/nav-logout.gif);
		top:0px;
		right:0px;
		margin:0;
		width:58px;
		height:24px;
	}
	a.logout-button:hover{
		background-image:url(/Quoter/images/Oasis/HeaderFooter/nav-logout_f2.gif);
	}
	#content-container{
		background-color:#FFF;
		margin:0 auto;
		width:980px;
		text-align:left;
	}
	#content-container-html{
		width:940px;
		padding:25px 20px;
	}		
/*	#content-container-home{
		width:910px;
		padding:35px;
		height:430px;
		position: relative;
		background-color: #FFF;
	}*/
	#content-container-home{
		width:910px;
		padding-bottom: 35px;
        padding-left: 35px;
        padding-right: 35px;
        padding-top: 20px;
		height:430px;
		position: relative;
		background-color: #FFF;
	}
	.grey-rule{
		background-image:url(/Quoter/images/Oasis/Other/grey-rule.jpg);
    	background-position:0 0;
		background-repeat:no-repeat;
		height:23px;
		width:940px;
		float:left;
	}
	/*========= FOOTER ==========*/

	#footer ul{
/*		background-image:url(/Quoter/images/Oasis/HeaderFooter/footer-fade.jpg);
*/		background-position:0 0;
		background-repeat:no-repeat;
		float:left;
		min-height:106px;
		min-width:111px;
		padding:12px;
		color:#666;
		font-size:10px;
		line-height:18px;
		margin-right:21px;
		text-align:left;
	}
	#footer li a{
		color:#666;
		text-decoration:none;
	}
	#footer li a:hover{
		color:#4F7392;
		text-decoration:underline;
	}
	#footer .title, #footer .title a{
		color:#4F7392;
		font-size:15px;
		font-weight:bold;
		margin-bottom:5px;
	}
	#email-signup{
	/*		background-image:url(/Quoter/images/Oasis/HeaderFooter/footer-emailbg.jpg);
		background-repeat:no-repeat;*/
		width:241px;
	height:124px;
	float:right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;		/*text-align:left;*/
	}
	a#subscribe{
		float:left;
		background-image:url(/Quoter/images/Oasis/HeaderFooter/btn-subscribe.png);
		background-position:top;
		height:21px;
		width:80px;	
		margin-top:10px;
	}
	a#subscribe:hover{
		background-position:bottom;
	}
	#footer-rule{
		margin-top:20px;
		padding-bottom:20px;
		border-top:1px solid #CCC;
	}
	a#footer-logo{
		background-image:url(/Quoter/images/Oasis/HeaderFooter/footer-logo.gif);
		display:block;
		float:left;
		margin-right:10px;
		margin-top:0px;
		width:84px;
		height:20px;
	}	
	#footer-social{
		float:right;
	}
	#footer-social img{
		margin-left:15px;
		vertical-align:middle;
	}
	/*========= FONTS ==========*/
	.bold{
		font-weight:bold;	
	}
	.italic{
		font-style:italic;	
	}
	.lightgrey12{
		font-size:13px;
		color:#666;
		line-height:20px;
	}
	.lightgrey12 a{
		color:#666;
		text-decoration:underline;
	}
	.lightgrey12 a:hover{
		color:#4F7392;
		text-decoration:underline;
	}
	.lightgrey16{
		font-size:16px;
		color:#666;
		line-height:24px;
	} 
	.grey12{
		font-size:12px;
		color:#333;
		line-height:20px;
	}
	.white12{
		font-size:12px;
		line-height:20px;
		color:#FFF;
	}
	.white13{
		font-size:13px;
		line-height:20px;
		color:#FFF;
	}
	.white15{
		font-size:15px;
		line-height:22px;
		color:#FFF;
	}
	.grey15{
		font-size:15px;
		line-height:22px;
		color:#333;
	}
	.grey17{
		font-size:17px;
		line-height:24px;
		color:#333;
	}
	.grey18{
		font-size:18px;
		line-height:24px;
		color:#666;
	}
	.grey13{
		font-size:13px;
		line-height:21px;
		color:#666;
	}
	.black14{
		font-size:14px;
		line-height:20px;
		color:#000;
	}
	.black18{
		font-size:18px;
		line-height:24px;
		color:#000;
	}
	.black24{
		font-size:24px;
		line-height:30px;
		color:#000;
	}
	.black26{
		font-size:26px;
		line-height:30px;
		font-weight:bold;
		color:#000;
	}
	.black29{
		font-size:29px;
		line-height:34px;
		font-weight:bold;
		color:#000;
	}
	.black32{
		font-size:32px;
		line-height:40px;
		color:#000;
	}
	.black56{
		font-size:56px;
		line-height:56px;
		font-weight:bold;
		color:#000;
	}
	.orange29{
		font-size:29px;
		line-height:40px;
		color:#E18008	
	}

	
	
/*	=============================================================================================================*/