/*/*ul {list-style: none;}*/*/
strong {font-weight: bold;}

/* ----- universal styles ----- */
.hide {display: none;}
.left {float: left;}
.right {float: right;}

.badge {
float: right;
margin: 0 0 20px 20px;}

.yellow {color:#ff9407;}

img.frame {
border: 1px solid #ddd;
padding: 1px;
vertical-align: bottom;}

img.left {margin: 0 20px 20px 0;}
img.right {margin: 0 0 20px 20px;}

.hr-top {
border-top: 1px solid #eee;
margin-top: 20px;
padding-top: 20px;
overflow: hidden;}

.hr-top h2 {
margin-top: 0 !important;}

.hr-bottom {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #eee;}

.icon-pdf {
background: url(/images/icons/pdf.png) no-repeat;
padding-left: 23px;
display: inline-block;}

p.icon-pdf {
display: block;}

/* ----- main containers ----- */
#frame {
margin: 0 auto; /* centre in proper browsers */
width: 968px;
text-align: left;}

#panel-top {
clear: both;
width: 968px;
height: 14px;
background: url(/images/panel_top.png) 0 0 no-repeat !important; /* PNG with alpha transparency for proper browsers */
background-image: url(/images/panel_top.gif); /* GIF for IE6 */
margin: 0 !important;
margin-bottom: -2px; /* correct IE6 empty block height bug */}

#col-main {
float: right;
width: 694px;
padding: 20px 20px 20px;}

#col-main:after,
#col-main a {
text-decoration: underline;}

#col-main .corner-top,
#col-main .corner-bot {
background-image: url(/images/sprite-elements.png);
background-repeat: no-repeat;
height: 10px;
width: 100%;
position: absolute;
left: 0;
display: block;}

#col-main .corner-top {
top: 0;}

#col-main .corner-bot {
bottom: 0;}

/* --------------------------------------------- */
/* COL MAIN > BOX GREY
/* --------------------------------------------- */
#col-main .box-grey {
background-color: #f1f1f1;
padding: 15px 20px;
margin: 10px 0 22px 0;
position: relative;
width: 257px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}

#col-main .box-grey h2 {
margin-top: 0;}

#col-main .box-grey .corner-bot,
#col-main .box-grey .corner-top {
display: none;}

/* --------------------------------------------- */
/* COL MAIN > BOX BLUE
/* --------------------------------------------- */
#col-main .box-blue {
background-color: #E7F2FD;
height: 1%;
padding: 20px;
position: relative;}

#col-main .box-blue .corner-top {
background-position: 0 -40px;}

#col-main .box-blue .corner-bot {
background-position: 0 -60px;}

/* --------------------------------------------- */
/* COL MAIN > BOX GREY BORDER
/* --------------------------------------------- */
#col-main .box-greyborder {
border: 1px solid #eee;
position: relative;
padding: 10px;
list-style-type: none;
list-style-image: none;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}

#col-main li.box-greyborder {
list-style-type: none;
list-style-image: none;
margin-left: -16px;
margin-bottom: 20px;}

#col-main .box-greyborder .corner-top,
#col-main .box-greyborder .corner-bot {
left: -1px;
width: 694px;}

#col-main .box-greyborder .corner-top {
top: -1px;}

#col-main .box-greyborder .corner-bot {
bottom: -1px;
background-position: 0 -20px;}

#col-main .box-greyborder h2 {
margin-top: 0;}
#col-sec {
float: left;
/*width: 200px;*/
width: 180px;}
#cols {
float: left;
/*width: 940px;*/
width: 921px;
margin-bottom: 0;
margin-top:10px;
background: url(../images/int/aside-bg.png) repeat-y;}

#col-sec-top, #col-ter-top {
width: 200px;
height: 5px;
background: url(../images/int/aside-top.png) no-repeat;
margin-top:-12px;
}

#col-ter-top {
margin: -10px -15px 10px;}

.row-doub {
clear: left;
float: left;
width: 410px;
margin: 0 0 20px -20px;
display: inline;}

.row-doub .col {
float: left;
width: 180px;
margin-left: 20px;
display: inline;}

/* ----- sub navigation ----- */

#col-sec ul {
overflow: normal;
margin: 7px 0 0 10px;
width: 190px;
}

#col-sec ul li,
#col-sec ul li a {
width: 190px;}

#col-sec ul li {
float: left;
margin-bottom: 5px;}

#col-sec ul li a {
display: block;
color: #7f7f7f;
font-weight: bold;
background-position: 250px 100%;
text-decoration:none;
}

#col-sec ul li a span {
display: block;
width: 160px;
padding: 5px 23px 6px 7px;
background-position: 250px 0;}

#col-sec ul li a:hover,
#col-sec ul li a.current {
color: #669ed6;
background-position: 0 100%;
background-color:white;
cursor: pointer;}

#col-sec ul li a:hover span,
#col-sec ul li a.current span {
background-position: 0 0;}

/* ----- heading styles ----- */
#content h1 {
color: #444;
font-weight: normal;
font-size: 1.8em;
margin-bottom: 6px;}

#content h2 {
font-weight: bold;
font-size: 1.4em;
margin-bottom: 6px;}

#content h3, #content h4 {
font-weight: bold;
font-size: 1.3em;
margin-bottom: 6px;
color: #444;}

#content p {
margin-bottom: 8px;
line-height:1.5;}

p .highlight {
background-color: #ff9;
display: inline-block;
padding: 2px 4px;}

#col-sec h2, #col-ter h2 {
margin: 15px 14px 10px 14px;
color: #b2b2b2;
font-size: 1.35em;
padding-top:14px;}

#col-ter h2 {
margin: 10px 0 5px;}

#col-main h1 {
/*margin: 20px 0;*/
padding-top:20px;
height: 1%;}

#col-main h1 .btn {
font-size: 0.55em;}

#col-main h2 {
font-weight: normal;
margin-top: 25px;
color: #444;
line-height: 22px;}

#col-main h2 .btn {
font-size: 0.75em;
margin-bottom: 5px;}

#col-main h1:after,
#col-main h2:after {
content: ".";
clear: both;
display: block;
font-size: 0;
height: 0;
visibility: hidden;}

#col-main h3, #col-main h4 {
font-weight: normal;
font-size: 1.3em;
margin: 15px 0 10px 0;
color: #444;}

#contact #col-main h3 {
clear: both;
color: #444;}

/* ----- list styles ----- */
#col-main ul {
margin: 15px 0 20px 16px;
/*list-style: url(/images/icons/bullet_content.gif) outside; *//*TODO */
list-style-type:disc inside;
padding-left:20px;
/*list-style-position: inside;*/
}

#col-main ol {
margin: 15px 0 20px;
list-style-position: outside;
padding-left:30px;
}

#col-main ul li,
#col-main ol li {
margin-bottom: 12px;}

/* ----- quote styles ----- */
#col-main blockquote {
margin: 15px 0;
padding-bottom: 15px;
background: #e7f2fd url(/images/quote_bg.gif) 0 100% no-repeat;}

#col-main blockquote p {
padding: 20px 20px 0 20px;
background: #e7f2fd url(/images/quote_top.gif) 0 0 no-repeat;
color: #838383;}

#col-main blockquote cite {
display: block;
margin: 10px 20px 0 20px;
font-size: 0.85em;}

/* ----- quote styles (grey) ----- */
#col-main blockquote.grey {
width:704px;
margin: 15px 0;
padding-bottom: 15px;
background: #757575 url(/images/greyquote_bg.gif) 0 100% no-repeat;}

#col-main blockquote.grey p {
width: 664px;
padding: 20px 20px 0 20px;
background: #757575 url(/images/greyquote_top.gif) 0 0 no-repeat;
color: #FFF;}

#col-main blockquote.grey cite {
display: block;
margin: 10px 20px 0 20px;
font-size: 0.85em;}

* html #frame .btn-small {
margin-top: 0;}

#frame .btn-small span,
#frame .btn-small strong {
height: 20px;
line-height: 20px;}

#frame .btn-small span {
background-position: right -440px;
padding-right: 5px;}

#frame .btn-small strong {
background-position: left -440px;
padding-left: 9px;
font-weight: normal;}

a.highlight {
background-color: transparent !important;}

p a.btn {
margin-top: 10px;}

/* --------------------------------------------- */
/* CONTENT > COLUMNS
/* --------------------------------------------- */
#content .cols {
height: 1%;
clear: both;
margin-top: 10px;}

#content .cols:after {
content: ".";
clear: both;
display: block;
font-size: 0;
height: 0;
visibility: hidden;}

#content .col-left,
#content .col-right {
padding: 0px;
/*margin-top: 10px;*/
margin-top: 0px;
}

#content .col-left {
width: 533px;
float: left;
border-right: 1px solid #eee;
padding-right: 0;
/*padding-left:10px;*/
}

#content .col-right {
width: 328px;
float: left;
border-left: 1px solid #eee;
margin-left: -1px;
padding-left: 18px;}

#content .col-left h3,
#content .col-right h3 {
font-weight: normal;
color: #444;
font-size: 1.8em;
margin: 20px 0;}

#content .col-left h3.first,
#content .col-right h3.first {
margin-top: 0;}

#cols .col-left,
#cols .col-right {
border: 0;
/*padding: 0;*/}

#cols .col-left {
width: 365px;
float: left;}

#cols .col-right {
width: 297px;
float: right;}

.col-left > h2:first-child,
.col-right > h2:first-child {
margin-top: 5px !important;}

/* --------------------------------------------- */
/* CONTENT > TABBED NAV
/* --------------------------------------------- */
#content .tabbed-nav {
background-color: #eee;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
margin-left: 0;
padding: 5px 5px 0 5px;
height: 1%;
list-style-type: none;
list-style-image: none;}

#content .tabbed-nav:after {
content: ".";
clear: both;
display: block;
font-size: 0;
height: 0;
visibility: hidden;}

#content .tabbed-nav li {
float: left;
margin-right: 5px;
margin-bottom: 0;
padding-left: 5px;}

#content .tabbed-nav a {
padding: 0 5px 0 0;
display: inline-block;
text-decoration: none;}

#content .tabbed-nav span {
padding-left: 10px;
display: inline-block;
height: 35px;
position: relative;
left: -5px;
line-height: 35px;
color: #777;
font-weight: bold;
cursor: pointer;}

#content .tabbed-nav a:hover {
color: #f90;}

.js #content .tabbed-nav .on a,
.js #content .tabbed-nav .on span {
background: url(/images/sprite-buttons.png) no-repeat;}

.js #content .tabbed-nav .on a {
background-position: right -240px;
position: relative;
bottom: -1px;}

.js #content .tabbed-nav .on span {
background-position: left -240px;
text-decoration: none;}

.js #content .tabbed-nav .on a:hover {
color: #777;}

/* --------------------------------------------- */
/* CONTENT > KEY FEATURES
/* --------------------------------------------- */
#content .trusted-by {
margin: 0 0 15px;}

#content .key-features {
margin-bottom: 20px;
height: 1%;}

#content .key-features li {
float: left;
width: 246px;
padding-right: 20px;
height: 66px;
margin: 0 0 30px 0;
font-size: 0.85em;
background-repeat: no-repeat;
background-position: 10px top;}

#content .key-features li img {
float: left;
padding: 1px;
border: 1px solid #ddd !important;
margin-right: 8px;}

#content .key-features a:hover img {
border: 1px solid #bbb !important;}

#content .key-features li h4 {
margin-bottom: 0;}

/* ----- grey box -----  */
.greybox {
background-color: #6a6a6a;}

.greyboxtop, .greyboxbottom {
display: block;
height: 8px;
width: 724px;}

.greyboxtop {
background: url(/images/greyboxtop.gif) no-repeat center top;}

.greyboxbottom {
background: url(/images/greyboxbottom.gif) no-repeat center bottom;}

.greybox h1 {
margin-top: 12px !important;
color:#9ec2e5 !important;}

.greybox h2 {
color: #9ec2e5;}

.greybox p, .greybox li {
color: #FFF;}

/* ----- team styles ----- */
.team {
float: left;
width: 724px;
margin: 25px 0 0 0;
padding-bottom: 15px;
border-bottom: 2px solid #efefef;}

.team p {
float: left;
width: 151px;
margin: 0 20px 20px 0;}

.team .info {
float: left;
width: 724px;}
#col-main .team .info h3 {
color: #669ed6;
font-size: 1.1em;
margin: 0 0 2px 0;}

.team .info p {
float: none;
width: auto;
margin-right: 0;}

/* ----- map styles ----- */
#map {
float: right;
margin: 18px 10px 20px 0;
width: 307px;
height: 245px;
background: #e0e0e0;}

/* Buzz */
.in-the-news h3 {
text-align: center;}

.about-page #cols {
min-height:355px;
}
.product-page #cols {
background-image: none;}

.product-page #col-main {
float: none;
width: 910px;}

.product-page #col-main h1 {
font-size: 2.3em;
margin-top: 10px;
margin-bottom: .5em;
letter-spacing: -.05em;}

/* Submenus */
#col-sec ul {
overflow: hidden;}

#col-sec .hl {
color: #ff9407;}

#col-sec ul.submenu-dd li {
margin-left: 5px;}

#col-sec ul.submenu-dd li span {
background: none;}

#col-sec ul.submenu-dd li a {
background: none;
font-weight: normal;}

#col-sec h2.submenu-toggle:hover {
color: #669ed6;}

.press-release-preview {
padding-bottom: 1em;
margin-bottom: 1.5em;
border-bottom: 1px solid #ddd;}

#col-main-pad ul {
min-height: 430px;
margin-left:0;
width: 370px;}

#col-main-pad li {
font-weight: bold;
position:relative;
background: url(/images/icons/bullet_group2.gif) no-repeat left 4px;
list-style-image: none;
list-style: none;
padding-left: 15px;}

#col-main-pad ul.sublist {
margin: 5px 0;
padding: 0;
min-height:0;}

#col-main-pad ul.sublist li {
list-style-image: none;
background-image: none;
list-style: disc;
list-style-position: inside;
font-weight: normal;
padding: 0;}

/* --------------------------------------------- */
/* NEW CONTENT TEMPLATE > CLIENT LOGOS
/* --------------------------------------------- */
#col-main .client-logos {
background-position: 0 20px;
list-style-type: none;
list-style-image: none;
margin: 0 0 0 -40px;
text-align: center;}

#col-main .client-logos li {
padding: 0 0 0 40px;
margin: 0;
display: inline;}

#col-main .client-logos img {
vertical-align: middle;}

#col-main .caption {
text-align: center;
margin: 3px 0 15px;}

#col-main .caption em {
font-style: italic;
background-color: transparent;
font-size: 0.85em;}

/* --------------------------------------------- */
/* NEW CONTENT TEMPLATE > ARROWS
/* --------------------------------------------- */
#col-main .arrow-up,
#col-main .arrow-down {
min-height: 50px;
height: auto !important;
height: 50px;
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 60px;
margin: 10px 0;}

#col-main .arrow-up em,
#col-main .arrow-down em {
font-size: 1.2em;
font-weight: bold;
font-style: normal;
background: none;}

#col-main .arrow-up {
background-image: url(/images/icons/arrow-up.png);}

#col-main .arrow-down {
background-image: url(/images/icons/arrow-down.png);}

/* --------------------------------------------- */
/* NEW CONTENT TEMPLATE > CASE STUDIES
/* --------------------------------------------- */
#col-main .case-studies { margin-top: 20px; list-style-type:none;}
#col-main .case-studies, #col-main .case-studies li
{ padding-left: 0px;margin-left:0px;}

#col-main .case-studies a {
/*display: inline-block;*/
background-repeat: no-repeat;}

#col-main .case-studies a.more {
background: none;
padding: 0;
margin-top: 10px;}

#col-main ul.case-studies a {
background: url(../images/pdf.png) no-repeat;
padding-left: 20px;}

#col-main ul.latest-news a {
background: url(../images/news.png) no-repeat;}

#col-main ul.latest-news .date{
/*float:right;*/
margin-right:10px;
color:#999;
padding-left:25px;
}
#col-main ul.latest-news li{
clear:right;
padding-bottom:10px;
}

.left-desc {
/*width:500px;*/
/* float:left; */
}
.right-desc {
/*float:left;*/
margin-left:15px;
/*width:160px;*/
}
h3.title {
clear:both;
margin-top:20px !important;
color: #333 !important;
font-size:18px !important;
margin-bottom:15px !important;
/*width:450px;*/
background: transparent url(../images/h2_bg.gif) repeat-x scroll center;
}
h3.title span {
background-color:#fff;
padding-right:10px;
}

#col-main ul.tick {
margin-top:2px !important;
list-style: url(../images/bullet-check.gif) outside;
}
ul.circles {
list-style-type:circle;
}
ul.bullet {
margin-top:2px !important;
list-style: url(../images/bullet.gif) inside;
}

#col-main ul.bullet{
	padding-left:0px;
}

.missing-page ul.bullet {
margin-top:10px !important;
list-style: url(../images/bullet.gif) inside;
}
.missing-page ul.bullet li {
padding-top:10px;
}

/* Round boxes */
div.block_round_gray, div.sidebar div.block_round_blue {
margin-bottom:15px;
}
div.block_round_blue {
color:#333333;
font-size:12px;
}
div.block_round_blue div.lt {
background:#EDF2F6 url(../images/block_lt.gif) no-repeat scroll left top;
}
div.block_round_blue div.rt {
background:#EDF2F6 url(../images/block_rt.gif) no-repeat scroll right top;
}
div.block_round_blue div.lb {
background:#EDF2F6 url(../images/block_lb.gif) no-repeat scroll left bottom;
}
div.block_round_blue div.rb {
background:#EDF2F6 url(../images/block_rb.gif) no-repeat scroll right bottom;
}
div.block_round_blue div.content{
padding:10px;
}
a.big-button{
background:transparent url(../images/btn_blue.png) no-repeat scroll left top;
color:#FFFFFF;
cursor:pointer;
/*display:block;*/
font-size:16px;
font-weight:bold;
height:36px;
line-height:34px;
text-align:center;
text-decoration:none !important;
/*width:175px;*/
}

.clients a{ margin-right:22px; }
.clients a img{ vertical-align:middle; }

#news .news {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #eee;  
}

#news .news .news-text{
font-size:18px;
padding:8px 0;
}

.grey-border {
border:1px solid #ddd;
padding:5px 10px 5px 10px;
margin-right:15px;
margin-bottom:20px;
/*margin-left:10px;*/
float:left;
width:300px;
height:160px;
-moz-border-radius:10px;
}
.grey-border h3{
padding-bottom:10px;
padding-top:0px !important;
font-size:1.4em !important;
}

a.pdf {
background:url('/images/pdf.png') no-repeat;
padding-left:24px;
font-weight:bold;
}

#product-page #cols{background:none;}
#product-page #cols .col-right{
width:270px;
padding-left:9px;
padding-right:9px;
}
#product-page #cols .box-grey{width:230px;}
#product-page #cols .col-left {width:600px;}
#product-page #cols #col-main {
	width:894px;
	padding-top:0px;
}
#product-page #col-main ul {
	margin-top:20px !important;
	margin-bottom:0px !important;
}
#product-page #col-main ul li{margin-bottom:0px;}

#product-page blockquote{
	background:transparent url(/images/quote_open.gif) no-repeat scroll left top;
	font-style:italic;
	padding-bottom:5px;
	padding-left:20px;
}
.source {
	font-size:11px;
	line-height:14px;
	padding-left:20px;
}

.product-feature{
	color:#0D83DD;
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:16px;
	margin:0 0 6px;
	font-weight:bold;
}

#product-page td p{
	line-height:1.2;
	text-align:justify;
}

#product-desc{
	padding-left:80px;
	padding-right:80px;
	padding-bottom:40px;
	color:#474747;
	font-size:20px;
	font-weight:bold;
	line-height:1.5;
}

/*#product-page table.product-adv td{border-bottom:1px solid}*/

#product-page table.product-adv td{
	width:50%;
	padding:10px;
	padding-bottom:50px;
	vertical-align:middle;
}

#request-dem{text-align:center;}

#request-dem a{
	color:#FFFFFF !important;
	display:inline-block;
	line-height:30px;
	padding-left:4px;
	position:relative;
	text-decoration:none !important;
	text-indent:0;
}

#request-dem a strong{
background-position:left top;
left:-4px;
padding:0 0 0 15px;
position:relative;
background:transparent url(/images/buttons-bg.png) no-repeat scroll left top;
cursor:pointer;
display:block;
height:30px;
line-height:30px;
}

#request-dem a span{
background:transparent url(/images/buttons-bg.png) no-repeat scroll right top;
cursor:pointer;
display:block;
height:30px;
line-height:30px;
padding:0 11px 0 0;
}
.error, .notice, .success {
padding:.8em;margin-bottom:1em;border:2px solid #ddd;
}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* Form css */
#contact-form {
float:left;
width:400px;
}
#contact-form form {
/*margin-left:130px;*/
margin-top:2px;
width:495px;
border:1px solid #ddd;
padding:20px;
}

#contact-form form label {
display:block;
font-size:0.95em;
font-weight:bold;
line-height:2em;
margin-top:7px;
color:#777;
}

#contact-form input {
background:transparent url(../images/input-background.gif) repeat scroll 0 0;
border:0 none;
color:#999999;
font-size:1em;
font-weight:bold;
height:22px;
padding:4px 5px;
width:194px;
}

#contact-form textarea {
background:transparent url(../images/textarea-background.gif) repeat scroll 0 0;
border:0 none;
color:#999999;
font-family:'News Gothic MT','Trebuchet MS',arial,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:205px;
line-height:1.25em;
padding:5px 7px;
width:245px;
}
#contact-form .foot {
border-top:1px solid #ddd;
margin-top:10px;
padding-top:10px;
}

