body   { font-family: "Trebuchet MS", Verdana, sans; background-color:#f0f0f0; margin:0; }

h1, h2, h3, h4 { padding:0; color: #333399; }
h1 { font-size: 16pt; font-weight: bold; margin:0 0 10px 0; }
h3 { font-size: 14pt; font-weight: bold; margin:10px 0 0 0; }
h4 { font-size: 12pt; font-weight: bold; margin:10px 0 0 0; }
h5 { font-size: 8pt; margin-top:10px; }

ul { margin-top:0; }
p, li  { font-size:10pt; }
p { margin: 10px 0 0 0; }
.first { margin:0; }
a { color:#333399;}
img { border: none; }
div { margin: 0; }  

/*
 wrapper width 980px
 masthead width 940px
 menubar width 940px
 content widget 940px
 
 leftpane width 320px = 300px for content + 20px right margin
 right content width 
 
 qpanels are 200 + (10x2) padding = total of 220 pixels wide
 hpanels are 440 + (10x2) padding = total of 460 pixels wide
*/

div.wrapper { width: 940px; margin: 0px auto; padding: 0 20px 10px 20px; background-color:#ffffff; border:1px solid gray; }

div.masthead { padding:0; background-color: #fff; clear:left; }
div.masthead img.masthead { height:107px; width:438px; float:left; }
div.banner      { float:right; width:468px; height:60px; padding-top:10px;}

div.menubar  { margin:0; }

p.breadcrumb   { font-size:12px; margin:0 0 10px 0;}
p.breadcrumb a { text-decoration: none;}

div.qpanell, div.qpanel, div.hpanell, div.hpanel { padding:10px; float:left; margin-bottom:0px; }
div.hpanel { background-color:#fff483; }
div.hpanell { background-color:#ffca84; }
div.hpanelclear, div.hpanelclearr { padding:0; float:left; }
div.hpanelclearr { margin:0; }
div.hpanelclear  { margin-right:20px; }

div.hpanell img, div.hpanel img { float:left; margin: 10px 10px 10px 0;}
div.qpanell, div.qpanel { width: 200px; position: relative; }
div.qpanell span, div.qpanel span { color:#ff4040; font-weight:bold; }

div.hpanell, div.hpanel           { width: 440px; }
div.hpanelclear, div.hpanelclearr { width: 460px; }
div.qpanel, div.hpanel { margin-left: 20px; }


img.logo  { float:left; height:50px; width:100px; margin-right:5px; }
img.logor { float:right; height:50px; width:100px; margin-left:5px; }
img.left  { float:left; margin-right:10px; margin-bottom:10px; }

div.button { width:90px; height:24px; text-align:center; margin:3px 3px 0 0; padding-top:4px; background: url(../images/style/bluebutton.png) top left no-repeat; position: absolute; right:6px; bottom:3px;}
div.button a { color:#fff;text-decoration:none; }
div.button p { color:#fff; margin:0; font-weight:bold;}


div.packagepane, div.specialofferspane { padding:10px;  float:left; margin-bottom:20px; width:600px; }
div.packagepane, div.centredpane  { background-color: #fff483; }

div.centredpane { padding:10px; margin:20px auto; width:600px; }
div.centredpane div { background-color:#fff; padding:10px 20px; margin:20px; }

div.specialofferspane { background-color: #bfb97a; }
div.packagepane h3, div.specialofferspane h3 { color: #2b2b92; }


div.aboutpane   { width: 300px; float:left; margin-right:20px; padding:0; }
div.aboutpane p { margin-bottom: 10px; }
div.overviewpane, div.includedpane, div.supportpane { padding:5px 20px; background-color:#ffca83; }
div.overviewpane { margin-bottom:20px; }
div.otherinfopane { margin-top:20px; background-color:#ffd7a2; padding:20px; }

div.verdictpane     { color: #fff; background-color:#8484e1; margin:20px 0; padding:20px; }
div.verdictpane div { border: 3px solid #fff;background-color:#a6a6f0; width:600px; margin:10px auto;padding: 20px;}
div.verdictpane a { color: #fff; }

table.compare { width:100%; margin: 10px 0; }
table.compare td { padding: 5px; text-align: center; background: #b9b9f0 url('../images/style/compare_item_bg.png') top left repeat-x; border-bottom: 2px solid #fff;}
table.compare td.left { text-align: left; }
table.compare th { padding: 5px; text-align: center; background-color:#6666cc; border-bottom: 2px solid #fff;}
table.compare th h4 { margin:0; }


table.compare h3,table.compare h4, table.compare h5, table.compare p { margin:0; }

div.footer      { padding: 10px 20px; background-color: #333399; color:#fff; clear:both; }
div.footer a    { color:#fff; text-decoration:none; }


div.debug 	 { margin: 20px auto; border:1px solid #996600; background-color:#ffffc0; padding:10px; }
div.debug p, div.debug h3 { margin:0; padding:0; font-family: "Courier", fixed; }