/* Common styles */
html, body { width: 100%; }
body { padding: 0; margin: 0; background: #f0f0f0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #303030; }
img { border: 0; -ms-interpolation-mode:bicubic;}
ul, li, form { padding: 0; margin: 0; }
.clear { clear: both; height: 0; }
div.pl { padding: 0 0 0 20px; }
p { line-height: 130%; }

.small1 {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}

li.pagenav { list-style: none; }

/* Layot styles */
div.wrapper { width: 860px; margin: 0 auto; background: #fff;  padding-left: 20px;  padding-right: 20px; }
div#header { height: 95px; overflow: hidden; clear: both; }
div#header a { background: transparent; }
div#footer { height: 90px; overflow: hidden; clear: both; }
div#copyright { float: left; padding: 30px 0 0 0; }
div#bot-nav { float: right; width: 440px; padding: 30px 0 0 0; text-align: right; }
div#bot-nav span { margin: 0 10px; color: #dfe8ee; }
div#logotype { width: 181px; height: 86px; float: left; }
div#search-box { width: 260px; height: 28px; background: url(../images/search-box.png) repeat-x left top; float: right; margin: 47px 0 0 0; position: relative; }
div#search-box div.inner { height: 28px; background: url(../images/search-box.png) no-repeat left -28px; padding: 0 0 0 30px; }
div#search-box div.padd { height: 25px; padding: 3px 0 0 0; float: left; }
div#search-box input.text { border: 0; background: none; width: 180px; padding: 2px; color: #000; }
div#search-box input.text:focus { border: 0; outline: none; }
div#search-box input.placeholder { color: #a3a2a2; }
div#search-box input.button { width: 28px; height: 28px; position: absolute; padding: 0; margin: 0; right: 0; }

div#content-container { overflow: hidden; clear: both; margin: 10px 0 0 0; }
div#left-column { float: left; width: 550px; }
div#right-column { float: right; width: 290px; }

div.call-out { width: 640px; height: 241px; background: #f6aa00 url(../images/banner_12.jpg) no-repeat left top; margin: 13px 0 0 0; padding: 0 0 0 220px; clear: both; overflow: hidden; font-size: 12px; }
div.call-out div.bottom { font-size: 16px; color: #fcecc0; margin: 26px 0 0 0; }
div.call-out div.bottom a.img { position: relative; top: 8px; margin-right: 10px; }
div.call-out div.bottom span { margin-right: 30px; }

div.product-overview { height: 217px; overflow: hidden; clear: both; background: url(../images/screen-box-12.jpg) no-repeat left top; padding: 0 0 0 345px; }
div.product-overview div.buttons { margin: 5px 0 10px 0; white-space: nowrap; }
div.product-overview div.buttons a { margin: 0 10px 0 0; }
div.product-overview div.buttons a:hover { background: transparent; }
div.product-overview div.big-text { font-size: 16px; color: #696868; font-weight: bold; line-height: 150%; margin: 0 0 15px 0; }
div.product-overview div.sp-nav { height: 35px; margin: 10px 0 0 0;  clear: both; overflow: hidden;  }
div.product-overview div.sp-nav ul { height:35px; margin: 0; padding: 0; list-style: none; }
div.product-overview div.sp-nav ul li { height:35px; padding: 0; list-style: none; float: left; margin: 0 1px 0 0; display: inline-block; }
div.product-overview div.sp-nav ul li a { display: inline-block; color: #696868; padding: 8px 19px 0 19px; height: 27px; text-decoration: none; background-color: #dfe8ee; }
div.product-overview div.sp-nav ul li a:visited { color: #696868; text-decoration: none; background-color: #dfe8ee; }
div.product-overview div.sp-nav ul li a:hover { color: #696868; text-decoration: none; background-color: #c9d9e3; }
div.product-overview div.sp-nav ul li.first a { background-image: url(../images/shape-left.png); background-repeat: no-repeat; background-position: left top; }
div.product-overview div.sp-nav ul li.last a { background-image: url(../images/shape-right.png); background-repeat: no-repeat; background-position: right top; }

div.product-navigation { height: 28px; overflow: hidden; clear: both; margin: 10px 0; }
div.product-navigation ul { height: 28px; }
div.product-navigation ul li { list-style: none; float: left; margin: 0 10px 0 0; height: 28px; display: inline-block; }
div.product-navigation ul li.active { background: url(../images/pnav-bg.gif) no-repeat right -28px; }
div.product-navigation ul li.active span { background: url(../images/pnav-bg.gif) no-repeat left top; display: block; padding: 5px 10px 0 10px; height: 23px; color: #595858; }
div.product-navigation ul li a { display: block; padding: 5px 5px 0 5px; height: 23px; color: #b67c20; text-decoration: underline; }
div.product-navigation ul li a:visited { color: #b67c20; text-decoration: underline; }
div.product-navigation ul li a:hover { color: #b67c20; text-decoration: none; background: transparent; }

div.call-our-internal { height: 63px; width: 840px; background: #f6aa00 url(../images/banner-small.jpg) no-repeat left top; margin: 13px 0 0 0; padding: 10px 0 0 20px; }
div.call-our-internal h1 { font-size: 24px; color: #fff; letter-spacing: -1px; margin: 0 0 3px 0; }
div.call-our-internal div.text { font-size: 16px; letter-spacing: -1px; }

/* Main menu */
div.main-menu { height: 34px; background: url(../images/menu-bg.png) repeat-x left -68px; clear: both; overflow: hidden; font-size: 12px; }
div.main-menu div.m-left { height: 34px; background: url(../images/menu-bg.png) no-repeat left -34px; }
div.main-menu div.m-right { height: 34px; background: url(../images/menu-bg.png) no-repeat right 0; }

div.main-menu ul { float: left; margin: 0; padding: 0; height: 34px; }
div.main-menu ul li { list-style: none; float: left; display: inline-block; height: 34px; background: url(../images/tabs-bg.gif) right 0;  }
div.main-menu ul li:hover { background: url(../images/tabs-bg.gif) right -68px;  }
div.main-menu ul li.active { background: url(../images/tabs-bg.gif) right -34px; }
div.main-menu ul li a { display: block; height: 26px; padding: 8px 18px 0 18px; color: #fff; text-decoration: none; }
div.main-menu ul li a:visited { color: #fff; text-decoration: none; background: transparent; }
div.main-menu ul li a:hover { color: #272626; text-decoration: none; background: transparent; }
div.main-menu ul li.first a { background: url(../images/menu-bg.png) no-repeat left -34px; }
div.main-menu ul li.first a:hover { background: url(../images/tabs-bg.gif) no-repeat left -136px; }
div.main-menu ul li.active-first a { background: url(../images/tabs-bg.gif) no-repeat left -102px; }

div.flags { float: right; width: 245px; padding-top: 7px; }
div.flags a { margin: 0 2px 0 0; padding: 0; }

/* Popup menus */
div.popup-item { width: 178px; background: url(../images/popup-bg.png) 0 bottom; padding: 10px 5px; display: none; position: absolute; font-size: 12px;  z-index: 1;  }
div.popup-item ul { margin: 0; padding: 0; }
div.popup-item ul li { list-style: none; }
div.popup-item ul li a { display: block; color: #f6aa00; text-decoration: none; height: 22px; padding: 4px 0 0 5px; }
div.popup-item ul li a:visited { color: #f6aa00; text-decoration: none; }
div.popup-item ul li a:hover { color: #fff; background: #f9bb00; text-decoration: none; }

/* Font styles */
h1 { color: #b17414; font-weight: normal; margin: 0; padding: 0; letter-spacing: -1px; font-size: 22px; }
h2 { color: #696868; font-size: 22px; letter-spacing: -1px; font-weight: normal; float: left; margin: 0; padding: 0; }
h3 { color: #b17414; font-size: 18px; font-weight: normal; margin: 0 0 20px 0; }
div.h2-link { float: right; padding-top: 5px; }
div.h2-cont { overflow: hidden; clear: both; margin-bottom: 15px; }
ul.text { margin: 0 0 20px 20px; padding: 0; list-style: none; font-size: 14px; line-height: 140%; }
ul.text li { padding-left: 30px; list-style: none; background: url(../images/bullit.gif) no-repeat left top; min-height: 20px; margin-bottom: 15px; }

div.testim { width: 240px; background: url(../images/quote-left.gif) no-repeat left top; padding: 0 10px 0 0; margin: 0 0 20px 0; line-height: 120%; }
div.testim div.qb { width: 215px; background: url(../images/quote-right.gif) no-repeat right bottom; padding: 10px 0 5px 25px; }
div.testim div.text { font-style: italic; margin: 0 0 10px 0; }

div.testim-big { width: 480px; background: url(../images/quote-left.gif) no-repeat left top; padding: 0 10px 0 0; margin: 0 0 20px 0; line-height: 120%; }
div.testim-big div.qb { width: 455px; background: url(../images/quote-right.gif) no-repeat right bottom; padding: 10px 0 5px 25px; }
div.testim-big div.text { font-style: italic; margin: 0 0 10px 0; }

a { color: #2194f6; text-decoration: underline; padding: 2px 2px 2px 0; }
a:visited { color: #2194f6; text-decoration: underline; }
a:hover { color: #fff; background: #2194f6; text-decoration: none; }

div.call-out h1 { font-size: 22px; letter-spacing: -1px; color: #fff; display: inline-block; margin: 10px 0 25px 0; padding: 0; font-weight: normal; }
div.call-out div.bottom a { color: #fcecc0; text-decoration: underline; }
div.call-out div.bottom a:visited { color: #fcecc0; text-decoration: underline; }
div.call-out div.bottom a:hover { color: #fcecc0; text-decoration: underline; }
div.call-out ul { margin: 0 0 10px 4px; padding: 0; list-style: none; }
div.call-out ul li { list-style: none; margin: 0 0 10px 0; padding: 0 0 0 20px; background: url(../images/co-bullit.gif) no-repeat left 1px; color: #303030; }
div.call-out a { color: #b30f0f; text-decoration: underline; }
div.call-out a:visited { color: #b30f0f; text-decoration: underline; }
div.call-out a:hover { color: #b30f0f; text-decoration: underline; background: transparent; }

div#right-column ul { margin: 0 0 10px 4px; padding: 0; list-style: none; }
div#right-column ul li { list-style: none; margin: 0 0 10px 0; padding: 0 0 0 20px; background: url(../images/r-bullit.gif) no-repeat left 1px; }

div.clients { margin: 0 0 20px 0;  text-align: center;  }
div.clients a { margin: 0 0 5px 0; }
div.clients a:hover { background: transparent; }
a.wb { background: transparent; }

/* Rounded blocks */
div.yrb-container { margin: 0 0 20px 0; background: #fff2cd; }
div.yrb-container div.yrb-left-top { background: url(../images/yrb-left-top.gif) no-repeat left top; }
div.yrb-container div.yrb-right-top { background: url(../images/yrb-right-top.gif) no-repeat right top; }
div.yrb-container div.yrb-right-bottom { background: url(../images/yrb-right-bottom.gif) no-repeat right bottom; }
div.yrb-container div.yrb-left-bottom { background: url(../images/yrb-left-bottom.gif) no-repeat left bottom; }
div.yrb-container div.yrb-padd { padding: 10px 20px; }

div.brb-container { margin: 0 0 20px 0; background: #dfe8ee; overflow: hidden; }
div.brb-container div.brb-left-top { background: url(../images/brb-left-top.gif) no-repeat left top; }
div.brb-container div.brb-right-top { background: url(../images/brb-right-top.gif) no-repeat right top; }
div.brb-container div.brb-right-bottom { background: url(../images/brb-right-bottom.gif) no-repeat right bottom; }
div.brb-container div.brb-left-bottom { background: url(../images/brb-left-bottom.gif) no-repeat left bottom; }
div.brb-container div.brb-padd { padding: 10px 20px; }

div.grb-container { margin: 0 0 10px 0; background: #e5f9bb; overflow: hidden; }
div.grb-container div.grb-left-top { background: url(../images/grb-left-top.gif) no-repeat left top; }
div.grb-container div.grb-right-top { background: url(../images/grb-right-top.gif) no-repeat right top; }
div.grb-container div.grb-right-bottom { background: url(../images/grb-right-bottom.gif) no-repeat right bottom; }
div.grb-container div.grb-left-bottom { background: url(../images/grb-left-bottom.gif) no-repeat left bottom; }
div.grb-container div.grb-padd { padding: 10px 30px; }

div.ygrb-container { margin: 0 0 10px 0; font-size: 12px; line-height: 150%; background: #e5f9bb; }
div.ygrb-container div.ygrb-left-top { background: url(../images/grb-left-top.gif) no-repeat left top; }
div.ygrb-container div.ygrb-right-top { background: url(../images/grb-right-top.gif) no-repeat right top; }
div.ygrb-container div.ygrb-right-bottom { background: url(../images/grb-right-bottom.gif) no-repeat right bottom; }
div.ygrb-container div.ygrb-left-bottom { background: url(../images/grb-left-bottom.gif) no-repeat left bottom; }
div.ygrb-container div.ygrb-padd { padding: 10px 20px; }

/* Poscasts */
div.podcast-item { width: 254px; background: url(../images/bb-bg.gif) repeat-y left top; overflow: hidden; clear: both; margin: 0 0 20px 0; }
div.podcast-item-top { width: 254px; background: url(../images/bb-top.gif) no-repeat left top; }
div.podcast-item-bottom { width: 254px; background: url(../images/bb-bottom.gif) no-repeat left bottom; }
div.podcast-item div.padd { padding: 20px 0 20px 18px; }
div.podcast-item div.heading { font-size: 14px; color: #696868; margin: 0 0 10px 0; }
div.podcast-item div.link { font-size: 14px; font-weight: bold; margin: 0 0 5px 0; }
div.podcast-item div.date { color: #696868; margin: 0 0 10px 0; }
div.podcast-item div.link a.transcript { color: gray; font-size: 12px; background: transparent; }
div.podcast-item div.links a { background: transparent; }

/* Newsletter section */
div.newsletter-container { overflow: hidden; clear: both; position: relative; background: url(../images/newsletter-bg.png) repeat-x left -28px; height: 28px; width: 220px; }
div.newsletter-container div.inner { background: url(../images/newsletter-bg.png) no-repeat left top; height: 28px; padding: 0 0 0 6px; }
div.newsletter-container div.padd { height: 25px; padding: 3px 0 0 0; float: left; }
div.newsletter-container input.text { border: 0; background: none; width: 180px; padding: 2px; color: #000; }
div.newsletter-container input.text:focus { border: 0; outline: none; }
div.newsletter-container input.placeholder { color: #a3a2a2; }
div.newsletter-container input.button { width: 81px; height: 28px; position: absolute; padding: 0; margin: 0; right: 0; }

/* Newsletter section */
div.newsletter-dld-container { overflow: hidden; clear: both; position: relative; background: url(../images/newsletter-bg.png) repeat-x left -28px; height: 28px; width: 280px; }
div.newsletter-dld-container div.inner { background: url(../images/newsletter-bg.png) no-repeat left top; height: 28px; padding: 0 0 0 6px; }
div.newsletter-dld-container div.padd { height: 25px; padding: 3px 0 0 0; float: left; }
div.newsletter-dld-container input.text { border: 0; background: none; width: 180px; padding: 2px; color: #000; }
div.newsletter-dld-container input.text:focus { border: 0; outline: none; }
div.newsletter-dld-container input.placeholder { color: #a3a2a2; }
div.newsletter-dld-container input.button { width: 81px; height: 28px; position: absolute; padding: 0; margin: 0; right: 0; }


/* Blog header */
div.call-our-blog { height: 63px; width: 840px; background: #f6aa00 url(../images/banner-blog-small.jpg) no-repeat left top; margin: 13px 0 0 0; padding: 10px 0 0 20px; }
div.call-our-blog h1 { font-size: 24px; color: #fff; letter-spacing: -1px; margin: 0 0 3px 0; }
div.call-our-blog div.text { font-size: 16px; letter-spacing: -1px; }

table.matrix { font-size: 10px; }