/* 

<div class="homepageofferdouble" >
  <div class="homepageofferheaderpanel" >
    <div class="homepageofferheaderpaneltop">
      <div style="float: left;" class="roundedcornertopleft"></div>
      <div style="float: right;" class="roundedcornertopright"></div>
    </div>
    <div class="homepageofferheader"> <a href="/publisher_info.aspx?publisher=COMPONENT1">COMPONENTONE</a> </div>
  </div>
  <div class="homepageoffercontent"> <A href="http://www.qbssoftware.com/product_info.aspx?current=OVERVIEW&product=COMPSTFSHP"><img src="/images/special/C1_sharepoint.jpg"  alt="ComponentOne" border="0"  /></a>
    <h5>ComponentOne Studio for SharePoint *NEW*</h5>
    Contains three Web Parts that connect to all popular data sources and displays them in grid, chart, and map form. They give you a point-and-click interface to select the data sources and completely configure how the data is displayed. The design experience is not only fast, it doesn’t require developers. Imagine having the power to create impressive data-based portals in minutes, without writing any code! <br>
    <a href="/product_info.aspx?current=OVERVIEW&product=COMPSTFSHP">more...</a> </div>
  <div class="homepageofferbottompanel">
    <div style="float: left;" class="roundedcornerbottomleft"></div>
    <div style="float: right;" class="roundedcornerbottomright"></div>
  </div>
</div>

*/


.homepageofferdouble
{
	float:left;
	margin:  2.5px 2.5px 2.5px 2.5px;
	max-width:443px;	
}

.homepageoffersingle
{
	float:left;
	margin:  2.5px 2.5px 2.5px 2.5px;	 
	max-width:219px;
}


.homepageofferheaderpanel
{
    cursor: pointer; 
    height:30px;    
    background-image:url('backgrounds/HeaderVerticalStrip.png');
    background-repeat: repeat-x;
}
       
.homepageofferheaderpaneltop
{   
      cursor: pointer; 
      vertical-align: middle;
   

}

.homepageofferheader 
{
	font-size:14px; 
	font-weight:bold; 
	padding:5px 0px 3px 0px;
	text-align:center;
	}




.homepageofferheader a 
{
	cursor:hand; 
	text-decoration:none;
	font-weight: bold;
	font-size: 14px; 
	color:#336633;
}	    

.homepageofferheader a:hover
{
	cursor:hand; 
	text-decoration:underline;
	font-weight: bold;
	font-size: 14px; 
	color:#CC0066;
}	    


.homepageoffercontent
{
background-color: white; 
font-size:11px; 
padding: 10px 10px 10px 10px; 
 text-align:justify;
 height:250px;
  overflow:hidden;
}

.homepageoffercontent h5
{
	font-size:13px;
	padding: 0px;
	margin:0px;
	color:#CC0066;
}


.homepageoffercontent a
{	font-size:10px;
 	color:#CC0066;
 	font-weight:bold;
 	text-decoration:underline;
 	
}

.homepageoffercontent a:hover
{	font-size:10px;
 	color:#CC0066;
 	font-weight:bold;
 	text-decoration:underline;
 	
}


.homepageoffercontent img
{
	 text-align:center;
		}

.homepageofferimageleft
{
float:left;

}

.homepageofferimagemiddle
{
clear:both;

}


.homepsageoffertextright
{
	display:inline;
	position:relative;
}
.homepsageoffertextmiddle
{
	text-align:center;
	
}

.homepageoffertitle
{	font-size:12px;
 	color:Red;
 	font-weight:bold;
 	margin-bottom:5px;
 		
}

.homepageofferbottompanel
{   
        cursor: pointer; 
      min-height: 5px;   
    background-color:#FFFFFF;
}

/* tocmenu - used in Nav based text for tables of conents in long product sections */

#tocmenu {
/* aligns menu as a unit */ 
	padding: 2px 0px 10px 0px;
	text-align: left;
	width:400px;
	margin-left:20px;
	 }

#tocmenu ul {
/* aligns menu as a unit */
	list-style: none;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0; }

#tocmenu li {
/* aligns menu item */
	margin: -4px 2px;
	padding: 0;
	}
    
#tocmenu > ul > li {
/* align menu item for nonIE browsers only
   is used instead of the settings in li above */
	margin: -3px 2px; }

#tocmenu a {
	cursor: pointer;
	border: 1px solid #cccccc;
	display: block;
	margin: 0px; 
	padding: 2px 4px 4px 10px;
	color: #336633;
	text-decoration: underline;
	font-weight: bold; 
	font-size: 12px;}

#tocmenu a:hover 
{
	margin: 0px;
	border: 1px solid #cccccc;
	padding: 2px 4px 4px 10px;
	color: #CC0066;
	text-decoration:underline;
	font-weight: bold;
	}
	
#tocmenu > ul > li > a {
    border: 1px solid #cccccc;
	padding: 2px 4px 4px 10px; 
	margin: 0px; }
    
#tocmenu a:visited {
	color: #336633;
	text-decoration: none; }
    
#tocmenu > ul > li > a:hover {
	margin: 0px; }

#tocmenu a:active {
	color: #336633;
	text-decoration: none; }
	
#tocmenu a.ActivePage {
/* applied to a link which is the current page */
	cursor: pointer;
	display: block;
	margin: 0px; 
	border: 1px solid #cccccc;
	padding: 1px 4px 3px 10px;
	text-decoration: none;
	font-weight: normal; }

#tocmenu > ul > li > a.ActivePage {
    border: 1px solid #cccccc;
	padding: 2px 4px 4px 10px; }