/* 
	This file will controll the major site layout items. Each page is broken into  
	three main sections: mastHead, bodyContent, and footer. Further subdivision 
	are created as needed
*/
/* set page margin and padding */
body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* allow the ability to hide text */
.hide{
	display: none;
}

/* set overall page width of 980px with left margin of 18px, right margin of 17px */
#pageHolder{
	display: block;
	padding: 0px 17px 0px 18px;
	width: 945px;
}

/* mastHead callouts and footer and global items than can be used where needed */
/* set mastHead */
#pageHolder #mastHead {
	width: 945px;
	height: 169px;
	margin: 5px 0px 0px 0px;
}

#pageHolder #mastHead #mastHeadTop,
#pageHolder #mastHead #mastHeadBottom,
#pageHolder #mastHead #mastHeadBottom #mainNav,
#pageHolder #mastHead #mastHeadBottom #mastHeadBanner{
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 945px;
}

#pageHolder #mastHead #mastHeadTop{
	height: 58px;
}

#pageHolder #mastHead #mastHeadBottom{
	height: 111px;
}

#pageHolder #mastHead #mastHeadTop #mastHeadLeft{
	display : block;
	width : 244px;
	height: 58px;
	float: left;
}

#pageHolder #mastHead #mastHeadTop #mastHeadRight{
	display : block;
	width : 700px;
	height: 58px;
	float: left;
}

#pageHolder #mastHead #mastHeadTop #mastHeadLeft #logo{
	display: block;
	float: left;
	height: 58px;
	width: 166px;
}

#pageHolder #mastHead #mastHeadTop #mastHeadLeft #homeButton{
	display: block;
	float: left;
	height: 58px;
	width: 58px;
}

#pageHolder #mastHead #mastHeadTop #mastHeadRight #siteControls{
	float: right;
	padding: 0px 0px 0px 0px;
	text-align: right;
	width : 680px;
}

#pageHolder #mastHead #mastHeadTop #mastHeadRight #login{
	
        /*margin-top margin-right margin-bottom margin-left*/

        float: left;
	margin: 10px 0px 0px 150px;
	width : 250px;  
        /* width = 190*/      
}

#pageHolder #mastHead #mastHeadTop #mastHeadRight #searchBlock{
	display: block;
	float: left;
	margin: 17px 0px 0px 75px;
	width : 208px;
}

#pageHolder #mastHead #mastHeadTop #mastHeadRight #countrySelection{
	float: left;
	margin: 20px 0px 0px 225px;
	width : 200px;        
}

#pageHolder #mastHead #mastHeadTop #mastHeadRight #searchBlock #textField{
	display: block;
	float: left;
	width: 150px;	
	height: 25px;
}

#pageHolder #mastHead #mastHeadTop #mastHeadRight #searchBlock #textField input{
	width : 150px;
	border: 1px solid #CECECE;
}

#pageHolder #mastHead #mastHeadTop #mastHeadRight #searchBlock #submitButton{
	display: block;
	float: left;
	width : 48px;
	padding: 0px 0px 0px 10px;	
}

/* mastHead blue bar */
#pageHolder #mastHead #mastHeadBottom #mastHeadBanner #imageOne{
	display: block;
	float: left;	
	height: 66px;
	width: 135px;
}

#pageHolder #mastHead #mastHeadBottom #mastHeadBanner #imageTwo{
	display: block;
	float: left;	
	height: 66px;
	width: 135px;
}

#pageHolder #mastHead #mastHeadBottom #mastHeadBanner #imageThree{
	display: block;
	float: left;	
	height: 66px;
	width: 135px;
}
#pageHolder #mastHead #mastHeadBottom #mastHeadBanner #imageThreeF{
	display: block;
	float: left;	
	height: 66px;
	width: 180px;
}

#pageHolder #mastHead #mastHeadBottom #mastHeadBanner #imageFour{
	display: block;
	float: left;	
	height: 66px;
	width: 540px;
}

#pageHolder #mastHead #mastHeadBottom #mastHeadBanner #imageFourF{
	display: block;
	float: left;	
	height: 66px;
	width: 495px;
}


#pageHolder #mastHead #mastHeadBottom #mainNav{
	background-image: url(/images/global/nav_backGradient.gif);
	background-repeat: repeat-x;
	height: 45px;
}

#pageHolder #mastHead #mastHeadBottom #mastHeadBanner{
	height: 66px;
}

/* body content control */
#pageHolder #bodyContent{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 945px;
}

/* three columns with breadcrumb */
#pageHolder #bodyContent #leftHolder,
#pageHolder #bodyContent #rightHolder{
	display: block;
	float: left;
}

/* leftHolder holds sectional sub nav */
#pageHolder #bodyContent #leftHolder{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 165px;
}

/* rightHolder width 780px */
#pageHolder #bodyContent #rightHolder{
	width: 780px;
}

/* breadcrumb holder - full width = 780 */
#pageHolder #bodyContent #rightHolder #breadCrumb{
	display: block;
	padding: 10px 0px 0px 10px;
	width: 770px;
}

#pageHolder #bodyContent #rightHolder #main{
	display: block;
	float: left;
	padding: 20px 15px 0px 20px;
	width: 500px;
}

/* callOut width is 235px */
#pageHolder #bodyContent #rightHolder #callOuts{
	display: block;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 235px;
}

#pageHolder #bodyContent #rightHolder #callOuts .callOutHolder{
	border-bottom: 1px solid #E6E6FA;
	border-left: 1px solid #E6E6FA;
	display: block;
	float: left;
	padding: 10px 10px 10px 10px;
	width: 214px;
}

/* footer layout control */
#footer{
	background-image: url(/images/global/footer_Hor_Gradient.gif);
	background-position: top;
	background-repeat: repeat-x;
	display: block;
	float: left;
	margin: 10px 0px 20px 0px;
	text-align: left;
	width: 945px;
}

#footer #topCap{
	background-image: url(/images/global/footer_Hor_Gradient.gif);
	display: block;
	float: left;
	height: 11px;
	width: 945px;
	background-repeat: no-repeat;
}

#footer #seoNav,
#footer #legal{
	display: block;
	float: left;
	padding: 10px 0px 10px 30px;
	width: 675px;
	/*width: 675px;*/
        width: 900px;
}

#footer #lang{
	display: none;
	float: left;
	padding: 10px 0px 0px 0px;
	width : 100px;
	height: 50px;
}

#footer #lang select,
#footer #lang select option{
	border: 1px solid #CECECE;
	font-size: 10px;
}

	
/*
	In this section we'll layout the unique templates for section landing pages
*/
/* Home page */		
#home #pageHolder{
	display: block;
	width: 945px;
}

#home #bodyContent{
	display: block;
	float: left;
	width: 945px;
}

#home #bodyContent #homePageContent{
	display: block;
	float: left;
	width: 945px;
}

#home #bodyContent #homePageContent #homeLogo{
	display: block;
	float: left;
	height: 105px;
	width: 340px;
}

#home #bodyContent #homePageContent #Spacer{
	display: block;
	float: left;
	height: 30px;
	width: 340px;
}

#home #bodyContent #homePageContent #homeBlurb{
	display: block;
	float: left;
	height: 105px;
	width: 600px;
}

#home #bodyContent #homePageContent #homeFlash{
	display: block;
	float: left;
	height: 350px;
	width: 945px;
}

#home #bodyContent #homePageContent #callOuts {
	background-image: url(/images/global/home_yellowgrad.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 945px;
}

#home #bodyContent #homePageContent #callOuts .callOutDivider{
	display: block;
	float: left;
	margin-top: 20px;
	width: 1px;
}

#home #bodyContent #homePageContent #callOuts #leftCallout{
	display: block;
	float: left;
	padding: 20px 20px 0px 50px;
	width: 230px;
}

#home #bodyContent #homePageContent #callOuts #middleCallout{
	display: block;
	float: left;
	padding: 20px 20px 0px 50px;
	width: 230px;
}

#home #bodyContent #homePageContent #callOuts #rightCallout{
	display: block;
	float: left;
	padding: 20px 20px 0px 50px;
	width: 230px;
}

/* 
	2.0 About Heritage 
*/
#about #bodyContent{
	background-image: url(/images/global/landingPages/landing_aboutheritage.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-align: left;
	width: 945px;
}

/* 
	3.0 Calculating Costs
*/
#calculatingCosts #bodyContent{
	background-image: url(/images/global/landingPages/landing_calculatingcost.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-align: left;
	width: 945px;
}
	
/* 
	4.0 Getting Started
*/
#gettingStarted #bodyContent{
	background-image: url(/images/global/landingPages/landing_gettingstarted.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-align: left;
	width: 945px;
}

/* 
	6.0 Growing Your Plan
*/
#growingYourPlan #bodyContent{
	background-image: url(/images/global/landingPages/landing_growingyourplan.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-align: left;
	width: 945px;
}

/* 
	7.0 Using Your RESP
*/
#usingYourRESP #bodyContent{
	background-image: url(/images/global/landingPages/landing_usingyourresp.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-align: left;
	width: 945px;
}

/* 
	International
*/
#internationalLanding #bodyContent{
	background-image: url(/images/global/landingPages/landing_international.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-align: left;
	width: 945px;
}


/* 
	9.0 FAQ
*/
#FaqLanding #bodyContent{
	background-image: url(/images/global/landingPages/landing_faq.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-align: left;
	width: 945px;
}



/*
   Landing Page Style 1
*/
#landingOne #bodyContent #leftImageHolder{
	display: block;
	float: left;
	height: 340px;
	width: 375px;
}

#landingOne #bodyContent #rightContentHolder{
	display: block;
	float: left;
	padding: 20px 20px 0px 20px;
	width: 530px;
}

#landingOne #bodyContent #rightContentHolder #leftCallOut{
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	width: 230px;
}

	
#landingOne #bodyContent #rightContentHolder #rightCallOut{
	display: block;
	float: left;
	padding: 0px 0px 0px 50px;
	width: 230px;
}
	
#landingOne #bodyContent #callOuts{
	display: block;
	float: left;
	text-align: left;
	width: 945px;
}

#landingOne #bodyContent #callOuts .horizontalCallOutHolder {
	display: block;
	float: left;
	padding: 00px 20px 0px 50px;
	width: 230px;
}

#landingOne #bodyContent #callOuts .callOutDivider {
	display: block;
	float: left;
	margin-top : 15px;
	width: 1px;
}

/*
	5.0 Get The Right Plan.		
*/
#getTheRightPlan #bodyContent #topPortion{
	display: block;
	float: left;
	width: 945px;
}

#getTheRightPlan #bodyContent #middlePortion{
	display: block;
	float: left;
	width: 945px;
}

#getTheRightPlan #bodyContent #middlePortion #middleLeft {
	display: block;
	float: left;
	padding: 15px 0px 0px 0px;
	width: 607px;
}

#getTheRightPlan #bodyContent #middlePortion #middleRight{
	display: block;
	float: left;
	padding: 55px 20px 0px 50px;
	width: 268px;
}

#getTheRightPlan #bodyContent #callOuts {
	display: block;
	float: left;
	width: 1px;
	width: 945px;
}

#getTheRightPlan #bodyContent #callOuts .callOutDivider {
	display: block;
	float: left;
	margin-top: 50px;
	width: 1px;
}
  
#getTheRightPlan #bodyContent #callOuts .horizontalCallOutHolder{
	display: block;
	float: left;
	padding: 20px 20px 0px 20px;
	width: 230px;
}


/* 
	11.0 Press section landing page
*/	

#press #bodyContent #rightHolder #mainHeader{
	display: block;
	padding: 10px 0px 0px 10px;
	width: 500px;	
}

#press #bodyContent #rightHolder #mainRight{
	float : left;
	display : block;
	width : 370px;	
	padding : 0px 20px 0px 10px;
}
#press #bodyContent #rightHolder #mainLeft{
	float : left;
	display : block;
	width : 190px;	
	padding : 0px 10px 0px 10px;
	margin : 0px 0px 0px 0px;
	border-right: 1px solid #E6E6FA;
}

#press #bodyContent #rightHolder #callOuts{
	display: block;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 160px;
}

#press #bodyContent #rightHolder #callOuts .callOutHolder{
	border-bottom: 1px solid #E6E6FA;
	border-left: 1px solid #E6E6FA;
	display: block;
	float: left;
	padding: 10px 10px 10px 10px;
	width: 139px;
}

/* International section layout */

#international #pageHolder #mastHeadBottom #mainNav{

}

#international #pageHolder #mastHeadBottom #mastHeadBanner {

}

/* pop-up layout */

#popUp{
	margin: 20px 20px 20px 20px;
}

/* Used in the bears contest page */
#bearslabelright{
	text-align:right;
}