@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
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:#464646;
	background-repeat: repeat;
}
#headercontainer {
	with: 100%;
	height: 178px;
	background: url(../images/freedom_headerbk2.gif) repeat-x;
}
img.headerlogo {
	position: absolute;
	top: 14px;
	left: 0px;
}
#headerlogo {
	width: 450px;
	border: 1px solid red;
}
.btn_storage {
	position: absolute;
	top: 30px;
	right: 94px;
	margin:0px 20px 0px 10px;
	background-color:#464646;
	padding:14px 7px;
	border:1px solid #387a47;
	color:#fefefe;
}
.btn_contact {
	position: absolute;
	top: 30px;
	right:-20px;
	margin:0px 20px 0px 10px;
	background-color:#464646;
	padding:14px 14px;
	border:1px solid #387a47;
	color:#fefefe;
}
.btn_storage:hover, .btn_contact:hover {
	background-color:#387a47;
}
#headerlogin {
	width: 200px;
	font: 9.5px Verdana, Geneva, sans-serif;
	position: absolute;
	line-height: 1.7em;
	top: 43px;
	right: 108px;
	border: 1px solid blue;
}
img.headercontact {
	position: absolute;
	top: -5px;
	right: 45px;
}
td {
	border-collapse: collapse;
}
#headerdeal #storagecalc{
	width:90px;
	display:block;
	text-align:center;
	font: 13px Roboto, Arial, Helvetica, sans-serif;
	padding:11px 5px 11px 5px;
	position:absolute;
	top:24px; right:130px;
	border:1px solid #fefefe;
	text-shadow: 1px 1px 1px #1B1B1B;
}
#headerdeal #storagecalc a:hover, #headerdeal #storagecalc a:link:hover, #headerdeal #storagecalc a:visited:hover{
	color:#393939;
}
#headerdeal #storagecalc:hover{
	padding:12px 4px 10px 6px;
	box-shadow: 1px 0px 1px #666;
	border:1px solid #000;
	text-shadow: 1px 1px 1px #fff;
	background:none;
	background:#808080;
	}
.divider {
	border-top: 1px dotted #444;
	height: 1px;
	margin: 0px 12px 1px 52px;
	padding-bottom: 12px;
	clear: left;
}
ul.li_btn_ss {
	list-style-type: none;
	width: 494px;
	margin: 0px 0px 0px 58px;
	padding: 0;
}
.ldd_submenu em.alert{
	font-size:.85em;
	color:#900;
}
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;
}
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;
}
#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: 0px;
	margin-bottom: 100px;
	margin-left: 15px;
}
#sidebardealer img {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 52px;
}
#containerdealer #sidebardealer {
	border-left: 1px dotted #ccc;
	padding-right: 20px;
}

.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;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	box-shadow: 0px 3px 3px #666;
}
#containerdealer {
	background: #fefefe url(../images/side_bk2.gif) 690px repeat-y;
}
/* -------- PIC SCROLLER///////////////////////////////////////// */
.hd {
	display: none;
}
ul.suplist em {
	font-weight: bold;
	color: #2b4dc3;
}
#container3 img.diagram{
	margin:0px 0px -30px 60px;
}
.suplist LI {
	POSITION: relative;
}
.suplist LI A {
	font: 600 16px arial, 'Open Sans', 'century gothic', Arial, Helvetica, sans-serif;
	color: #555;
	margin-bottom: 7px;
	PADDING: 21px 10px 7px 9px;
	width: 512px;
	DISPLAY: block;
	BACKGROUND: url(../images/btn_supportlist.gif) no-repeat;
	TEXT-DECORATION: none;
	height: 41px;
	text-shadow: 1px 1px 1px #ffffff;
}
.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: 50px;
}
.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;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
.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;
}
/* 9999999999999999999999999999999999999999999999999999 */
.twoColFixRt #container2 {
	width: 990px;  
	margin: 1px 0px 0px 0px;
	text-align: left;
	background:#fff url(../images/containerbk.gif) repeat-y;
}
.twoColFixRt #sidebar1 {
	float: right;
	margin-top: 0px;
	width: 250px;
	padding: 0px 10px 10px 10px;
}
.twoColFixRt #sidebardealer {
	float: right;
	margin-top: 10px;
	width: 250px;
	padding: 0px 10px;
}
iframe {
	border-style: none;
	margin: 10px 0px -4px 0px;
}
.twoColFixRt #mainContent {
	margin: -6px 250px 0 0;
	padding: 0px 20px 20px 20px;

}
#container3 img {
	margin: 10px auto -20px 0px;
}
#container3 {
	margin: 0px;
}
#mainContent p {
	font: 16px/30px Roboto, Arial, Helvetica, sans-serif;
	color: #111;
	padding: 0px 50px 20px 60px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
.vimportant {
	color: red;
}
.vimportant2 {
	color: #063;
}
.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 1px;
	background-repeat: no-repeat;
	margin-left: 22px;
	margin-bottom: 15px;
	letter-spacing: -.05em;
	color: #232323;
	font:16px/16px Roboto, 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;
	letter-spacing: -.04em;
	color: #232323;
}
ul.stdlink li a:link {
	text-decoration: none;
	color: #000;
	padding: 3px;
	font:14px/16px Roboto, Arial, Helvetica, sans-serif;
	;
	letter-spacing: -.04em;
}
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:bold 1.25em "century gothic", Georgia, "Times New Roman", Times, serif; */

	font: 22px 'Signika', sans-serif;
	letter-spacing: -.04em;
	color: #333;
	text-align: left;
	margin: 15px 0px 12px 54px;
}
td h1 {
	font: normal 2em "century gothic", Arial, Helvetica, sans-serif;
	padding-bottom: 60px;
	margin: 8px 0px 10px 1px;
	color: #535353;
}
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: 550;
	color: #292929;
	font-style: normal;
}

#mainContent p.paragraph_list, #mainContent .paragraph_list p {
	font: 16px/22px Roboto, Arial, Helvetica, sans-serif;
	color: #111;
	background: url(../images/bullet.gif) no-repeat 60px 12px;
	padding: 9px 74px 12px 80px;
	margin-bottom:0px;
}

#storagecalc em {
	font-weight: normal;
	color: #ffffff;
	font-style: normal;
}
#storagecalc em:hover{
	font-weight:600;
	color: #534343;
	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 {
	background: #484949; 
	width: 990px;
	padding: 0px;
	height: 60px;
	text-align: center;
	position: relative;
	margin: -30px auto 0px auto;
	font: normal 11px/32px Roboto, arial, helvetica, sans-serif;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	box-shadow: 0px 1px 0px #000000;
	border-top: 2px groove #ccc;
	}
#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: #EFEFEF;
	margin-top: 3px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0px 1px 0px #000000;
}
#footer li a:hover {
	text-decoration: underline;
	color: #ffffff;
}
#footer em.copyr {
	color: #fff;
	position: absolute;
	width: 350px;
	left: 31px;
	bottom: 24px;
	text-shadow: 0px 1px 1px #000;
	font: 10px Verdana, Geneva, sans-serif;
}
#footer em.copyr:hover {
	color: #D8D8D8;
}
/* //////////menu /////////////////////////////// */
ul.ldd_menu {
	margin: 0px;
	padding: 0;
	display: block;
	height: 67px;
	list-style: none;
	font-family:Roboto, Arial, Helvetica, sans-serif;
	border-top: 1px solid #222;
	border-bottom: 1px solid #626366;
	border-left: 0px solid #005e8d;
	background: #387a47;     /* #387a47; */
}
ul.ldd_menu a {
	text-decoration: none;
}
ul.ldd_menu > li {
	float: left;
	position: relative;
}
ul.ldd_menu > li > span {
	float: left;
	color: #ffffff;
	background-color: #387a47;  /* bebebe */
	height: 61px;
	line-height: 60px;
	cursor: default;
	padding: 4px 25px 2px 25px;
	border-right: 1px solid #11371A;
	border-left: 1px solid #82CB93;  /* #B7B7B7 */
}
ul.ldd_menu li ul li {
	margin-bottom:10px;
	}
ul.ldd_menu > li.last_li{
	border-right: 1px solid #82CB93;
	} 
ul.ldd_menu > li.first_li{
	border-left: 1px solid #11371A;
	} 	
ul.ldd_menu li span {
	font-size: 22px;
}
ul.ldd_menu > li > span:hover {
	color: #fff;
	background-color: #2E633A;  /* #387a47 */
	border-left: 1px solid #111;
	border-right: 1px solid #333;
}
ul.ldd_menu .ldd_submenu {
	position: absolute;
	top: 67px;
	width: 300px;
	display: none;
	/*opacity:0.95; */
	left: 0px;
	font-size: 10px;
	background: #e6e6e6;
	border-top: 1px solid #373737;
	border-bottom:1px solid #111111;
	border-left:1px solid #646464;
	border-right:1px solid #646464;
}
a.ldd_subfoot {
	background-color: #387a47;
	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 #91B895;
	padding: 10px; */
	padding:0px 0px 0px 14px;
	margin: 20px 0px 10px 0px;
}
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: #000f2a;
	text-shadow: 1px 1px 1px #fff;
	padding: 11px 11px;
}
ul.ldd_menu ul li a:hover {
	background: #fff;
	color: #000;
}
/* form elements 8888888888888888888888888888888888888888888888888888888888888888 */
table td input {
	width: 350px;
	padding: 5px 14px;
	color: #333333;
	font: 13px 'Open Sans', 'century gothic', Arial, Helvetica, sans-serif;
	margin-bottom: 18px;
}
select {
	width: 165px;
	padding: 5px 4px;
	margin-bottom: 14px;
	font: 12px 'Open Sans', 'century gothic', Arial, Helvetica, sans-serif;
}
small {
	position: relative;
	bottom: 37px;
	left: 405px;
	font: 12px 'Open Sans', 'century gothic', Arial, Helvetica, sans-serif;
}
.submit {
	color: #fefefe;
	width: 157px;
	padding: 14px 19px;
	font: 1.25em 'century gothic', Arial, Helvetica, sans-serif;
	background: #0e8743; 
	border:3px solid #0e8743;  
}
input.submit[type='submit'] {
	-webkit-appearance: none;
	appearance: none;
}
input.submit:hover {
	border:3px solid #000 !important;
}
#container #container3 td label {
	font: 12px 'Open Sans', 'century gothic', Arial, Helvetica, sans-serif;
	COLOR: #333;
	text-align: left;
	margin-bottom: 8px;
}
#captchaimg {
	margin-top: -7px;
	margin-left: 5px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #996600;
}
textarea {
	margin-bottom: 15px;
}
.code {
	font: .85em Arial, Helvetica, sans-serif;
	color: #F00;
	margin-left: 85px;
	margin-top: -40px;
	padding: 0;
}
#container .err {
	border-radius: 6px;
	z-index: 9999;
	box-shadow: 0px 2px 2px #666;
	width: 340px;
	position: absolute;
	line-height: 1.5em;
	background-color: #FFD528;
	bottom: 72px;
	left: 190px;
	margin-left: 12px;
	font:bold.75em Arial, Helvetica, sans-serif;
}