#Content ul.boxes{padding:10px 20px; margin:0 0 10px 0; overflow:visible; border:solid 1px #ccc; height:218px; background:url(../graphics/boxes-bg.jpg) repeat-x; }
#Content ul.boxes li{list-style-type:none; width:94px; height:218px; position:relative;display:block; float:left;  }
#Content ul.boxes li#smallbusiness div{height:115px}
ul.boxes li { background:url(../graphics/boxes.jpg) no-repeat; position:relative; cursor:default }
ul.boxes li:hover{cursor:pointer}
ul.boxes li div{display:none; position:absolute; background:#fff; width:310px; height:90px;  top:70px; left:80px;  padding:10px;  color:#fff;}
#Content ul.boxes li div h2{text-transform:uppercase; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:1.5em; color:#fff; line-height:1em; margin-bottom:5px}
#Content ul.boxes li div a{text-align:right; display:block; text-transform:uppercase; text-indent:0 ;font-weight:bold; font-size:1.1em; font-family:Calibri, Arial, Helvetica, sans-serif; text-decoration:none; color:#fff;}
#Content ul.boxes li div p{color:#fff;}
#Content ul.boxes li a{text-indent:-2000em; display:block;}

/*--Boxes--*/

ul.boxes li#standard{z-index:9}
ul.boxes li#standard:hover{background-position:0 -218px ;}
ul.boxes li#standard div{z-index:12; background:#FF9900; }

#Content ul.boxes li#professional{z-index:8; background-position:-94px 0; }
#Content ul.boxes li#professional:hover{background-position:-94px -218px ;}
#Content  ul.boxes li#professional div{background:#01b4df; height:100px; }


#Content ul.boxes li#enterprise{z-index:7; background-position:-187px 0;}
#Content ul.boxes li#enterprise:hover{background-position:-187px -218px ;}
ul.boxes li#enterprise div{background:#000; color:#fff; }

#Content ul.boxes li#smallbusiness{z-index:6; background-position:-280px 0;}
#Content ul.boxes li#smallbusiness:hover{background-position:-280px -218px ;}
ul.boxes li#smallbusiness div{background:#965ea7; color:#fff }

#Content ul.boxes li#schools{z-index:5; background-position:-374px 0;}
#Content ul.boxes li#schools:hover{background-position:-374px -218px ;}
ul.boxes li#schools div{background:#bf311b; color:#fff }

#Content ul.boxes li#discovery{z-index:4; background-position:-468px 0; width:170px;  }
#Content ul.boxes li#discovery:hover{background-position:-468px -218px ;}
ul.boxes li#discovery div{background:#7dc243; color:#fff }


/*--Products and News--*/
div.sectionframe{ border:solid 1px #ccc; overflow:auto; padding: 10px }
#Content div.sectionframe h2{text-indent:-2000em;  padding:5px; margin:3px 0px 7px 0px}
#Content div.sectionframe div#products h2{background:#fff url(../graphics/hd-dashboard-family.gif) no-repeat;}
#Content div.sectionframe div#news h2{background:#fff url(../graphics/hd-latest-news.gif) no-repeat;}
div#products{float:left; width:300px; margin-right:20px;}
div#products ul{margin:0; padding:0;}
div#products li{display:block;  border-top:solid 1px #ccc; padding:10px 0 10px 35px; background: #fff url(../images/db-colours.gif) 0 4px no-repeat; }
div#products li:hover{}

div#products li#fam-professional{background-position:0 -34px}
div#products li#fam-enterprise{background-position:0 -74px}
div#products li#fam-smallbusiness{background-position: 0 -113px}

div#products li#fam-schools{background-position:0 -151px}
div#products li#fam-discovery{background-position:0 -191px}
div#products li#fam-samportal{background-position:0 -231px; height:25px}

div#products li a{ display:block; }
div#news{float:left; width:300px} 
div#news br{display:none;}
#PageBody div#news ul{margin:15px 0 0 15px; padding:0;}
#PageBody div#news ul li {margin:5px 0; padding:0 0 0 5px; font-size:1em;}


/*--Col 2--*/
#Col2{background:#fff; margin:0;  padding:0; width:185px; margin-left:10px}
#Col2 h2{background:#fff url(../images/testimonials-heading.gif) no-repeat; height:40px; text-indent:-2000em; margin:0; padding:0; }

#Col2 h2.hdeval{background:#fff url(../images/hd-eval.gif) no-repeat; height:45px; text-indent:-2000em;}
#Col2 h2.hdcasestudies{background:#fff url(../images/hd-casestudies.gif) no-repeat; height:35px; text-indent:-2000em; border:solid 1px red;}
#Col2 h2.hddemo{background:#fff url(../images/hd-demo.gif) no-repeat; height:59px; text-indent:-2000em;}
#Col2 ul{margin:0 0 10px 15px; padding:0;}
#Col2 ul li{margin:0; padding:0; color:#FF9900}

/*-- Testimonials--*/
#Col2 ul.testimonials{margin:0px; padding:0px;}
#Col2 ul.testimonials li{color:#333; line-height:1.3em; list-style-type:none; margin-bottom:1em; border-bottom:dotted 1px #ccc; padding:0em 0em .75em 0em}
#Col2 ul.testimonials li img{margin:8px 0; display:block;}
#Col2 ul.testimonials li span{color:#666; font-weight:bold; margin:3px 0px; display:block;}


/*--Banners--*/

#Col1 ul.homebanners{ height:241px; margin:0px 0px 5px 0px; padding:0px; display:block; clear:both}
#Col1 ul.homebanners li{display:none; list-style-type:none;}
#Col1 span.selected{display:block; width:132px; height:7px; background:#f30; position:absolute; top:240px; left:0px}
#Image{position:relative;}
#Col1 ul.thumbnails{margin:0px 0px 0px 0px; padding:0px; height:80px; display:block;  background:url(../images/Licence-Dashboard-Home-Thumbnails.jpg) no-repeat 0px -3px; overflow:none }
#Col1 ul.thumbnails li, #Col1 ul.thumbnails li{list-style-type:none;}
#Col1 ul.thumbnails li{ display:block; float:left; width:130px; height:77px; margin-right:10px; position:relative;}
#Col1 ul.thumbnails li:hover{ cursor:pointer}
#Col1 ul.thumbnails li span{display:none; padding:10px; min-height:60px; border:solid 1px #ccc; left:-40px; z-index:10;  background:#FFFF99; position:absolute; width:200px; top:70px}