/* element specific styles */

body {
background-color:#2F2F2F;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

a {
}

a:hover {
}

img {
border:none;
}

/* ------------------
 
id and class styles 

-------------------- */

/*header area ------ */
#headerArea {
height:165px;
}

/*vip area*/
#vipArea {
}

/*agent and broker info area*/
#contactArea {
background:url(contactArea_bg.jpg) bottom left no-repeat;
}
   
	#contactInfo {
	color:#b5b5b5;
	text-align:left;
	font-size:127%;
	font-weight:bold;
	letter-spacing:0px;
    height:30px;
	}
	
	#contactInfo span {
	font-weight:bold;
	font-size:163%;
	letter-spacing:-1px;
	}
	
	#contactInfo a {
	color:#9FABBB;
	font-weight:bold;
	text-decoration:none;
	}
	
	#contactInfo a:hover {
	color:#b5b5b5;
	}

	#contactInfo2 {
	color:#b5b5b5;
	text-align:left;
	font-size:109%;
	line-height:12px;
	letter-spacing:0px;
	}
	
	#contactInfo2 span {
	font-weight:bold;
	font-size:163%;
	letter-spacing:-1px;
	}
	
	#contactInfo2 a {
	color:#9FABBB;
	font-weight:bold;
	text-decoration:none;
	}
	
	#contactInfo2 a:hover {
	color:#b5b5b5;
	}

/* menu area */
#mainMenuContainer {
background-color:#414141;
}

#cntArea {
background:url(cntArea_bg.jpg) top left repeat-y;
}

/* page end area 

This is hidden as the template as a default doesn't use it.
although the page end can be added in for custom requests if 
needed

*/

#pageendArea {
display:none;
}

/* footer area */
#footerArea {
height:30px;
padding:7px 0px 0px 10px;
font-size:90%;
text-align:left;
color:#b5b5b5;
background:url(footerArea_bg.jpg) top left repeat-y;
}

	#footerArea a {
	text-decoration:none;
	color:#b5b5b5;
	}
	
	#footerArea a:hover {
	text-decoration:none;
	color:#9FABBB;
	}

/* ----------------------------

the following styles are for the content
areas of the site, there are 3 variations.
1. home page (siteCnt) 
2. sub pages (sub_cntArea, sub_siteCnt)
3. search engine (full_cntArea, full_siteCnt)

As well as the widget colums are spec'd here

---------------------------- */

/* homepage content area */
#siteCnt {
color:#b5b5b5 ;
}

/* subpage content area  */
#sub_cntArea {
background:url(cntArea_bg.jpg) top left repeat-y;
}

	#sub_siteCnt a {
	color:#9FABBB;
	font-weight:bold;
	text-decoration:none;
	}
	
	#sub_siteCnt a:hover {
	color:#b5b5b5;
	text-decoration:none;
	}
	
	#sub_siteCnt h1 {
	font-weight:bold;
	font-size:163%;
	}

/* full page content area */
#full_cntArea {
background:url(cntArea_bg.jpg) top left repeat-y;
}

	#full_siteCnt {
	color:#b5b5b5 ;
	}


/* VIP BAR CSS */

#dashboard {
color:#ffffff;
font-size:90%;
background:url(vip/vipBg.gif) no-repeat top left;
}	

#dashboard a{
font-size:100%;
color:#ffffff;
}

#dashboard a:hover{
color:#CAD1DA;
}
	
#dashboard_logo {
background:url(vip/vipLogo.jpg) no-repeat top left;
}

#dashboard .submit {
cursor:pointer;
color:#ffffff;
font-size:90%;
border-top:1px solid #565656;
border-right:1px solid #222222;
border-bottom:1px solid #222222;
border-left:1px solid #565656;
background-color:#2F2F2F;
}

#dashboard_login {}

#dashboard .inputs, #dashboard .inputs_error{
font-size:100%; 
color:#5C5C5C;
border:1px solid #B5B5B5;
background-color:#ffffff;
}

#dashboard .inputs_error{
background-color: Yellow;
}

#vipMenu {}

#vipMenu li {}

#vipMenu li a {
font-size:100%;
text-align:center;
background-color:#7F90A7;
text-decoration:none;
color:#ffffff;
line-height:20px;
}

#vipMenu li a:hover, #vipMenu li a.over {
color:#CAD1DA;
background-color:#637690;
}

#dashboardContent {
  border-color:#9DAABB;
  background-color:#637690;
}