body { background: #fff; color: #7d785b; text-align: center; margin: 0;  }
body, td, th, textarea, input { font: normal 0.8em sans-serif; }
a { color: #8b2015 }
img { border-width: 0;}
h1, h2, h3 { color: #7d785b; font-weight: bold }
h1 { font-size: 1.5em }
h2 { font-size: 1.3em }
h3 { font-size: 1.2em }

#page { width: 925px; margin: 0 auto; text-align: left; }

#top { height: 224px; position: relative; }
#top #logo { width: 142px; height: 53px; position: absolute; top: 17px; left: 17px; background: url("../images/logo.gif") no-repeat }
#top #logo-exch { width: 223px; height: 40px; position: absolute; right: 10px; top: 25px; background: url("../images/exchange.jpg") no-repeat }
#top #top-motiv { height: 70px; background: url("../images/top-motiv.jpg") right top no-repeat } 
#top #motiv { height: 154px; background: url("../images/motiv.jpg") top no-repeat } 
#top #page-motiv { height: 154px; background: url("../images/page-motiv.jpg") top no-repeat } 
#top #top-navi { position: absolute; right: 20px; top: 30px; text-align: right; font-size: .9em; font-weight: bold; display: none }
#top #top-navi a { text-transform: uppercase; text-decoration: none; display: block; padding: 3px 0 }
#top #top-navi a.gray { color: #666 }

#middle { background: url("../images/mid-bg1.gif") left bottom repeat-y; /*border: 1px solid green;*/ width: 100% }

#middle #left { float: left; width: 184px; background: #8b2015 url("../images/left-top.gif") top no-repeat; min-height: 300px; _height: 300px }
#middle #left #navi { margin: 45px 1px 20px 1px; }
#middle #left #navi a { display: block; padding: 8px 0 8px 20px; color: #fff; text-transform: uppercase; text-decoration: none; font-size: .9em; margin-bottom: 1px }

#middle #left #navi a.active, #middle #left #navi a:hover { background: #b26c65 }
#middle #left #navi a.sub { background: #9c4138; padding-left: 25px }

#middle #left #navi-img { text-align: center; padding-bottom: 15px;}
#middle #left #navi-img a#demo { display: none; height: 110px; background: url("../images/demo.jpg") top no-repeat; margin: 20px 0 }
#middle #left #navi-img a#htc { }

#middle #main { width: 741px; float: left }

#middle #main #boxes { padding-left: 3px }

#middle #main .box { width: 182px; float: left; position: relative; margin-right: 3px; }
#middle #main .box.last { margin-right: 0; }

#middle #main .box h2 span { display: none }
#middle #main .box p.text { margin: 110px 15px 0 15px; color: #5e5a44; font-size: .85em; padding: 0 }

#middle #main .box div.info { position: absolute; bottom: 15px; margin: 15px 15px 0 15px; color: #5e5a44; font-size: .85em;  }
#middle #main .box div.info a { text-decoration: none }
#middle #main .box div.price { color: #ab4336; /*font-variant: small-caps;*/ font-weight: bold; position: absolute; right: 10px; bottom: 33px; font-size: 1.1em }
#middle #main .box div.price b { font-size: 1.5em; font-variant: bold; }

#middle #main .box.trial { height: 215px; background: #efeee7 url("../images/trial.gif") top no-repeat; /*margin-left: 3p*/ }
#middle #main .box.standard { height: 215px; background:  #e8e7dd url("../images/standard.gif") top no-repeat; }
#middle #main .box.extra { height: 215px; background: #deddd6 url("../images/extra.gif") top no-repeat; /*_margin-left: 2px */}
#middle #main .box.blackberry { height: 215px; background: #d7d6d0 url("../images/blackberry.gif") top no-repeat; }

#middle #main #maintext { clear: left; padding: 20px 0 20px 20px; }
#middle #main #maintext p { font-size: .85em; margin: 5px 378px 0 0 }
#middle #main #maintext h1 { /*text-align: center; margin: 0 378px 0 0;*/ font-size: 1.3em }
#middle #main #maintext h1 span { color: #ab4336 }


#middle #main form#login-frm { height: 174px; width: 367px; float: right; background: #d7d6d0 url("../images/login-bg.jpg") no-repeat; position: relative }
#middle #main form#login-frm table { position: absolute; top: 55px; left: 30px }
#middle #main form#login-frm td { font-size: .7em; }

#middle #main form#login-frm h2 { color: #8b2015; margin: 20px 0 0 35px; text-align: left }
#middle #main form#login-frm input.field { color: #000; border: 1px groove #ddd; filter:alpha(opacity=50); -moz-opacity:.5; opacity:0.5; }
#middle #main form#login-frm input.submit { position: absolute; top: 68px; left: 230px;  }

#middle #main div#quick-links { min-height: 220px; _height: 220px; width: 366px; float: right; background: #efeee7 url(  "../images/quick-link-bg.jpg" ) top no-repeat; position: relative; }
#middle #main div#quick-links h2 { background: #8b2015; color: #deddd6; padding: 6px 0px 6px 20px; font-size: 1.1em; border-bottom: 1px solid #fff; margin-top: 0 }
#middle #main div#quick-links ul { list-style-type: square; line-height: 150% }

#middle #main div#quick-links div#main-news div {margin-right: 10px; margin-left: 10px; margin-bottom: 10px; font-size: 0.85em;}



#foot { background: #efeee7; padding: 10px 20px; font-size: .9em; text-align: right; border-top: 2px solid #fff }

* html #middle #navi {
	margin-right: 0px;
}

* html #middle #main {
	height: 1%;
	margin-left: 0;
	_height: 290px; 
}

.clr { clear: left; font-size: 0.1px }
.right { text-align: right }
.center { text-align: center }

.tbPrHead { background: #ccc; font-weight: bold }
th.lightBg { background: #c0c0c0 }
.lightBg { background: #eee }