* { margin: 0; padding: 0; }
body { padding: 0; background-color: #DEDEDE; color:#202020; font:13px arial,helvetica;line-height:18px; }

p { margin-bottom:20px;}
p.error {color: #8C2A32;font-weight:bold;}
.credittop {float:left;margin-bottom:7px;}
.creditbottom {float:left;margin-bottom:30px;color:#327000;font-style:italic; box-sizing:border-box;width:100%;}

.credittop-praise {float:left;margin-bottom:7px;}
.creditbottom-praise {float:left;margin-bottom:30px;color:#327000;font-weight:bold;font-style:italic; box-sizing:border-box;width:100%;font-size:15px;}


h1 {color:#445B89;font-size : 20px; font-weight: bold;margin-top : 0px; margin-bottom : 15px;line-height:24px;float:left;width:100%;}
h2 {color:#8C2A32;font-size : 16px;font-weight: bold; margin-bottom: 15px; }

h1 a:link, h1 a:visited {color:#445B89;text-decoration : none;}
h1 a:hover, h1 a:active {color:#445B89;text-decoration : underline;}

a:link, a:visited {color:#327000;text-decoration : none;}
a:hover, a:active {color:#8B2A31;text-decoration : underline;}

.ugreentext {color:#327000;}
.upraise {float:left;width:95%;border:2px solid #445b89;margin-top:10px;margin-bottom:30px;text-align:center;line-height:150%;color:#445b89;font-size:17px;}

.upraise-inner {margin:auto;padding:20px;}
.upraise-inner-inner {text-align:center;}

@media (min-width: 1040px) {
.upraise-inner-inner.desktop {display:block;}
.upraise-inner-inner.nondesktop {display:none;}
}

@media (max-width: 1039px) {
.upraise-inner-inner.desktop {display:none;}
.upraise-inner-inner.nondesktop {display:block;}
}


.mainframe {margin:0px auto;}
.mainframeinner {float:left;/*background-image : url('/images/background.png');background-repeat : repeat-y;*/ background:#fff;}
.mainframetop {float:left;}
.mainframebottom {float:left; width:100%;}
.mainframebottom img{width:100%!important; }

.header {float:left; width:100%;}
.masthead {float:left;padding:20px 23px 20px 23px; width:100%; box-sizing: border-box;}
.mastheadleft {width:500px;float:left;}
.mastheadright {width:331px; float:right;}

.navbar { padding:4px 12px 0px 12px; font-family: "arial narrow",arial,helvetica; text-transform:uppercase;font-weight:bold; font-size:16px; /*width:912px;*/padding-top:4px;/*height:23px;*/float:left;background-image : url('/images/navbar.png');background-repeat : no-repeat;border-bottom: 2px solid #D4D4D4; width:100%; background-size:100%; box-sizing:border-box; height:29px; text-align:center;}
.navbar ul {list-style-type: none; display:inline-block;}

.navbar li {display:inline;padding-left:43px;padding-right:43px;}
.navbar li a:link, .navbar li a:visited {color:#F5F5FF;text-decoration : none;}
.navbar li a:hover, .navbar li a:active {color:#D8D9D6;text-decoration : none;}

.navbar li.active {display:inline;padding-left:43px;padding-right:43px;}
.navbar li.active a:link, .navbar li.active a:visited {color:#D8D9D6;text-decoration : none;}
.navbar li.active a:hover, .navbar li.active a:active {color:#D8D9D6;text-decoration : none;}



.footer {padding-top:4px;text-align:center;color:#FFF;float:left;background-image : url('/images/navbar.png');background-repeat : no-repeat;border-top: 2px solid #D4D4D4; width:100%; background-size:100%; box-sizing:border-box; height:29px; text-align:center;}
.footer a:link, .footer a:visited {color:#FFF;text-decoration : underline;}
.footer a:hover, .footer a:active {color:#FFF;text-decoration : none;}


.homecontent {float:left;padding:40px 55px 40px 55px; width:100%; box-sizing:border-box;}
.homecontentleft {border: 1px solid #E5E0DD;padding:2px;float:left;width:314px;margin-right:56px;}
.homecontentleftinner {border: 1px solid #E5E0DD;width:312px;float:left;}
.homecontentleftinnertop {width:312px;float:left;border-bottom:solid 1px #E5E0DD;}
.homecontentleftinnerbottom {width:292px;float:left;padding:10px;}
.homecontentleftinnerbottomunit {float:left;width:93px;padding: 0px 2px 0px 2px;}
.homecontentright {margin-left:380px;}
.homecontentrighttop {border: 1px solid #E5E0DD;padding:2px;margin-bottom:30px;}
.homecontentrighttopinner {border: 1px solid #E5E0DD;}
.homecontentrighttopinnerheader {padding-top:16px;padding-left:15px;color:#445B89;font-size:20px;font-weight:bold;height:32px;background-image : url('/images/homeheader.png');background-repeat : repeat-x;}
.homecontentrighttopinnerbody {padding:15px;}
.homecontentrightbottom {border: 1px solid #E5E0DD;padding:2px;}
.homecontentrightbottominner {border: 1px solid #E5E0DD;}
.homecontentrightbottominnerheader {padding-top:16px;padding-left:15px;color:#445B89;font-size:20px;font-weight:bold;height:32px;background-image : url('/images/homeheader.png');background-repeat : repeat-x;}
.homecontentrightbottominnerbody {padding:15px; min-height:160px;}
.homecontentrightbottominnerbodyleft {float:left;width:130px;margin-right:15px;}
.homecontentrightlast {border: 1px solid #E5E0DD;padding:2px;margin-top:30px;}

.homecontentrightbottominnerbodyright {margin-left:145px;}
.homecontentrighttopinnerbody ul,.homecontentrightbottominnerbodyright ul {line-height:20px;margin-left:15px;}
.homecontentrighttopinnerbody ul li,.homecontentrightbottominnerbodyright ul li {list-style-image: url("/images/bullet.gif");}
.homecontentrightbottominnerbodyright ul {font-size:15px;}
.homecontentrightbottominnerbodyright ul li {margin:0 0 5px 0;}

.content {width:876px;float:left;margin:40px 30px 40px 30px;background-image : url('/images/content.png');background-repeat : repeat-y;}
.contentleft {width: 170px;}
.contentright {width: 665px;float:left;}


.contentright ul,.contentright ol {line-height:18px;margin-bottom:20px; padding-left:20px;box-sizing:border-box;}
.contentright ul li {list-style: disc;margin-left:5px;padding-left:5px;margin-bottom:5px;}
.contentright ol li {margin-left:5px;padding-left:5px;margin-bottom:5px;}

.contentrightnext {width: 665px;float:left;color:#8C2A32;border-top: 1px dotted #C0C0C0;padding-top:10px;}
.contentrightnextleft {width: 332px;float:left;}
.contentrightnextright {width: 332px;float:left;text-align:right;}

.contentrightnextleft a:link, .contentrightnextleft a:visited, .contentrightnextright a:link, .contentrightnextright a:visited {color:#8C2A32;text-decoration : underline;}
.contentrightnextleft a:hover, .contentrightnextleft a:active, .contentrightnextright a:hover, .contentrightnextright a:active {color:#8C2A32;text-decoration : none;}

.contentrightpurchaseheader {width: 643px;margin-bottom:5px;color:#D4D4D4;font-size : 16px;font-weight: bold;text-transform:uppercase;}
.contentrightpurchaserow {width: 643px;padding:10px;float:left;margin-bottom:25px;border: solid 1px #D4D4D4;}
.contentrightpurchaserowitem {width: 200px;float:left;margin-left:10px;}

.contentrightpicture {padding-right: 25px; padding-bottom:15px;float:left;}

.contentleftheader {width: 170px;float:left;text-transform:uppercase;color:#8C2A32;border-bottom: 1px solid #D4D4D4;padding-bottom:5px;margin-bottom:15px;}
.contentleftbody {width: 170px;float:left;margin-bottom:25px;font-size:12px;}
.contentleftbodypurchasetop {width: 170px;float:left;margin-bottom:10px;margin-left:20px;}
.contentleftbodypurchasebottom {margin-left:15px; width: 170px;float:left;margin-bottom:25px;font-size:12px;text-transform:uppercase;}
.contentleftbodypurchasebottom a:link, .contentleftbodypurchasebottom a:visited {color:#3E527C;text-decoration : underline;}
.contentleftbodypurchasebottom a:hover, .contentleftbodypurchasebottom a:active {color:#3E527C;text-decoration : none;}

.searchleft {float:left; width: 131px;margin-right:10px;}
.searchright {float:left; width: 29px;}
.searchtextbox {width: 125px;color:#202020;border: 1px solid #D4D4D4;padding:3px;}
.searchbutton {color:#202020;border: 1px solid #D4D4D4; background-color: #D4D4D4;padding: 2px 3px 2px 3px;}

.contentleftbody ul {line-height:20px;margin-left:20px;}

.contentleftbody ul li {list-style-image: url("/images/bullet.gif");margin-bottom:7px;}
.contentleftbody ul li.active {list-style-image: url("/images/bullet.gif");margin-bottom:7px;font-weight:bold;}
.contentleftbody ul li a:link, .contentleftbody ul li a:visited, .contentleftbody ul li.active a:link, .contentleftbody ul li.active a:visited {color:#3E527C;text-decoration : underline;}
.contentleftbody ul li a:hover, .contentleftbody ul li a:active, .contentleftbody ul li.active a:hover, .contentleftbody ul li.active a:active {color:#3E527C;text-decoration : none;}




.blogheader {width: 665px;float:left;}
.blogheader {width: 665px;float:left;margin-bottom:10px;}
.blogheaderleft {float:left;width:80px;}
.blogheaderright {width: 585px;float:left;}
.blogheaderrighttop {width: 585px;float:left;padding-top:10px;}
.blogheaderrightbottom {width: 585px;float:left;}

.pagecontent {width: 665px;float:left;}
.pagecontentdivider {float:left;margin-bottom:20px;height:5px;}

.commentrow {width: 665px;float:left;padding: 0px 0px 15px 0px;border-bottom: 1px solid #E9E5E3;margin-bottom:10px;}

.buttonrow {float:left;margin-bottom:25px;margin-top:10px;}
.buttonrowitem {float:left;width: 130px;}



.textbox {width: 250px;color:#202020;border: 1px solid #D4D4D4;padding:3px;}
.formbutton {color:#FFFFFF;border: 1px solid #8C2A32; background-color: #8C2A32;padding: 7px 15px 7px 15px;font-size:15px;}
.formbutton:hover {background-color:#BA3841;}



.formarea {padding:10px;border: dotted 1px #C0C0C0;float:left;width:643px;margin-bottom:10px;}
.formrow {width: 500px;float:left;margin-bottom:15px;}
.formrowleft {width: 230px;float:left;font-weight:bold;margin-right:20px;}
.formrowright {width: 250px;float:left;}
.formrowrightrow {width: 100%;float:left;margin:0 0 5px 0;}

.cse-search-results {float:left;width:665px;}

.btn_menu_mobile{
	display:none;
	cursor: pointer;
	position: absolute;
	padding-top: 6px;
	padding-left: 7px;
	padding-right: 5px;
	margin-top: 27px;
}

.homecontentleft.mobile, .mainframebottom-menu, .contentleftbody.mobile, .navbar li.contact_rafi{
	display:none;
}
.content{
	width: calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -o-calc(100% - 60px);
}
.contentright{
	float: right;
	width: calc(100% - 250px);
	width: -moz-calc(100% - 250px);
	width: -webkit-calc(100% - 250px);
	width: -o-calc(100% - 250px);	
}
.contentleft{
	float: none;
}
.buttonrow, .pagecontentdivider, .pagecontentdivider img{
	width:100%;
}
.buttonrow{
	margin-bottom:15px;
}
.buttonrowitem{
	margin-bottom:10px;
}
.contentleft{
	width: 200px;
}

.contentleftbody, .contentleftheader, .contentleftbody, .contentleftheader, 
.contentleftbodypurchasetop, .contentleftheader, .contentleftbody, .contentrightnext,
.blogheader, .blogheaderrighttop, .blogheaderrightbottom, .formarea, .contentrightpurchaseheader,
.contentrightpurchaserow, .cse-search-results, iframe{
	width: 100%;
}
.searchleft{
	width: 161px;
}
.searchtextbox{
	width: 155px;
}
.content{
	background-position: 30px 0px;
}
.contentrightnextleft{
	width: auto;
	float: left;
}
.contentrightnextright{
	width: auto;
	float: right;
}
.blogheaderright{
	float: none;
	margin-left: 80px;
	width: auto;
}
.formarea, .contentrightpurchaserow{
	box-sizing:border-box;
}
.contentrightpurchaserowitem{
	width: 33%;
	margin-left: 0px;
	text-align: center;
}
.formarea{
	max-width:643px;
}
.contentright>p, .contentright>h2, .contentright>ul, .contentright>ol{
	float:left;
	width:100%;
}
.homecontentleft{
	margin-bottom: 50px;
}

@media (min-width: 1241px) {
	.mainframe{
		    max-width: 1280px;
	}
	.mainframeinner{
		    background-image: url('/images/background.png');
    background-repeat: repeat-y;
    background-size: 100%;
    padding: 0 5px;
	}
	.mainframetop{
		    padding: 0 5px;
	}
}


@media (max-width: 1240px) and (min-width: 768px) {
	.navbar ul{
		width:100%;
	}
	.masthead{
		padding: 10px 23px 10px 23px;
	}
	.mastheadleft{
		width: 400px;
	}
	.mastheadleft img{
		width: 400px;
		height: 68px;
	}
	.mastheadright{
		width: 265px;
	}
	.mastheadright img{
		width: 265px;
		height: 68px;
	}
	.navbar, .footer{
		background-size: 100% 29px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.navbar li, .navbar li.active {
		padding-left: 3%;
		padding-right: 3%;
	}
	.homecontent{
		padding: 20px 30px 20px 30px;
	}
	.homecontentleft{
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.homecontentright {
		margin-left: 340px;
	}
	.contentleft{
		width: 170px;
	}
	.searchleft{
		width: 131px;
	}
	.searchtextbox{
		width: 125px;
	}
	.content{
		background-position: 0px 0px;
	}
	.contentright{
		width: calc(100% - 220px);
		width: -moz-calc(100% - 220px);
		width: -webkit-calc(100% - 220px);
		width: -o-calc(100% - 220px);	
	}

} /*(max-width: 974px) and (min-width: 768px)*/

@media (max-width: 1240px) and (min-width: 851px) {
	.homecontentrighttopinnerheader, .homecontentrightbottominnerheader{
		font-size: 18px;
		padding-left: 10px;
	}
	.homecontentrighttopinnerbody, .homecontentrightbottominnerbody  {
		padding: 10px;
	}
	h1{
		font-size: 18px;
	}
}

@media (max-width: 950px) {
	.contentrightpurchaserowitem>a>img{
		width: 100%;
		height: auto;
	}
	.navbar li, .navbar li.active {
		padding-left: 2%;
		padding-right: 2%;
	}	
}

@media (max-width: 850px) {
	.homecontentrighttopinnerheader, .homecontentrightbottominnerheader{
		font-size: 16px;
		padding-left: 7px;
		height: auto;
		min-height: 22px;
		background-size: 100% 100%;
		padding-bottom: 5px;		
	}
	.homecontentrighttopinnerbody, .homecontentrightbottominnerbody {
		padding: 7px;
	}
	h1{
		font-size: 16px;
	}
	.formrowleft {
		width: 160px;
	}
	.formrow{
		width:100%;
	}
}

@media (max-width:767px){
	.mastheadright, .homecontentleft, .footer>span, .contentleftbody.searchbox{
		display:none;
	}
	.btn_menu_mobile, .homecontentleft.mobile, .mainframebottom-menu, .contentleftbody.mobile,
	.navbar li.contact_rafi{
		display:block;
	}
	.navbar li , .homecontentleft.mobile, .homecontentleftinner, .homecontentleftinnertop,
	.homecontentleftinnertop img, .homecontentleftinnerbottom,
	.contentright, .contentleft, .contentleftheader, .contentleftbody,
	.contentleftbodypurchasetop, .contentleftbodypurchasebottom,
	.formrowleft, .formrowright, .textbox, .mainframetop{
		width: 100%;		
	}
	.homecontentleftinnertop img{
		height:auto;
	}
	.homecontentleftinner, .textbox{
		box-sizing:border-box;
	}
	.navbar{
		height: 0px;
		padding: 0px;
		overflow: hidden;
		border: none;
		text-align: left;
	}
	.navbar li {
		line-height: 24px;
		box-sizing: border-box;
	}
	.navbar li>a {
		padding-bottom: 4px;		
	}
	.navbar li, .navbar li.active {
		padding: 0px 10px;
		display: block;
	}
	.navbar>ul{
		padding:5px 0px;
		width: 100%;
		background:#688934;
		margin-bottom: 15px;
	}
	.navbar li a:link, .navbar li a:visited {
		display: block;
	}
	.homecontent{
		padding: 10px 7px 10px 7px;
	}
	.homecontentrighttop, .homecontentrightbottom, .homecontentrightlast{
		margin-bottom: 20px;
	}
	.homecontentright {
		margin-left: 0px;
	}
	.homecontentleft.mobile, .homecontentleftinner, .homecontentleftinnertop,
	.homecontentleftinnerbottom {
		float: none;
	}
	.homecontentleft.mobile{
		margin-left: auto;
		margin-right: auto;
		max-width: 314px;
		box-sizing: border-box;
	}
	.homecontentleft{
	    margin-bottom: 20px;
	}
	.footer{
		background-size: 100% 29px;
	}	
	.mainframebottom img{
		position: absolute;
		z-index: 1;
	}
	.mainframebottom-menu{
		z-index: 100;
		position: absolute;
		width: 100%;
		text-align: center;
		padding: 5px;
		box-sizing: border-box;
		margin-top:10px;
	}
	.mainframebottom-menu a{
		color: #202020;
		text-decoration: underline;
		white-space: nowrap;
	}
	.mainframebottom-menu a:hover, .mainframebottom-menu a:active {
		text-decoration: none;
	}
	.masthead{
		padding: 10px 7px 10px 40px;
	}
	.homecontentrightbottominnerbodyleft{
		width: 100px;
		margin-right: 10px;
	}
	.homecontentrightbottominnerbodyleft>img{
		width: 100px;
		height: auto;
	}
	.homecontentrightbottominnerbodyright{
		margin-left: 110px;
	}
	.homecontentleftinnerbottom{
		box-sizing: border-box;
		padding: 5px;
	}
	.contentright, .contentleft{
		float:left;
	}
	.contentleftbodypurchasetop{
		margin-left: 0px;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.contentleftbodypurchasebottom{
		margin-left: 0px;
		padding-left: 15px;
		box-sizing: border-box;
	}
	.content{
		background:none;
		width: calc(100% - 14px);
		width: -moz-calc(100% - 14px);
		width: -webkit-calc(100% - 14px);
		width: -o-calc(100% - 14px);
	}
	.searchright{
		float:right;
	}
	.searchleft{
		width: calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);		
	}
	.searchtextbox{
		width: 100%;
		box-sizing: border-box;
	}
	.content{
		margin: 10px 7px 10px 7px;	
	}
	.contentright{
		margin-bottom:12px;
	}
	.contentrightnext{
		margin-bottom:20px;
	}
	.formrowleft{
		margin-right:0px;
	}
	.formarea{
		max-width:800px;
	}
} /*max-width:767px*/

@media (max-width:600px){
	.mastheadleft, .mastheadleft img{
		width: 100%;		
	}
	.mastheadleft img{
		height: auto;
	}
	.btn_menu_mobile{
		margin-top: 5%;
	}
}

@media (max-width:600px){
	.contentright>p>img[alt="Pricing Strategies"]{
		width:100%;
		height:auto;
	}
}

@media (max-width:450px){
	.homecontentrightbottominnerbodyright{
		margin-left: 0px;
	}
}

@media (max-width:350px){
	.homecontentleftinnerbottomunit{
		width: 33%;
		padding: 0px;
	}
	.homecontentleftinnerbottomunit img{
		width: 100%;
		height: auto;
	}
}

#css3-calc {
    width: 10px;
    width: calc(10% + 10px);
    display: none;
}

/* ----- VALUE DECODER */

.uhide {display:none;}
.ushow {display:block;}

.tool-left {float:left;}
.tool-right {float:left;}


@media (min-width:500px){
.tool-row.flexible {display:flex;}
.tool-left {flex: 1;margin:0 40px 0 0;}
.tool-right {flex: 0 0 300px;}
}

@media (max-width:499px){
.tool-left {width:100%;}
.tool-right {width:100%;}
}

.tool-row {float:left;width:100%;}
.tool-row.spaced {padding:0 0 25px 0;}

.tool-decoder-outer {float:left;width:260px;background-color:#dedede;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;padding:20px;}
.tool-decoder-header {width:260px;float:left;padding:0 0 15px 0;font-size : 16px;font-weight: bold;}
.tool-decoder-error {width:260px;float:left;padding:0 0 15px 0;color:#ff0000;}
.tool-decoder-row {width:260px;float:left;padding:0 0 15px 0;}
.tool-decoder-row-top {width:260px;float:left;padding:0 0 7px 0;}
.tool-decoder-row-bottom {width:260px;float:left;padding:0 0 7px 0;}
.tool-decoder-row-price {width:260px;float:left;padding:0 0 7px 0;color:#445b89;font-size : 16px;font-weight: bold;}
.tool-decoder-bottom {width:260px;float:left;}
.tool-decoder-bottom-left {width:80px;float:left;margin:0 5px 0 0;}
.tool-decoder-bottom-middle {width:90px;float:left;margin:0 5px 0 0;}
.tool-decoder-bottom-right {width:80px;float:left;}

.tool-decoder-price {float:left;width:260px;border:1px solid #445b89;padding:20px;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;}
.tool-decoder-price-top {float:left;width:260px;color:#445b89;font-size : 16px;font-weight: bold;margin:0 0 8px 0;}
.tool-decoder-price-bottom {float:left;width:260px;font-size:11px;font-style:italic;}

.ttextbox {width: 228px;color:#202020;padding: 7px 15px 7px 15px;font-size:15px;}
.ttextbox.normal {border: 1px solid #D4D4D4;}
.ttextbox.error {border: 1px solid #ff0000;}

.toolbutton {padding: 7px 15px 7px 15px;font-size:15px;cursor: pointer;}
.toolbutton.total {color:#FFFFFF;border: 1px solid #8C2A32; background-color: #8C2A32;}
.toolbutton.total:hover {background-color:#BA3841;}
.toolbutton.previous {color:#202020;border: 1px solid #a5a5a5; background-color: #a5a5a5;}
.toolbutton.previous:hover {background-color:#dedede;}
.toolbutton.reset {color:#202020;border: 1px solid #a5a5a5; background-color: #a5a5a5;}
.toolbutton.reset:hover {background-color:#dedede;}

.input-icon {width: 258px;position: relative;font-size:15px;border: 1px solid #D4D4D4;}
.input-icon.error {border: 1px solid #ff0000;}
.input-icon > i {position: absolute; display: block;transform: translate(0, -50%);top: 50%;pointer-events: none; width: 25px;text-align: center;font-style: normal;}
.input-icon > input { width: 218px;padding: 7px 15px 7px 25px;border:0;font-size:15px;}
.input-icon > input:focus {outline: none;}
