html{
 margin:0;
 padding:0;
 height:100%;
 border:none;
}

body {
	font-family: "Open Sans","Segoe UI",Arial, Verdana,"Times New Roman",Times,serif;
	font-size: 1.1em; 
	font-style: normal;
 	font-weight: normal; 
 	color: #000000; 
 	background-color: white;
 	padding-left:40px;
 	padding-right:40px;
}

td {
 font-family:Verdana,Arial,serif;
 margin-bottom:1.571em;
 font-size:0.8em;
 line-height:1.571em;
}

img {
border: 0;
}

.red {
color:#CA0000;
}

.bold {
font-weight: bold;
}

.strikethrough {
text-decoration: line-through;
}


.MainHeading {
  font-size: 1.8em;
  color: #70709A;
  font-weight: normal;
}

.SubHeading {
 font-size: 1.2em;
 color: #CA0000;
 font-weight: bold;
}

.SubSubHeading {
 font-size: 1.1em;
 color: #00Ca50;
}

.pagebannertext{
  font-family:Trebuchet MS,Verdana,Arial,serif;
}

.pagebannertextdiv{
position:absolute;
left: 30em;
padding: 0.5em;
padding-bottom: 1.5em;
text-align: center;
font-size: 0.75em;
color: #AAAAAA;
}


.pagebannerimagediv{
 float: left;
 position: absolute;
 top: 0.5em;
 left: 0.5em;
}


.rssdiv{
 float: left;
 position: absolute;
 top: 20em;
 left: 1em;
}

.iftttdiv{
 float: left;
 position: absolute;
}


.menudiv {
 position: absolute;
 border-collapse: collapse;
 float: left;
 margin-top: 0px;
 margin-right: 5px;
 display: inline;
 left:10px;
 top:1.4em;
}

.menu {
position: absolute;
top: 88px;
left: 0.5em;
width: 6em;
}

.menuitem{
padding:5px;
background-color:#8E9FC2;
color:white;
height: 24px;	
font-size: 0.95em;
font-style: normal;
font-weight: normal;
}

.menuitem a{
color: #ffffff;		
text-decoration:none;
}

.menuitem:hover{
background-color:#0066CC;	
color:#FFFFFF;
}

.menu th{
border: 2px solid #FFFFFF;
text-align: center;
}

.rightmenudiv {
float: right;
position: absolute;
top: 7em;
right: 1em;
}

.rightmenuheader {
color: #5f8dbc;
font-weight: bold;
text-align: center;
margin-bottom:1em;	
}
.rightmenuitemtext{
font-size:0.75em;
text-align:center;
margin-bottom:1em;	
}

.rightmenuimage{
padding-left: 0.9em;	
}

.rightmenu {
position: absolute;
top: 4em;
left: 0.5em;
font-size:1.1em;
color: #ffffff;
border-left: 2px solid;
border-color: #F5F5F5;
padding-left: 1em;
width:8em;

}
.rightmenu th{
	border: 2px solid #FFFFFF;
	background-color: #0099CC;
	text-align: center;
	font-weight: normal;
}
.rightmenu a{
color: #ffffff;
text-decoration:none;
}

.rightmenu td{
border: 2px solid #FFFFFF;
background-color: #FFFFFF;
text-align: center;
}

.mainbodydiv {
position: absolute;
left: 8em;
right: 10em;
top: 7em;
}

.halfleft {
width: 70%;
float: left;
padding-bottom: 1em;
}

.halfright{
width: 25%;
float: right;
}

.screenbutton{
font-weight: bold;
}


/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }


.pfield{
 border:0px;
 margin-bottom: 0.5em;
 border-color: #F5F5F5;
 line-height:1.3em;
 color:#202020;
}

.pgroup {
padding-top: 0.5em;
padding-bottom: 0.5em; 
padding-left: 0.5em;
color: #FFFFFF;
background-color: #5F8DBC;
margin-bottom:5px;
}

.pphone {
padding: 0.5em;
color: #000;
background-color: #5FBC7A;
margin-bottom:5px;
text-align:center;
margin-left: 0.75em;
margin-right: 0.75em;
}


.pline1{
list-style: none;
float: left;
width: 97%;
padding-left: 2%;
border-right: none;
}

.plineabout{
list-style: none;
float: left;
width: 97%;
padding-left: 2%;
border-right: none;
margin-bottom: 1em;
}

.pline2{
list-style: none;
float: left;
width: 47%;
padding-left: 2%;
border-right: 1px #E8E8E8 solid;
}

.pline3{
list-style: none;
float: left;
width: 31%;
padding-left: 2%;
border-right: 1px #E8E8E8 solid;
}

.pline4{
list-style: none;
float: left;
width: 23.5%;
padding-left: 1%;
border-right: 1px #E8E8E8 solid;
}

.plinelast{
border-right: none;
}


.pblock{
width: 100%;
}

.aboutimg{
float: left;
width: 220px;
}

.pimg2{
}

.pimg4{
}

.pimg {
float: left;
min-width:200px;
}

.pimg img{
}


.pname{
padding-bottom: 0.2em;
color: #5F8DBC;
font-weight:bold;
font-size:1.2em;
}


.pnameleft{
padding-bottom: 0.2em;
color: #4B4B4B;
float:left;
width: 25%;
}

.pname a{
color: #5f8dbc;
text-decoration:none;
}

.pdesc{
color: #4B4B4B;
text-align:justify;
margin: 0 auto;
padding-right:10%;
}

.pdescleft{
width: 90%;
font-size: 0.8em;
color: #4B4B4B;
padding-left: 25%;
}

.pdeschead{
margin-top:1em;
font-size: 0.9em;
width: 90%;
padding-left: 25%;
padding-bottom: 0.2em;
color: #5F8DBC;
font-weight:normal;
}


.italic{
font-style:italic;
}

.threeq{
width: 75%;
padding-left: 150px;
}


.nname{
padding-bottom: 0.2em;
color: #4B4B8B;
font-size: 1.2em;
}

.nnameleft{
padding-bottom: 0.2em;
color: #4B4B8B;
float:left;
width: 25%;
}

.nname a{
color: #4B4BFB;
text-decoration:none;
font-size: 1.2em;
}

.ndesc{
font-size: 1em;
color: #4B4B4B;
border-bottom:3px solid #DDDDDD;
}

.ndesc_div{
padding-bottom: 2em;
}

.ndescleft{
width: 90%;
font-size: 0.8em;
color: #4B4B4B;
padding-left: 25%;
}

.ngroup {
font-size: 1em;
color: #999999;
}

.ndate{
font-size: 1em;
text-align: right;
color: #999999;
}

.newstable{
font-family:Verdana,Arial,serif;
font-size: 1em;
}

.newstable td {

}

.newsdiv{
position: absolute;
right: 2em;
top: 0.5em;
padding: 5px;
border: 1px solid #DDDDDD;
background-color: #FFFF00;
}

.newsdivA{
/*position: absolute;
right: 2em;
top: 0.5em;*/
color: #FF2222;
font-weight: bold;
}

.newsdivB{
padding-left: 3.2em;
}

.newsdivB a{
font-size: 0.8em;
}

.newsdivC{
font-size: 0.9em;
padding-left: 3em;
}

#I1 {
height: 230px;
width: 94%;
min-width:500px;
overflow:hidden;
position:relative;
margin-bottom:30px;
}

#inneriframe{
position:absolute;
top:-330px;
left:-100px;
width:700px;
height:1200px;
}

.splurb{
}

.hide-if-web{
display:none;	
}

/* browse products*/
.prod-table{
border-style:none;
}

.prod-table th{
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}

.ui-widget-header a {
font-weight:normal;
}

.prod-table td{
border-style:none;
padding-top:5px;
}

.prod-name-old{
font-size: 1em; 
color: #939393;
}
.prod-name{
font-size: 1.1em; 
color: #1F4995;
}     
.prod-name div a{
color: #1F4995;
}              
.prod-button{
width:100px;
}
.prod-price{
width:50px;
}

.prod-version{
width:50px;
}


.prod-desc{
padding-left:15px!important;
padding-bottom:15px!important;
}

.important-button{
background:#C95252!important;
border: 1px solid #C95252!important;
}
.counter{
    color: #ADA0A0;
    font-size: 0.8em;	
}
.pgap{
margin-bottom:2em;	
}

.cmenudiv{
display: none;
left: 1.3em;
position: absolute;
top: 6em;
width: 100px;	
z-index:10;
}

.cmenu{
list-style: none;
margin: 0;
padding: 0;
font-size: 1.4em;
}

.cmenu-parent{
clear: both;
height: 2em;
}

.cmenu-parent a{
float: left;
display: block;
padding: 4px;
text-decoration: none;
color: #666;
}

.cmenu-parent a:hover{
background: #999;
color: #fff;
}

.cmenu-sub {
display: none;
}

.cmenu-parent:hover .cmenu-sub {
display: block;
}

.cmenu-sub{
list-style: none;
float: left;
margin: 0;
padding: 4px 8px;
}

.cmenu-item{
float: left;
clear: none;
margin: 0;
padding: 6px;
width: 6em;
height: auto;
color: #FFF;
background: #8e9fc2;
text-align:center;
}

.cmenu li:hover ul li a,
.cmenu  ul li a{
display: inline;
padding: 5px;
float: none;
color: white;
background: #8e9fc2;
}

.cmenu-parent:hover ul li:hover,
.cmenu-parent:hover ul li a:hover,
.cmenu ul li a:hover
{background-color:#0066CC;
color: white;
}

@media screen and (max-width: 900px){
.rightmenudiv {display:none;}
.mainbodydiv {right:0em;}
.pline3{float:none;width:100%;margin-bottom: 3em;}
.pline2{float:none;width:100%;margin-bottom: 3em;}	
}

@media screen and (max-width: 600px){
.menudiv {display:none;}
.mainbodydiv {left:0em;top:9em;}
.iftttdiv {display:none;}
.rssdiv {display:none;}
.pfield{border:0px}
.pimg2{display:ok;}
.pimg{display:ok;float:none}
.pname{	 font-size: 1.2em; font-weight: bold; padding: 0.2em;padding-left:0em;}
.cmenudiv{display:block}
}