/* Start of CMSMS style sheet 'css' */
@charset "utf-8"; 
/* RESETS AND GLOBAL */
html, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body{margin:0; padding:0; border:0; font:12px Verdana,Geneva,sans-serif; color:#000; background:#129C94 url(//static.pentalogic.net/main-background.jpg) repeat-x; behavior:url(csshover.htc)}
p{line-height:20px}
h1, h2{font:20px/30px Arial,Helvetica,sans-serif; width:100%;}
h2{font:14px/20px Arial,Helvetica,sans-serif}

/* HOMEPAGE */
#splash{width:1000px; height:390px; float:left; display:block;margin-bottom:20px;}

/* COMMON TYPOS AND LINKS */
.content a.global{color:#000; font-size:11px; font-weight:bold}
.content h1, .content h2{display:inline-block; font-weight:bold}
.content a h1, .content a h2{text-decoration:underline}
.content a h1:hover, .content a h2:hover{text-decoration:none}
.block h1{width:650px}
.fullwidth h1{width:760px}

/* Bulleted Lists */
.odd-even-ul{width:760px; float:left; display:block; overflow:hidden}
.odd-even-ul li{display:block; width:750px; padding-left:10px; height:25px; line-height:25px; font:11px/25px Verdana,Geneva,sans-serif; float:left; overflow:hidden; margin:0}
.section-pivotpoint ul{border-bottom:1px solid #FEEDF3}
.section-planner ul{border-bottom:1px solid #FEF0C6}
.section-reminder ul{border-bottom:1px solid #E6F5FA}
.section-worldtime ul{border-bottom:1px solid #E8F8E7}
.section-pivotpoint li{color:#EC2465}
.section-pivotpoint li.odd{background:#FEEDF3}
.section-planner li{color:#CC8706}
.section-planner li.odd{background:#FEF0C6}
.section-reminder li{color:#069}
.section-reminder li.odd{background:#E6F5FA}
.section-worldtime li{color:#279A58}
.section-worldtime li.odd{background:#E8F8E7}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px; margin-bottom:5px}
.content a:hover{text-decoration:none}
.content span.new{font:italic bold 12px Georgia,"Times New Roman",Times,serif; color:#C00}
.aligncenter{text-align:center}

/* WRAPPER */
#wrapper{width:1000px; height:auto; margin:0 auto; position:relative;}

/* HEADER */
#header{width:1000px; height:130px; float:left}
.header-left{width:190px; height:130px; float:left}
.header-mid{width:550px; height:80px; padding-top:50px; float:left; text-align:center}
.header-right{width:260px; height:105px; padding-top:25px; float:left}
.header-right{width:260px; float:left}
.topmenu a{width:25px; height:22px; border:1px solid #1C516C; font:11px/22px Tahoma,Geneva,sans-serif; color:#709EA6; text-decoration:none; display:block; float:left; padding-left:20px; background:url(//static.pentalogic.net/ico-blog.png) no-repeat; margin-right:5px}
.topmenu a.topmenu-newsletter{width:55px; background:url(//static.pentalogic.net/ico-newsletter.png) no-repeat}
.topmenu a:hover{background-color:#1C516C; color:#FFF}
.header-right img{margin-top:7px; float:left}
.headerMenu{position:relative; float:left; width:1000px; height:auto; z-index:99999999}

/* NAVIGATION BAR */
.menu{width:1000px; height:40px; float:left; margin:0 auto; background:#000; border-top:1px solid #536665; position:relative; z-index:9999999}
.menu ul{width:650px; height:40px; float:left}
.menu ul li, .menu ul li:hover{position:relative; width:auto; height:40px; display:inline-block; float:left; border-right:1px solid #2B403F}
.menu ul li a{width:auto; height:40px; padding:0 20px; display:block; font:bold 14px/40px Arial,Helvetica,sans-serif; color:#8CCFCB; text-decoration:none; position:relative; float:left}
.menu ul li a:hover, .menu ul li a.active{background:url(//static.pentalogic.net/bg-li2.jpg) repeat-x; color:#15665f; display:inline; overflow:hidden; margin:0}
.menu ul li a.home{padding:0 10px; width:22px; height:40px; line-height:40px}
.submenu{display:none}
.menu li:hover div.submenu{position:absolute; top:40px; left:0; display:block; z-index:1}
.menu li:hover div.submenu li a{display:inline; position:relative; z-index:999}
.menu li:hover div.submenu ul{width:150px; height:auto; display:block; overflow:hidden; border-top:none; border-bottom:1px solid #000}
.menu li:hover div.submenu ul li{border-right:none; display:block; text-align:left; border-top:1px solid #000; background:#507a77; height:30px}
.menu li:hover div.submenu-products{position:absolute; top:40px; left:0px; width:150px}
.menu li:hover div.submenu-products ul li{height:40px}
.menu li:hover div.submenu ul li:hover{background:#507a77 url(//static.pentalogic.net/bg-li2.jpg) repeat-x}
.menu li:hover div.submenu ul li a{width:150px; height:30px; display:block; font:bold 14px/30px Arial,Helvetica,sans-serif; display:block; padding:0 10px; padding-left:10px}
.menu li:hover div.submenu-products ul li a{height:40px; line-height:40px; padding-left:30px}
.search{width:350px; height:40px; float:left}
.search form label{width:60px; height:40px; float:left; font:11px/40px Verdana,Geneva,sans-serif; color:#577A77; text-transform:uppercase}
.search form input{width:255px; height:22px; float:left; margin-top:8px; margin-bottom:10px; background:url(//static.pentalogic.net/search-bg.jpg) repeat-x; font:11px Tahoma,Geneva,sans-serif; padding-top:5px; padding-left:5px; border:none}
.search form input:focus{border:0; outline:0}
.search img{float:left; padding-top:8px}

/* SECTION */

/* Default to blue sidemenu */
div.section-{background:#fff url(//static.pentalogic.net/sidemenu-bg-blue.jpg) repeat-x}

#section{width:1000px; height:auto; float:left;}
.section-global{background:#fff}
.sidemenu {width:200px; height:auto; float:left; overflow:hidden;}
.sidemenu ul {padding:0px;margin:0px;}
.sidemenu ul li{width:200px; height:40px; border-bottom:1px solid #fff; float:left; margin:0px; list-style:none; padding:0px;}
.sidemenu ul li.head{font:20px/50px Arial,Helvetica,sans-serif; padding-left:20px; height:50px; width:180px}
.sidemenu ul li a{font:12px Verdana,Geneva,sans-serif; color:#000; display:block; text-decoration:none; width:180px; padding-left:20px; height:32px; padding-top:8px}
.sidemenu ul li a:hover{background:#f7f7f7}
.sidemenu ul li a img{margin-right:10px}
.sidemenu ul li a.active, .sidemenu ul li a.active:hover{background:#FFF}
.content{width:490px; height:auto; padding:20px; float:left; background:#fff; display:block}
.content-wide1{width:710px; padding:20px; padding-right:0}
.content-wide2{width:760px}
.content-wide3{width:960px; padding:20px;}
.rightbar{width:230px; padding:20px; height:auto; float:left; overflow:hidden; background:#fff; text-align:left}
.sidebar{width:210px; padding-left:20px; height:auto; padding-top:10px; float:left}
.gray{background:url(//static.pentalogic.net/linear-gray.jpg) repeat-x}
.sidebar img{float:left; display:block; margin-bottom:20px}
.content .block{width:100%; display:block; float:left; margin-bottom:10px}
.content .features img{float:right}

/* PRODUCT HOMEPAGE */
UL.slide LI.slide {width:1000px; height:320px; float:left; display:block; overflow:hidden;}
DIV.intro-container {width:1000px; float:left; display:block;}
DIV.product-intro {width:960px; height:280px; padding:20px; border-bottom:1px solid #fff;}
DIV.product-intro a {color:black; text-decoration:none;cursor:hand;}

#product-intro-slide {
		width:1000px;
		height:320px;
		float:left;
		display:block;
		margin:0;
		border-bottom:1PX solid #FFF;
		}


div.intro-company{background:url(//static.pentalogic.net/bg-mscertified.jpg) repeat-x top;}
div.intro-company .left-content{ float:left; width:415px; margin-right:35px; padding-left:15px; }
div.intro-company img{float:left;}		
div.intro-company p{ float:left; width:400px; font:16px/20px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:25px 0; }
	
div.intro-company .quotation{float:left; width:410px; height:210px; background:url(//static.pentalogic.net/bg-quotation.jpg) no-repeat top;	padding:30px 35px; }
	
div.intro-company .quotation p{	float:left;	width:380px; font:16px/24px Georgia, "Times New Roman", Times, serif; color:#069; text-decoration:none; text-align:left;	}

div.intro-company .by{ float:left; width:400px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#069; padding-top:15px;}	

div.intro-company .quotation a{color:#069;}

.intro-pivot{background:url(//static.pentalogic.net/intro-bg-pivot.jpg) repeat-x top}
.intro-planner{background:url(//static.pentalogic.net/intro-bg-planner.jpg) repeat-x}
.intro-reminder{background:url(//static.pentalogic.net/intro-bg-reminder.jpg) repeat-x}
.intro-worldtime{background:url(//static.pentalogic.net/intro-bg-worldtime.jpg) repeat-x}
.intro-html-calc{padding:0 !important; height:318px !important;}
.thumb-worldtime{
position:absolute;
left:43px;
top:121px;
z-index:5;
}
.thumb-freestuff{
position:absolute;
right:80px;
top:121px;
z-index:5;
}

.intro-pivot-left{width:385px; height:280px; margin-right:10px; float:left; text-align:center}
.intro-pivot-right{width:540px; height:280px; float:left}
.intro-planner-left{width:325px; height:280px; margin-right:35px; float:left; text-align:center}
.intro-planner-right{width:600px; height:260px; padding-top:20px; float:left}
.intro-reminder-left{width:385px; height:280px; margin-right:10px; float:left; text-align:center}
.intro-reminder-right{width:540px; height:280px; float:left}
.intro-worldtime-left{width:385px; height:280px; margin-right:10px; float:left; text-align:center}
.intro-worldtime-right{width:540px; height:250px; padding-top:30px; float:left; text-align:center}
#big-buttons{width:1000px; height:80px; float:left; padding-bottom:20px; overflow:hidden}
.big-buttons-pivot{background:url(//static.pentalogic.net/big-button-bg-pivot.jpg) repeat-x}
.big-buttons-planner{background:url(//static.pentalogic.net/big-button-bg-planner.jpg) repeat-x}
.big-buttons-reminder{background:url(//static.pentalogic.net/big-button-bg-reminder.jpg) repeat-x}
.big-buttons-highlighter{background:url(//static.pentalogic.net/highlighter/bg_bigbutton_highlight.png) repeat-x}
.big-buttons-teamtime {background:url(//static.pentalogic.net/tt/big-button-bg-teamtime.jpg) repeat-x;}

.big-buttons-worldtime{background:url(//static.pentalogic.net/big-button-bg-worldtime.jpg) repeat-x}
#big-buttons a{width:302px; padding-left:29px; height:65px; padding-top:15px; display:block; float:left; overflow:hidden}
.big-buttons-pivot a:hover{background:#FA5A8F}
.big-buttons-planner a:hover, .big-buttons-planner a.btn-active{background:#ffc200}
.big-buttons-reminder a:hover{background:#53AFD7}
.big-buttons-worldtime a:hover{background:#53AA31}
.big-buttons-teamtime a:hover {background:#992047;}
#big-buttons img{float:left}
#big-buttons .big-buttons-worldtime-download{width:714px; padding-left:286px; height:70px; padding-top:10px; text-align:center}
#big-buttons .big-buttons-worldtime-download a{width:427px; height:61px; padding:0}
#big-buttons .big-buttons-FreeStuff-products{margin:0 auto; height:65px; text-align:center; width:815px; padding:10px 0 0 0;}
#big-buttons .big-buttons-FreeStuff-products a{display:inline; margin:0 10px; float:left; display:inline; width:251px; height:61px; padding:0;}

.big-buttons-filterpoint-download { float:left; width:1000px; height:75px; background:red; margin:0 0 15px; padding:7px 235px 0; text-align:center; background:url(//static.pentalogic.net/filterpoint/bg_bigbutton_filterpoint.jpg) repeat-x; }
#big-buttons .big-buttons-filterpoint-download a{ float:left; padding:0; width:auto;}

.big-buttons-highlighter-download { float:left; width:1000px; height:75px; margin:0 0 15px; padding:7px 235px 0; text-align:center; background:url(//static.pentalogic.net/highlighter/bg_bigbutton_highlight.png) repeat-x; }
#big-buttons .big-buttons-highlighter-download a{ float:left; padding:0; width:auto;}

/* PRODUCTS LISTING PAGE */
#breadcumb{width:710px; height:30px; background:#f0f0f0; float:left}
#breadcumb span{width:auto; height:30px; background:url(//static.pentalogic.net/breadcumb-bg.jpg) repeat-x; font:14px/30px Verdana,Geneva,sans-serif; padding:0 20px; float:left}
#breadcumb img{float:left}
.product-list{width:670px; padding:20px; height:auto; float:left; margin-bottom:20px}
.product-list-bg-pink{background:url(//static.pentalogic.net/product-list-bg-pink.jpg) repeat-x}
.product-list-bg-orange{background:url(//static.pentalogic.net/product-list-bg-orange.jpg) repeat-x}
.product-list-bg-blue{background:url(//static.pentalogic.net/product-list-bg-blue.jpg) repeat-x}
.product-list-bg-green{background:url(//static.pentalogic.net/product-list-bg-green.jpg) repeat-x}
.product-list-bg-red{background:url(//static.pentalogic.net/filterpoint/product-list-bg-red.jpg) repeat-x}
.product-list-bg-purple{background:url(//static.pentalogic.net/product-list-bg-purple.png) repeat-x}
.product-logo{width:115px; height:auto; float:left}
.product-title{width:545px; height:auto; float:left}

/* FOOTER */
#footer-wrapper{width:100%; height:210px; background:#000 url(//static.pentalogic.net/bg-footer.jpg) no-repeat center top; float:left}
#footer{width:1000px; height:170px; padding-top:30px; margin:0 auto}
#footer .coll-newsletter{width:300px; height:170px; float:left}
#footer .coll-newsletter span{font:11px Verdana,Geneva,sans-serif; color:#129C95; float:left; margin:15px 0; width:300px}
#footer .coll-newsletter input.email{width:250px; padding:5px; height:14px; float:left; background:url(//static.pentalogic.net/newsletter-bg.jpg) repeat-x; font:11px Verdana,Geneva,sans-serif; color:#CFEBEA; border:none; margin-bottom:15px}
#footer .coll-newsletter input:focus{outline:0}
#footer .coll-newsletter img{float:left}
#footer .coll-blog{width:300px; height:170px; float:left}
.coll-blog-img{display:block; width:250px; height:30px; float:left; overflow:hidden}
#footer .post{width:250px; height:auto; float:left; margin-bottom:15px}
#footer .post-date{width:30px; height:32px; padding-top:3px; background:#09514D; float:left; text-align:center; margin-right:5px}
#footer .post-date small{width:30px; height:10px; float:left; font:10px/10px Arial,Helvetica,sans-serif; color:#B5E0DD; text-transform:uppercase}
#footer .post-date span{width:30px; height:10px; float:left; font:18px/18px Arial,Helvetica,sans-serif; color:#B5E0DD}
#footer .post a{font:11px Verdana,Geneva,sans-serif; color:#129C95; width:200px; float:left; text-decoration:none}
#footer .coll-blog a:hover{color:#B5E0DD}
#footer .coll-pentalogic{width:400px; height:170px; float:left}
#footer .coll-pentalogic img{float:left}
#footer .coll-pentalogic span{width:400px; height:20px; display:inline; float:left; font:11px/14px Verdana,Geneva,sans-serif; color:#999}
#footer .phonemail{width:400px; height:auto; float:left; margin-top:10px; overflow:hidden; display:block}
#footer .coll-pentalogic span.add{width:220px; margin-bottom:20px}
#footer .coll-pentalogic span.add strong{color:#129C95}
#footer .phonemail{margin:0; padding:0; width:400px; float:left; margin-top:10px; overflow:hidden; display:block; color:#fff}
#footer .phonemail dt, 
#footer .phonemail dd{display:inline; height:14px; float:left; margin:0; padding:0; font:11px Verdana,Geneva,sans-serif}
#footer .phonemail dt{width:50px; padding-right:5px; overflow:hidden}
#footer .phonemail dd{width:145px; overflow:hidden}
#footer .phonemail a{color:#999; text-decoration:none; overflow:hidden; display:block}
#footer .phonemail a:hover{text-decoration:underline}

/* PLANNER */
.showcase{width:720px; padding:20px; overflow:hidden; margin-bottom:10px; background:#f7f7f7; border:1px solid #e5e5e5; font-size:11px; float:left}
.showcase-container{width:100%; display:block; float:left; border-bottom:1px dotted #ccc; margin:10px auto}
.showcase-left{width:340px; display:inline-block; float:left}
.showcase-price{width:150px; padding-top:20px; display:inline-block; float:left; text-align:center}
.download-wp{width:500px; height:200px; padding-top:50px; border:1px solid #e5e5e5; background:#fff; margin:30px auto 0; text-align:center}

/* Stop left margin for main nav and carousel*/
ul#primary-nav li{list-style:none; margin:0px; padding:0px}
ul#primary-nav{padding:0px; margin:0px}
li#product-intro{margin:0}

/* Testimonials */
blockquote.testimonial{  width:240px;   padding:0px;   background-image:url(//static.pentalogic.net/quote-left.gif);   background-position:top left;   background-repeat:no-repeat;   text-align:center}
blockquote.testimonial span{  font-style:italic;   padding:17px;   display:block;   background-image:url(//static.pentalogic.net/quote-right.gif);  background-repeat:no-repeat;  background-position:bottom right}
blockquote.testimonial div{ text-indent:0px;  padding-top:5px;  font-size:80%;  color:silver}
blockquote.testimonial div a{ color:silver;  text-decoration:none;  font-weight:bold}
table.testimonials tr td{vertical-align:middle}

div.testimonials { display:none !important; }

/* Start table syles for use from editor */

/* General */
table.Table-TwoTone{ border-width:0px;  border-spacing:3px}
table.Table-TwoTone th{ background-color:#B1C7EF;  padding:5px}
table.Table-TwoTone td{ background-color:#E9F0FF;  padding:5px}
table.Table-TwoTone td a:visited{ color:blue}

/* Planner colours */
div.section-planner  div.content h1, .section-planner  div.content h2, .section-planner  div.content h3, .section-planner  div.content a, .section-planner  div.content .highlight{color:#CC8706}
div.section-planner{background:#fff url(//static.pentalogic.net/sidemenu-bg-yellow.jpg) repeat-x}
div.section-planner table.Table-TwoTone th{background-color:#FFB300}
div.section-planner table.Table-TwoTone td{background-color:#FFDD7C}

/* Reminder */
div.section-reminder  div.content h1, .section-reminder  div.content h2, .section-reminder  div.content h3, .section-reminder  div.content a, .section-reminder  div.content .highlight{color:#069}
div.section-reminder{background:#fff url(//static.pentalogic.net/sidemenu-bg-blue.jpg) repeat-x}
div.section-reminder table.Table-TwoTone th{background-color:#0083B6}
div.section-reminder table.Table-TwoTone td{background-color:#CCE0DE}

/* PivotPoint */
div.section-pivotpoint  div.content h1, .section-pivotpoint  div.content h2, .section-pivotpoint  div.content h3, .section-pivotpoint  div.content a, .section-pivotpoint  div.content .highlight{color:#EC2465}
div.section-pivotpoint{background:#fff url(//static.pentalogic.net/sidemenu-bg-pink.jpg) repeat-x}
div.section-pivotpoint table.Table-TwoTone th{background-color:#F55C8F}
div.section-pivotpoint table.Table-TwoTone td{background-color:#FBC6D8}

/* World Time */
div.section-worldtime  div.content h1, .section-worldtime  div.content h2, .section-worldtime  div.content h3, .section-worldtime  div.content a, .section-worldtime  div.content .highlight{color:#279A58}
div.section-worldtime{background:#fff url(//static.pentalogic.net/sidemenu-bg-green.jpg) repeat-x}
div.section-worldtime table.Table-TwoTone th{background-color:#499D2B}
div.section-worldtime table.Table-TwoTone td{background-color:#B3E8B0}

/* FilterPoint */
div.section-filterpoint  div.content h1, .section-filterpoint  div.content h2, .section-filterpoint  div.content h3, .section-filterpoint  div.content a, .section-filterpoint  div.content .highlight,
  .section-filterpoint li {color:#CC0000}
div.section-filterpoint_register{background:#fff url(//static.pentalogic.net/filterpoint/sidemenu-bg-red.jpg) repeat-x}
div.section-filterpoint{background:#fff url(//static.pentalogic.net/filterpoint/sidemenu-bg-red.jpg) repeat-x}
div.section-filterpoint table.Table-TwoTone th{background-color:#F55C8F}
div.section-filterpoint table.Table-TwoTone td{background-color:#FBC6D8}
div.section-filterpoint div.manual-menu span.title h1 a {color:#A60000;}


/* Highlighter */
div.section-highlighter  div.content h1, .section-highlighter  div.content h2, .section-highlighter  div.content h3, .section-highlighter  div.content a, .section-highlighter  div.content .highlight,
  .section-highlighter li {color:#7F3FA0}
div.section-highlighter_register{background:#fff url(//static.pentalogic.net/highlighter/sidemenu-bg-purple1.jpg) repeat-x}
div.section-highlighter{background:#fff url(//static.pentalogic.net/highlighter/sidemenu-bg-purple1.jpg) repeat-x}
div.section-highlighter table.Table-TwoTone th{background-color:#DDCCEC}
div.section-highlighter table.Table-TwoTone td{background-color:#BD9ED7}
div.section-highlighter div.manual-menu ul li {color:#000;}
.section-highlighter .manual a{color:#7F3FA0; text-decoration:underline;}
.section-highlighter .manual a:hover{color:#7F3FA0; text-decoration:none;}
.section-highlighter .manual blockquote{color:#663377; text-decoration:none; background:#f0f0f0; padding:15px; float:left; }

/* TeamTime */
div.section-teamtime  div.content h1, .section-teamtime  div.content h2, .section-teamtime  div.content h3, .section-teamtime  div.content a, .section-teamtime  div.content .highlight,
  .section-teamtime li {color:#730027}
div.section-teamtime_register{background:#fff url(//static.pentalogic.net/teamtime/sidemenu-bg-brown.jpg) repeat-x}
div.section-teamtime{background:#fff url(//static.pentalogic.net/teamtime/sidemenu-bg-brown.jpg) repeat-x}
div.section-teamtime table.Table-TwoTone th{background-color:#C18C9D}
div.section-teamtime table.Table-TwoTone td{background-color:#DDBFC9}
div.section-teamtime div.manual-menu ul li {color:#000;}
.section-teamtime .manual a{color:#730027; text-decoration:underline;}
.section-teamtime .manual a:hover{color:#730027; text-decoration:none;}
.section-teamtime .manual blockquote{color:#663377; text-decoration:none; background:#f0f0f0; padding:15px; float:left; }

/* Revision History */
table#revision-history a , table#revision-history th a {color:blue}
table#revision-history a:visited, table#revision-history th a:visited {color:blue}

/* Left hand menu */
.sidemenu ul li a{padding-left:30px}

/* Footer Menu */
#footer-wrapper{margin-top:20px; clear:both}
div.pl-footer-menu{position:relative; width:100%; height:30px; background:#094845; font:11px/30px Verdana,Geneva,sans-serif; color:#C5E7E4; text-decoration:none; text-align:center}
div.pl-footer-menu a{color:#C5E7E4; text-decoration:none}
div.pl-footer-menu a:hover{color:#C5E7E4; text-decoration:underline}
div#footer-wrapper{height:234px}

/* Content sections */
.content-fullwidth{width:960px; height:auto; padding:20px; float:left; background:#fff; display:block}

/* Newsletter signup form */
#footer .coll-newsletter input#submit_btn{float:left}
.response, div.error{ color:#fff;  font-size:11px;  float:left}
label.error{ color:#fff;  font-size:11px;  float:right;  margin-top:5px;  margin-right:20px}

h1{ margin-bottom:10px}
h2{ margin-bottom:0px; margin-top:5px}
ul{ margin-top:1em }
ul li ul{ margin-top:1em; }

addthis_button{ z-index:11000;}

/* Submit image button for Search form */
.search form input.submit{width:17px; height:22px; float:left; padding-top:0px; border:none}

/* Main Menu */
div#main_menu{width:1000px; height:40px; float:left; margin:0 auto; margin-bottom:20px; background:#000; border-top:1px solid #536665; position:relative; z-index:10000}
div#main_menu ul{width:650px; height:40px; float:left}
div#main_menu ul li, div#main_menu ul li:hover{position:relative; width:auto; height:40px; display:inline-block; float:left; border-right:1px solid #2B403F}
div#main_menu ul li a{width:auto; height:40px; padding:0 20px; display:block; font:bold 14px/40px Arial,Helvetica,sans-serif; color:#8CCFCB; text-decoration:none; position:relative; float:left}
div#main_menu ul li a.home{padding:0 10px; width:22px; height:40px; line-height:40px}

/* Submenus */
ul.unli{display:none; padding-left:0px; margin-top:0px;}
div#main_menu li:hover ul.unli{width:200px; position:absolute; top:40px; left:0; display:block; z-index:1}
div#main_menu ul li:hover ul.unli li a{display:block; position:relative; z-index:999}
div#main_menu ul li:hover ul.unli ul{width:200px; height:auto; display:block; overflow:hidden; border-top:none; border-bottom:1px solid #000}
div#main_menu ul#primary-nav li ul.unli li:hover a{display:block; background:#507a77 url(//static.pentalogic.net/bg-li2.jpg) repeat-x; color:green}

/* Hover and active on first level of main menu */
div#main_menu ul li a:hover, ul#primary-nav li.menuactive a{background:url(//static.pentalogic.net/bg-li2.jpg) repeat-x; display:block; overflow:hidden; color:#15665f}

/* Active submenu, no background unless hover */
div#main_menu div#menuwrapper ul#primary-nav li.menuactive ul.unli li a{display:block; background:none; background-color:#507a77; color:#8CCFCB; width: 200px;}
div#main_menu div#menuwrapper ul#primary-nav li.menuactive ul.unli li a:hover{display:block; background:url(//static.pentalogic.net/bg-li2.jpg) repeat-x; color:#15665f}
div#main_menu ul li:hover ul.unli li{border-right:none; display:block; text-align:left; border-top:1px solid #000; background:#507a77; height:30px}
div#main_menu li:hover ul.unli li a{width:220px; height:30px; display:block; font:bold 14px/30px Arial,Helvetica,sans-serif; display:block; padding:0 10px; padding-left:10px}
div#main_menu ul li:hover div.submenu-products{position:absolute; top:40px; left:0px; width:150px}
div#main_menu ul li:hover div.submenu-products ul li{height:40px}
div#main_menu li:hover div.submenu-products ul li a{height:40px; line-height:40px; padding-left:30px}


/*LINKS*/
.typo-planner{color:#CC8706}
.typo-pivotpoint {color:#EC2465}
.typo-reminder{color:#069}
.typo-worldtime{color:#279A58}


/* WHO IS USING */
.who_is_using{
	float:left;
	width:920px;
	position:relative;
	background:#17C6BD;
	padding:75px 40px 25px 40px;
	margin-bottom:50px;
	}
	
	.who_is_using .head{
		position:absolute;
		top:15px;
		left:-7px;
		width:366px;
		height:51px;
		}
		
	table.lists tr td{
		position:relative;
		width:135px;
		height:144px;
		background:url(//static.pentalogic.net/bg_shadow.jpg) no-repeat top left;
		margin-right:9px;
		padding-right:10px;
		}	
		
	table.lists tr td img{
		display:inline;
		}
/**********************************************************************/
.premium_support{
     position:absolute;
     width:180px;
     height:246px;
     right:-100px;
     bottom:-30px;
     z-index:99999;
     }

.big-buttons-filterpoint{
     background:url(//static.pentalogic.net/filterpoint/bg_bigbutton_filterpoint.jpg) repeat-x;
     }


#big-buttons .big-buttons-filterpoint a{
     float:left;
     padding:0;
     width:auto;
     }


.big-buttons-filterpoint a:hover {background:#c00;}



.big-buttons-highlighter{
     background:url(//static.pentalogic.net/highlighter/bg_bigbutton_highlight.png) repeat-x;
     }


#big-buttons .big-buttons-highlighter a{
     float:left;
     padding:0;
     width:auto;
     }


.big-buttons-highlighter a:hover {background:#637;}

a.contact-filter{ margin:0 auto; display:block; width:150px; height:46px; margin-top:15px; background:url(//static.pentalogic.net/contact_filter.jpg) no-repeat; }



/*--------------------------------------------------------------*/

	.support-packages{
		float:left;
		display:inline;
		width:493px;
		background:url(//static.pentalogic.net/standard-support-bg.jpg) repeat-x top;
		border:3px solid #C9DEDE;
		}
	.support-packages .penta-support{
		float:left;
		display:inline;
		width:245px;
		}
	.support-packages .penta-support h2.support-head{
		border-bottom:1px solid #D9E8E8;
		font:bold 20px/0.95 Arial, Helvetica, sans-serif; color:#156A63;
		letter-spacing:-1.25;
		padding:55px 0 15px 25px;
		margin:0;
                width:220px;
		}
	.support-packages .penta-support .support-detail{
		padding:20px 50px 15px 25px;
		font:12px/1.5 Arial, Helvetica, sans-serif; color:#666666;
		}
	.support-packages #premium-support{
		position:relative;
		background:url(//static.pentalogic.net/support-bg.jpg) repeat-x top;
		border-left:3px solid #C9DEDE;
		}
	.support-packages #premium-support p{
		color:#355F5C;
		}
	.support-packages #premium-support .premium-support-band{
		position:absolute;
		top:-35px;
		right:10px;
		}
	.support-packages #premium-support h2.support-head{
		border-bottom:1px solid #C2DADA;
		}
	.support-packages .penta-support .support-detail h3{
		font:bold 14px Arial, Helvetica, sans-serif; color:#094845;
		}
	.support-packages .penta-support .support-detail p{
		margin:0;
		}

/*--------------- Product list teamtime --------------------*/

.product-list-bg-teamtime{
	background:url(//static.pentalogic.net/teamtime/product-list-teamtime-bg.jpg) repeat-x;
	}

/*----------------------*/
#text-center{
width: 590px;
padding: 20px 0 45px 250px;}

#text-center .small{width:210px; text-align: right; float:left; padding:10px 15px 0 0 ; }
 
#text-center .big1{width:350px; text-align: left; display:inline-block !important; }


/*---------------------------- Whitepaper ---------------------------*/

.content-box{
	width:450px;
	background:url(//static.pentalogic.net/white-paper/bg-content-box.jpg) repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding:20px;
	margin:20px 0 0 0;
	}
	
.content-box h3{
	font:bold 16px/1.5 Arial, Helvetica, sans-serif;
	color:#006599;
	margin:0;
	padding-left:20px;
	background:url(//static.pentalogic.net/white-paper/arrow-down.jpg) no-repeat left 5px;	
	}
	
.content-box p{
	color:#000000;
	padding-left:20px;
	}
	
.feature-list{
	width:400px;
	margin-left:20px;
	padding-left:20px;
	border-left:5px solid #0099CB;
	}
	
.feature-list h4{
	font:bold 14px Tahoma, Arial;
	color:#000;
	margin:0;
	}
	
.feature-list ul{
	list-style:none;
	padding:0;
	margin:10px 0;
	}
	
.feature-list ul li{
	color:#000000;
	margin:0 0 5px 0;
	background:url(//static.pentalogic.net/white-paper/line-arrow.jpg) no-repeat left center;
	padding:0 0 0 15px;
	}
	
.download-btn{
	width:490px;
	height:147px;
	background:url(//static.pentalogic.net/white-paper/btn-downlaod.jpg) no-repeat left top;
	}
	
.file-name{
	float:left;
	width:275px;
	height:80px;
	margin:22px 0 0 14px;
	padding:25px 15px 0 75px;
	background:url(//static.pentalogic.net/white-paper/ico-pdf.jpg) no-repeat 25px 35px;
	}
	
.file-name a{
	font:italic 16px Georgia, "Times New Roman", Times, serif;
	color:#666666;
	text-decoration:none;
	}
	
.file-name a:hover{
	text-decoration:underline;
	}
	
.download{
	float:left;
	padding:55px 0 0 15px;
	width:70px;
	}

.download a{
	float:left;
	width:67px;
	height:34px;
	background:url(//static.pentalogic.net/white-paper/txt-download.jpg) no-repeat left top;
	}
	
.download a:hover{
	background:url(//static.pentalogic.net/white-paper/hover-download.jpg) no-repeat left top;
	}

/* End of 'css' */