/* GLOBAL RULES */
html, body { margin: 0; padding: 0; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #444; background: url(../images/bgtop.png) no-repeat 50% 0px; background-color: #fff; }
* html body { text-align: center; }
#header { position: relative; margin: 0 auto; padding: 0; width: 770px; height: 135px; }
#header h1 { margin: 0; }
#header h1 img { position:absolute; top: 18px; left: 15px; }
#downloadBPnow { position: absolute; top: 30px; right: 75px; width: 281px; height: 48px; }
h2 { font-size: 150%; margin: 0; text-transform: capitalize; border-bottom: 1px solid #aeaeae; color: #333; }
h3 { font-size: 120%; margin-bottom: 0; color: #333;  text-transform: capitalize;}
p { margin-top: 0; margin-left: 10px; }
p.c { text-align: center; }
p.dwnBP { text-align: center; font-size: 14px; }
blockquote { border-left: 3px solid #aeaeae; margin: 18px 50px; font-style: italic; font-size: 11px; line-height: 13px; }
hr { clear: both; margin: 20px 0;} 
.clr { clear: both; height: 0; line-height: 0; font-size: 1px; }
.raquo { font: bold 16px Verdana, Arial, Helvetica, sans-serif; }


/* FORMS */
form, input { margin: 0; padding: 0; }


/* LINKS */
a:link, a:visited { font-weight: bold; color: navy; text-decoration: none; }
a:hover { color: #00f; text-decoration: underline; }
img, img a { border: none; }


/* UNORDERED LISTS */
ul { margin: 10px 0 0 10px; padding: 0; list-style-type: none; }
ul li { margin: 0; padding-left: 18px; font-size: 11px; background: url(../images/icons/bullets.gif) top left no-repeat; }


/* NAVIGATION */
#navcontainer { position: absolute; top: 94px; left: 5px; width: 560px; height: 26px; text-align: center; }
#nav { margin: 0; padding: 0; list-style-type: none; }
#nav li { margin: 13px 0; padding: 0; display: inline; color: #fff; border-right: 1px solid #001c4b; background-image: none; }
#nav li.end { border-right: none; }
#nav a:link, #nav a:visited { margin: 0 7px 5px 7px; padding-bottom: 5px; font: bold 10px Verdana, Helvetica, sans-serif; color: #fff; line-height: 22px; text-decoration: none; }
#nav a:hover { text-decoration: none; border-bottom: 3px solid #fff; /* background: url(../images/nav/arrow.gif) no-repeat 50% 0; */ }
#nav a:active { text-decoration: none; border-bottom: 3px solid #fff; }


/* SIDEBAR */
.sidemenu { margin: 0; padding: 0; list-style-type: none; }
.sidemenu li { margin: 0; padding: 0; font-size: 11px; font-weight: bold; line-height: 20px; border-bottom: 1px dotted #888; background-image: none; }
.sidemenu li.end { border-style: none; }
.sidemenu a:link, .sidemenu a:visited { color: navy; text-decoration: none; border-style: none; }
.sidemenu li:hover { background-color: #ddd; text-decoration: none;}

/* GENERAL PAGES - LAYOUT */
#container { width: 730px; margin: 0 auto; padding: 0; text-align: left; }
#content { float: left; width: 498px; margin: 0 0 15px 0; padding: 10px; background: url(../images/semitransbg-w.png) repeat; border: 1px solid silver; text-align: left; }
* html #content { width: 520px; w\idth: 497px; }

/* SPLASH */
#splash { width: 728px; margin: 0 auto; padding: 0; background-image: url(../images/semitransbg-w.png); border: 1px solid silver; text-align: left; }
#splashdesc { float: right; width: 368px; margin: 0; padding-right: 10px; }
* html #splashdesc { width: 373px; w\idth: 365px; }
#splashdesc h2 { margin: 0; padding: 0; font-size: 28px; font-weight: bold; text-transform: uppercase; letter-spacing: -2px; border-bottom: 1px dotted #777; }
.title { font-size:14px; margin: 4px 0; }


/* SPLASH 2 - MINI BOXES */
#splash2 { width: 730px; margin: 15px auto; padding: 0; text-align: left; }
#miniBoxR { float: left; width: 330px; margin: 0; padding: 5px; background-image: url(../images/semitransbg-g.png); border: 1px solid silver; font-size: 13px; text-align: left; }
* html #miniBoxR { width: 342px; w\idth: 330px; }
#miniBoxC { margin-left: 353px; padding: 0; font-size: 13px; text-align: left; }
#miniBoxR h2, #miniBoxC h2 { margin: 0 0 5px 0 ; padding: 0; font-size: 14px; font-weight: bold; color: #444; text-transform: uppercase; border-bottom: 1px dotted #777; line-height: 14px; }
#miniBoxR a { font-size: 11px; }
#miniBoxR p, #miniBoxC p { margin: 0; padding: 0; }
#miniBoxC p.feedback { margin-top: 10px; padding: 8px 33px 0 30px; background: url(../images/quotes.gif) top left no-repeat; font-size: 13px; line-height: 14px; }
#miniBoxC p.name { margin: 0; padding-right: 33px; font-size: 12px; text-align: right; }
#miniBoxR p.seenews { text-align:right; font-size: 11px; }


/* NEWS */
.newspost { margin-bottom: 35px; }
.newspost h3 { margin: 10px 0 0 0; font-size: 16px; line-height: 13px; color: #333; }
.newspost .postedby, .newspost .date { font-size: 11px; font-weight: normal; color: #444; }
.newspost ul { margin-left: 10px; margin-top: 0; }


/* SIDEBAR RULES */
.box {width: 190px; margin: 0 0 15px 528px ; padding: 5px; background: url(../images/semitransbg-g.png) repeat; border: 1px solid #aeaeae; font-size: 11px; text-align: left; color: #333; }
* html .box { margin-left: 525px; width: 202px; w\idth: 190px; }
h4 { margin: 0 0 4px 0; font-size: 11px; font-weight: bold; border-bottom: 1px dotted #aeaeae; }
.box p { margin: 0; }

.notebox {width: 456px; margin: 0 0 15px 10px ; padding: 5px; background: url(../images/semitransbg-y.png) repeat; border: 1px solid #999900; font-size: 11px; text-align: left; color: #333; }
* html .notebox { margin-left: 15px; width: 468px; w\idth: 456px; }
h4 { margin: 0 0 4px 0; font-size: 11px; font-weight: bold; border-bottom: 1px dotted #999900; }
.notebox p { margin: 0; }


/* FEATURES */
.sysreq { float: right; width: 140px; margin: 5px 0 5px 5px; padding: 5px; font-size: 11px; color: #333; background-color: #E3F2FF; border: 1px solid #3E7EBC; }
.sysreq p { margin: 0; }
.showshot { float: left; width: 136px; margin: 20px 10px 5px 0; padding: 3px; font-size: 11px; color: #333; background-color: #E3F2FF; border: 1px solid #3E7EBC; }
.showshot p { margin: 0; text-align: center; }
img.bp4version { float: left; margin-top: 10px; margin-right: 10px; }


.featurebox { float: left; width: 160px; margin: 10px 10px 5px 0; padding: 3px; font-size: 11px; color: #333; background-color: #E3F2FF; border: 1px solid #3E7EBC; }
.featurebox p { margin: 0; text-align: left; }


/* FEATURES TABLE COMPARISON */
table { margin: 0 auto;}
.features td { text-align: center; font-size: 10px; color: #333; }
.features td a { border-style:  none; }
.features th { font-size: 10px; padding-left: 4px; }


/* TABLES */
td { font-size: 12px; padding: 2px 0 2px 5px; }
td a { font-size: 11px; }
.odd { background-color: #E3F2FF; }
.toprow th { text-align: center; padding: 4px 0; background-color: #efefef; font-size: 11px; color: #333; }
.sscell { width: 220px; height: 200px; text-align: center; image-align: center; font-size: 12px; color: #DD0; background: url(../images/ssback.gif) #005; vertical-align: middle; }
.sscaption { width: 220px; height: 150px; background: url(../images/ssback2.gif) #29D; text-align: top; font-size: 12px; font-weight: bold; color: #009; vertical-align: top; }
tr.buy td, tr.buy2 td { font-size: 14px; font-weight: bold; }
tr.buy2 { background-color: #E3F2FF; } 


/* DEFINITION LISTS */
dl.link { margin: 0; padding: 0; }
dl.link dt { padding-left: 18px; font-weight: bold; line-height: 14px; background: url(../images/icons/outsidelink.gif) bottom left no-repeat; }
dl.link dd { margin: 0 0 8px 18px; font-size: 12px; }


/* FAQ */
dl.faq { margin: 13px 0; padding: 0; }
dl.faq dt { margin: 8px 0; padding-left: 25px; font-size: 13px; font-weight: bold; background: url(../images/q.gif) top left no-repeat; }
dl.faq dd { margin:0 0 15px 0; padding-left: 25px; background: url(../images/a.gif) top left no-repeat; font-size: 12px; }


/* SCREENSHOTS */
#screenshots h3 { margin: 0; }
#screenshots a { font-size: 14px; }
#ssnav { width: 700px; margin: 13px auto; padding: 0; text-align: center;}
#sslist { margin: 0; padding: 0; list-style-type: none; }
#sslist li { margin: 0 40px; display: inline; background-image: none; }


/* MINI LOGOS*/
#logos { width: 100%; margin: 13px auto; padding: 0; text-align:left; }
#logos h3 { font-weight: bold; font-size: 14px; text-transform: uppercase; color: #333; }
#logolist { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#logolist li { margin: 0 4px; display: inline; background-image: none; }


/* FOOTER  */
#footer { width: 730px; margin: 0 auto; padding: 10px;  font-size: 11px; border-top: 1px solid navy; text-align: center; }

