@charset "UTF-8";

body{
	margin: 0px;
	padding: 0px;
	}

.mainContainerH{
	display: block;
	width: 820px;
	float: left;
}
	



/****************************************************************/
/**************************** MAIN MENU *************************/
/****************************************************************/
.menu{
	width: 220px;
	float: left;
	margin-top: 20px;
	margin-right: 30px;
	}
	
.menu .mbeckground{
	background-image: url(../help/i/page/menuBase.png);
	background-repeat: repeat-y;
	background-position: left top;
	}

.menu .baseUp{
	background-image: url(../help/i/page/menuBase_up.png);
	display: block;
	height: 11px;
	width: 220px;
	background-position: left top;
	background-repeat: no-repeat;
	}
	
.menu .baseDown{
	background-image: url(../help/i/page/menuBase_down.png);
	display: block;
	height: 11px;
	width: 220px;
	background-position: left top;
	background-repeat: no-repeat;
	}	

.menu ul{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #494949;
	background-image: url(../help/i/page/border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
	}

.menu ul li{
	list-style-type: none;
	}

.menu ul .lselected a{
	padding-left: 15px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #2472d2;
	background-image: url(../help/i/page/menuList_select.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
	text-decoration: none;
	}


.menu ul .lnormal a{
	padding-left: 15px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #a4a4a4;
	background-image: url(../help/i/page/menuList_unselect.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
	text-decoration: none;
	}
	
		
.menu .bnormal li {
	visibility: hidden;
	display: block;
	height: 0px;
	}

.menu .bnormal li a {
	visibility: hidden;
	height: 0px;
	}
	
			
.menu ul .lnormal a:hover{
	text-decoration: none;
	color: #2472d2;
	background-image: url(../help/i/page/menuList_select.png);
	}
	

	
.menu ul div a{
	display: block;
	padding-left: 45px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #494949;
	height: 30px;
	text-align: left;
	padding-top: 7px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	}

.menu .bnormal div a:hover{
	color: #2472d2;
	}

.menu .bselected div a{
	color: #2472d2;
	}
	
/*Getting Started*/	
.menu .bselected .start a{
	background-image: url(../help/i/page/start.png);
	}
	
.menu .bnormal .start a{
	background-image: url(../help/i/page/start_bw.png);
	}	
	
.menu .bnormal .start a:hover{
	background-image: url(../help/i/page/start.png);
	}



/*Docs*/	
.menu .bselected .docs a{
	background-image: url(../help/i/page/docs.png);
	}
	
.menu .bnormal .docs a{
	background-image: url(../help/i/page/docs_bw.png);
	}	
	
.menu .bnormal .docs a:hover{
	background-image: url(../help/i/page/docs.png);
	}



/*Inventory*/	
.menu .bselected .inventory a{
	background-image: url(../help/i/page/inventory.png);
	}
	
.menu .bnormal .inventory a{
	background-image: url(../help/i/page/inventory_bw.png);
	}	
	
.menu .bnormal .inventory a:hover{
	background-image: url(../help/i/page/inventory.png);
	}


/*Jobs & Sales*/
.menu .bselected .jobSales a{
	background-image: url(../help/i/page/jobsSales.png);
	}
	
.menu .bnormal .jobSales a{
	background-image: url(../help/i/page/jobsSales_bw.png);
	}	
	
.menu .bnormal .jobSales a:hover{
	background-image: url(../help/i/page/jobsSales.png);

	}
	
/*Calendar*/
.menu .bselected .calendar a{
	background-image: url(../help/i/page/calendar.png);
	}
	
.menu .bnormal .calendar a{
	background-image: url(../help/i/page/calendar_bw.png);
	}	
	
.menu .bnormal .calendar a:hover{
	background-image: url(../help/i/page/calendar.png);
	}

/*Quotes*/
.menu .bselected .quotes a{
	background-image: url(../help/i/page/quote.png);
	}
	
.menu .bnormal .quotes a{
	background-image: url(../help/i/page/quote_bw.png);
	}	
	
.menu .bnormal .quotes a:hover{
	background-image: url(../help/i/page/quote.png);
	}
		
/*Clients*/
.menu .bselected .clients a{
	background-image: url(../help/i/page/clients.png);
	}
	
.menu .bnormal .clients a{
	background-image: url(../help/i/page/clients_bw.png);
	}	
	
.menu .bnormal .clients a:hover{
	background-image: url(../help/i/page/clients.png);
	}

/*My Apps*/
.menu .bselected .myApps a{
	background-image: url(../help/i/page/myApps.png);
	}
	
.menu .bnormal .myApps a{
	background-image: url(../help/i/page/myApps_bw.png);
	}	
	
.menu .bnormal .myApps a:hover{
	background-image: url(../help/i/page/myApps.png);
	}
		
/*Suppliers*/
.menu .bselected .suppliers a{
	background-image: url(../help/i/page/suppliers.png);
	}
	
.menu .bnormal .suppliers a{
	background-image: url(../help/i/page/suppliers_bw.png);
	}	
	
.menu .bnormal .suppliers a:hover{
	background-image: url(../help/i/page/suppliers.png);
	}			

/*Employees*/
.menu .bselected .employees a{
	background-image: url(../help/i/page/employees.png);
	}
	
.menu .bnormal .employees a{
	background-image: url(../help/i/page/employees_bw.png);
	}	
	
.menu .bnormal .employees a:hover{
	background-image: url(../help/i/page/employees.png);
	}	


/*Settings*/
.menu .bselected .settings a{
	background-image: url(../help/i/page/settings.png);
	}
	
.menu .bnormal .settings a{
	background-image: url(../help/i/page/settings_bw.png);
	}	
	
.menu .bnormal .settings a:hover{
	background-image: url(../help/i/page/settings.png);
	}	

/*Credits*/
.menu .bselected .credits a{
	background-image: url(../help/i/page/credits.png);
	}
	
.menu .bnormal .credits a{
	background-image: url(../help/i/page/credits_bw.png);
	}	
	
.menu .bnormal .credits a:hover{
	background-image: url(../help/i/page/credits.png);
	}	
	
				
/****************************************************************/
/**************************** CONTENT ***************************/
/****************************************************************/			
	
.hcontent{
	display: block;
	float: left;
	width: 720px;
	}

.hcontent h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	color: #494949;
	font-weight: normal;
	display: block;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #494949;
	}

.hcontent h1 span{
	font-size: 24px;
	}
	
.hcontent h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #2472D4;
	display: block;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2472D7;
	}

.toTop{
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	display: block;
	text-align: right;
	margin-left: 460px;
	background-image: url(../help/i/page/toTop.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 3px;
	padding-right: 22px;
	padding-bottom: 6px;
	padding-left: 0px;
	color: #FFF;
	}
.toTop:hover{
	color: #FFF202;
	}
	
.hcontent p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
	line-height: 20px;
	}

.hcontent ul{
	padding: 0px;
	list-style-type: none;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	}
	
.hcontent li{
	background-image: url(../help/i/page/list.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 13px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}

.hcontent strong{
	color: #292929;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}


.hcontent li a {
	text-decoration: none;
	color: #2472D2;
	}

.hcontent li a:hover {
	text-decoration: underline;	
	}

.usualImg{
	padding-bottom: 10px;
	}