/* SHARED OVERRIDES */
#loginLink {display:none;}
#maincontentwrapper { margin: -35px 0 0 0; width: 100%; display: block; }
#content { margin: 0 auto; width: 100%;     padding: 136px 0 0 0 !important;}
#navigationlanding { display: none; }
#loginmain { }
.logo { position: absolute; width: 228px; height: 38px; top: 22px; left: -10px;background: url(../Images/bblogocorp.jpg) no-repeat; }
.centeredholder {width:980px;margin:0 auto; padding:10px 0 40px 0;}
.clear {clear:both;}
.aligncenter {text-align:center;}
p, h1, span {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif;}
p {font-size:13px;line-height:20px;}
.OrangeButton {background: #EF6603;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: arial, helvetica, sans-serif !important;
color: #ffffff !important;
padding: 8px 10px;
text-decoration: none;
margin: 0 10px 0 0;
font-size: 13px;}
.OrangeButton:hover {text-decoration:none;background: #ffaa00;background-image: linear-gradient(to bottom, #ffaa00, #ffaa00);}
header { margin: 0; width: 100%; height: 70px; position: fixed;top: 0; right: 0; left: 0; z-index: 15; background-color: #ffffff; background-image: none !important; }
#headercontent { margin: 0 auto; width: 960px; height: 70px; background-color: #ffffff;background-image: none !important; }
/* NAVIGATION */

#bbNavHolder { height: 30px; width: 100%; margin: 35px 0 0 0; background-color: #036f9a; border-top: 1px solid #204355; border-bottom: 1px solid #005d82; }
#navcenter { width: 980px; margin: 0 auto; padding: 2px 0 0 0; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width:320px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li {width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; color: #5B7586;font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif;font-size: 13px; }
.sf-menu a:hover { color: #ffffff !important; }
.sf-menu li:hover { color: #ffffff !important; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
.sf-menu > li:hover > a, .sf-menu > li.sfHover > a { color: #ffffff; }

.sf-menu { margin: 0 0 0 -20px;}
.sf-menu ul {margin-top:-12px; }
.sf-menu a { padding: 6px 20px 7px 20px; text-decoration: none; }
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #ffffff; }
.sf-menu li { }
.sf-menu li li { background:#025d82;border-bottom:1px solid #034a67; }
.sf-menu li li a { border: none; }
.sf-menu li li li { background: #005a7b; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #00ABFF; outline: 0; color: #ffffff !important; }

.sf-menu li li.solutions { width: auto; height: 208px; background: #004a69;/* Old browsers */
background: -moz-linear-gradient(top,  #004a69 0%, #0083af 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004a69), color-stop(100%,#0083af)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #004a69 0%,#0083af 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #004a69 0%,#0083af 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #004a69 0%,#0083af 100%); /* IE10+ */
background: linear-gradient(to bottom,  #004a69 0%,#0083af 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a69', endColorstr='#0083af',GradientType=0 ); /* IE6-9 */
 }
.sf-menu li li.solutions a.featured { width: 135px; padding: 14px 20px 0 20px; margin: 8px 0 0 0; float: left; height: 180px; border-right: 1px solid #004a69; color: #B6D0E6; line-height: 15px;}
.sf-menu li li.solutions a.featured:hover { color: #005a7b;background:#004a69;}
.sf-menu li li.solutions a.featured img { border: 0; width:90%; }
.homesol { margin: -12px 0 0 0;width: 356px !important; }
.prosol { margin: -12px 0 0 0;width: 882px !important; }


a.openLogIn {color: #ffffff;float: right;padding: 7px 10px 6px 10px;}
a.openLogIn:hover {color:#ffffff; background:#00ABFF;text-decoration:none;}
a.openLogIn:visited {color: #ffffff;}

/* INDEX */

#heroHolder { background: #ffffff url(/Images/heroblur.jpg) no-repeat center 0; height: 259px; width: 100%;margin: 0 0 50px 0; }
.heroheadholder {background-color:rgba(255,255,255,0.8);padding:20px; }
#heroHolderhome {background: #ffffff url(/Images/houseblack.jpg) no-repeat center 0; height: 259px; width: 100%;}
#hero { width: 980px; margin: 0 auto; position: relative; height: 100%;  padding: 23px 0 0 0; }
#hero h1 { width: 720px; padding: 0; font-weight: 400; font-size: 29px; line-height: 36px; }
#hero p {  width: 570px; padding: 10px 0 0 0; font-weight: 400; font-size: 14px; line-height: 19px; }
#whoareyouholder { height: 160px; margin: 0 auto; width: 980px;padding: 15px 0; }
.youarepro { width: 465px; vertical-align: top; display: inline-block; padding: 0 0 0 30px; }
.youarehome { width: 465px; border-right: 1px solid #e5e5e5; vertical-align: top; display: inline-block; }
.whohead {  font-weight: 500; font-size: 16px !important; line-height: 19px; color: #1179aa; padding: 0 0 5px 0; }
.whotext { font-weight: 400; font-size: 12px; line-height: 19px; padding: 0 0 10px 0; }
.BlueButton { margin: 4px 0 0 0 !important; padding: 8px 10px;font-size: 12px !important;font-weight:normal;background-image:none; }
.bluesection { background: #004a69; width: 100%;padding: 40px 0 0 0; }
.whitesection {width:100%;margin:0 auto;}
.blacksection {width:100%;margin:0 auto;background:#20242b;padding: 40px 0 0 0;}
.greysection {width:100%;margin:0 auto;background:#e5e9ec;padding: 40px 0 0 0;}
.smartmap { width: 980px; height: 480px; margin: 0 auto; background: url(../Images/blueusa.png) no-repeat center center; text-align: center; }
.smartmessage { background: #32b3e8; padding: 10px; color: #ffffff; font-weight: 400; font-size: 22px; margin: 0 0 6px 0; display: inline-block; }
.blacksectionhead {font-size: 20px;font-weight: 500;}
.whitesectionhead {font-size: 20px;font-weight: 500;color:#ffffff;}

/* PRODUCT MAIN PAGES */
#chooseproductholder {width:980px;margin:0 auto;}
.productbox {width:440px;display:inline-block;vertical-align:top;margin: 0 20px 0 0;}
.productbox p {font-weight: 400; font-size: 13px; line-height:20px;}
.productbox .producttitle {font-weight: 500; font-size: 14px; line-height:19px; padding:10px 0 6px 0;border-top:1px solid #e7e7e7;color:#119ad0;}
.leadin {font-weight: 500; font-size: 16px; line-height:22px;color:#000000;}

/* PRODUCT DETAIL */
.breadcrumb {padding:0 0 30px 0;color:#AFB9C2;line-height: 15px;visibility:hidden;}
.breadcrumb a {font-family: 'Open Sans' , sans-serif;color:#AFB9C2;}
.breadcrumb a:hover {color:#119ad0;}
.mainproductcontent {float:left;width:680px;}
.mainproductcontent h1 {font-weight: 400;font-size: 18px; line-height: 24px;color:#000000;padding: 0 0 10px 0;}
.mainproductcontent p {padding:0 0 10px 0;font-size: 14px;line-height: 20px;}
.mainproductcontent ul {width: 400px;display: inline-block;vertical-align: top;padding:20px 0 0 0;font-family: 'Open Sans' , sans-serif;}
.mainproductcontent ul li {font-weight: 400; font-size: 13px; line-height: 19px;color:#000000;padding:0 0 16px 0;}
.mainproductcontent ul li span {font-weight:500;display:block;color:#1179aa;font-size: 14px;}
.listtitle {font-weight: 500 !important;font-size: 13px !important;background: #ffffff url(../Images/bgbluestrip.jpg) repeat-x;padding: 3px 0 3px 6px !important;color: #ffffff !important;margin: 0 0 10px 0;border-radius: 2px;}
.rightsidebar {float:right;width:280px;min-height:546px;background: url(/Images/sidebarback.jpg) no-repeat;position:relative;}
.firstsection {padding:20px 0 0 0;}
.sidebartext {position: absolute;left: 60px;}
.sidebartext p, .sidebartext a {font-family: 'Open Sans' , sans-serif;font-size: 13px;line-height: 19px;}
.sidebartext a {color:#119ad0;}
.sidebartext span {font-weight:500;font-size:16px;display:block;padding:0 0 10px 0;}
.doubleholder {width:440px;display:inline-block;vertical-align:top;margin: 40px 20px 40px 0;}
.doubletitle {margin:0 0 20px 0;color:#ffffff;font-weight: 400; font-size: 16px; line-height: 20px;}
.doubletext {color:#ffffff;padding:10px 0 0 0;}
.stepholder {width:200px;margin:20px;text-align:center;display:inline-block;vertical-align:top;}
.stepscircle  {border-radius: 50%;width: 50px;height: 50px;background:#d3d9dd;text-align:center;margin:0 auto 10px auto;}
.stepscircle p {color:#ffffff;font-size: 26px;padding: 17px 0 0 0;font-weight: 500;}
ul.trades {display:inline-block; width: 140px;padding: 0 10px 17px 0;}
ul.trades li {font: normal 11px/15px Arial, Helvetica, Verdana, sans-serif; color: #ffffff; padding:0 0 6px 0;}
.prothree {width: 228px;vertical-align: top;display: inline-block;padding: 0 10px 0 0;margin: 10px 0;}
.ptmiddle {margin:10px;}

.fullarticle {width:680px;float:left;}
.fullarticle h5 {color: #1179aa;font-size: 18px;font-weight: 400;font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif;padding: 0 0 10px 0;}
.fullarticle p {padding:0 0 20px 0;font-size: 14px;}
.fullarticle ul {font-family: 'Open Sans' , sans-serif;margin:0 0 20px 0;}
.fullarticle ul li {font-size:12px;list-style-type:disc;}
.rightarticle {float:right;width:280px;}
.ulhead, .fullarticle p span {font-weight:500; font-size:13px; display:block;padding:0 0 5px 0 !important;color:#1179aa;}
#secondarynavigation {margin: 20px auto 20px auto;padding: 10px 0;background-color: rgb(255, 255, 255);border-bottom: 1px solid #e4e4e4;}
#secondarynavigation a {text-decoration:none;padding:0 20px 0 0;color:#119ad0;}
#secondarynavigation a:hover {background-color:Transparent;text-decoration:underline;}
.activelink {color:#000000 !important;font-weight:bold;}

/* news page
----------------------------------------------------------*/
#contentBlockNews {}
#contentBlockNews h3 { font-size: 22px;line-height: 26px; font-weight: normal; color: #0089c0; padding: 0 0 0 0; margin:0;}
#contentBlockNews .article {width:560px;float:left;border-bottom: 1px solid #e7e7e7;margin: 0 0 40px 0;}
#contentBlockNews .aside {width: 300px;float: right;background-color: #F5F8FA;padding: 10px;border-radius: 4px;overflow:hidden;}
#contentBlockNews .article p {font-size:14px;line-height:20px;}
#contentBlockNews .article p span {font-weight:bold; font-size:14px; display:block;padding:20px 0 0 0 !important;}
#contentBlockNews .article ul {padding:0;margin:0;list-style-position:inside;font-family: 'Open Sans' , sans-serif;font-size:12px;}
#contentBlockNews .article ul li {list-style-type:none;}
.ulhead {font-weight:500; font-size:14px; display:block;padding:20px 0 0 0;}
.quote {font-weight: 400;font-style: italic;font-size: 14px;line-height: 21px;}
.author {font-size:12px;text-align:right;color:#0089c0;}
#mapholdercontact {width:100%;height:300px;margin:0 0 0 0;}
.contact {padding:20px 0 0 0;width:300px;display:inline-block;vertical-align:top;}
.contact .label {font-weight:500;padding: 0 0 5px 0;display: inline-block;}

#newsfooter {background: rgba(0, 0, 0, 0.9);position:fixed;width:100%;height:100px;bottom:0;left:0;right:0;display:none;}
a.newsfooterlink {color:#FFB800 !important;font-size: 15px;font-style: italic;width: 500px;display: block;margin: 0 auto;line-height: 20px;}
a.newsfooterlink:hover {color:#ffffff !important;text-decoration:none;}
a.closenews {width:70px;height:70px;background: url(../Images/closearrows.png) no-repeat;display: block;float: right;margin: 10px 10px 0 0;opacity:.8;}
a.closenews:hover {background-position: 0 -70px;}
.contactcircle  {border-radius: 50%;width: 30px;height: 30px;background:#004a69;text-align:center;}
.contactcircle p {color: #ffffff;font-size: 13px;padding: 7px 0 0 0;font-weight: 500;line-height: 15px;}

/* matrix page
----------------------------------------------------------*/
ul.reportmatrix {padding: 5px;margin: 10px 0 0 0;background: #ffffff;display:inline-block;}
ul.reportmatrix li {list-style-type:none;}
ul.reportmatrix li span {display:inline-block;padding:10px;border-top:1px solid #ffffff;background-color:rgb(225, 234, 240);font-size:12px;font-family: 'Open Sans' , sans-serif;}
ul.reportmatrix li.heads {}
ul.reportmatrix li.heads p {padding:0;}
ul.reportmatrix li.price {}
ul.reportmatrix li.heads span {height:50px;margin:0 0 1px 0;background: #ffffff url(../Images/bgbluestrip.jpg) repeat-x;border:none !important;vertical-align:bottom;color:#ffffff;font-weight:bold;}
ul.reportmatrix li.price span {height:50px;margin:0 0 1px 0;background: #ffffff url(../Images/bgbluestrip.jpg) repeat-x;border:none !important;vertical-align:bottom;color:#ffffff;font-size:20px;}
.reportdescription {width:255px;background-color:rgb(216, 242, 255) !important;}
.column {width:110px;text-align:center;}
.reportdescription a {text-decoration:none;}
.reportdescription a:hover {background-color:#ffffff;}
.scrolldown {cursor:pointer;}
.mobilecontact {display:none; }

/* smartphones */
 @media only screen and (max-width: 700px){
    #headercontent { margin: 0 auto; width: 100%; }
    .logo { position: absolute; width: 228px; height: 38px; top: 13px; left: 12px; }
    .logo a {width:100%; }
    #maincontentwrapper { margin: 0; }
    .v2threebucketholder {position:relative; }
    #bbNavHolder {margin:0; }
    #navcenter {width:100%; }
    .sf-menu {display:none; }
    a.openLogIn {float:none; }
    .v2main {    height: auto; }
    .v2threebuckets { width: 100%; height: 100%; display: block; vertical-align: top; margin: 0 0 35px 0; }
    .v2headholder {    position: relative;width:100%;padding:20px 0;margin:0;top:auto;left:auto; }
    .v2head {padding: 0 20px 20px 20px; }
    .v2subhead {    padding: 0 20px 4px 20px; }
    .v2integration p {padding:0 20px; }
    #footer .fcontent {width:100%; }
    #footer .fcontent ul {float:none;display:block;padding:0 0 40px 20px; }
      #footer .fcontent img {float:none;display:block;padding:0 0 20px 20px; }
    .legal {width:100%; }
    .legal p {padding:6px 0 0 20px; }
    .v2button {display:none; }
    .v2newsholder {display:none; }
    .bblinks {display:none; }
    #loginprompt { height: 100% !important; }
    .corner-text-wrapper {display:none; }
.v2subhead, .v2subexplain, #mybbad { display: none; }
.mobilecontact {display:block; }
    .mobilecontact p { padding:0 0 20px 20px;}
    .v2socialholder {margin:0 0 50px 0; }
    .v2chartsholder {width:100% !important; }
}