@charset "utf-8";
/* CSS Document */

/* *** import font files *** */
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700);

html, body {
	background: #fff url(http://cdn2.hubspot.net/hub/116691/file-582767664-jpg/images/bkgrnd.jpg) repeat-x !important;
}
a{
	color: #00bcf2;	
}
a:hover{
	color: ##ec2224;
}
#foxboro_container {
	
	padding: 0 20px;
	overflow: visible;
	max-width: 1200px;
	min-width: 800px;
	width: 980px;
	clear: both; 
}
#foxboro_content{
	width: 980px;	
}

/* *** header *** */
#foxboro_courtesy_links { display: none !important; }
#foxboro_header {
    text-align: center;
	width: 210px;
}
#foxboro_header span.logo {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 1em;
    height: 83px;
    margin-top: 14px;
}
#foxboro_header #header {
    height: 97px;
    width: 100%;
    overflow: hidden;
}
#foxboro_header #logo {
    width: 396px;
    float: left;
}
#foxboro_header #logo a {
    display: block;
    height: 97px;
    width: 396px;
    background: url(style/logo.png) no-repeat;
    text-indent: -999em;
}

#foxboro_header #right {
    width: 524px;
    float: right;
}

#foxboro_header #header-top {
    width: 100%;
    overflow: hidden;
}

#foxboro_header #header-top div.top-links {
    font-size: 12px;
    letter-spacing: 0.015em;
    text-align: right;
    text-transform: uppercase;
    color: #bbbcbe;
    line-height: 35px;
    width: 250px;
    float: left;
}
#foxboro_header #header-top div.top-links a {
    display: inline;
    color: #bbbcbe;
    text-decoration: none;
}
#foxboro_header #header-top div.top-links a:hover {
    color: #b60000;
    text-decoration: underline;
}

#foxboro_header #header-top .search {
    width: 260px;
    height: 35px;
    float: right;
    margin-left: 14px;
    background: url(style/search-background.png) no-repeat;
}
#googlesearchbox { display: none; }
#foxboro_header #header-top .search #googlesearchbox {
    display: block;
    padding: 5px 10px 0 5px;
}
#googlesearchbox div {
    width: 100%;
    overflow: hidden;
}
#googlesearchbox .googlesearch {
    background: url(style/search-input.png) no-repeat !important;
    height: 25px;
    width: 201px;
    padding: 0 8px !important;
    border: 0;
    font-size: 12px;
    color: #bbbcbe;
    line-height: 25px;
    outline: 0 !important;
    float: left;
}
#googlesearchbox .googlesearch.focused {
    color: #656565;
}
#googlesearchbox .googlesubmit {
    background: url(style/search-submit.png) no-repeat !important;
    height: 25px;
    width: 20px;
    padding: 0 !important;
    border: 0;
    cursor: pointer;
    float: right;
}

#foxboro_header{
	width: 210px; 
	padding: 0; 
	margin: 0 ; 
	float: left;
}
#foxboro_header img{
	width: 210px;	
}
#foxboro_header #header-bottom {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}
#foxboro_header #header-bottom a {
    float: right;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.012em;
    line-height: 23px;
    color: #00bcf2;	
	    margin-left: 19px;
}
#foxboro_header #header-bottom a:hover{
		color: ##ec2224;
}
#foxboro_header #header-bottom a.login {
    background: url(style/header-login.png) no-repeat 0 50%;
    padding-left: 34px;
}
#foxboro_header #header-bottom a.submit {
    background: url(style/header-submit.png) no-repeat 0 50%;
    padding-left: 26px;
}


/* *** navigation menu *** */
#foxboro_menu{
		
    display: inline-block;
    float: right;
    width: 630px;
    margin-top: 70px;
    margin-bottom: 10px;

}
#foxboro_menu ul li {
    font-family: 'Maven Pro', sans-serif;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    padding-right: 1px;

}
#foxboro_menu ul li.last {
    padding: 0;
    background: none;
}
#foxboro_menu ul li a {

}
#foxboro_menu ul li.first a {
    background: none;
}

#foxboro_menu .rootGroup .item .text {
    padding: 0 10px !important;
    line-height: 40px;

	color: #ec2224;
}
#foxboro_menu .rootGroup .item .text.expandTop {
    

}


#foxboro_menu .rootGroup .selectedtab, #foxboro_menu .rootGroup .item .expanded {
    background: #161616  repeat-x 0 0 !important;
}
#foxboro_menu .rootGroup .selectedtab .text.expandTop, #foxboro_menu .rootGroup .item .expanded .text.expandTop {
    background:  no-repeat 100% 13px;
}



/* dropdown menu */

#foxboro_menu div.slide ul {
    border: 1px solid #000000;
    border-top: 10px solid #000000;
}
#foxboro_menu div.slide ul li {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    background: none !important;
    padding: 0 !important;
}
#foxboro_menu div.slide ul li a {
    background: url(style/dropdown-background.png) repeat !important;
}
#foxboro_menu div.slide ul li a.selectedtab {
    background: url(style/dropdown-active.png) repeat !important;
}
#foxboro_menu div.slide ul li a .text {
    color: #777777 !important;
}
#foxboro_menu div.slide ul li a:hover .text {
    color: #B60000 !important;
}
#foxboro_menu div.slide ul li a.selectedtab .text {
    color: #ffffff !important;
}

#foxboro_menu div.slide .group .item .text {
    line-height: 30px;
}

#foxboro_menu div.slide div.slide ul {
    border-top: 1px solid #000000 !important;
}
#foxboro_menu div.slide div.slide .group .item .text {
    padding: 0 10px !important;
}


/* *** footer *** */
#foxboro_footer { display: none !important; }
#footer {
    background: #131313;
    text-align: left;
    color: #d9d9d9;
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.015em;
}
#footer #footerInner {
    width: 920px;
    margin: 0 auto;
    padding: 30px 0;
}

#footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #626262;
    text-align: center;
}
#footer ul li {
    display: inline;
    padding: 0 5px;
    line-height: 23px;
}
#footer a {
    color: #ffffff;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}

#footer #footerTop {
    width: 100%;
    overflow: hidden;
}
#footer div.microsoft-partner {
    width: 101px;
    float: left;
}
#footer #footerTop ul.footerAwards {
    text-align: left;
    overflow: hidden;
    float: right;
}
#footer #footerTop ul.footerAwards li {
    display: block;
    float: left;
    padding-left: 0;
    padding-right: 20px;
}
#footer #footerTop ul.footerAwards li.first {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
    padding-right: 30px;
    text-transform: uppercase;
}
#footer #footerTop ul.footerAwards li.viewAll {
    font-size: 12px;
    line-height: 12px;
    padding-top: 35px;
    text-transform: uppercase;
}

#footer #footerBottom {
    height: 115px;
    background: #f6f6f6 url(style/footer-gradient.png) no-repeat 50% 0;
    padding-top: 10px;
}
#footer #footerBottom a {
	color: #474848;
}



/* *** column widths and general styles *** */
#foxboro_two-column-right #foxboro_col2 {
    width: 730px;
}
#foxboro_two-column-right #foxboro_col2 div.pad {
    padding-left: 0;
}
#foxboro_col2 div.pad {
    padding-bottom: 35px !important;
}
div#foxboro_col3 a img{
	width: 100%;	
}
#foxboro_two-column-right #foxboro_col3 {
    width: 250px;
}

#foxboro_content {
    letter-spacing: 0.015em;
}
#foxboro_content a {
    text-decoration: none;
}
#foxboro_content a:hover {
    text-decoration: underline;
}


#foxboro_col2 h1 {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 15px;
    padding: 5px 10px;
    background: url(style/element-h1.png) repeat;
}
#foxboro_col2 h2 {
    font-family: "Arial Narrow", Arial, sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
#foxboro_col2 h2 span {
    color: #be0000 !important;
}
#foxboro_col2 h3 {
    font-family: "Arial Narrow", Arial, sans-serif !important;
    font-size: 18px;
    font-weight: bold;
}
#foxboro_col2 h4 {
    font-family: "Arial Narrow", Arial, sans-serif !important;
    font-size: 15px;
    font-weight: bold;
}
#foxboro_col2 h5 {
    font-family: "Arial Narrow", Arial, sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    color: #a1a1a1;
    text-transform: uppercase;
}
#foxboro_col2 ul {
    list-style-type: disc;
    margin: 1em 0;
    padding-left: 2em;
}
#foxboro_col2 ul ul {
    list-style-type: circle;
    margin: 0;
}
#foxboro_col2 ol {
    margin: 1em 0;
    padding-left: 2.5em;
}
#foxboro_col2 ol ol {
    margin: 0;
}
#foxboro_col2 .post{
	width: 615px !important;	
}
#foxboro_content #foxboro_col1 div.block div.pad, #foxboro_content #foxboro_col3 div.block div.pad {
    margin: 0;
    padding: 0;
}
#foxboro_content div.block {
    font-size: 1em;
    line-height: 125%;
}
#foxboro_content div.block h3 {
    font-family: "Arial Narrow", Arial, sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #a1a1a1;
    text-transform: uppercase;
    padding: 3px 5px;
    margin: 0 0 6px;
    background: url(style/element-h1.png) repeat;
    border-bottom: 5px solid #c3c3c3;
}
#foxboro_content div.block div[id*='_ContentPane'] {
   
    background: #ffffff;

}

#foxboro_content div.block p {
    font-size: 1em;
    margin: 1em 0;
    line-height: 125%;
}
#foxboro_content div.block a:hover {
    color: #be0000 !important;
}
#foxboro_content div.block ul {
    line-height: 125%;
    list-style-type: disc;
    margin: 0.5em 0;
    padding-left: 0;
}
#foxboro_content div.block ul li{
	list-style: none;
	border-bottom: 1px solid #eee; 
	padding: 3px 0;
}	
#foxboro_content div.block ul ul {
    list-style-type: circle;
    margin: 0;
}
#foxboro_content div.block ol {
    line-height: 125%;
    margin: 0.5em 0;
    padding-left: 2.5em;
}
#foxboro_content div.block ol ol {
    margin: 0;
}
#foxboro_content div.block li {
    font-size: 1em;
    padding: 0;
}

#foxboro_bottom h2 {
    color: #C3C3C3;
    font-family: "Arial Narrow",Arial,sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 145%;
    margin: 15px 0;
    padding: 0;
}



/* *** side nav *** */
#foxboro_sidemenu {
    width: 100%;
    overflow: hidden;
    margin: 0 0 8px;
    padding-top: 17px;
    background: url(style/sidenav-top.png) no-repeat 50% 0;
}
#foxboro_sidemenu #sidemenu_wrapper {
    padding-bottom: 17px;
    background: url(style/sidenav-bottom.png) no-repeat 50% 100%;
}
#foxboro_sidemenu div.radmenu {
    background: #eeeeee;
    box-shadow: inset 0 0 13px rgba(0,0,0, 0.15);
    -moz-box-shadow: inset 0 0 13px rgba(0,0,0, 0.15);
    -webkit-box-shadow: inset 0 0 13px rgba(0,0,0, 0.15);
    border: 1px solid #cfcfcf;
    padding: 12px 0;
}

#foxboro_sidemenu div.radmenu, #foxboro_sidemenu ul, #foxboro_sidemenu ul li, #foxboro_sidemenu ul li a, #foxboro_sidemenu ul li a span {
    float: none;
    display: block;
}
#foxboro_sidemenu ul li.seperator {
    display: none;
}
#foxboro_sidemenu ul li {
    font-family: 'Maven Pro', sans-serif;
    font-weight: 500;
    line-height: 30px;
}
#foxboro_sidemenu ul li a {
    margin: 0 -1px;
}
#foxboro_sidemenu ul li a:hover {
    color: #b60000 !important;
    text-decoration: none !important;
}
#foxboro_sidemenu ul li a span {
    padding: 0 16px;
}

#foxboro_sidemenu ul li a.selectedtab, #foxboro_sidemenu ul li a.selectedtab:hover {
    background: #b10000;
    box-shadow: inset 0 0 13px rgba(0,0,0, 0.15);
    -moz-box-shadow: inset 0 0 13px rgba(0,0,0, 0.15);
    -webkit-box-shadow: inset 0 0 13px rgba(0,0,0, 0.15);
    border: 1px solid #5e0000;
    color: #ffffff !important;
    width: 100% !important;
}


/* *** modules *** */
/* featured case study - homepage */
div.featured-case-study {
    width: 100%;
    overflow: hidden;
}
div.featured-case-study div.logo {
    text-align: center;
}
div.featured-case-study a.casestudyBtn {
    display: block;
    height: 30px;
    width: 140px;
    text-indent: -999em;
    background: url(style/casestudyBtn.png) no-repeat;
    float: right;
}
#foxboro_content div.follow-module ul {
    margin: 0;
    padding: 0;
}
#foxboro_content div.follow-module ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 30px;
    vertical-align: top;
}
div.follow-module ul li a {
    height: 32px;
    width: 32px;
    text-indent: -9999px;
    display: block;
}
div.follow-module ul li.googleplus a {
    text-indent: 0;
}
div.follow-module ul li.linkedin a {
    background: url(images/linkedin.png) no-repeat;
}
div.follow-module ul li.twitter a {
    background: url(images/twitter-2.png) no-repeat;
}


/* testimonials module */
div.feedreader_box td {
    display: none;
}
div.feedreader_box {
    width: 100%;
    overflow: hidden;
}
div.feedreader_box a.viewAll {
    float: right;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #B60000 !important;
}
#foxboro_content div.testimonials-block div[id*='_ContentPane'] {
    padding: 0;
    background: #ffffff;
    border: 0;
}
div.testimonials-block td.Item, div.testimonials-block td.AltItem {
    padding: 36px 0 15px 22px;
    background: url(style/testimonial-quote.png) no-repeat 2px 0;
}
div.testimonials-block div.ItemDetails {
    font-weight: bold;
    font-style: italic;
    color: #474848;
}
div.testimonials-block div.ItemDetails .ReadMoreLink {
    display: none;
}
div.testimonials-block div.ItemLink {
    font-size: 12px;
    text-align: right;
    color: #605f5f;
    padding-top: 15px;
}
#foxboro_content div.testimonials-block div.ItemLink a, div.testimonials-block div.ItemLink a:hover {
    color: #605f5f !important;
    text-decoration: none !important;
}

/* *** tabs *** */
#foxboro_col2 ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

#foxboro_col2 ul.tabs li {
	display: inline-block;
}

#foxboro_col2 ul.tabs li a {
    display: inline-block;
    margin: 0 0 -1px 3px;
    padding: 3px 10px 4px;
    border: 1px solid #cacaca;
    background: url(style/tabs-background.png) repeat-x;
    font-weight: bold;
    color: #505050;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    z-index: 10;
}
	#foxboro_col2 ul.tabs li .current {
		background: #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
		border-left: 1px solid #cacaca;
		border-right: 1px solid #cacaca;
		border-top: 1px solid #cacaca;
		color: #000;
	}
#foxboro_col2 ul.tabs li.current {
    background: url(style/tabs-selected-background.png) repeat-x;
    color: #010101;
    z-index: 10;
    border-bottom: none;
}
#foxboro_col2 ul.tabs li:after, #foxboro_col2 ul.tabs li:before {
    content: " ";
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 5px;
    border-color: #cacaca;
}
#foxboro_col2 ul.tabs li:after {
    right: -5px;
    border-bottom-left-radius: 5px;
    border-width: 0 1px 1px 0;
}
#foxboro_col2 ul.tabs li:before {
    left: -5px;
    border-bottom-right-radius: 5px;
    border-width: 0 1px 1px 0;
}

#foxboro_col2 .panes { z-index: 0; }

#foxboro_col2 .panes div {
    border: 1px solid #cacaca;
    background: #f2f2f2;
    padding: 0 20px 20px;
    position: relative;
    z-index: 5;
}
#foxboro_col2 .panes div h2 {
    font-size: 25px;
    height: 45px;
    margin-left: -5px;
    padding: 10px 0 0;
    width: 420px;
    color: #ae0000;
    font-weight: strong;
}
#foxboro_col2 .panes table .heading {
    
}
/* *** forms *** */
.ContactFormWrapper input {
    background: #f6f6f6 url(style/form-input.png) repeat-x left top !important;
    border: 1px solid #c2c2c2;
    padding: 7px 8px 3px !important;
    line-height: 23px;
/*    width: 262px !important;   */
    font-size: 13px !important;
    outline: 0;
}
.ContactFormWrapper textarea {
    background: #f6f6f6 url(style/form-input.png) repeat-x left top !important;
    border: 1px solid #c2c2c2;
    padding: 7px 8px 3px !important;
    height: 130px !important;
    width: 262px !important;
    font-family: Arial,sans-serif !important;
    font-size: 13px !important;
    line-height: 18px;
    outline: none;
    resize: none;
}
.ContactFormWrapper textarea, .ContactFormWrapper select {
    margin: 0 0 10px;
}
div.ContactFormWrapper div.CheckboxGroupContainer input {
    width: auto !important;
}
.ContactFormWrapper .FormSubmitButton {
    background: url(style/form-submit.png) no-repeat !important;
    width: 280px !important;
    height: 44px;
    line-height: 44px;
    padding: 0 8px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    border: 0;
    cursor: pointer;
}



/* *** misc *** */
#cse-search-results iframe {
    width: 100% !important;
}
p.hk_menu { 
}
.img-right {
float: right;
padding: 0 0 10px 10px;
}
.view-all-button {
overflow: hidden;
}
.clear {
clear: both;
}
#test-drive-cta {
width: 320px;
height: 130px;
margin-bottom: 15px;
display: block;

background: url(images/test-drive-cta.png) no-repeat;
background-size: 80%;
}
#talk-by-phone-cta {
width: 320px;
height: 83px;
margin-bottom: 15px;
display: block;
background: url(images/talk-by-phone-cta.png) no-repeat;
background-size: 78%;
}
#mailscape-solutions-cta {
width: 320px;
height: 40px;
margin-bottom: 15px;
display: block;
background: url(images/mailscape-solutions-cta.png) no-repeat;
background-size: 80%;
}


#bottomPane {
    width: 100%;
    overflow: hidden;
}
#bottomPane .left {
    width: 50%;
    float: left;
}
#bottomPane .right {
    width: 50%;
    float: right;
}

.syntaxhighlighter{background-color:white !important;}.syntaxhighlighter .line.alt1{background-color:white !important;}.syntaxhighlighter .line.alt2{background-color:white !important;}.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2{background-color:#e0e0e0 !important;}.syntaxhighlighter .line.highlighted.number{color:black !important;}.syntaxhighlighter table caption{color:black !important;}.syntaxhighlighter .gutter{color:#afafaf !important;}.syntaxhighlighter .gutter .line{border-right:3px solid #6ce26c !important;}.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c !important;color:white !important;}.syntaxhighlighter.printing .line .content{border:none !important;}.syntaxhighlighter.collapsed{overflow:visible !important;}.syntaxhighlighter.collapsed .toolbar{color:blue !important;background:white !important;border:1px solid #6ce26c !important;}.syntaxhighlighter.collapsed .toolbar a{color:blue !important;}.syntaxhighlighter.collapsed .toolbar a:hover{color:red !important;}.syntaxhighlighter .toolbar{color:white !important;background:#6ce26c !important;border:none !important;}.syntaxhighlighter .toolbar a{color:white !important;}.syntaxhighlighter .toolbar a:hover{color:black !important;}.syntaxhighlighter .plain, .syntaxhighlighter .plain a{color:black !important;}.syntaxhighlighter .comments, .syntaxhighlighter .comments a{color:#008200 !important;}.syntaxhighlighter .string, .syntaxhighlighter .string a{color:blue !important;}.syntaxhighlighter .keyword{color:#006699 !important;}.syntaxhighlighter .preprocessor{color:gray !important;}.syntaxhighlighter .variable{color:#aa7700 !important;}.syntaxhighlighter .value{color:#009900 !important;}.syntaxhighlighter .functions{color:#ff1493 !important;}.syntaxhighlighter .constants{color:#0066cc !important;}.syntaxhighlighter .script{font-weight:bold !important;color:#006699 !important;background-color:none !important;}.syntaxhighlighter .color1, .syntaxhighlighter .color1 a{color:gray !important;}.syntaxhighlighter .color2, .syntaxhighlighter .color2 a{color:#ff1493 !important;}.syntaxhighlighter .color3, .syntaxhighlighter .color3 a{color:red !important;}.syntaxhighlighter .keyword{font-weight:bold !important;}