body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, table, tr, th, td, form {
    margin: 0; 
    padding: 0; 
    border: 0; 
    list-style: none; 
    font:normal 12px/140% Arial, Verdana, "Lucida Sans Unicode", "Lucida Grande", sans;
}
img,a img,:link img,:visited img,:hover img,abbr,acronym { 
    border:0;
}

li, dd { 
    margin-left:5%; 
}

a{
color:#cc0033;
text-decoration:none;
}

a:hover{
color:#523d3d;
}

h1{
font-size:18px;
}

h2{
font-size:16px;
}

h3{
font-size:14px;
}

h4{
font-size:12px;
}

p{
font-size:12px;
}

.small{
 font-size:10px;
}

.large{
 font-size:14px;
}

.left{
float:left;
margin:0.25em;
}

.left2{
float:left;
width:260px;
margin:20px 2px;
position:relative;
padding:10px;
background:#fff;
border-right:1px solid #f0f0f0;
}

.right{
float:right;
margin:0.25em;
}

.left3{
float:left;
margin:20px 2px;
position:relative;
width:260px;
padding:10px;
background:#fff;
}

.center{
text-align:center;
}

.dottedlist li{
list-style: disc;
}

.squarelist li{
list-style: square;
}

.clearing{
margin:0;
padding:0;
clear:both;
}

.Red{
color:#cc0033;
}

/* MAIN TAGS START HERE */

#background{
background: #e8e8e8;}

#Containter{
width:830px;
margin:0 auto;
padding:0;
color:#2a3030;
background:#fff;
border:1px solid #9e9e9e;
border-top:none;
overflow:hidden;
}

/* ------- ORDER PAGE ------- */

.totalprice { background: #ffffbb; border: 1px solid #ccc; padding: 5px;  }


/* ------ HEADER ------ */

#Header{
padding:20px 30px;
position: relative;
}

p.Company_Logo{
margin:0 620px 0 0;
padding:0;
position:relative;
left:10px;
}

p.LoginForm{
float:right;
position:relative;
top:15px;
}

.couponloaded { 
float:right;
position:absolute;
font-size: 90%;
color: red;
right: 10px; 
top: 1px;
}

.LoginForm input{
background:url(images/InputField_LoginForm.png) 0 0 no-repeat;
display:block;
width:99px;
height:20px;
margin:0 2px;
border:none;
float:left;
color:#bab6b4;
text-align:center;
font-size:10px;
}

input.LoginButton{
float:left;
display:block;
width:34px;
height:9px;
background:none;
padding:5px 0;
}

/* ------ NAVIGATION MENU ------ */

#NavigationMenu{
margin:0;
padding:0;
color:#fff;
background:#5993b9;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

#NavigationMenu ul{
margin:0;
padding:0;
height:36px;
}

#NavigationMenu ul li{
float:left;
margin:0;
padding:0;
height:32px;
}

#NavigationMenu ul li.First{
padding-left:35px;}

#NavigationMenu ul li a{
margin:0;
padding:0;
}

img.TelephoneNumber{
float:right;
margin:0;
padding-right:30px;
}

/* ------ LEFT FLOATING AREA ------ */

#LeftFloatingArea{
margin:0;
float:left;
width:150px;
padding:0;
position:relative;
top:20px;
left:15px;
}

#LeftFloatingArea ul{
padding:5px 0 0 0;
margin:0 20px 0 0;
}


#LeftFloatingArea dl{
margin:0;
padding:20px;
background:#f0f0f0;
}

#LeftFloatingArea dl dt{
margin:0;
padding:0;
color:#5993b9;
border-bottom:1px solid #5993b9;
}

#LeftFloatingArea dl dd{
font-size:10px;
margin-left:0;}

#LeftFloatingArea dl.StayInformed{
margin:0;
text-align:center;
padding:0;
background:transparent;
}

#LeftFloatingArea dl.StayInformed dt{
margin:0;
margin-left:0px;
}


#LeftFloatingArea dl.StayInformed input{
width:140px;
border:1px solid #e3dddb;
color:#bab6b4;
text-align:center;
font-size:10px;
}

#LeftFloatingArea dl.StayInformed input.GoButton{
width:60px;
height:9px;
border:none;
background:none;
padding:5px 0;
}

#LeftFloatingArea dl.StayInformed dt{
margin-left:3px;
color:#cc0033;
border:none;
}

#ContentForInnerPages{
margin:20px 0 20px 179px;
border-left:1px solid #e3e3e3;
}

#ContentForInnerPages .InnerPagesHeadingImage{
margin:0;
padding:0;
text-align:left;
overflow:hidden;
}

#ContentForInnerPages .InnerPagesHeadingImage img{
margin:0;
padding:0;
text-align:left;
}

a.ContactUs{
display:block;
width:150px;
height:54px;
background:url(images/Contact.png) 0 0 no-repeat;
margin:0 auto;
}

a.ContactUs:hover{
background:url(images/Contact.png) 0 -54px no-repeat;
}

div.ContentForInnerPagesWrap{
margin:20px 20px;
padding:0;
overflow:auto;
}

div.ContentForInnerPagesWrap form{
background:#f0f0f0 url(images/BrowserBack.png) -160px -20px no-repeat;
}

div.ContentForInnerPagesWrap form div.Exceptions{
margin:0 0 0 55px;}

div.TableCSS{
width:430px;
margin:20px auto;
padding:0;
}

div.TableCSS dl{
text-align:center;
width:110px;
float:left;
margin:5px;
padding:10px;
background:#f0f0f0;
border-bottom:1px solid #e9e9e9;
}

div.TableCSS dl dt{
height:15px;
color:#393939;
font-size:14px;
padding:10px 0;
background:#e9e9e9;
font-weight:bold;
}

div.TableCSS dl dd{
height:20px;}

h3.LinuxVersion{
padding:0;
padding-left:20px;
background: url(images/tux.png) 0 0 no-repeat;
}

h3.WindowsVersion{
padding:0;
padding-left:20px;
background: url(images/windows.png) 0 0 no-repeat;
}

a.PDFIcon{
margin:0 4px 0 0;
padding:0 0 0 16px;
position:relative;
top:2px;
display:inline;
width:12px;
height:12px;
background:url(images/PDFIcon.png) 0 0 no-repeat;
}

div.ContactElements{
float:right;
margin:10px 0 10px 10px;
width:280px;
position:relative;
background:#f0f0f0;
border:1px dashed #ddd;
position:relative;
top:12px;
}

div.ContactElements dl{
padding:10px;
}

div.ContactElements dl dt{
font-size:14px;
color:#5993b9;
}

div.ContactElements dl dd{
text-align:left;
margin:0;
}

.Text_Right_Align{
text-align:right;
}

div.MakeYourSelectionForOrder{
margin:20px auto;
width:360px;
}

div.MakeYourSelectionForOrder a{
font-size:18px;
float:left;
}

#start_download{
background:url(images/go-down.png) 0 0 no-repeat;
margin:0;
padding-left:20px;
padding-right:20px;
}

#start_hosted{
background:url(images/hosted.png) 0 0 no-repeat;
margin:0;
padding-left:20px;
}

.OrderPageImage img{
position:relative;
right:20px;
top:15px;
}

form#Order_Form{
margin:10px 0 50px 0;
padding:0;
background:none;
}

form#Order_Form img{
margin:0;
padding:0;
float:none;
}

form#Order_Form div.LowerWarning{
font-size:12px;
color:#5993b9;
font-weight:bold;
}

.LeftPart_Order_Form{
margin:4px 0 0 0;
padding:0;
float:left;
width:120px;
}

.LeftPart_Order_Form div, .RightPart_Order_Form div{
margin:0;
padding:0;
height:30px;
}

.RightPart_Order_Form{
margin:0;
float:right;
width:470px;
}

.RightPart_Order_Form div input{
height:16px;
}

#log{
margin:10px auto;
padding:10px;
font-size:14px;
background:#f0f0f0;
}

#log form{
padding:10px;
background:none;
}

#log img{
margin:0;
padding:0;
float:none;
}

form dl{
margin:0;
padding:0;
}

form dl dt{
font-size:48px;
color:#cc0033;
margin:0;
padding:0;}

form dl dd{
font-size:12px;
position:relative;
top:-25px;
left:-5px;
padding:0;
}

form dl dd.red{
color:#cc0033;
}

div.Licenses{
text-align:center;
float:left;
width:280px;
margin:20px 5px 20px 8px;
padding:10px 0 10px 0;
background:#f0f0f0;
border:1px solid #ddd;
}

div.ContentForInnerPagesWrap img{
clear:right;
float:right;
margin:20px;}

div.ContentForInnerPagesWrap p{
color:#1f1f1f;
padding:0;}

div.ContentForInnerPagesWrap h1{
color:#cc0033;
/*text-transform:uppercase;*/
font-weight:bold;
padding:10px 0;
}

div.ContentForInnerPagesWrap h2{
color:#cc0033;
font-weight:bold;
text-transform:capitalize;
padding:10px 0;
}

div.ContentForInnerPagesWrap h3{
color:#5993b9;}

div.FeaturesChartImage{
margin:0 auto;
padding:0;
text-align:center;}

div.FeaturesChartImage img{
float:none;}

div.RoundedArea{
padding:20px;
}

div.RoundedArea2{
margin:0 auto;
padding:20px;
}

div#demos{
padding:10px;
margin:10px auto;
}

div#demos_wrap{
margin:10px auto;
background:#f0f0f0;
}

div#Demos_Links{
width:443px;
margin:10px auto;
padding:0;
}

div#Demos_Links ul{
margin:0 auto;
height:25px;
}

div#Demos_Links ul li{
margin:0 auto;
padding:0;
float:left;
}
div#Demos_Links ul li a#IncomingEmail{
display:block;
width:114px;
height:25px;
background:url(images/IncomingEmail.png) 0 0 no-repeat;
}

div#Demos_Links ul li a#IncomingEmail:hover, div#Demos_Links ul li a#IncomingEmail.hover {
background:url(images/IncomingEmail.png) 0 -25px no-repeat;
}

div#Demos_Links ul li a#IncomingEmailSelected{
display:block;
width:114px;
height:25px;
background:url(images/IncomingEmail.png) 0 -25px no-repeat;
}

div#Demos_Links ul li a#CustomerPortal{
display:block;
width:114px;
height:25px;
background:url(images/CustomerPortal.png) 0 0 no-repeat;
}

div#Demos_Links ul li a#CustomerPortal:hover,div#Demos_Links ul li a#CustomerPortal.hover{
background:url(images/CustomerPortal.png) 0 -25px no-repeat;
}

div#Demos_Links ul li a#CustomerPortalSelected{
display:block;
width:114px;
height:25px;
background:url(images/CustomerPortal.png) 0 -25px no-repeat;
}

div#Demos_Links ul li a#StaffInterface{
display:block;
width:104px;
height:25px;
background:url(images/Staff.png) 0 0 no-repeat;
}

div#Demos_Links ul li a#StaffInterface:hover,div#Demos_Links ul li a#StaffInterface.hover{
background:url(images/Staff.png) 0 -25px no-repeat;
}

div#Demos_Links ul li a#StaffInterfaceSelected{
display:block;
width:104px;
height:25px;
background:url(images/Staff.png) 0 -25px no-repeat;
}

div#Demos_Links ul li a#Administration{
display:block;
width:111px;
height:25px;
background:url(images/Administration.png) 0 0 no-repeat;
}

div#Demos_Links ul li a#Administration:hover,div#Demos_Links ul li a#Administration.hover{
background:url(images/Administration.png) 0 -25px no-repeat;
}

div#Demos_Links ul li a#AdministrationSelected{
display:block;
width:111px;
height:25px;
background:url(images/Administration.png) 0 -25px no-repeat;
}

a.OpenDemonstration{
display:block;
width:155px;
height:25px;
margin:10px 0;
background:url(images/OpenDemonstration.png) 0 0 no-repeat;
}

a.OpenDemonstration:hover{
background:url(images/OpenDemonstration.png) 0 -25px no-repeat;
}


/* ------ PROMOTIONAL AREA ------ */

#Promotional_Area{
margin:0;
padding:0;
height:280px;
background: url(images/PromoImage.png) 0 0 no-repeat;
position:relative;
}

div.Promotional_TextArea{
float:left;
width:370px;
margin:40px 0 0 35px;
padding:0;
}

div.Promotional_TextArea h2{font-weight:700}
div.Promotional_TextArea h3{color:#5993B9}

div.Promotional_TextArea p{
font-size: 100%;
margin-top: 8px;
}


ul.Promotional_Buttons{
margin:10px 0 0 20px;
position: absolute;
right: 55px;
top: 220px; 
}

ul.Promotional_Buttons li{
float:left;
margin:0;
padding:0;
position:relative;
}

a.HostedSolutionsButton{
float:left;
display:block;
margin:0 2px;
width:155px;
height:25px;
background:url(images/Hosted_Solutions_Button.png) 0 0 no-repeat;
}

a.HostedSolutionsButton:hover{
background:url(images/Hosted_Solutions_Button.png) 0 -25px no-repeat;
}

a.SeeDeonstrationButton{
float:left;
display:block;
margin:0 2px;
width:141px;
height:25px;
background:url(images/DemonstrationButton.png) 0 0 no-repeat;
}

a.SeeDeonstrationButton:hover{
background:url(images/DemonstrationButton.png) 0 -25px no-repeat;
}

a.OrderNowLinkHosted{
display:block;
margin:0 2px;
width:125px;
height:25px;
background:url(images/OrderNowLinkHosted.png) 0 0 no-repeat;
}

a.OrderNowLinkHosted:hover{
background:url(images/OrderNowLinkHosted.png) 0 -26px no-repeat;
}

/* ------ NEWSBAR ------ */

#News_Bar{
clear:both;
margin:0;
border-left:1px solid #fff;
border-right:1px solid #fff;
padding:5px 30px;
color:#fff;
background:#5993b9;
}

#News_Bar img{
float:left;
margin:0;
padding:2px 10px 0 0;
}

div#ajax_news_ticker{
margin:0;
padding:0;
}

div#ajax_news_ticker a{
color:#FFFFFF;
text-decoration:none;
}

div#ajax_news_ticker a:hover{
color:#ebebeb;
}

#FeaturesBar{
margin:0;
padding:10px 20px;
color:#fff;
background:#5993b9;
}

#FeaturesBar img{
float:left;
margin:0;
padding:2px 10px 0 0;
}

/* ------ LOWER CONTENT AREA ------ */

#Lower_Content_Area{
margin:0;
padding:20px;
}

.RIGHT_Lower_Content_Area{
float:right;
width:235px;
margin:0;
padding:0 20px;
border-left:1px solid #e3e3e3;
}

.RIGHT_Lower_Content_Area ul {
margin:20px 0;}

.RIGHT_Lower_Content_Area ul li.feature{
margin:5px 0;
padding:0 0 0 20px;
background:url(images/FeatureTick.png) 0 0 no-repeat;
font-size:14px;
}

.LEFT_Lower_Content_Area{
margin:0 290px 0 0;
padding:0;
}

.LEFT_Lower_Content_Area img{
float:right;
margin-left:10px;
}

a.ReadMoreLink{
display:block;
width:114px;
height:29px;
background:url(images/ReadMoreLink.png) 0 0 no-repeat;
}

a.ReadMoreLink:hover{
background:url(images/ReadMoreLink.png) 0 -29px no-repeat;
}

h2.LeftLowerAreaHeading{
padding-bottom:5px;
color:#5993b9;
font-weight:bold;
/*text-transform:uppercase; */
}

a.FindOutMoreLink{
color:#cc0033;
padding-left:18px;
font-weight:bold;
background:url(images/PlayButton.png) 0 0 no-repeat;
}

a.FindOutMoreLink:hover{
background:url(images/PlayButton.png) 0 0 no-repeat;
text-decoration:underline;
}

/* Version 4 Tags */
div.Version4Information{margin:0 auto; padding-bottom:20px}
div.Version4Information h2, div.Version4Information h3{margin:0; padding:0;}
div.Version4Information p{margin:5px 0}
div.Version4Information img.screenshot{margin:0 0 10px 10px; padding:0;float:right}
div.Version4Information ul.Links{margin:10px 0}
div.Version4Information ul.Links li{margin:0 5px 0 0; padding:0; float:left; width:auto}

a.OrderPerlDeskNowButton{background:url(images/OrderPerlDeskNow.png) 0 0 no-repeat; display:block; width:145px; height:25px;}
a.OrderPerlDeskNowButton:hover{background:url(images/OrderPerlDeskNow.png) 0 -25px no-repeat;}

a.Try4Demo{background:url(images/TryVersion4Demo.png) 0 0 no-repeat; display:block; width:141px; height:25px;}
a.Try4Demo:hover{background:url(images/TryVersion4Demo.png) 0 -25px no-repeat;}

ul.FeaturesList{margin:10px auto}
ul.FeaturesList li{margin:0 0 0 5px; line-height:1.2em; height:2em;background:top left url(images/FeatureTick.png) no-repeat; padding-left:20px}

/* Client Quotes */
div.ClientsQuotes{margin:15px 0; padding-bottom:5px; background:#f0f0f0; padding:10px}
div.ClientsQuotes h4{border-bottom:1px solid #ccc; padding-bottom:5px}
div.ClientsQuotes p{margin:10px 0;font-size:24px; font-weight:700; line-height:20px}
div.ClientsQuotes p span{padding:5px 0;font-size:12px; font-weight:normal;color:#5993b9;}
div.ClientsQuotes span.Company{margin:5px 0;font-size:10px; color:#cc0033; font-style:italic; font-weight:700;}

/*Blog News*/
div.BlogNews h2{margin:0; padding:0}
div.BlogNews ul li{ background:url(images/PlayButton.png) 0 0 no-repeat; padding-left:2em; margin:0; line-height:1.2em; height:2em; font-size:93%;}


/* ------ FOOTER ------ */

#Footer{
clear:both;
width:830px;
margin:0 auto;
padding:10px 0 30px 0;
color:#2a3030;
text-align:left;
}

#Footer a{
color:#2a3030;
text-decoration:underline;
}

#Footer p{
font-size:10px;
}

/* POPUP HINT */

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #f4eacd;
width: 300px; /*Default width of hint.*/ 
padding: 10px;
border:1px solid #ff7800;
font:normal 10px Arial;
line-height:14px;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
margin: 3px 8px;
}

/* Edits */
dl.Fulllist dd{margin:1em 0 1em 3%; background:url(images/bullet_blue.png) top left no-repeat; padding:0em 0 0em 2em;}

/* Edits 18.01.2008 */

div.Floats{float:left; width:20em; padding:0 0.8em 0 1em;}
div.Floats h3{color:#5993B9; font-weight:700;}
div.Floats dl{margin:1em 0;}
div.Floats dl dt, div.Floats dl dd{margin:0; padding:0;}
div.Floats dl dt{font-weight:700}
div.Floats dl dd{padding:0 0 0.5em 0}

a.PerlDeskCanSolve{background:url(images/HowPerlDeskCanSolve.png) 0 0 no-repeat; display:block; width:239px; height:117px; margin-bottom:0.5em}
a.PerlDeskCanSolve:hover{ background-position:-239px 0;}
dl.LatestBlogNews a.arrow{text-decoration:none}

.arrow{background:url(images/control_play_blue.png) 0 0 no-repeat; font-weight:700; color:#5993B9; padding:0 0 0.2em 1.8em; text-decoration:underline}
.arrow:hover{color:#2A3030}

/* MAIN TAGS END HERE */
