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

body {
		font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		background: #fff;
		font-size: 18px;
		color: #000;
		transition: all .5s ease-in-out;
		animation: fadeInAnimation ease 4s;
    	animation-iteration-count: 1;
    	animation-fill-mode: forwards;
	}
		p {font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		display: block;
		position: relative;	
		font-size: 21px;
		line-height: 1.5em;
		margin: .5em 1em 1em 0;
		text-align: left;	
		color: #000;
		-webkit-animation-name: fade;
		-webkit-animation-duration: 1.5s;
		animation-name: fade;
		animation-duration: 1.5s;	
		}	
		
		p a {
		font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		display: inline-block;
		position: relative;	
		font-size: 21px;
		line-height: 1.5em;
		margin: .5em 1em .5em 0;
		text-align: left;	
		color: #005496;	
		text-decoration: none;	
		}
		
		p a:hover {
			color: #005496;
			text-decoration: none;
		}
		
		p.wbull {margin-bottom: .8em;}
		
		p.bluebf {
			font-weight: 700;
			color: #005496;
			line-height: 1.6em;
		}

		p.pwht{font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		display: block;
		position: relative;	
		font-size: 21px;
		line-height: 1.5em;
		margin: .5em 1em 1em 0;
		text-align: left;	
		color: #fff;
		}

		div.pp {font-family: "Calibri", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		display: block;
		position: relative;	
		font-size: 21px;
		line-height: 1.5em;
		margin: .5em 1em 1em 0;
		text-align: left;	
		color: #000;
		text-decoration: none;
		width: 50%;}

		.bf {font-weight: 700;}
		.bfred {font-weight: 700; color: #c00;}
		.bf {font-weight: 700; color: #005496;}
		.normital {font-weight: 400!important; color: #c00!important; font-style: italic;}

		div.pp a{text-decoration: none;} 
		
		ul {
			/*margin-top: -.5em;*/
		}
		
	/*	ul.bluelistbf li {
			font-weight: 700;
			font-size: 21px;
			color: #005496!important;
			list-style-image: url('images/pmr-icon-14-blue.gif');
			line-height: 1.4em;
		}
		
		ul li {
			font-weight: 400;
			/*font-size: 21px;*/
		/*	color: #000;
			list-style-image: url('images/pmr-icon-14-k.gif');
			line-height: 1.4em;
		}

		ul.force li {
			font-weight: 400;
			font-size: 21px;
			color: #000;
			list-style-image: url('images/pmr-icon-14-k.gif');
			line-height: 1.4em;
		}

		ol li {
			font-weight: 400;
			font-size: 21px;
			color: #000;
			list-style-image: url('images/pmr-icon-14-k.gif');
			line-height: 1.4em;
		}*/

	h3.bodtxtlg {font-family: "Helvetica Condensed", "Arial Narrow", "Calibri", "Arial", "Helvetica"; font-size: 1.4em; font-weight: 300; line-height: 1.7em; width: 100%;}	
	h3.bodtxt {font-family: "Helvetica Condensed", "Arial Narrow", "Calibri", "Arial", "Helvetica"; font-size: 1.4em; font-weight: 300; line-height: 1.7em; width: 100%;}

ul.lstd li div.bod {position: relative; font-family: "Helvetica Condensed", "Arial Narrow", "Calibri", "Arial", "Helvetica"!important; font-size: 1em!important; font-weight: 400; line-height: 1.6em; width: 100%; color: #000; margin-top: -0.5em;}
ul.lstd li div.bod a {position: relative; font-family: "Helvetica Condensed", "Arial Narrow", "Calibri", "Arial", "Helvetica"!important; font-size: 1em!important; font-weight: 700; line-height: 1.6em; width: 100%; color: #000; margin-top: -0.5em;}
ul.lstd li div.bod a:hover {position: relative; font-family: "Helvetica Condensed", "Arial Narrow", "Calibri", "Arial", "Helvetica"!important; font-size: 1em!important; font-weight: 700; line-height: 1.6em; width: 100%; color: #c00!important; margin-top: -0.5em;}

#fxdnav a {display: block!important; width: 85%; font-family: "Oswald", "Roboto Condensed", "Helvetica Condensed", "Arial Narrow"; font-size: 0.9em!important; font-weight: 400; letter-spacing: 0.0em; line-height: 1.2em; height: 1.2em!important; vertical-align: middle;}


#wrapper {width: 100%; margin: 0; padding: 0;}

.fullwd {width: 100%;}

#stripimgheader {
    position: relative;
    display: block;
    margin-top: 24px!important;
    width: 104%;
	padding: 0 1%;
	left: -2%;
    height: auto;
    z-index: 1;
	background-color: #0062a1;
}

#stripimgheader img.mktplclogo {
	height: auto;
    width: 60%!important;
	margin: 8px 25% 4px;
}


#logohldr {
    width: 90%;
}

.calctop1stv {
    margin-top: calc(-.02 * 100vw)!important;
    margin-right: auto;
    margin-left: auto;
}


#mainwide {
   /* max-width: 1024px;*/
	width: 88%; 
    margin: 0 auto;
    /*padding-right: 6%;
    padding-left: 6%;*/
    position: relative;
    background-color: transparent;
}



div.mainbrand {list-style-type: none;}

div.mainbrand {width: 100%; margin: 2% auto 2% auto; position: relative;} 

div.mainbrand div {width: 100%; height: 75%; border: solid 2px #005495; border-radius: .5em; margin-bottom: 1.5em;}/* height: 16em;}  */
div.mainbrand div img.prim {height: 74%; width: 98%; margin: 1.5% 1%; }
div.mainbrand div div.content {margin: 2% auto; background-color: transparent; width: 96%; height: 94%; list-style-type: none; border: none; position: relative; text-align: center;}

/*div.mainbrand div.content {margin: .5%; background-color: antiquewhite; width: 98%; height: 14.5em; list-style-type: none; position: relative;}*/

 
div.secondbrand {list-style-type: none;} 

div.secondbrand {width: 100%; margin: 2% auto 2% auto; position: relative;}

div.secondbrand div {width: 100%; height: 75%; border: solid 2px #005495; border-radius: .5em; margin-bottom: 1.5em;} 

div.secondbrand  div div.col1 {margin: 2%; background-color: transparent; width: 96%; height: 94%; list-style-type: none; border: none; position: relative; text-align: center;}
div.secondbrand div div.col1 img.sec {height: 74%; width: 98%; margin: 1.5% 1%; }
 
div.secondbrand div div.col2 {margin: 2%; background-color: transparent; width: 96%; height: 94%; list-style-type: none; border: none; position: relative; text-align: center;}
div.secondbrand div div.col2 img.sec {height: 74%; width: 98%; margin: 1.5% 1%; }

/*div.secondbrand div div.col1 {margin: 0.5em; background-color: antiquewhite; width: 91.5%; height: 6.8em; list-style-type: none; position: relative; border: none;}	

div.secondbrand div div.col2 {margin: 0.5em; background-color: antiquewhite; width: 91.5%; height: 6.8em; list-style-type: none; position: relative; border: none;}	*/

.doclrlft {clear: left;}

@media only screen and (min-width: 2105px) and (max-width: 3009px){

#ypdwhtlogo {
    width: calc(.09 * 80vw)!important;
    height: auto;
    margin-top: calc(.01 * 90vw)!important;
	margin-left: -5%;
    position: absolute;
	z-index: 50;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 2104px){	

#ypdwhtlogo {
    width: calc(.08 * 80vw)!important;
    height: auto;
    margin-top: calc(.015 * 90vw)!important;
	margin-left: -3%;
    position: absolute;
	z-index: 50;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1199px){

#ypdwhtlogo {
    width: calc(.10 * 80vw)!important;
    height: auto;
    margin-top: calc(.03 * 90vw)!important;
    position: absolute;
	z-index: 50;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px){

#ypdwhtlogo {
    width: calc(.10 * 80vw)!important;
    height: auto;
    margin-top: calc(.045 * 90vw)!important;
    position: absolute;
	z-index: 50;
	}
}

@media only screen and (min-width: 640px) and (max-width: 767px){

#ypdwhtlogo {
    width: calc(.12 * 80vw)!important;
    height: auto;
    margin-top: calc(.001 * 90vw)!important;
    position: absolute;
	z-index: 50;
	}
}

@media only screen and (min-width: 421px) and (max-width: 639px){

#ypdwhtlogo {
    width: calc(.13 * 80vw)!important;
    height: auto;
    margin-top: calc(.014 * 90vw)!important;
    position: absolute;
	z-index: 50;
	display: none;
	}
}

@media only screen and (min-width: 360px) and (max-width: 420px){

#ypdwhtlogo {
    width: calc(.13 * 80vw)!important;
    height: auto;
    margin-top: calc(.014 * 90vw)!important;
    position: absolute;
	z-index: 50;
	display: none;
	}
}