a:link {
	color: #330;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #330;
}
a:hover {
	text-decoration: none;
	color: #030;
}
a:active {
	text-decoration: none;
	color: #030;
}
img { border:0px; }
.top {background-color: #999900; padding: 5px; font: 12px #ffffff; text-align: center; border-bottom: 2px solid #ffffff;}
.top a{color: #ffffff;text-decoration: none;background-color:transparent;}
.top a:hover{color:#FFC3DC;}
.topbar {background-color:#333; font-size:12px; color:#E7E7E7;}
.add2cart_na {
	float:right;
	color:#999;
	font-size:12px;
	padding-right:15px;
}
.add2cart {
	width:169px;
	height:23px;
	background:url(../images/add2cart.png) no-repeat;
	float:right;
	cursor:pointer;
	background-position: center top;
}

.add2cart:hover { 
	background-position: center bottom;
}
.xcancel {
	width:18px;
	height:17px;
	background:url(../images/cancelbutton2.png) no-repeat;
	cursor:pointer;
	background-position: center top;
}

.xcancel:hover { 
	background-position: center bottom;
}
.login {
	width:170px;
	border:1px solid #666;
	padding:5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}
.loginbox {
	/*background:url(../images/sidecloud.png) top no-repeat;*/
	background-color:#C00;
	height:80px;
	width:180px;
	padding:10px 10px 10px 10px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size: 14px;
	color: #EEE;
}
.faq_title { font-size:18px; margin-top:15px; border-top:1px dotted #CCCCCC }
.faq_question { color:#333; font-weight:bold }
.faq_answer { color:#333; background:#EEEEEE; border:1px solid #CCCCCC; padding:10px; margin:10px;  }
#cartdisplay   {
	background-color:#EEE;
	font-family: 'Open Sans', sans-serif;
	color: #333;
	font-size: 13px;
	text-align:left;
	padding:5px 10px 10px 10px;
	border-bottom:3px solid #CCC;
	display:none;
}

.cart-col { color:#FFFFFF; background-color:#999; text-align:center }
.cart-tbl { border-bottom:dotted 1px #CCC} 
.side_title {
	background:url(../images/cloudicon.png) left no-repeat;
	padding-left:60px;
	padding-top:12px;
	font-size:13px;
	height:40px;
	color:#FFFF00;
	text-shadow:3px 3px 3px #333;
}
.login_title {
	
	padding-left:5px;
	font-size:15px;
	color:#FFF;
	width:162px;
	height:119px;
}
.nk_Btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:11px;
	padding:4px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.nk_Btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.nk_Btn:active {
	position:relative;
	top:1px;
}
.ck_Btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #CCCCCC;
	display:inline-block;
	cursor:pointer;
}
.ck_Btn:hover {
	border:1px solid #555555;
}
.toptbl {
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
	border:1px solid #ddd;
}
.line {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #273263;
	border-right-color: #273263;
	border-bottom-color: #273263;
	border-left-color: #273263;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #273263;
}
-->

<!--
.font {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
}
.font-hi {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #fff;
}
.hilite {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #999900;
	background-color:#330;
	
}
.footer {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
}
.font1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666; 
	spacing: 2;
	padding:1 15px 1 10px;
}
.font2 {
	font-size: 9px;
	font-style: normal;
	color: #666666; 
}
.font4 {
	font-size: 12px;
	font-style: normal;
	color: #999900; 
}
.fontfooter{
	font-size: 12px;
	font-style: normal;
	color: #999; 
}
.intro {
	font-size: 18px;
	color: #333;
}
.divider {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #006699;
	background-color: #DBE6F3;
	border-bottom-color: #006699;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333366;
	height: 25px;
}
.hyperlink {
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
.tablebox {
	border: 1px dotted #999999;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #666666111;
}
.tablebox2 {
	border: 1px solid #330;
	background-color: #999900;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #E7E7E7111;
}
.box {
	border: 1px solid #999999;
	background-color: #F7F7F7;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #666666;
}
.box_content_cell { background-color: #0790DC }
td.box_content_text {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #666666;
}
.title {
	font-family: Arial Black;
	font-size: 20px;
	color: #CC0000;
}
.one:link { color: #333333; text-decoration: none }
.one:active { color: #333333; text-decoration: none }
.one:visited { color: #333333; text-decoration: none }
.one:hover { color: #3683D3; text-decoration: underline}

.two:link { color: white; text-decoration: none }
.two:active { color: white; text-decoration: none }
.two:visited { color: white; text-decoration: none }
.two:hover { color: #FFCC00; text-decoration: none }
.side-title2 {
	border-top:#B10000 1px solid;
	color:#666;
	padding-left:10px;
	background:url(images/sidedot.png) no-repeat top left;
}
.font-hi {color:#666; }
.access-trial-button { background-color:<%=logocolor%>; color:#FFF; text-align:center;padding:5px; margin-top:2px; cursor:pointer}
.access-trial-button:hover { background-color:#666; }

.menubox_border_idle { background-color: #CCCCCC; }
.menubox_border_active { background-color: #0790DC; }
.menubox_idle { background-color: #E2E2E2; }
.menubox_active { background-color: #F7F7F7; }
.menubox { background-color: #E2E2E2; }
.menubox:hover { background-color: #F7F7F7; }

.list li{
	margin: 5px 0 5px 0;
	font: 12px/17px verdana
}
.panel {  width:286px; color:#333; margin-top:20px;font-size:12px; }
#menu {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; }
#menu li a {display:block; float:left; height:40px; line-height:40px; background:#333; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0px; width:181px; text-align:center}/*padding:0 30px 0 20px;*/


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#900;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#900;}
#menu li:hover > a.sub {color:#fff; background-color:#900;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #333 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;;}

#menu :hover ul {left:0; top:40px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:160px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px; text-align:left}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#900; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#900; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#900; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}

/*NEWMENU*/
#newmenu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; }
#newmenu li {float:left; }
#newmenu li a {display:block; float:left; height:30px; line-height:30px; background:#FFF; color:#666; text-decoration:none; padding:0px; width:100px; text-align:center}/*padding:0 30px 0 20px;*/


#newmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#newmenu li a:hover {z-index:200; position:relative;color:#fff; background-color:#666;}
#newmenu li:hover {position:relative; z-index:200;}

#newmenu li:hover > a {color:#fff; background:#666;}
#newmenu li:hover > a.sub {color:#fff; background-color:#666;}

#newmenu li.current a {color:#666; background:#CCC;}

#newmenu li a.sub {background: #fff url(down-arrow.gif) no-repeat right center;}
#newmenu li.current a.sub {color:#666; background:#CCC url(down-arrow.gif) no-repeat right center;;}

#newmenu :hover ul {left:0; top:30px; width:100px; background:#E7E7E7;}

/* keep the 'next' level invisible by placing it off screen. */
#newmenu ul, 
#newmenu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#newmenu :hover ul :hover ul
{left:120px; top:-1px; background:#ccc; white-space:nowrap; width:140px; z-index:200; height:auto;}

#newmenu :hover ul li {margin:0; border-bottom:1px solid #CCC;}
#newmenu :hover ul li a {width:140px; padding:0; text-indent:10px; background:#e7e7e7; color:#666; height:30px; line-height:30px; text-align:left}
#newmenu :hover ul li a.fly {background:#fff url(right-arrow.gif) no-repeat right center;}

#newmenu :hover ul :hover {background-color:#666; color:#fff;}
#newmenu :hover ul :hover a.fly {background-color:#666; color:#fff;}

#newmenu :hover ul li.currentsub a {background:#ccc; color:#666;}
#newmenu :hover ul li.currentsub a.fly {background:#CCC url(right-arrow.gif) no-repeat right center; color:#666;}

#newmenu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#fff; color:#3E3E3E;}
#newmenu :hover ul :hover ul :hover {background-color:#666; color:#fff;}

#newmenu :hover ul :hover ul li.currentfly a,
#newmenu :hover ul :hover ul li.currentfly a:hover {background:#CCC; color:#666;}