/* body { background-color:#46464c; font-family:arial,helvetica,sans-serif; font-size:11px } */
/* body { background:url(/images/bg-gradient-light-to-dark.gif) repeat-x #64646b; font-family:arial,helvetica,sans-serif; font-size:11px } */
body { background:url(/images/bg-gradient-dark-to-light.png) repeat-x #64646b; font-family:arial,helvetica,sans-serif; font-size:11px } 
h1 { margin-top:0px; font-size:2em; color:#24274a; border-bottom:1px #d9d9d9 solid; padding-bottom:4px }
.frontTitle { border:none; padding:0; margin:10px 0 0 0; display:none }
h2 { margin-top:0px; font-size:1.1em; color:#24274a; margin-bottom:0px }
h3 { margin-top:0px; font-size:1.1em; color:#24274a; margin-bottom:0px }
p { text-align:justify; font-size: 1.05em }
.pFirst { margin-top:2px }
img { border:none }
a { color:#24274a; text-decoration:none }
a:hover { text-decoration:underline }

#page { width:900px; margin:auto; position:relative; padding-top:20px }
#pageTop { background:url(/images/page-top.gif) no-repeat bottom center; height:10px }
#pageBody { background-color:#fff }
#pageBodyInner { width:840px; margin:0px auto }

#header { padding-top:20px }
#header a { font-weight:bold }
#header .left { float:left }
#header .right { float:right; margin-top: 20px }
#header .right .links { margin-bottom:8px; text-align:right }

#searchForm { margin:0; padding:0 }
#searchBox { border:1px solid #d9d9d9; font-size:1em; width:162px; height:14px; margin-right:2px }
#searchButton { border:0; margin-bottom:2px; width:30px; height:18px; vertical-align:middle }
#navBar { background:url(/images/nav-bar-bg.gif) repeat-x; height:28px; border:1px solid #091346; display:block }

#footer { border-top:2px solid #6c6c77; margin-top:10px; padding-bottom:18px; color:#999 }
#footer #footer_left { float:left; margin-top:6px }
#footer #footer_right { float:right; margin-top:6px }
#footer a { color:#999 }
#pageBottom { background:url(/images/page-bottom.gif) no-repeat top center; height:10px }

#insideMainImg { margin-top:8px; width:840px; height:140px; padding:0; background-color:#000; background:url(/images/inside-page-binary.jpg) no-repeat }
#insideBody { margin-top:8px; color:#42424a; font-size:1.05em }
#insideBody a { color:#6091d6 }
#insideBody ol { padding-left:20px; margin-bottom:5px; text-align:justify }
#insideBody ol li { margin-bottom:8px }
#insideBody blockquote { margin-left:20px }
#left { float:left; padding-right:10px; width:640px; margin-top:0px; vertical-align:top }
#right { float:right; width:190px }
#right a { color:#24274a }
#right .button { float:right; margin-top:12px; width:184px }
#right .link_box { vertical-align:top; font-size:1.05em; float:right; margin-top:12px; width:184px }
#right .link_box .top { height:3px; font-size:0px; background:#e6e6f0 url(/images/linkbox-top-184.gif) no-repeat top center }
#right .link_box .body { width:182px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9 }
#right .link_box .body .title { background-color:#e6e6f0; color:#24274a; font-weight:bold; padding:2px 10px 4px 10px }
#right .link_box .body .content { background-color:#f5f5f5; padding-left:10px; padding-right:10px; display:inline-block; width:162px }
#right .link_box .body .content ul { list-style:none; padding-left:0px; margin:5px 0px 5px 0px; line-height:1.5em }
#right .link_box .body .content ul li { background:url(/images/arrow.gif) no-repeat center left; padding-left:15px }
#right .link_button { vertical-align:top; font-size:1.05em; float:right; margin-top:12px; width:184px }
#right .link_button .top { height:3px; font-size:0px; background:#e6e6f0 url(/images/linkbox-top-184.gif) no-repeat top center }
#right .link_button .body { width:182px; background-color:#e6e6f0; color:#24274a; font-weight:bold; padding:2px 0px 2px 0px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9 }
#right .link_button .bottom { height:3px; font-size:0px; background:#e6e6f0 url(/images/linkbox-bottom-184.gif) no-repeat bottom center }
#right .price { width:184px; float:right; text-align:center; padding-top:6px; font-weight:bold; font-size:1.01em }

#insideBody .faqList { list-style:square; font-size:1.01em }
#insideBody .faqList dt { margin-left:24px; margin-top:2px; font-weight:bold }
#insideBody .faqList dd { display:none }
#insideBody .faqList dd ul { list-style:square }

#frontMainImg { border:none; margin-top:8px; width:840px; height:242px; padding:0 }
#frontHighlight { height:132px; margin-top:8px; color:#555 }
#frontHighlight .link_button { vertical-align:top; font-size:1.05em; width:184px }
#frontHighlight .link_button .top { height:3px; font-size:0px; background:#e6e6f0 url(/images/linkbox-top-184.gif) no-repeat top center }
#frontHighlight .link_button .body { width:182px; background-color:#e6e6f0; color:#24274a; font-weight:bold; padding:2px 0px 2px 0px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9 }
#frontHighlight .link_button .bottom { height:3px; font-size:0px; background:#e6e6f0 url(/images/linkbox-bottom-184.gif) no-repeat bottom center }
#frontHighlight .featureBox { width:292px; float:left; vertical-align:top; font-size:12px }
#frontHighlight .featureBox a { color:#555 }
#frontHighlight .featureBox .top { height:3px; font-size:0px; background:#e6e6f0 url(/images/linkbox-top-292.gif) no-repeat top center }
#frontHighlight .featureBox .body { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9 }
#frontHighlight .featureBox .body .title { background-color:#e6e6f0; color:#24274a; font-weight:bold; padding:2px 10px 4px 10px }
#frontHighlight .featureBox .body .content { width:270px; background-color:#f5f5f5; padding-left:10px; padding-right:10px; display:inline-block; height:104px }
#frontHighlight .featureBox .body .content ul { list-style:none; padding-left:0px; margin:5px 0px 5px 0px; line-height:1.3em }
#frontHighlight .featureBox .body .content ul li { background:url(/images/arrow.gif) no-repeat center left; padding-left:15px }

.frontScreens { margin-top:8px; padding:0 }

.iForm { margin-top:10px; font-size:1.01em }
.iForm ol li { list-style:none }
.iForm label { display:block; float:left; padding:2px 0px 0px 0px; font-weight:bold }
.iForm .txtBox { border:1px solid #d9d9d9; font-size:1em }
.iForm .btn { float:right; margin-top:4px }

#loginForm ol, #registerForm ol, #resellerForm ol, #contactForm ol, #trialForm ol { padding:0; margin:0 }

#loginForm label { width:80px }
#loginForm .txtBox { width:232px }

#registerForm label { width:130px }
#registerForm .txtBox { width:262px }

#resellerForm label { width:64px }
#resellerForm .txtBox { width:200px }

#contactForm label { width:70px }
#contactForm .txtBox { width:302px }

#trialForm label { width:144px }
#trialForm .txtBox { width:252px }

#resellers ul { padding:0; margin:0 }
#resellers ul li { list-style:none; clear:both }
#resellers ul li .country { font-weight:bold; border-bottom:1px #d9d9d9 solid; padding-bottom:4px; padding-top:14px }
#resellers ul li .logo { float:left; text-align:center; padding: 8px 10px 0 0; width:200px }
#resellers ul li .description { float:left; padding:0; width:630px }

#shopping, #checkout { border: 1px solid #ccc; border-collapse:collapse; width:640px }
#shopping thead th, #checkout thead th { padding:4px 8px 4px 8px }
#shopping tfoot #update { border-top:solid 1px #ccc; margin-top:4px }
#shopping tfoot #update td { padding:8px 8px 4px 8px }
#checkout tfoot #total { border-top:solid 1px #ccc; margin-top:4px }
#shopping tfoot #total td, #checkout tfoot #total td { padding:4px 8px 8px 8px }
#shopping tbody td, #checkout tbody td { padding:8px 8px 8px 8px; border-top:solid 1px #ccc }
#checkoutSubmit .txtBox { border:1px solid #d9d9d9; font-size:1em; width:202px }
#checkoutSubmit label { width:112px; display:block; float:left; padding:2px 0px 0px 0px; font-weight:bold }
#checkoutSubmit ol { padding:0; margin:0 }
#checkoutSubmit ol li { list-style:none }

#searchResults ol { padding:0; margin:0 }
#searchResults ol li { list-style:none }
#searchResults ol li .title { font-weight:bold; text-decoration:underline; margin-bottom:2px }
#searchResults ol li .url { color:#009900; font-size:0.95em; margin-bottom:1px }

.tickList { list-style:none; padding-left:24px; margin:5px 0px 10px 0px }
.tickList li { background:url(/images/tick-green-11.gif) no-repeat top left; padding-left:17px; margin-top:10px }

.hint { color:#949494 }
.error { color:#dd0000 }
span.error { padding-left:6px; font-weight:bold; font-size:0.95em }
input.error { border:1px solid #dd0000 !important }
.list { list-style:square; font-size:1.01em }

ul.topnav {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	background:url(/images/nav-bar-bg.gif) repeat-x;
	font-size:1.1em;
	font-weight:bold;
	height:28px
}

ul.topnav li {
	float:left;
	margin:0;
	padding:0;
	position:relative;
	z-index:99
}

ul.topnav li .spacerImg { width:2px; height:20px; border:none; margin-top:4px }

ul.topnav li a {
	padding-top:6px; /* vertical position in containing div */
	padding-bottom:7px;
	color:#ecf1ff;
	display:block;
	text-decoration:none;
	float:left;
	padding-left:15px;
	padding-right:15px
}

/* Hover effect for top-level links */
ul.topnav li a:hover { background-color:#24274a; color:#fff; text-decoration:none }
ul.topnav .hover { background-color:#24274a; color:#fff }

ul.topnav li ul.subnav {
	list-style:none;
	position:absolute;
	left:0;
	top:28px; /* vertical position of dropdown */
	background:#676771;
	margin:0;
	padding:0;
	display:none;
	float:left;
	width:175px;
	font-size:0.9em;
	font-weight:normal
}

ul.topnav li ul.subnav li { margin:0; padding:0; clear:both }

ul.topnav li ul.subnav li a {
	float:left;
	width:150px; /* when changing, change ul.topnav li ul.subnav width accordingly */
	color:#ecf1ff;
	background-color:#676771;
	padding-left:10px;
}

/* Hover effect for subnav links */
ul.topnav li ul.subnav li a:hover { color:#fff; background-color:#24274a }