@charset "utf-8";
@import "global.css";

.PLeft{ padding-left:20px;}
p { margin-top:10px; margin-bottom:10px; }
.RightContext{ position:relative; overflow:hidden; zoom:1;}
.RightContext #ProductBox {height:208px;background:url('../images/drw-banner2.jpg') repeat-x;text-align:right;}
.RightContext #ProductBox2 {height:208px;background:url('../images/drw-banner1.jpg') no-repeat left bottom;}
.RightContext #ProductBox3 {height:208px;background:url('../images/drw-banner-icon.jpg') no-repeat right bottom;text-align:right;padding-right: 20px;}
#ProductBox h1 {color: #000000; text-align:right; margin:0px;padding:0px;padding-top:15px;line-height:35px; }
.RightContext ul { margin-top:2%; margin-bottom:3%; margin-left:5%; }
.RightContext #ProductInfo1 {border-top:1px solid #CCC; text-align: center;padding:20px;padding-top:4px;color: #000000;padding-bottom:8px;background: url('../images/drwpro-unlimited-bg.gif') repeat-x top;}
.RightContext #ProductInfo1 h1 { color: #000000;}
.RightContext #ProductInfo1 img {border: 0;vertical-align: middle;}
.RightContext #ProductInfo1 p { text-align:left; }
.RightContext #ProductInfo {background: url('../images/drw-box.jpg') no-repeat 20px 20px; padding-left:160px;border:0;}


.RightContext h1.DrwH1 {font-size: 160%;color: #000000;line-height: 66px;font-weight: bold;height: 80px; margin: 0; padding: 0; padding-left: 15px;}
.RightContext h2.DrwH2 { line-height: 200%;font-weight:bold;background: #F3F3F3 url('../images/square.gif') no-repeat 5px center;padding:0px;padding-left:15px;margin-top: 10px; -margin-top: 0;margin-bottom:10px;clear: both;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
#DrwProContent, #DrwWinPEContent { background: url('../images/drw-content-bg2.png') no-repeat center bottom; margin: 0; padding: 0; overflow:hidden; zoom:1; }
#DrwProContent div, #DrwWinPEContent div { height: auto; line-height: 250px; -height: 250px; margin: 0; padding: 15px 20px 0 160px; border:0; }
#DrwProContent div { background: url('../images/drw-pro-content-bg.png') no-repeat center top;}
#DrwProContent .ImgPosition { width:85px; height:85px; background:none; position:absolute; padding:0; margin:0; right:78px; top:408px;}
#DrwWinPEContent .ImgPosition { width:85px; height:85px; background:none; position:absolute; padding:0; margin:0; right:78px; top:390px;}
#DrwUnContent .ImgPosition{ width:85px; height:85px; background:none; position:absolute; padding:0; margin:0; right:60px; top:295px;}
#DrwWinPEContent div { background: url('../images/drw-wpe-content-bg.gif') no-repeat center top;}
#DrwProContent .TipDiv, #DrwWinPEContent .TipDiv, #DrwUnContent .TipDiv { background:none; height:150px; padding:0 10px 10px; border:2px #e60 dashed; margin:20px 0;}
#DrwUnContent { background: url('../images/drw-content-bg2.png') no-repeat center bottom; margin: 0; padding: 0 0 20px; overflow:hidden; zoom:1; position:relative;}
#DrwUnContent div { height: auto; line-height: 250px; background: url('../images/drw-un-content-bg.png') no-repeat center top; margin: 0; padding: 15px 20px 0 160px; border:0;}
#DrwFunction1, #DrwFunction2, #DrwFunction3, #DrwFunction4 { font-size: 11px; float: left; width: 150px; height: 145px; padding:10px; padding-bottom: 15px;  margin: 0px 0 10px 10px; -margin: 0 0 0 10px;}
#DrwFunction1 p, #DrwFunction2 p, #DrwFunction3 p, #DrwFunction4 p { line-height: 16px; padding:0; margin: 5px 0 0;}
#DrwFunction1 { background-color:#f2f8f2; margin-left: 12px; -margin-left: 5px;}
#DrwFunction2 { background-color:#f8f6f2; }
#DrwFunction3 { background-color:#f6f2f8; width: 155px;}
#DrwFunction4 { background-color:#f2f4f8; }
.RightContext p.Button { padding: 10px;}
#Customer {padding: 15px; clear: both; border-top: 0;}
.CustomerLeft, .CustomerRight { width: 343px;  padding: 0 10px 10px 10px; margin: 0; float:left;}
.CustomerLeft { padding-left: 20px;}
.RightContext #NewFeatures, .RightContext #WhenToUse { position:relative;float:left;width:343px; padding-left: 20px; }
.RightContext #NewFeatures { border-right:0; }
.RightContext #WhenToUse { border-left:0;margin-left:0;clear:right; }
#NewFeatures ul, #WhenToUse ul { margin: 0 0 0 -20px; +margin: 0 0 0 15px;}
#NewFeatures ul li {list-style-image:url('../images/li-bg.gif'); line-height: 24px; vertical-align: middle;}
.RightContext #NewFeaturesAndWhenToUse, #CommonProblems { border: 0; }
#CommonProblems { padding: 15px;}
#CommonProblems ul.LeftUl {width:280px; float:left;margin: 0 0 0 -20px; +margin: 0 0 0 10px; -margin: 0;clear: none;}
#CommonProblems ul.RightUl { width:310px;  +width:400px;margin: 0;  float:right; padding-bottom: 10px;clear: none;}