/* New styles for the Pro-C product page. Later on, all product pages should
   be designed like this and the style properties at the bottom will probably 
   not be needed anymore */

div#productad {
  width: 665px;
  height: 322px;
  margin-bottom: 15px;
}

div#productad div#top {
  width: 665px;
  height: 267px;
  overflow: hidden;
}

div#productad div#mid {
  width: 387px;
  height: 39px;
  float: left;
  overflow: hidden;
}

div#productad div.button a { display: block; }
div#productad div.button a:hover img { visibility: hidden; }

div#productad div#download_micro { 
  background: url(../images/ad_micro_downloadon.jpg) no-repeat; 
  width: 156px;
  height: 39px;
  float: left;
  overflow: hidden;
}

div#productad div#buy_micro { 
  background: url(../images/ad_micro_buyon.jpg) no-repeat; 
  width: 122px;
  height: 39px;
  overflow: hidden;
}

div#productad div#download_proq{ 
  background: url(../images/ad_pro-q_downloadon.jpg) no-repeat; 
  width: 156px;
  height: 39px;
  float: left;
  overflow: hidden;
}

div#productad div#buy_proq { 
  background: url(../images/ad_pro-q_buyon.jpg) no-repeat; 
  width: 122px;
  height: 39px;
  overflow: hidden;
}

div#productad div#download_prol { 
  background: url(../images/ad_pro-l_downloadon.jpg) no-repeat; 
  width: 156px;
  height: 39px;
  float: left;
  overflow: hidden;
}

div#productad div#buy_prol { 
  background: url(../images/ad_pro-l_buyon.jpg) no-repeat; 
  width: 122px;
  height: 39px;
  overflow: hidden;
}

div#productad div#download_proc { 
  background: url(../images/ad_pro-c_downloadon.jpg) no-repeat; 
  width: 156px;
  height: 39px;
  float: left;
  overflow: hidden;
}

div#productad div#buy_proc { 
  background: url(../images/ad_pro-c_buyon.jpg) no-repeat; 
  width: 122px;
  height: 39px;
  overflow: hidden;
}

div#productad div#download_prog { 
  background: url(../images/ad_pro-g_downloadon.jpg) no-repeat; 
  width: 156px;
  height: 39px;
  float: left;
  overflow: hidden;
}

div#productad div#buy_prog { 
  background: url(../images/ad_pro-g_buyon.jpg) no-repeat; 
  width: 122px;
  height: 39px;
  overflow: hidden;
}

div#productad div#download_timeless2 { 
  background: url(../images/ad_timeless2_downloadon.jpg) no-repeat; 
  width: 156px;
  height: 39px;
  float: left;
  overflow: hidden;
}

div#productad div#buy_timeless2 { 
  background: url(../images/ad_timeless2_buyon.jpg) no-repeat; 
  width: 122px;
  height: 39px;
  overflow: hidden;
}

div#productad div#download_volcano { 
  background: url(../images/ad_volcano_downloadon.jpg) no-repeat; 
  width: 156px;
  height: 39px;
  float: left;
  overflow: hidden;
}

div#productad div#buy_volcano { 
  background: url(../images/ad_volcano_buyon.jpg) no-repeat; 
  width: 122px;
  height: 39px;
  overflow: hidden;
}

div#productad div#download_twin { 
  background: url(../images/ad_twin_downloadon.jpg) no-repeat; 
  width: 156px;
  height: 39px;
  float: left;
  overflow: hidden;
}

div#productad div#buy_twin { 
  background: url(../images/ad_twin_buyon.jpg) no-repeat; 
  width: 122px;
  height: 39px;
  overflow: hidden;
}

div#productad div#bottom {
  width: 665px;
  height: 16px;
  overflow: hidden;
}

div.content h2 {
	padding-left:22px;
  padding-top: 20px;
  font-size:110%; 
  clear:left
}

div.productfeature {
  width: 471px;
  height: 131px;
  margin-bottom: 15px;
  overflow: hidden;
}

div.productfeature div.img {
  width: 180px;
  height: 131px;
  overflow: hidden;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

div.productfeature div.headerleft, 
div.productfeature div.headerright {
  width: 291px;
  height: 25px;
  overflow: hidden;
}

div.productfeature div.headerleft { background: url(../images/feature_headerleft.gif) no-repeat; }
div.productfeature div.headerright { background: url(../images/feature_headerright.gif) no-repeat; }

div.productfeature div.headerleft h1, 
div.productfeature div.headerright h1 { 
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 8px;
}

div.productfeature div.textleft,
div.productfeature div.textright {
  width: 291px;
  height: 91px;
  overflow: hidden;
}

div.productfeature div.textleft {
  background: #FFFFFF url(../images/feature_backgroundleft.gif) repeat-y;
  width: 291px;
  overflow: hidden;
}

div.productfeature div.textright {
  background: #FFFFFF url(../images/feature_backgroundright.gif) repeat-y;
  width: 291px;
  overflow: hidden;
}

div.productfeature div.textleft p,
div.productfeature div.textright p {
  padding-top: 2px;
  padding-left: 13px;
  padding-right: 13px;
}

div.productfeature div.bottomleft, 
div.productfeature div.bottomright {
  width: 291px;
  height: 15px;
  overflow: hidden;
}

div.productfeature div.bottomleft { background: url(../images/feature_bottomleft.gif) no-repeat; }
div.productfeature div.bottomright { background: url(../images/feature_bottomright.gif) no-repeat; }

div.awards { 
  padding-top: 10px;
  padding-bottom: 10px;
}

div.requirementscolumn {
  width: 227px;
  overflow: hidden;
  margin-top: 8px;
  float: left;
}

div.requirementstop {
  background: #FFFFFF url(../images/shopitem_top.gif) no-repeat;
  width: 227px;
  height: 11px; 
  overflow: hidden;
}

div.requirementsbottom {
  background: #FFFFFF url(../images/shopitem_bottom.gif) no-repeat;
  width: 227px;
  height: 11px; 
  margin-bottom: 10px;
  overflow: hidden;
}

div.requirementscontent {
  width: 227px;
  height: 90px;
  background: #FFFFFF url(../images/shopitem_background.gif) repeat-y;
  overflow: hidden;
  padding-top: 5px;
  padding-left: 10px;
}


/* Products overview */

div.productitem {
  width: 157px;
  float: left;
  overflow: hidden;
  margin-top: 10px;
}

div.productitem div.productimage {
  width: 150px;
  height: 130px;
  margin-left: 12px;
  clear: right;
  overflow: hidden;
}

div.productitem div.producttext {
  width: 150px;
  margin-left: 10px;
  overflow: hidden;
}

div.productitem2 {
  width: 230px;
  float: left;
  overflow: hidden;
  margin-top: 10px;
}

div.productitem2 div.productimage {
  width: 147px;
  height: 122px;
  margin-left: 45px;
  clear: right;
  overflow: hidden;
}

div.productitem2 div.productimage_basic {
  width: 147px;
  height: 112px;
  margin-left: 45px;
  clear: right;
  overflow: hidden;
}

div.productitem2 div.producttext {
  width: 210px;
  margin-left: 20px;
  overflow: hidden;
}


/* Older style properties */

div.productinfo {
  clear: left;
}

div.productinfo img.productimage-left {
  float: left;
  margin-right: 10px;
}

div.productinfo img.productimage-right {
  float: right;
  margin-left: 10px;
}

div.demotop {
  background: #FFFFFF url(../images/rightitem_top.gif) no-repeat;
  width: 180px;
  height: 9px; 
  overflow: hidden;
}

div.demobottom {
  background: #FFFFFF url(../images/rightitem_bottom.gif) no-repeat;
  width: 180px;
  height: 9px; 
  overflow: hidden;
}

div.demotext {
  background: #FFFFFF url(../images/rightitem_background.gif) repeat-y;
  width: 180px;
  overflow: hidden;
}

div.demotext p,
div.demotext ul,
div.demotext h1,
div.demotext h2,
div.demotext h3
{
  padding-left: 10px;
  padding-right: 10px; 
}