/* start page setup */
*{margin:0;padding:0;border:none;}
body{text-align:center;font-size:62.5%;background:url(/App_Themes/v3trial/Img/background.gif) repeat-x #fff;color:#333;font-family:arial,helvetica,sans-serif}
#Wrapper{}
#Wrapper *{font-size:inherit}
a{text-decoration:none}
a:hover{text-decoration:underline}
.ClearBoth,.cb{clear:both}

/* start header */
#Wrapper{width:954px;margin:0 auto;text-align:left;padding-bottom:20px}
#Logo{display:block;height:90px;text-indent:-3000px;background:url(Img/logo.gif) no-repeat}

/* start top menu */
#TopNav{list-style:none;font-size:1.1em;text-align:center;height:31px;background:url(Img/nav.gif)}
#TopNav *{color:#fff;text-decoration:none}
#TopNav li{float:left}
#TopNav a{display:inline-block;padding:8px 0 9px 0;width:106px;background:url(Img/navbg.gif)}
#TopNav a:hover{text-decoration:underline}
#NavHome a{background:url(Img/navhome.gif)}
#NavContact a{background:url(Img/navcontact.gif)}
#NavHome a{background:url(Img/navhome.gif)!important}
#NavContact a{background:url(Img/navcontact.gif)!important}

/* start point of sale */
#PointOfSale{clear:both;height:359px}

/* start buckets */

#Buckets{clear:both;width:70%;float:left}
#HomeTitle{clear:both;padding:20px 10px 5px 10px;font-size:2.1em;color:#c00}
#HomeCaption{padding:0 10px 30px 10px;font-size:16px;color:#666}
.Bucket{width:48%;float:left;height:100px;margin:0 10px 10px 0}
.Bucket h1{float:left;width:220px;text-indent:15px}
.Bucket h1 a{font-size:16px!important;font-weight:normal;color:#c00}
.Bucket img{float:right;width:80px;height:80px;border:1px solid #ccc}
.Bucket p{float:left;width:220px;font-size:12px!important;padding:5px 0 0 0;margin:0 0 0 15px}
.Bucket p a{color:#c00}
.Bucket p a:hover{}
/*
#HomeRight{width:30%;float:left;height:400px;background:url(/Images/home_background.gif) no-repeat}
#HomeRight h2{padding:40px 0 5px 0;margin:0 20px 0 30px;font-size:16px;border-bottom:1px solid #f1eccd;}
#HomeRight p{padding:5px 30px 20px;font-size:12px!important}
#HomeRight{width:30%;float:left;height:400px;background:url(/Images/home_background.gif) no-repeat;}
*/
#HomeRight{width:30%;float:left;background:url(/Images/home_background.gif) no-repeat; height:auto; background-color:#FFFEF6;}
#HomeRight h2{padding:10px 0 5px 0;margin:0 20px 0 30px;font-size:16px;border-bottom:1px solid #f1eccd;}
#HomeRight p{padding:6px 30px 2px;font-size:12px!important}

.sf_newsList2{width:30%;float:left;height:400px;background:url(/Images/home_background.gif) no-repeat}
.sf_newsList2 li{padding:40px 0 5px 0;margin:0 20px 0 30px;font-size:16px;border-bottom:1px solid #f1eccd;}
.sf_newsList2 p{padding:5px 30px 20px;font-size:12px!important}

.sf_newsTitle {padding:40px 0 5px 0;margin:0 20px 0 30px;font-size:16px;border-bottom:1px solid #f1eccd;}

/* start trial block */
#HomeTrial{clear:both;text-align:center;padding:20px 0;font-size:2em}

/* start bottom nav */
#BottomNav{clear:both;background:url(Img/footer.gif) no-repeat;padding:30px 0 0 0;line-height:1.8em}
.BottomColumn{width:19.9%;float:left}
.BottomColumn ul{list-style:none;padding:1.8em 20px 0 20px}
.BottomColumn a,.BottomColumn strong{color:#666;font-family:verdana}
.BottomColumn a:hover{color:#333}
#BottomNav .ClearBoth{height:20px}

/* start footer */
#Footer{text-align:center;padding:20px 0 0 0;line-height:1.8em;color:#999}
#Footer p{text-align:left;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px;margin:0 0 10px 0}
#Footer p span{float:right}
#Footer a{margin:0 5px;color:#999}
#Footer a:hover{color:#333}


#LeftTrial{padding:10px 0 0 0}


/* start content (right column) */
#Content{width:754px;float:left;padding:0 0 40px 0}
#Content h1{line-height:2em;font-size:2em;text-indent:10px;font-weight:normal;background:url(Img/title.gif) no-repeat #eee;color:#666;margin:0 0 20px 0}
#Header{padding:10px 0}
#Content p,#Content ul{font-size:1.2em;line-height:1.4em;color:#333;padding:0 10px 10px 10px}
#Content h2{clear:both;font-size:17px;line-height:1.4em;color:#333;padding:10px}
#Content h3{clear:both;font-size:14px;line-height:1.4em;color:#333;padding:10px}
#Content ul,#Content ol{margin:0 0 0 20px;padding:0 0 10px 10px}
#Content ol li{font-size:12px;line-height:1.5em;padding-bottom:10px}
#Content a{color:#c00}
#Content a:hover{color:#f60;text-decoration:underline}
#Content a:visited{color:#36c}
#ContentCentre{float:left;width:545px}
#ContentCentre h1{background:url(Img/centretitle.gif) no-repeat #eee}
.ContentFifty{width:50%;float:left}

#Content blockquote{font-family:georgia,garamond,serif;font-style:italic;font-size:1.4em}
#Content blockquote *{color:#c00!important}

#RightNav{width:200px;float:right}

/* productlist (catalogue view) */
.ProductList{clear:both;padding:0 0 0 0}
.ProductList img{width:150px;height:100px;background:#eee;float:left;margin:0 0 40px 0}
.ProductListText{width:390px;float:left}
.ProductList h2{margin:0 0 5px 10px;padding:2px 0 0 0}
.ProductList sup{text-transform:uppercase;color:#fff;background:#c00;margin:0 5px;paddnig:2px;font-size:10px!important}
.ProductList h2 a{color:#f60;text-decoration:none;font-size:20px!important}
.ProductList h2 a:hover{text-decoration:underline}
.ProductList p{}
.ProductList small{display:block;border-top:1px solid #ddd;margin:5px 0 0 0;padding:5px 0 0 0;font-size:10px!important}

.Content50{width:377px;float:left}

/* products detail */
#TabNav{height:2em;border-bottom:1px solid #ddd;border-left:1px solid #ddd;list-style:none;margin:0!important;padding:0!important}
#TabNav li{float:left;border-top:1px solid #ccc;border-right:1px solid #ccc;line-height:2em;margin:0!important;padding:0 14px!important}
#TabNav a{text-decoration:none;color:#666}
#TabNav a:hover{color:#000}
#OverviewTab,#panel1Tab{background:#eee}
#FeaturesTab,#SpecificationTab,#UseCasesTab,#DownloadsTab,#Panel2Tab{border-bottom:1px solid #ccc;background:#f9f9f9}
#Overview,#Features,#Specification,#UseCases,#Downloads,#panel1,#Panel2{background:#eee;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:14px}
#Features,#Specification,#UseCases,#Downloads,#Panel2{display:none}


.ContentMenu{list-style:none;padding:20px 0 0 0!important;margin:0!important}
.ContentMenu li{float:left;width:48%;margin:0 1% 1% 0;border:1px solid #ddd;height:120px}
.ContentMenu h2{font-size:14px!important;margin:20px 100px 5px 20px!important;padding:0!important;font-weight:normal}
.ContentMenu p{font-size:1em!important;padding:0 20px 30px 20px!important;margin:0 100px 0 0!important}

#solisp{background:url(/Images/sol_isp.gif) no-repeat #eee 93% 20px}
#solenterprise{background:url(/Images/sol_enterprise.gif) no-repeat #eee 93% 20px}
#solgov{background:url(/Images/sol_gov.gif) no-repeat #eee 93% 20px}
#solcharity{background:url(/Images/sol_charity.gif) no-repeat #eee 95% 20px}
#solsme{background:url(/Images/sol_sme.gif) no-repeat #eee 93% 20px}
#solsoho{background:url(/Images/sol_soho.gif) no-repeat #eee 93% 20px}

#suphelpdesk{background:url(/Images/sup_helpdesk.gif) no-repeat #eee 95% 20px}
#suptutorials{background:url(/Images/sup_tutorials.gif) no-repeat #eee 93% 20px}
#supkb{background:url(/Images/sup_kb.gif) no-repeat #eee 93% 20px}
#supwarranty{background:url(/Images/sup_warranty.gif) no-repeat #eee 95% 20px}
#supupgrade{background:url(/Images/sup_upgrade.gif) no-repeat #eee 93% 20px}
#supdownloads{background:url(/Images/sup_download.gif) no-repeat #eee 93% 20px}

#abcto{background:url(/Images/ab_cto.gif) no-repeat #eee 93% 20px}
#abnews{background:url(/Images/ab_news.gif) no-repeat #eee 93% 20px}
#abpress{background:url(/Images/ab_overview.gif) no-repeat #eee 93% 20px}
#abblog{background:url(/Images/ab_blog.gif) no-repeat #eee 93% 20px}

#parapply{background:url(/Images/par_apply.gif) no-repeat #eee 93% 20px}
#parisp{background:url(/Images/par_isp.gif) no-repeat #eee 93% 20px}
#parvoip{background:url(/Images/par_voip.gif) no-repeat #eee 93% 20px}
#parit{background:url(/Images/par_it.gif) no-repeat #eee 93% 20px}

#prodvbond{background:url(/Images/prod_vbond.gif) no-repeat #eee 93% 20px}
#prodmanager{background:url(/Images/prod_manager.gif) no-repeat #eee 93% 20px}

#servmsa{background:url(/Images/serv_msa.gif) no-repeat #eee 93% 20px}
#servsa{background:url(/Images/serv_sa.gif) no-repeat #eee 93% 20px}
#servpre{background:url(/Images/serv_pre.gif) no-repeat #eee 93% 20px}
#servwhitelabel{background:url(/Images/serv_whitelabel.gif) no-repeat #eee 93% 20px}


.ContentList{list-style:none;margin:0!important;padding:20px 0 0 0!important;border-top:3px solid #eee}
.ContentList li{width:33.2%;float:left;padding:3px 0;text-indent:25px;background:url(/App_Themes/v3trial/Img/arrowgrey.gif) no-repeat 12px 8px;margin-bottom:1px!important;border-right:1px solid #fff}
.ContentList p{padding:0 25px!important;text-indent:0!important;font-size:1em!important}
.ContentList a{color:#c00!important}

/* Download Panels */
.DownloadPanel{border:1px solid #9eb2d8;background:url(/Images/DownloadsBg.gif) #d9e0ef;padding:5px 0;width:300px;height:65px;clear:both;margin:0 0 10px 0}
.DownloadImage{width:25%;float:left;text-align:center;display:block;padding:5px 0} /* this is the A that wraps around the PDF icon */
.DownloadPanel h3{width:60%;float:left;padding:10px 0 5px 0!important;margin:0!important;font-size:12px!important;clear:none!important;display:inline}
.DownloadPanel p{width:60%;float:left;font-size:10px!important;display:inline;margin:0!important;padding:0!important}

#RightSide{border:1px solid #ddd;background:#eee;padding:5px}
#RightSide h2{background:#333;color:#fff;padding:2px 5px;font-size:11px;font-weight:normal}
#RightSide p{padding:5px;border-bottom:1px solid #ddd}
#RightSide a{font-weight:bold;color:#c00;text-decoration:none}

#Content table{border:1px solid #ccc}
#Content td,#Content th{border-right:1px solid #fff;padding:7px;font-size:11px;text-align:center}
.col1{width:150px;text-align:left;background:#fff}
.colc{text-align:center;background:#eee}
.row{background:#f5f5f5}
.col.row{background:#eee}

#SideLogos strong{display:block;background:#333;color:#fff;padding:2px 5px;font-size:11px;font-weight:normal;margin:10px 0 5px 0}

.ClearBoth{clear:both}