body { background: #007fd0 url(../_images/bkg_body.gif); background-repeat: repeat-x;  padding: 0px; margin: 0px; font-family: 'Verdana'; font-size : 12px; color : #565c61;}

/* General Links */
a:link { text-decoration : none; color : #47a6e5; border: 0px;} 
a:active { text-decoration : underline; color : #47a6e5; border: 0px;} 
a:visited { text-decoration : none; color : #47a6e5; border: 0px;} 
a:hover { text-decoration : underline; color : #88b400; border: 0px;} 


input { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }
select { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }
textarea { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#3a5c73; padding: 6px;}
form { padding: 0px; margin: 0px; }

/* General Class */
form { padding: 0px; margin: 0px; }
img { border: none;}


/* bgcontain (FULL PAGE) */
#bgcontain { width:770px; margin: 0 auto; text-align: left; clear: both;} 

/* Header Class */
.header { background: #0074be; width: 770px; float: left; border-bottom: 15px solid #caef00;}
.header h1 { text-indent: -10000px; margin: 0; padding: 0;}
.header h1 a {width: 260px; height: 100px; background: url(../_images/logo.png) no-repeat; cursor: hand; float: left;}
.header h1 a:hover { float: left; color: #fff; background: url(../_images/logo.png) no-repeat bottom; cursor: hand; text-decoration: none;}

/* Menu  */
.header em { display: none}
.header ul { width: 450px; float: left; padding: 20px 0px 0px 60px; margin: 0px; list-style-type: none;}
.header li { float: left; padding: 0px; margin: 0px; display: inline}
.header li a { DISPLAY: block; HEIGHT: 87px }

.header li a.testdrive { background: url(../_images/menu_01.png) no-repeat left top; WIDTH: 86px }
.header li a.features { background: url(../_images/menu_02.png) no-repeat left top; WIDTH: 77px}
.header li a.signup { background: url(../_images/menu_03.png) no-repeat left top; WIDTH: 68px; }
.header li a.faq { background: url(../_images/menu_04.png) no-repeat left top; WIDTH: 51px}
.header li a.contact { background: url(../_images/menu_05.png) no-repeat left top; WIDTH: 81px}
.header li a.login { background: url(../_images/menu_06.png) no-repeat left top; WIDTH: 62px}
.header li a:hover, .header li a.selected { background-position: left bottom }


/*\ IE/Win min height hack */ 
* html .subIndex { height: 188px;  } 
/* */ 
.subIndex { background: url(../_images/mainIndex.jpg) no-repeat left top; margin-top: 1px; float: left; width: 770px; min-height: 188px;}
.subIndex em { display: none}
.subIndex ul { width: 246px; float: left; padding: 60px 0px 0px 20px; margin: 0px; list-style-type: none;}
.subIndex li { float: left; padding: 0px; margin: 0px; display: inline}
.subIndex li a { DISPLAY: block; HEIGHT: 35px; width: 113px; }
.subIndex li a.trynow { background: url(../_images/button_trynow.png) no-repeat left top; }
.subIndex li a.signup { background: url(../_images/button_signup.png) no-repeat left top; margin-left: 10px;}
.subIndex li a:hover { background-position: left bottom }

/*\ IE/Win min height hack */ 
* html .subPage { height: 101px;  } 
/* */ 
.subPage { background: url(../_images/subPage.jpg) no-repeat left top; margin-top: 1px; float: left; width: 770px; min-height: 101px; text-align: center; padding: 15px 0px 5px 0px;}

.container { background: #fff url(../_images/bkg_container.png) no-repeat left top; float: left; width: 730px; padding: 20px; margin: 10px 0px 0px 0px; }

.container .left { width: 500px; float: left; padding-right: 25px;}
.container .left h2 { background: #eef3d0; font-size: 14px; text-transform: uppercase; padding: 5px; margin: 0px 0px 15px 0px; font-family: 'Arial'; color: #5a6b4e; letter-spacing: -1px;}


.container .right { width: 200px; float: left; }
.container .right h2 { background: #eef3d0; font-size: 12px; text-transform: uppercase; padding: 5px; margin: 0px 0px 15px 0px; font-family: 'Arial'; color: #5a6b4e; }

.cols{ background: #fff url(../_images/bkg_container.png) no-repeat left top; float: left; width: 730px; padding: 20px; margin: 10px 0px 0px 0px; }
.cols h2 { background: #eef3d0; font-size: 12px; text-transform: uppercase; padding: 5px; margin: 0px 0px 15px 0px; font-family: 'Arial'; color: #5a6b4e; }

.col1 { float: left; width: 230px; padding: 0px; margin: 0px; font-size: 10px;}
.col1 .news { border-bottom: dashed 1px #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.col1 big { background: url(../_images/ico_title.png) no-repeat left top; padding: 0px 0px 0px 15px; display: block; font-size: 9px; font-weight: bold;}
.col1 big a { color: #95c000; text-decoration: underline;}
.col1 big a:visited { color: #95c000; text-decoration: underline;}
.col1 big a:hover { color: #336600; text-decoration: underline;}
.col1 small { padding: 0px 0px 0px 15px; display: block; font-size: 9px; }
.col1 p { padding: 5px 0px; margin: 0px; font-size: 10px; line-height: 11px; }
.col1 span { font-size: 9px; }
.col1 span a { color: #61b7e1; text-decoration: underline;}
.col1 span a:visited { color: #61b7e1; text-decoration: underline;}
.col1 span a:hover { color: #1f91c8; text-decoration: underline;}

.col1 .readmore { background: url(../_images/ico_readmore.png) no-repeat left center; padding-left: 13px; margin: 0px; }
.col1 .rssfeed { background: url(../_images/ico_rssfeed.png) no-repeat left center; padding-left: 10px; margin: 0px;}

.col2 { float: left; width: 230px; padding: 0px; margin: 0px 20px; font-size: 10px;}
.col3 { float: left; width: 230px; padding: 0px; margin: 0px; font-size: 10px;}
.features {padding: 0px; margin: 0px; font-size: 10px;}
.features li { background: url(../_images/ico_features.png) no-repeat left top; padding-left: 13px; margin: 0px; list-style-type: none; padding: 5px 0px 5px 15px; margin: 0px; border-bottom: 1px dashed #ccc; line-height: 11px;}

.footer { width: 770px; float: left; background: url(../_images/bkg_footer.png) no-repeat left top; padding: 15px 0px 0px 0px; color: #fff; font-size: 9px;}
.footer a { color: #fff; text-decoration: underline;}
.footer a:visited { color: #fff; text-decoration: underline;}
.footer a:hover { color: #fff; text-decoration: underline;}

.error {font-weight: bold; color: #C00}

.separator_below { border-bottom: dashed 1px #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.indented { padding-left: 20px }