@charset "UTF-8";
/* CSS Document */


a img 				{ border: none; }
a:active 			{ outline: none;}
a:focus				{ outline: none;}
.floatLeft			{ float:left; margin:0px 0px 0px 10px;}
li					{ font-size:90%;padding-bottom:10px;}


body		{ font-size:110%;font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px;  background:#f5f8f9}
* 			{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.wrapper	{ }
.rounded	{ -moz-border-radius: 10px; border-radius: 10px;} 


.notice		{ border:3px solid #f6a800; background:#fdef79; color:#e38a00; padding:5px; -moz-border-radius: 10px; border-radius: 10px;
				-moz-box-shadow: 2px 2px 20px #333; -webkit-box-shadow: 2px 2px 20px #333; box-shadow: 2px 2px 20px #333; min-height:30px;
				position:relative; top:-5px; display:none;}
.notice ul	{ padding:0px; margin:0px 0px 0px 20px;}
.notice h3	{ margin:0px; padding:0px; color:#490909;}
.noticeFix	{ position:fixed; top:50px; z-index:99; width:70%; left:15%; text-align:left;  }
.noticeInline	{ position:relative; z-index:99; width:70%; left:15%; text-align:left;  }
.notice	img	{ position:relative; top:-1px;}

.error		{ border:3px solid #630f0f; background:#f89898; color:#490909; padding:5px; -moz-border-radius: 10px; border-radius: 10px;
				-moz-box-shadow: 2px 2px 20px #333; -webkit-box-shadow: 2px 2px 20px #333; box-shadow: 2px 2px 20px #333;
				position:relative; top:-5px; display:none;}
.error ul	{ padding:0px; margin:0px 0px 0px 20px;}
.error h3	{ margin:0px; padding:0px; color:#490909;}

.shadow			{ box-shadow: rgba(46,57,44,1) 0px 2px 6px 0px;}
.white-frame	 	{ border:1px solid #cdcccc;padding:3px;background-color:#fff;margin:0 20px 0 0;}

.center				{ margin:auto; text-align:center}
.alignRight			{ position:relative; float:right; margin:0px}
.alignLeft			{ position:relative; float:left; margin:0px }

.red					{  color:#bc2f26}
.highlightYellow	{ background:#fff79d; border-radius:12px 28px 9px 5px; padding:1px }


.greenBox			{ background-color:#f3f9e7; border:1px solid f0f0f0;}
.darkGreenBox	{ background-color:#e0eab5; border:1px solid f0f0f0;}
.blueBox			{ background-color:#e7f1f9; border:1px solid f0f0f0;}
.greyBox			{ background-color:#f2f2f2; border:1px solid f0f0f0; color:#686868}
.dottedBox			{ background:url(../../images/letter_dotted.html) repeat; border:1px solid f0f0f0;}
.rounded			{ border-radius:12px}

.content p			{ font-size:105%; line-height:135%; padding-bottom:10px;}
.textBlock			{ position:relative; padding:2% 5%; font-family:'open_sansregular'; font-size:120%; z-index:2}
.textBlock	h3		{ font-weight:normal; font-style:italic; font-size:180%; text-align:center}
.textBlock	h2		{ font-size:220%; text-align:center; font-family:"Myriad Pro","Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.textBlock .fakeLink		{ text-decoration:underline; color:#0948C5; font-weight:bold; cursor:pointer}
.larger				{ font-size:130%;}


/* = HEADER
-------------------------------------------------------------- */
.greyBack 			{ position:fixed; width:100%; height:100%; background:#4c5157; z-index:50; display:none }
.blueBar				{ text-align:center; border-bottom:8px solid #003d60; width:100%;}

#header				{ border-bottom: 1px solid #ececec; position:relative; z-index:2; padding:0 3% ;  }
.headerframe 		{ margin:0 auto; padding:0; max-width:900px; font-size:100%;   box-shadow:none;  position:relative;  }
#mainLogo			{ position:absolute; bottom:0px;  max-width:300px}

.address			{ padding:10px 0 10px 0; text-align:right; color:#424242; min-width:300px; }
.address a			{ text-decoration:none; color:#424242}

.progressFrame	{ clear:both; height:80px; width:100%;}
.progress1	{ position:relative; left:-20px; float:left; z-index:3; margin-right:-8.4%; width:40%; min-width:270px; max-width:360px }
.progress2	{ position:relative; float:left; z-index:2; margin-right:-6.7%; width:40%; min-width:270px; max-width:360px}
.progress3	{ position:relative; float:left; z-index:1; margin-right:-300px; width:40%; min-width:270px; max-width:360px}




/* = CONTENT
-------------------------------------------------------------- */
#container			{	height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: auto; padding:0 3%;  }
#main				{ margin:0 auto;  padding:2% 3%; max-width:980px; font-size:100%;}
.content				{ background:#fff; border-radius:12px 12px 0 0; z-index:10; padding:1% 3%; position:relative; z-index:95;  font-size:110%; line-height:160%; }

.content	 h1		{  line-height:normal;}
.content	 h2		{  line-height:normal;}
.content	 h3		{  line-height:normal;}
.content	 h4		{  line-height:normal;}
.content	 h5		{  line-height:normal;}

.ratio-16-9		{	padding-bottom:56.25%; /* 9/16*100 */	}
.ratio-4-3		{ padding-bottom:75%; /* 3/4*100 */	}
.ratio-1-1		{ padding-bottom:100%; /* ... */  }


/* = FOOTER
-------------------------------------------------------------- */
#footer					{ margin:0 0 0 0; background: #484646; color:#fff; padding:1% 3%; border-radius:0 0 8px 8px; font-size:80%;box-shadow: 1px 2px 8px 0 #2E392C;}
#footer a				{ color:#ccc; text-decoration: none;}
#footer ul				{ list-style-type: none; margin:0; padding:0;}
#footer ul li			{ display:inline-block; margin:0 0 1% 3%;}
.footerlinks				{ width:85%; margin:0  auto; text-align: center; position:relative;/*  left:-30px; */}
.fineprint				{ font-size:70%; color:#CCC; text-align:center; margin:0 auto; position:relative; max-width:500px}
.disclaimer				{ display:none;}


/* = FONTS
-------------------------------------------------------------- */

@font-face {
    font-family: 'chunkfiveroman';
    src: url('http://toplife.solutions/css/fonts/chunkfive-webfont.eot');
    src: url('http://toplife.solutions/css/fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://toplife.solutions/css/fonts/chunkfive-webfont.woff') format('woff'),
         url('http://toplife.solutions/css/fonts/chunkfive-webfont.ttf') format('truetype'),
         url('http://toplife.solutions/css/fonts/chunkfive-webfont.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'hand_of_seanregular';
    src: url('http://toplife.solutions/css/fonts/hand_of_sean-webfont.eot');
    src: url('http://toplife.solutions/css/fonts/hand_of_sean-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://toplife.solutions/css/fonts/hand_of_sean-webfont.woff') format('woff'),
         url('http://toplife.solutions/css/fonts/hand_of_sean-webfont.ttf') format('truetype'),
         url('http://toplife.solutions/css/fonts/hand_of_sean-webfont.svg#hand_of_seanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('http://toplife.solutions/css/fonts/OpenSans-Regular-webfont.eot');
    src: url('http://toplife.solutions/css/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://toplife.solutions/css/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('http://toplife.solutions/css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('http://toplife.solutions/css/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}






/* = BUTTONS
-------------------------------------------------------------- */
.orangebtn { border: 2px solid #f2ae29; color: #054ca4;  cursor:pointer; font-family: 'chunkfiveroman';
	background: #f9be0c;
	background: -moz-linear-gradient(top,  #fedd16 0%, #f5a101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fedd16), color-stop(100%,#f5a101));
	background: -webkit-linear-gradient(top,  #fedd16 0%,#f5a101 100%);
	background: -o-linear-gradient(top,  #fedd16 0%,#f5a101 100%);
	background: -ms-linear-gradient(top,  #fedd16 0%,#f5a101 100%);
	background: linear-gradient(top,  #fedd16 0%,#f5a101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedd16', endColorstr='#f5a101',GradientType=0 );
}

.orangebtn:hover { 
	background: #f5a101;
	background: -moz-linear-gradient(top,  #fccb0d 0%, #f59704 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fccb0d), color-stop(100%,#f59704));
	background: -webkit-linear-gradient(top,  #fccb0d 0%,#f59704 100%);
	background: -o-linear-gradient(top,  #fccb0d 0%,#f59704 100%);
	background: -ms-linear-gradient(top,  #fccb0d 0%,#f59704 100%);
	background: linear-gradient(top,  #fccb0d 0%,#f59704 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccb0d', endColorstr='#f59704',GradientType=0 );
}