* { margin: 0; padding: 0; }
body { background: url(images/body-tail.gif) repeat-x top #777; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1em; color: #252525; min-width: 886px; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
object { vertical-align: top; outline: none; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.wrapper { width: 100%; overflow: hidden; }
.date { float: left; height: 20px; text-align: left; padding: 70px 0px 0px 529px; font-family: Arial, Helvetica, sans-serif; font-size: 1.15em; color: #0c3a6b; }
.wrapper-inner { width: 100%; overflow: hidden; background: url(images/tagline-background.jpg) no-repeat left top; }
.container { width: 100%; }
p { margin: 0; padding: 0; }
/*==================forms====================*/

input, select { vertical-align: middle; font-weight: normal; }
img { border: 0; vertical-align: top; text-align: left; }
#form { float: right; padding-top: 37px; }
#form span { display: block; background: url(images/input-bg.gif) no-repeat left top; width: 181px; height: 27px; float: left; padding-left: 9px; }
#form .form a.link { float: left; margin-left: 3px; }
#form input { background: none; border: 0; text-transform: uppercase; line-height: 1.08em; vertical-align: top; color: #5c5c5c; font-size: .85em; padding-top: 6px; width: 173px; }
#form a { color: #b4b4b4; font-size: .77em; }
#form1 { width: 173px; }
#form1 .form { height: 48px; }
#form1 label { display: block; }
#form1 input { width: 163px; padding: 1px 3px 1px 3px; background: #fff; border-top: 2px solid #7d7d7d; border-left: 2px solid #7d7d7d; border-bottom: 1px solid #cad2d5; border-right: 1px solid #cad2d5; }
#form1 textarea { width: 163px; height: 238px; overflow: auto; background: #fff; border-top: 2px solid #7d7d7d; border-left: 2px solid #7d7d7d; border-bottom: 1px solid #cad2d5; border-right: 1px solid #cad2d5; padding: 1px 3px 0 3px; margin-bottom: 31px; }
/*==================list====================*/

ul { list-style: none; }
#header ul { padding-right: 2px; float: right; }
#header ul li { float: left; text-transform: uppercase; font-size: .85em; border-right: 1px solid #525252; padding-right: 7px; margin-right: 7px; line-height: 1em; }
#header ul li a { text-decoration: none; color: #525252; }
#header ul li a:hover { color: #fff; }
#header ul li.last { border-right: 0; margin-right: 0; padding-right: 0; }
.site-nav { width: 100%; overflow: hidden; padding-bottom: 52px; }
.site-nav li { float: left; font-weight: bold; font-size: .82em; text-transform: uppercase; background: url(images/divider.gif) no-repeat right top; padding-right: 2px; }
.site-nav li a { display: block; color: #fff; background: url(images/nav-tail.gif) repeat-x; text-decoration: none; width: 135px; text-align: center; }
.site-nav li a span { display: block; }
.site-nav li.first a span { background: url(images/nav-left.gif) no-repeat left top; }
.site-nav li.last a span { background: url(images/nav-right.gif) no-repeat right top; }
.site-nav li.small a, .site-nav li.custom a { padding-top: 25px; width: 136px; height: 16px; }
.site-nav li.custom a { padding: 25px 0; }
.site-nav li.first a, .site-nav li.last a { padding: 0; width: 136px; }
.site-nav li a, .site-nav li.first a span, .site-nav li.last a span { padding: 25px 0; }
.site-nav li.last { background: none; padding-right: 0; }
.site-nav li a:hover, .site-nav li a.act { background: url(images/nav-act-tail.gif) repeat-x top; }
.site-nav li.first a:hover span, .site-nav li.first a.act span { background: url(images/nav-act-left.gif) no-repeat left top; }
.site-nav li.last a:hover span, .site-nav li.last a.act span { background: url(images/nav-act-right.gif) no-repeat right top; }
.list { padding-bottom: 20px; }
.list li { padding: 0 0 8px 20px; background: url(images/marker.gif) no-repeat left 6px; }
.list1 li cite { font-style: normal; }
.list1 li h4 { text-align: right; }
/*==================other====================*/

.img-box img { margin-bottom: 20px; display: block; }
.img-box1 { width: 100%; overflow: hidden; }
.img-box1 img { float: left; margin: 0 20px 0 0; }
.img-box1 h5 { margin-bottom: 0; }
.p1 { margin-bottom: 32px; }
.p2 { margin-bottom: 22px; }
.phone { float: right; }
/*==================txt, links, lines, titles====================*/

a { color: #1f8ad5; outline: none; }
a:hover { text-decoration: none; }
h3 { color: #0c3a6b; font-size: 1.60em; font-weight: bold; line-height: 100%; margin-bottom: 5px; }
h4 { font-size: 1em; margin-bottom: 20px; line-height: 1.34em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0px; line-height: 1.34em; color: #0c3a6b; }
.link1 { display: block; float: left; background: url(images/link1-left.gif) no-repeat left top #1f8ad5; color: #fff; text-transform: uppercase; text-decoration: none; line-height: .92em; margin-right: 4px; }
.link1 b { display: block; background: url(images/link1-right.gif) no-repeat right top; padding: 16px 18px 17px 19px; }
.link1:hover { text-decoration: underline; }
.link2 { display: block; float: left; background: url(images/link2-left.gif) no-repeat left top #fff; color: #1d1d1d; text-transform: uppercase; text-decoration: none; line-height: .92em; margin-right: 4px; }
.link2 b { display: block; background: url(images/link2-right.gif) no-repeat right top; padding: 16px 23px 17px 23px; }
.link2:hover { text-decoration: underline; }
.divider-main { padding: 0px 0px 20px 0px; overflow: hidden; }
.divider-main p { padding: 6px 0; }
.divider-main-top { width: 750px; padding: 20px 0px 20px 0px; overflow: hidden; }
.divider-main-top2 { padding: 20px 0px 20px 0px; overflow: hidden; }
.divider-main-top h4 { font-size: 1em; text-decoration: bold; color: #000000; margin: 0px; }
.divider-leadership { padding: 20px 0px 0px 0px; overflow: hidden; }
.divider-leadership-thumb { float: left; width: 270px; height: 225px; overflow: hidden; }
.divider-leadership-content { float: left; width: 555px; height: 225px; overflow: hidden; }
.divider-leadership-content h4 { font-size: 1.15em; text-decoration: bold; color: #0c3a6b; margin: 0px; }
.divider-products { padding: 20px 0px 0px 0px; overflow: hidden; }
.divider-products.infographic h3 { text-align: Center; }
.divider-products.infographic p { width: 600px; display: block; margin: 0px auto; }
.divider-products.infographic img { margin-top: 25px; margin: 0px auto; display: block; cursor: pointer; border: 1px solid black; -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); }
.divider-products p { padding: 6px 0px; }
.info-nav { text-align: center; }
.info-nav a { width: 104px; border: 0px; margin: 5px 10px; height: 36px; display: inline-block; }
.info-nav .dwnld { background-image: url('/images/infographic/download_btn.png'); }
.info-nav .saveImg { background-image: url('/images/infographic/saveimage_btn.png'); }
.info-nav a:hover { background-position: 0 -36px; }
.divider-products-thumb { float: left; width: 210px; height: 150px; overflow: hidden; text-align: center; }
.divider-solutions-thumb { float: left; width: 185px; height: 130px; overflow: hidden; text-align: right; padding-bottom: 15px; }
.divider-solutions-content { float: left; width: 560px; overflow: hidden; padding-left: 15px; padding-bottom: 15px; margin-right: 115px; }
.divider-solutions-content2 { float: left; width: 560px; overflow: hidden; padding-left: 0px; padding-bottom: 15px; margin-right: 115px; }
/* Divider Border > Located on Solutions Page */

.divider-border { width: 1px; height: 1060px; background-color: #e4e4e4; position: absolute; margin: 10px 0px 0 580px; }
/* ------------ Product Image -------------- */

.product-image { width: 380px; height: 221px; padding-left: 20px; float: right; }
.product-image-about { width: 260px; height: 185px; padding: 0 10px 0 0px; text-align: right; float: left; }
.divider-solutions-content h4 { font-size: 1.15em; text-decoration: bold; color: #0c3a6b; margin: 0px; padding: 0px; overflow: hidden; }
.divider-products-content { float: left; width: 600px; height: 140px; overflow: hidden; padding-left: 15px; }
.divider-products-content h4 { font-size: 1.15em; text-decoration: bold; color: #0c3a6b; margin: 0px; padding: 0px; overflow: hidden; }
.divider-products-more { width: 560px; padding-left: 15px; }
.wide { width: 500px !important; }
.divider-products-more h4 { font-size: 1.15em; text-decoration: bold; color: #0c3a6b; margin: 0px; padding: 0px; }
.divider1 { background: url(images/divider1.gif) repeat-y 197px 0; }
.divider2 { background: url(images/divider1.gif) repeat-y 414px 0; }
.divider3 { background: url(images/divider1.gif) repeat-y 630px 0; }
.img-box h4 { color: #0c3a6b; }
.news-pods { width: 560px; padding: 10px 0; border-bottom: 1px solid #e4e4e4; }
.news-pods h4 a:link, .news-pods h4 a:visited, .news-pods h4 a:active { text-decoration: none; color: #0c3a6b; }
.news-pods h4 a:hover { color: #1f8ad5; }
.float-left-container { float: left; width: 600px; border-right: 1px solid #e4e4e4; padding-right: 20px; }
.float-right-container { float: right; width: 193px; }
.float-right-container .top-container { margin: 0 0 20px 0; }
.float-right-container .bottom-container { margin: 0 0 20px 36px; }
.back-btn { margin: 14px 0 0 14px; }
.back-btn2 { margin: 14px 0 0 0; }
/*==================boxes====================*/

.cont-box { width: 100%; background: #fff; }
.cont-box .left-top-corner { background: url(images/left-top-corner.gif) no-repeat left top; }
.cont-box .right-top-corner { background: url(images/right-top-corner.gif) no-repeat right top; }
.cont-box .left-bot-corner { background: url(images/left-bot-corner.gif) no-repeat left bottom; }
.cont-box .right-bot-corner { background: url(images/right-bot-corner.gif) no-repeat right bottom; }
.cont-box .inner { padding: 0 29px 58px 29px; }
.cont-box .top { height: 118px; padding-top: 20px; }
.cont-box .top .logo { float: left; }
.slogan-box-inner { width: 827px; height: 215px; background: url(images/slogan-box-bg-inner.jpg) no-repeat left top; margin-bottom: 32px; position: relative; }
.slogan-box-inner span { position: absolute; left: 60px; top: 106px; }
.slogan-box { width: 827px; height: 280px; background: url(images/slogan-box-bg.jpg) no-repeat left top; margin-bottom: 32px; position: relative; }
.slogan-box span { position: absolute; left: 60px; top: 106px; }
.slogan-box .buttons { position: absolute; top: 263px; left: 58px; width: 100%; }
.slogan-box .infographic { position: absolute; top: 0px; left: 0px; width: 233px; height: 232px; background-image: url('/images/infographic/clarus_corner.png'); }
/* ------------------ header ----------------------- */

#header .indent { padding-top: 40px; }
#header .fleft { color: #525252; font-size: .85em; text-transform: uppercase; line-height: 1em; }
/* ----------------- content ----------------------- */

#content p, #content cite { line-height: 1.54em; }
#content .indent { padding-bottom: 48px; }
.divider-main-top p { margin: 4px 0px 10px 0; }
.divider-leadership { width: 840px; padding: 0 0 10px 0; clear: both; }
.leadership-pod { width: 250px; float: left; padding: 0 30px 10px 0; }
.leadership-title { width: 230px; padding: 0 10px; }
.employee-pods-container { width: 840px; padding-left: 6px; overflow: hidden; }
.small-leadership-pod { width: 140px; float: left; padding: 0 10px 20px 10px; }
.small-leadership-title { width: 140px; padding: 4px 0px; }
/* ------------------- Press Release Styles ------------------- */

.press-release { padding: 10px 0px; }
.pr-date a:link, .pr-date a:visited, .pr-date a:active { font: normal 14px Arial, Helvetica, Sans-serif; color: #1f8ad5; }
.pr-date a:hover { color: #525252; }
.pr-url a:link, .pr-url a:visited, .pr-url a:active { padding: 4px 0 4px 20px; }
.employee-image { width: 220px; height: 214px; float: left; padding-right: 20px; }
/* ----------------- footer -----------------*/

#footer { width: 886px; height: 130px; background: url(images/BBB_logo_horizontal.gif); }
#footer p { font-size: .92em; color: #fff; padding: 38px 0 0 0px; text-align: left; }
#footer img { float: left; padding: 0; }
#footer p a { color: #fff; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
/*================== index.html ================*/

#page1 #content .site-nav { padding-bottom: 5px; }
/* ================= Featured Merchants ================== */

.logos { width: 169px; padding: 20px 0 0 0; border: 1px solid #d3d3d3; margin: 12px 0px 0 9px; }
.logos h5 { text-align: center; padding: 0 0 0 0px; }
.logos .sponsor-logos { width: 88px; height: 31px; padding: 15px 0px 10px 40px; }
.logos .sponsor-logos2 { width: 88px; height: 61px; padding: 15px 0px 10px 40px; }
.logos .sponsor-logos img { }
.sponsor-logos-m { width: 129px; padding: 15px 0px 10px 22px; }
.mainPage { overflow: auto; }
.mainPage div { display: block; float: left; width: 400px; text-align: left; }
.mainPage h4 { color: #0C3A6B; }

/*social Links*/
#socialLinks { position: fixed; top: 10px; padding: 10px 5px; right: 0px; border-bottom-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topleft: 8px; background: url('/images/infographic/bg.png') 0 0 repeat-y; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; }
#socialLinks span { display: block; }