/* -------------------------------------------
 * Common Wrapper Classes
  ------------------------------------------- */
DIV.wrapper
{
	position: relative;
	top: 0;
	z-index: 1;
	text-align: left;
	width: 100%;
}

DIV.wrapperContent
{
	position: relative;
	z-index: 1;
	width: 990px;
	margin: 0 auto; /* MUST HAVE THIS!! Auto margin left and right ensure centred */ 
	padding: 0 0 0 0; 
}

/* -------------------------------------------
 * Header
  ------------------------------------------- */
#HeaderWrapper
{	
	float: left;
	width: 100%;
	min-height: 110px !important;
	height: 110px;
	background-color: #FAFAFA;
	border-top: solid 10px #EEEEEE;
}

/* -------------------------------------------
 * Logo
  ------------------------------------------- */
#Logo
{
	position: absolute;
	top: 0;
	left: 20px;
	width: 200px;
	height: 100px;
	text-indent: -10000px;
	font-size: 0;
	background: url('../../images/logo.png') no-repeat left center;
}

/* -------------------------------------------
 * Header Menu
  ------------------------------------------- */
#HeaderMenu
{
	position: absolute;
	top: 10px;
	right: 15px;	
	margin: 0;
	padding: 0;
	width: auto;
	height: 30px;
	list-style-type: none;
}
#HeaderMenu LI
{
	display: inline;
	padding: 0 2px 0 2px;
	font-size: 11px;
	color: #AAAAAA;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #E7F2F8;
}
#HeaderMenu LI A
{		
	padding: 2px 6px 2px 6px;
	font-size: 11px;
	line-height: 30px;
	color: #AAAAAA;
	background-color: #FAFAFA;
	text-decoration: none;
}
#HeaderMenu LI A:link,
#HeaderMenu LI A:visited
{
}
#HeaderMenu LI.selected A,
#HeaderMenu LI A:hover,
#HeaderMenu LI A:active
{
	color: #333333;
	background-color: #EEEEEE;
}

#HeaderMenu LI.first
{
	border-left: none;
}
#HeaderMenu LI.last
{
	border-right: none;
	margin-right: 10px;
}

/* -------------------------------------------
 * Global Menu
  ------------------------------------------- */
#GlobalMenu
{
	float: right;
	display: block;
	margin: 76px 0 0 200px;
	padding: 0;
	width: auto;
	height: 24px;
	list-style-type: none;
}
#GlobalMenu LI
{
	float: left;
	width: auto;
	padding: 0 2px 0 2px;
	line-height: 24px;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #DBE9F0;
}
#GlobalMenu LI A
{		
	display: block;
	padding: 0 10px 2px 10px;
	background-color: #FAFAFA;
	font-weight: 600;
	text-decoration: none;
}

#GlobalMenu LI A:link,
#GlobalMenu LI A:visited
{
	color: #336699;
	line-height: 24px;
}
#GlobalMenu LI A:hover,
#GlobalMenu LI A:active,
#GlobalMenu LI.selected A
{
	border-bottom: solid 4px #FE7004;
}

#GlobalMenu LI#GlobalMenu_ClientLogin A
{
	background: url('../../images/navs/global/client_login_bg.png') no-repeat left center;
	padding-left: 20px;
}
#GlobalMenu LI#GlobalMenu_Support A
{
	background: url('../../images/navs/global/support_bg.png') no-repeat left center;
	padding-left: 21px;
}
#GlobalMenu LI#GlobalMenu_ClientLogin A:link,
#GlobalMenu LI#GlobalMenu_Support A:link,
#GlobalMenu LI#GlobalMenu_ClientLogin A:visited
#GlobalMenu LI#GlobalMenu_Support A:visited
{		
	margin-left: 5px;
	color: #AAAAAA;
}
#GlobalMenu LI#GlobalMenu_ClientLogin A:hover,
#GlobalMenu LI#GlobalMenu_ClientLogin A:active
{
	background: url('../../images/navs/global/client_login_on_bg.png') no-repeat left center;
	border-bottom: solid 4px #AAAAAA;
}
#GlobalMenu LI#GlobalMenu_Support A:hover,
#GlobalMenu LI#GlobalMenu_Support A:active
{		
	background: url('../../images/navs/global/support_on_bg.png') no-repeat left center;
	border-bottom: solid 4px #AAAAAA;
}

#GlobalMenu LI.last
{
	border-right: none;
}
#GlobalMenu LI.separator
{
	width: 20px;
	border: none;
}


/* -------------------------------------------
 * Banner
  ------------------------------------------- */
#BannerWrapper
{	
	float: left;
	width: 100%;
	min-height: 250px !important;
	height: 250px;
	border-top: solid 3px #336699;
	border-bottom: solid 1px #CCCCCC;
	background: #336699 url('../../images/bg/banner_bg2.png') repeat-x left center;
}
#Banner
{	
	width: 960px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	background: url('../../images/bg/lightsource.png') no-repeat center bottom;
}

#Banner DIV.banner-left
{
	float: left;	
	width: 410px;
	height: 250px;
	padding-right: 50px;
	overflow: hidden;
}
#Banner DIV.banner-right
{
	color: #FFFFFF;
	float: right;
	width: 480px;
	height: 250px;
	vertical-align: middle;
	overflow: hidden;
}

#Banner DIV.banner-left H1
{
	margin-bottom: 10px;
	color: #FFFFFF;
	font-weight: 400;
	letter-spacing: 1px;
}
#Banner DIV.banner-left A
{
	color: #59B2F5;
	border: none;
}
#Banner DIV.banner-left H1+A
{
	color: #59B2F5;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	border: none;
}
#Banner DIV.banner-left H1+A:hover
{
	text-decoration: underline;
}
#Banner DIV.banner-left P
{
	color: #FFFFFF;
	font-size: 120%;
	line-height: 140%;
}
#Banner DIV.banner-left P.buttons
{
	margin: 20px 0 0 0;
}
#Banner DIV.banner-left P.buttons A
{
	margin: 0 5px 0 0;
}
#Banner DIV.banner-left .testimonial
{
	font-weight: bold;
	font-style: italic;
}
#Banner DIV.banner-right A
{
	color: #59B2F5;
	border-color: #59B2F5;
}

#Banner DIV.banner-right IMG.guarantee
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
}

#Banner DIV.banner-right IMG.banner-photo
{
	position: absolute;
	right: 20px;
	bottom: 0;
	z-index: 100;
}

#Banner DIV.banner-right UL.list
{
	margin-top: 0px;
	font-size: 95%;
}
#Banner DIV.banner-right UL.list LI
{
	line-height: 130%;
}
#Banner DIV.banner-right .price-info
{
	padding-left: 10px;
	padding-right: 10px;
}


/* -------------------------------------------
 * Content
  ------------------------------------------- */
#ContentWrapper
{	
	float: left;
	width: 100%;
	padding-bottom: 40px;
	background-color: #FAFAFA;
	border-top: solid 1px #FFFFFF;
}
#Content 
{
    width: 960px; /* see stylesheet for twocolumn_left, twocolumn_right, threecolumn for other formats */
    padding-left: 20px;
    padding-right: 20px;
}

/* -------------------------------------------
 * Bread Crumb Links
  ------------------------------------------- */
#ToolBar #SiteMapPath
{
	float: left;
	width: 460px;
	height: 35px;
	list-style-type: none;
}

#SiteMapPath A
{
	text-decoration: underline;
}
#SiteMapPath A:hover
{
	text-decoration: none;
}

#SiteMapPath .SiteMapPath_NodeStyle
{
	line-height: 35px;
	vertical-align: bottom;
}
#SiteMapPath .SiteMapPath_RootNodeStyle
{
	line-height: 35px;
	vertical-align: bottom;
}
#SiteMapPath .SiteMapPath_CurrentNodeStyle
{
	line-height: 35px;
	vertical-align: bottom;
}
#SiteMapPath .SiteMapPath_PathSeparatorStyle
{
	line-height: 35px;
	vertical-align: bottom;
	padding: 0;
}  


/* -------------------------------------------
 * Left Content
  ------------------------------------------- */
#LeftContent
{
	float: left;
	width: 224px;
	min-height: 500px;
	background: url('../../images/bg/leftcontent_bg.png') no-repeat left top;
}

#LeftContent > DIV
{
	padding-left: 20px;
	padding-right: 20px;
}

#LeftContent HR
{
	margin-left: 20px;
	margin-right: 20px;
}

/* -------------------------------------------
 * Main Content
  ------------------------------------------- */
#MainContent
{
	overflow: hidden; /* encapsulates floated elements and fixes .clear gaps */
	width: auto;
	margin-left: 270px;
	min-height: 500px;
	padding: 40px 0 40px 0;
}

/* -------------------------------------------
 * Page Heading
  ------------------------------------------- */
#MainContent H1.pageHeading
{
	margin-top: 0;	
}
#MainContent H1.pageHeading + P.large
{
	margin-bottom: 30px;
}

/* -------------------------------------------
 * Right Content - see threecolumn.css
  ------------------------------------------- */
#RightContent
{
	display: none; /* hide by default */
}

/* -------------------------------------------
 * Left Content Menu
  ------------------------------------------- */
#LeftContent UL#LocalMenu
{
	list-style-type: none;
	margin-top: 40px;
	background-color: Transparent;
	border-top: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
}
#LeftContent #LocalMenu LI
{
	padding: 8px 0 8px 0;
	min-height: 20px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #DDDDDD;
}
#LeftContent #LocalMenu LI.first
{
	border-top: none;
}
#LeftContent #LocalMenu LI.last
{
	border-bottom: none;
}
#LeftContent #LocalMenu LI A
{
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #797C80;
	text-decoration: none;
	background: url('../../images/bullets/local_menu.png') no-repeat 10px center;
	padding-left: 28px;
	padding-right: 5px;
}
#LeftContent #LocalMenu LI A:hover
{
	color: #797C80;
	text-decoration: underline;
}
#LeftContent #LocalMenu LI.selected
{
	border-top: none;
	background: url('../../images/bg/local_menu_selected.png') repeat-x left center;
}
#LeftContent #LocalMenu LI.selected A
{
	color: #FFFFFF;
	background: url('../../images/bullets/local_menu_selected.png') no-repeat 11px center;
}

#LeftContent UL#LocalMenu UL
{
	list-style-type: none;
	margin: 0 1px 0 0;
	background-color: Transparent;
	border-bottom: solid 1px #DDDDDD;
}
#LeftContent UL#LocalMenu UL LI
{
	line-height: 20px;
	padding: 5px 0 5px 0;
	background-color: #FAFAFA;
	border: none;
}
#LeftContent UL#LocalMenu UL LI A
{
	color: #797C80;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	background: url('../../images/bullets/gray_pointer.png') no-repeat 96% center;
	padding: 0 20px 0 20px;
}
#LeftContent UL#LocalMenu LI.selected UL LI A:hover
{
	background: url('../../images/bullets/gray_pointer.png') no-repeat 97% center;
}
#LeftContent UL#LocalMenu UL LI.selected
{
	background: none;
}
#LeftContent UL#LocalMenu UL LI.selected A
{	
	color: #797C80;
	background: url('../../images/bullets/gray_pointer.png') no-repeat 97% center;
	font-weight: bold;
}

/* -------------------------------------------
 * Left Content Menu
  ------------------------------------------- */
#LeftContent #LocalFootMenu
{	
	width: 200px;
	margin: 20px 10px 20px 10px;
	background-color: #F7F7F7;
	list-style-type: none;
	border-top: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
}
#LeftContent #LocalFootMenu LI
{	
	line-height: 30px;	
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #DDDDDD;
	border-left: solid 1px #FFFFFF;
}
#LeftContent #LocalFootMenu LI.first
{
	border-top: none;
}
#LeftContent #LocalFootMenu LI.last
{
	border-bottom: none;
}
#LeftContent #LocalFootMenu LI A
{
	display: block;
	font-size: 12px;
	text-decoration: none;
	background: url('../../images/bullets/blue_pointer.gif') no-repeat 10px center;
	padding-left: 20px;
}
#LeftContent #LocalFootMenu LI A:hover
{
	text-decoration: underline;
}
#LeftContent #LocalFootMenu LI.selected
{
	background-color: #EEEEEE;
	border-top: solid 1px #F7F7F7;
	border-right: solid 1px #F7F7F7;
	border-bottom: solid 1px #D7D7D7;
	border-left: solid 1px #F7F7F7;
}
#LeftContent #LocalFootMenu LI.selected A
{/*
	background: Transparent url('../../images/bullets/gray_pointer.png') no-repeat 10px center;
	color: #BBBBBB;
*/}


/* -------------------------------------------
 * Page Tools
  ------------------------------------------- */
#PageMenu
{
	-moz-border-radius: 5px; /* INVALID CSS */
	-webkit-border-radius: 5px; /* INVALID CSS */
	
	margin-top: 40px;
	padding: 20px;
	width: auto;
	min-height: 80px;
	border: solid 1px #DDDDDD;
	background-color: #F6F6F6;
}

#PageMenu H2
{
	margin-top: 0;
	margin-bottom: 5px;
}
#PageMenu P
{
	margin-top: 0;
	font-weight: bold;
}
#PageMenu UL
{
	list-style-type: none;
	margin-top: 20px;
	margin-left: 20px;
}
#PageMenu UL LI
{
	display: block;
	line-height: 1.7em;
}
#PageMenu UL LI A
{
	display: inline-block;
	background: url('../../images/icons/silk/page_white.png') no-repeat left center;
	padding-left: 25px;
	line-height: 1.7em;
}
#PageMenu UL LI.selected
{
	display: none;
}


/* -------------------------------------------
 * Twitter UserTimeline
  ------------------------------------------- */
#TwitterWrapper
{	
	float: left;
	width: 100%;
	background-color: #eef6f7; /* edfcfd; */
	border-top: solid 1px #F1F1F1;
}
#Twitter
{
	height: 35px;
	background: url('../../images/icons/social-icons/twitter_16.png') no-repeat 20px center;
}

#Twitter P 
{
	font-family: Verdana;
	margin: 0;
	padding: 0;
	font-size: 90%;
	margin-left: 45px;
	line-height: 35px;
}
#Twitter P EM
{
	color: #3175a6;
	padding-right: 5px;
	font-style: normal;
}
#Twitter P CITE
{	
	color: #4cace3;
	font-style: normal;
}
#Twitter A 
{
	text-decoration: none;
	border: none;
}
#Twitter A:hover
{
	text-decoration: underline;
}


/* -------------------------------------------
 * Footer Banner Ad
  ------------------------------------------- */
#FooterBannerAdWrapper
{	
	display: none;
	float: left;
	width: 100%;
	padding: 20px 0 20px 0;
	border-top: solid 1px #EEEEEE;
	background-color: #FAFAFA;
}
#FooterBannerAd
{

}

/* -------------------------------------------
 * Footer
  ------------------------------------------- */
#FooterWrapper
{	
	float: left;
	width: 100%;
	background-color: #EEEEEE;
	border-top: solid 1px #E1E1E1;
}
#Footer
{
	min-height: 280px !important;
	margin-top: 20px;
	/*background: Transparent url('../../images/bg/footer_logo_bg.png') no-repeat left top;*/
	border-bottom: solid 1px #E1E1E1;
}
#Footer HR
{
	border-bottom: solid 1px #FFFFFF;
	border-top: solid 1px #E1E1E1;
}

/* -------------------------------------------
 * Footer - Left
  ------------------------------------------- */
#Footer #Footer_LeftContent
{
	position: absolute;
	left: 0;
	width: 279px;
	height: 100%;
	margin: 0;
	padding: 20px 20px 20px 140px;
	background: url('../../images/bg/footer_logo.png') no-repeat 20px 40px;
	border-right: solid 1px #E1E1E1;
}

#Footer_LeftContent H2
{
	margin-top: 0;
	color: #606060;
}
#Footer_LeftContent P
{
	font-size: 120%;
	line-height: 18px;
}

/* -------------------------------------------
 * Footer - Middle
  ------------------------------------------- */
#Footer #Footer_MiddleContent
{
	position: absolute;
	left: 440px;
	width: 278px;
	height: 100%;
	padding: 20px 30px 20px 20px;
	margin: 0;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #E1E1E1;
	font-size: 11px;
}

#Footer_MiddleContent H3
{
	color: #606060;
}

#Footer_MiddleContent UL
{
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
}
#Footer_MiddleContent UL LI
{
	width: auto;
	margin: 0;
}
#Footer_MiddleContent UL LI A
{		
	display: block;
	background: url('../../images/bullets/gray_pointer.png') no-repeat left center;
	padding-left: 15px;
	text-decoration: none;
}

#Footer_MiddleContent UL LI A:link,
#Footer_MiddleContent UL LI A:visited
{
	color: #666666;
	line-height: 16px;
}
#Footer_MiddleContent UL LI A:hover,
#Footer_MiddleContent UL LI A:active,
#Footer_MiddleContent UL LI A.selected
{
	background-color: #DDDDDD;
	color: #000000;
}

#Footer_MiddleContent UL LI.grey A:link,
#Footer_MiddleContent UL LI.grey A:visited
{		
	color: #BBBBBB;
}

/* -------------------------------------------
 * Footer - Right
  ------------------------------------------- */
#Footer #Footer_RightContent
{
	position: absolute;
	right: 0;
	width: 199px;
	height: 100%;
	margin: 0;
	padding: 40px 0 20px 20px;
	border-left: solid 1px #FFFFFF;
	font-size: 11px;
}

#Footer_RightContent UL#Footer_Logos
{
	list-style-type: none;
}
#Footer_RightContent UL#Footer_Logos LI
{
	min-height: 25px;
}
#Footer_RightContent UL#Footer_Logos LI A
{
	border: none;
}

/* -------------------------------------------
 * Copyright Footer
  ------------------------------------------- */
#CopyrightFooterWrapper
{	
	float: left;
	min-height: 180px !important;
	height: 180px;
	background-color: #EEEEEE;
}

#CopyrightFooter
{
	padding-top: 10px;
	height: 100%;
	font-size: 11px;
	border-top: solid 1px #FFFFFF;
	line-height: 20px;
}

#CopyrightFooter SPAN.reserved
{
	font-size: 11px;
	background: url('../../images/icons/silk/shield.png') no-repeat 2px center;
	padding-left: 20px;
	display: inline-block;
	line-height: 20px;
}

#CopyrightFooter P.right,
#CopyrightFooter P.right *
{
	font-size: 11px;
	display: inline-block;
	line-height: 20px;
}
#CopyrightFooter P.right *
{
	padding-right: 10px;
}