@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
html, body, p, div, img, h2, h3, h4, ol, dl, dd, dt, form, table, td, tr {
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:separate;
	border-spacing:0px;
}

body {
	margin:0;	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	background:#4f4f4f;
	background-repeat:repeat;
}
#headercontainer{
	with:100%;
	height:241px;
	background:url(../images/freedom_headerbk1.gif) repeat-x;
}
img.headerlogo{
	position:absolute;
	top:18px;
	left:15px;
}
td{border-collapse:collapse;
}
.divider {
	border-top:1px dotted #444;
	height:1px;
	margin:0px 12px 1px 52px;
	padding-bottom:12px;
	clear:left;
}
.responsive-container { position: relative; padding-bottom: 53.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container, .responsive-container iframe { max-width: 1280px; max-height: 720px; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vercontain{
	padding:50px 40px ;
	width:130px;
	border-radius: 8px;
	margin:10px 30px 10px 0px;
	text-align:center;
	float:left;
	background-color:#2A5FAA;
}
.vercontain:hover{
	background-color:#1f4c8c;
}
.holder{
	width:650px;
	margin:0 auto;
	text-align:center;
	padding-left:70px;
}
.vercontain h2{
	color:#fff;
	margin:0px 40px 0px 0px;
	padding:0;
	font-weight:300;
	text-align:center;
	font:4em "Century Gothic", Arial, "Lucida Sans";
}
.vercontain h4{
	color:#ccc;
	text-align:center;
	font:.85em "Century Gothic", Arial, "Lucida Sans";
}
ul.li_btn_ss{
	list-style-type:none;
	width:494px;
	margin:0px 0px 0px 58px;padding:0;
}
ul.li_btn_ss li a{
	display:block;
	background:url(../images/btn_difference2.jpg) no-repeat;
	width:492px;
	height:96px;
	line-height:96px;
}
img.headerimage{
	position:relative;
	left:19px;
	top:-20px;
}
#container3 h5.h5subhead{
	text-align:left;
	font: 16px/28px Roboto, Arial, Helvetica, sans-serif;
	padding:4px 10px 4px 25px;
	margin:0px -6px 0px 0px;
	color:#fff;
	background:#418049;
}
#container3 h5.h5subhead em{
color:#06C;	
}
ul.li_btn_ss li a:hover{
background-position:1px -102px;
}
#sidebardealer p.psmall {
	font:8.5pt "century Gothic", Georgia, "Times New Roman", Times, serif;
	padding:0px 40px 3px 20px;
	width:250px;
}
ul.suplist em.alert{
	font-size:.85em;
	color:#900;
}
#sidebardealer h6 {
	font:bold 9pt "century Gothic", Georgia, "Times New Roman", Times, serif;
	text-align:left;
	margin:5px 10px 8px 20px;
}
#sidebardealer h5 {
	font:bold 9pt "century Gothic", Georgia, "Times New Roman", Times, serif;
	text-align:left;
	color:#33F;
	margin:5px 10px 8px 20px;
}
#cornerpic {
	position:absolute;
	top:10px;
	right:11px;
}
#cornerpiclogo {
	position:absolute;
	width:269px;
	top:71px;
	right:32px;
}
 #sidebar1 img.imgright{
	 margin-top:-20px;
	 margin-bottom:30px;
	 margin-left:10px;
	 }
 #sidebardealer img{
	 margin-top:0px;
	 margin-bottom:10px;
	 margin-left:52px;
	 }
#containerdealer #sidebardealer{
	border-left:1px dotted #ccc;
	padding-right:10px;
}
.layoutfx #header {
	padding: 10px 0px 0px 8px;
	height: 70px;
  background: #bcc6d0; 
	width: 982px;
	margin: 0px auto;
	border-bottom: 1px dotted #999;
}
.layoutfx #header table td.td_head{
	background: #bcc6d0 url(../images/bk_header.jpg) repeat-x;
}
.layoutfx #header table td.td_head img{
	margin-top:4px;
	}
.layoutfx #header table .td_head_right{
	background:#f3f3f3 url(../images/bk_header_right.jpg) no-repeat top right;
}

#container, #containerdealer {
	background:#fefefe;
	width:990px;
	padding:0;
	position:relative;
	margin:0 auto -15px auto;
	background:#fff url(../images/containerbk.gif) repeat-y;} 
	}
#containerdealer{
	background:#fefefe url(../images/side_bk2.gif) 690px repeat-y;
}
/* -------- PIC SCROLLER///////////////////////////////////////// */
.hd {
	display:none;
}
ul.suplist em {
	font-weight:500;
	color:#358334;
}
.suplist LI {
	POSITION: relative;
}
.suplist2 {
	list-style-type:none;
}
.suplist2 em.li-version {
	color:#36F;
}
.suplist LI A {
	font: 16px Roboto, Arial, Helvetica, sans-serif;
	color:#555;
	margin:0px;
	padding:10px 4px 10px 9px;
	width:510px;
	DISPLAY: block;
	TEXT-DECORATION: none;
	background-color:#fefefe;
	border:2px solid #ffffff;
	}
.suplist2 LI A {
	font: 16px Roboto, Arial, Helvetica, sans-serif;
	color:#555;
	padding:10px 4px 10px 9px;
	DISPLAY: block;
	TEXT-DECORATION: none;
}
.suplist2 li a:hover{
	text-decoration:underline;
	color:#00F;
	padding:10px 4px 10px 9px;
}
.suplist li a.li_head, .suplist li a.li_head:hover {
	color:#F5F5F5;
	text-align:center;
	PADDING: 17px 10px 7px 2px;
	background:url(../images/sup_li_header.gif) no-repeat;
	font: 1.4em "century Gothic",Georgia, "Times New Roman", Times, serif;
	cursor:crosshair;
}

.suplist li.li_headsoft{
	color:#000;
	width:522px;height:35px;
	margin-top:10px;margin-bottom:8px;
	text-align:center;
	background:url(../images/sup_li_headersoft2.gif) no-repeat 7px 4px;
	padding:35px 0px 5px 0px;
	color:#222;
	font: Bold 1.25em Arial, "Times New Roman", Times, serif;
}
.suplist li.li_headdoc{
	color:#000;
	width:522px;height:35px;
	margin-top:10px;margin-bottom:8px;
	text-align:center;
	background:url(../images/sup_li_header3.gif) no-repeat 7px 4px;
	padding:35px 0px 5px 0px;
	color:#222;
	font: Bold 1.25em Arial, "Times New Roman", Times, serif;
}
.suplist li.li_headmobile{
	color:#000;
	width:522px;height:35px;
	margin-top:10px;margin-bottom:8px;
	text-align:center;
	background:url(../images/sup_li_headermobile.gif) no-repeat 7px 4px;
	padding:35px 0px 5px 0px;
	color:#222;
	font: Bold 1.25em Arial, "Times New Roman", Times, serif;
}
ul.suplist{list-style-type:none;}
.suplist li h1{
	color:#111;
	text-align:center;
	margin:14px auto 5px;
}
.suplist li a:link{
	padding-left:12px;
}
/*

.suplist li a:hover {
	background-position:0px -80px;
	color:#000;
}

.suplist li a.li_soft {
background-position:0px -161px;
}
.suplist li a.li_soft:hover {
	background-position:0px -231px;
	color:#000;
}
*/
.suplist li a:hover {
	background-color:#E9E9E9;
	color:#000;
	border:2px solid #0e9748;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////// */
.layoutfx #headerdeal {
	z-index:1999;
	padding: 109px 0px 0px 0px;
	height:67px;
	width:990px;
	margin:0px auto;
	position:relative;
	border-bottom:1px dotted #999;
}
th, td {
	vertical-align: top;
}
.clear {
	height: 0em !important;
	line-height: 0em !important;
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0em !important;
	margin: 0em !important;
	display: block !important;
	visibility: hidden !important;
	overflow: hidden !important;
}
.clearleft{
	clear:left;
}
/* 9999999999999999999999999999999999999999999999999999 */
.twoColFixRt #container2 { 
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 1px 0px 0px 0px;/* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRt #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	margin-top:0px;
	width: 250px;
	padding: 10px 10px;
}
.twoColFixRt #sidebardealer {
	float: right; /* since this element is floated, a width must be given */
	margin-top:10px;
	width: 250px;
	padding: 0px 10px;
}
iframe{
	border:1px solid #000;
	margin-bottom:10px;
	z-index:9;
}
.twoColFixRt #mainContent { 
	margin: 0 250px 0 0;
	padding: 40px 20px 20px 20px;
} 
#container3 img{
	margin:10px auto -20px 0px;
}
#container3{
	margin-top:-30px;
}
#mainContent p{
	font:14px/23px 'Open Sans', 'century gothic', Arial, Helvetica, sans-serif;
	color:#111;
	padding:0px 50px  20px 60px;
	border-top:1px solid white;border-bottom:1px solid white;
}
.vimportant{color:red;}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h1 em{
	color:#06C;
}
h1 em.ir{
	color:#C00;
}
h1 em.wdr{
	color:#396;
}
h1 em.typean{
	color:#06C;
}
 #imghover {
	list-style-type:none;
	margin-left:300px; margin-bottom:-1px;
	padding:0;
	}
#imghover li{
	display:inline;
}
#imghover li a{
	float:left;
	width:45px;
	text-decoration:none;
	font-size:.7em;
	color:#009;
}
#header{
	width:920px;
	margin:-2px auto 0px auto;

	background:#ffffff;
	position:relative;
	}
	

a.btn_snapshot{
	background:url(../images/btn_snapshot.gif) no-repeat 0px -6px;
	padding:22px 4px 10px 4px;
	margin:0 auto;
	height:37px;
	width:275px;
	display:block;
	text-decoration:none;
	color:#CCC;
}
#mainbox{
padding-top:30px;	
}
/* 000000000000000000000000000000000000000000 */
ul.stdlist{
		text-align:left;
		margin-top:2px;
		list-style-type:none;
		}
ul.stdlist li{
	padding-left:30px;
	background-image:url(../images/tick.jpg);
	background-position: -6px 6px;
  	background-repeat: no-repeat;
	margin-left:22px;
	color:#232323;
	font:14px/30px 'Open Sans', 'century gothic', Arial, Helvetica, sans-serif;
}
ul.stdlink{
		text-align:left;
		margin-top:2px;
		list-style-type:none;
		}
ul.stdlink li{
	padding-left:10px;
	margin-left:22px;
	color:#232323;
}
ul.stdlink li a:link{
	text-decoration:none;
	color:#000;
	padding:3px;
	font:11px/22px 'Open Sans', 'century gothic', Arial, Helvetica, sans-serif;
}
ul.stdlink li a:visited{
	color:#000;
}

ul.stdlink li:hover{
	background-image:url(../images/li_down.gif);
	background-position: -1px 6px;
  	background-repeat: no-repeat;
}

ul.stdlink li a:hover{
	text-decoration:underline;
	color:#06F;
}
ul.normalist, ol.normalist{
		text-align:left;
		margin-top:2px;
		}
ul.normalist li, ol.normalist li{
	padding-left:3px;
	margin-left:38px;
	color:#232323;
	font: .9em/1.7em arial, cambria, verdana, arial, Helvetica, sans-serif;
}
h1 {
	font: 1.25em Roboto, Arial, Helvetica, sans-serif;
	color:#333;
	text-align:left;
	letter-spacing: -0.02em;
	margin:19px 0px 12px 54px;
}
td h1{
	font: 30px Roboto, Arial, Helvetica, sans-serif;
	padding-bottom:60px;
	margin:11px 0px 10px 1px;
	color:#fefefe;
}
h2 {
	font:600 16px 'Open Sans', 'century gothic', Arial, Helvetica, sans-serif;
	color:#1C1746;
	text-align:left;
	margin:15px 0px 12px 54px;
}
h3 {
	font:600 16px 'Open Sans', 'century gothic', Arial, Helvetica, sans-serif;
	color:#638ba9;
	text-align:left;
	margin:15px 0px 8px 74px;
}
em {
	font-weight:bold;
	color:#5B5B5B;
	font-style:normal;
}
.clear {
	height: 0em !important;
	line-height: 0em !important;
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0em !important;
	margin: 0em !important;
	display: block !important;
	visibility: hidden !important;
	overflow: hidden !important;
}
/* //////////////////------ FOOTER ////////////////////////////////////////////////// */
#footer {
	clear:both;
	width: 991px;
	padding: 0px;
	position:relative;
	height: 60px;
	text-align: center;
	margin: -30px auto 40px auto;
	font: normal 11px/32px Roboto, arial, helvetica, sans-serif;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 0px 1px 0px #000;
	border-top: 2px groove #fefefe;
	text-shadow: 0px 1px 0px #000000;
	background: #484949; 
	}
#footer ul {
	list-style: none;
	text-align: center;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#footer li {
	display: inline;
	padding: 0 10px;
}
#footer li a, #footer li a:active, #footer li a:visited {
	color: #fefefe;
	margin:3px auto 0px 10px;
	text-decoration: none;
	text-align: center;
}
#footer li a:hover {
	text-decoration: underline;
	color: #fff;
}
#footer em.copyr {
	color: #ffffff;
	position: absolute;
	width: 350px;
	left: 31px;
	bottom: 23px;
	font: 10px Verdana, Geneva, sans-serif;
}
#footer em.copyr:hover {
	color: #ffffff;
}
/* //////////menu /////////////////////////////// */
ul.ldd_menu{
	margin:0px;
	padding:0;
	display:block;
	height:67px;
	list-style:none;
	font-family:arial,"Trebuchet MS", sans-serif;
	border-top:1px solid #666;
	border-top-right-radius:8px;
	border-bottom:1px solid #626366;
	border-left:0px solid #005e8d;
    background: #bebebe;
	
}
ul.ldd_menu a{
	text-decoration:none;
}
ul.ldd_menu > li{
	float:left;
	position:relative;
}
ul.ldd_menu > li > span{
	float:left;
	color:#272727;
	background-color:#bebebe;
	height:61px;
	line-height:60px;
	cursor:default;
	padding:4px 25px 2px 25px;
	text-shadow: 0px 1px 1px #fff;
	border-right:1px solid #626366;
	border-left:1px solid #ccc;
}
ul.ldd_menu li span{
	font-size:18px;}
ul.ldd_menu > li > span:hover{
	color:#fff;
	background-color:#4a6585;
	padding:5px 25px 1px 25px;
	text-shadow:0px 0px 1px #000;
	border-right:1px solid #555;
	border-left:1px solid #444;
}
ul.ldd_menu .ldd_submenu{
	position:absolute;
	top:67px;
	width:552px;
	display:none;
	/*opacity:0.95; */
	left:0px;
	font-size:10px;
	background: #e6e6e6;
	border-top:1px solid #B6D0E7;
	-moz-box-shadow:0px 2px 3px #6e6e6e inset;
	-webkit-box-shadow:0px 2px 3px #6e6e6e inset;
	-box-shadow:0px 2px 3px #6e6e6e inset;
}
a.ldd_subfoot{
	background-color:#4a6585;
	color:#fefefe;
	display:block;
	clear:both;
	padding:15px 20px;
	text-transform:uppercase;
	font-family: Arial, serif;
	font-size:12px;
	text-shadow:0px 0px 1px #fff;
	-moz-box-shadow:0px 0px 2px #777 inset;
	-webkit-box-shadow:0px 0px 2px #777 inset;
	-box-shadow:0px 0px 2px #777 inset;
}
ul.ldd_menu ul{
	list-style:none;
	float:left;
	border-left:1px solid #B6D0E7;
	margin:20px 0px 10px 30px;
	padding:10px;
}
li.ldd_heading{
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: italic;
	color:#000f2a;
	text-shadow:0px 0px 1px #fff;
	padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{
	font:bold 14px Arial, serif;
	line-height:34px;
	color:#555;
	text-shadow:1px 1px 1px #fff;
	padding:7px 7px;
}
ul.ldd_menu ul li a:hover{
	-moz-box-shadow:0px 0px 2px #333;
	-webkit-box-shadow:0px 0px 2px #333;
	box-shadow:0px 0px 2px #333;
	background:#fff;
	color:#000;
}
ul.suplist em.alertsmall{
	font:.75em Arial, Helvetica, sans-serif;
	color:#900;
	font-weight:bold;
}
#container3 p.small_para{
	font: bold .8em/1.5em Aptos, Arial, Helvetica, sans-serif;
	color:#3E413E;
	margin: 0px auto -4px 0px;
	padding:0px 0px 0px 9px;
}