html, body#Body {
background: #000 !important;
zoom: 1;
}
#foxboro_body { background: #fff; }
#foxboro_body #foxboro_container {
width: 100%;
}
/* courtesy links */
#foxboro_body #foxboro_courtesy_links {
background: #fff;
width: 940px;
margin: 0 auto;
}
#header_aux {
float: right;
position: relative;
height: 58px;
}
#header_aux #courtesy {
position: absolute;
right: 300px;
top: 16px;
text-align: right;
color: #ccc;
font-size: 12px;
width: 400px;
}
#foxboro_courtesy_links #courtesy a {
color: #ccc;
font-size: 12px;
padding: 0 10px;
}
#foxboro_courtesy_links #courtesy a:hover { color: #01afe9; }
#header_aux #search {
position: absolute;
right: 121px;
top: 13px;
}
#header_aux #search input#q {
width: 155px;
height: 20px;
border: 1px solid #ccc;
padding: 0 0 0 3px;
}
#header_aux #search input#search-submit {
position: absolute;
right: 1px;
top: 1px;
width: 20px;
height: 20px;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/search.png') right top no-repeat;
overflow: hidden;
text-indent: -999em;
text-transform: uppercase;
border: 0;
cursor: pointer;
}
#header_aux #buy {
display: block;
width: 99px;
height: 35px;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/buy_now.png') left top no-repeat;
overflow: hidden;
text-indent: -999em;
position: absolute;
top: 0;
right: 6px;
}
/* header */
#foxboro_container #foxboro_header {
height: 58px;
background: none;
width: 940px;
margin: -48px auto 0;
}
/* menu */
#foxboro_container #foxboro_menu {
margin-top: 35px;
background: none;
border-bottom: 7px solid #01afe9;
}
#foxboro_container #foxboro_menu .radmenu {
width: 940px;
margin: 0 auto;
float: none;
position: relative;
}
#foxboro_container #foxboro_menu .radmenu a {
background: none;
margin: 0 17px;
padding-bottom: 10px;
}
#foxboro_container #foxboro_menu .radmenu a .text {
color: #000;
text-transform: uppercase;
font-size: 13px;
padding: 0;
}
#foxboro_container #foxboro_menu .radmenu a:hover .text,
#foxboro_container #foxboro_menu .radmenu a.selectedtab .text {
color: #01afe9;
}
#foxboro_container #foxboro_menu .radmenu li.first a { margin-left: 0px; }
#foxboro_container #foxboro_menu .radmenu li.last a { margin-right: 0px; }
/* dropdowns */
#foxboro_container #foxboro_menu .group {
background: #fff;
border-left: 6px solid #01afe9;
border-bottom: 6px solid #01afe9;
border-right: 6px solid #01afe9;
}
#foxboro_container #foxboro_menu .radmenu .group a {
margin: 0;
padding: 5px 10px;
}
#foxboro_container #foxboro_menu .radmenu .group a .text {
text-transform: none;
font-weight: normal;
color: #666;
}
#foxboro_container #foxboro_menu .radmenu .group li.first a { margin-left: inherit; }
#foxboro_container #foxboro_menu .radmenu .group li.last a { margin-right: inherit; }
#foxboro_container #foxboro_menu .radmenu li.first li.item a { margin-left: inherit; }
#foxboro_container #foxboro_menu .radmenu .group a:hover .text { color: #01afe9; }
#foxboro_container #foxboro_menu .radmenu .level2 { display: none !important; }
#foxboro_container #foxboro_content {
padding-bottom: 0px;
}
#home-top {
height: 475px;
background: #fff url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/header_top_bg.png') left top repeat-x;
}
#home-top #top-wrap {
width: 940px;
margin: 0 auto;
position: relative;
}
#home-top h1 { margin: 0; }
#top-wrap #main-callout {
background: #000; /* url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/home_top.jpg') left top no-repeat;*/
width: 940px;
height: 252px;
overflow: hidden;
position: relative;
}
/* #top-wrap #main-callout a {*/
/* position: absolute;*/
/* left: 384px;*/
/* top: 150px;*/
/* background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/natural_strengths-button.png') left top no-repeat;*/
/* display: block;*/
/* width: 314px;*/
/* height: 38px;*/
/* }*/
#top-wrap #assessments {
background: transparent url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/individual_assessments.png') left top no-repeat;
position: absolute;
left: 42px;
top: 260px;
width: 628px;
height: 40px;
overflow: hidden;
text-indent: -999em;
}
#top-wrap #archetypes {
background: transparent url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/archetypes.png') left top no-repeat;
position: absolute;
left: 42px;
top: 306px;
width: 301px;
height: 156px;
overflow: hidden;
text-indent: -999em;
}
#top-wrap #sally {
background: transparent url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/sally.png') left top no-repeat;
position: absolute;
left: 368px;
top: 306px;
width: 301px;
height: 156px;
overflow: hidden;
text-indent: -999em;
}
#top-wrap #sample {
background: #000 url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/free_assessment.png') left top no-repeat;
position: absolute;
left: 685px;
top: 213px;
width: 271px;
height: 166px;
padding: 47px 25px 0;
z-index: 999;
}
#top-wrap #sample p {
font-size: 12px;
color: #000;
margin: 0; }
#top-wrap #sample .form {
position: absolute;
left: 25px;
top: 90px;
}
#top-wrap #sample .form input {
display: block;
width: 130px;
border: 2px solid #000;
margin-bottom: 7px;
color: #999;
padding: 2px 4px;
}
#top-wrap #sample .form input::-webkit-input-placeholder,
#top-wrap #sample .form input:-moz-placeholder {
color: #dbdbdb;
}
#top-wrap #sample .form input#submit {
border: none;
width: 120px
height: 19px;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/signup_button.png') left top no-repeat;
text-transform: uppercase;
text-indent: -999em;
overflow: hidden;
cursor: pointer;
}
#foxboro_body #foxboro_footer { display: none; }
#logo {
display: block;
overflow: hidden;
text-indent: -999em;
width: 234px;
height: 58px;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/logo.png') left top no-repeat;
}
/*************
CONTENT
*************/
/* homepage */
#foxboro_content #foxboro_three-eq-column {
width: 940px;
margin: 0 auto;
}
/* interior */
#foxboro_content #foxboro_three-column {
float: none;
padding-top: 0;
width: 938px;
margin: 0 auto;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/3col_bg.png') left top repeat-y;
position: relative;
}
#foxboro_content #foxboro_two-column {
float: none;
padding-top: 0;
width: 938px;
margin: 0 auto;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/2col_bg.png') left top repeat-y;
position: relative;
}
#foxboro_content #foxboro_three-column #page-banner {
position: absolute;
top: 0; right: 0;
width: 728px;
height: 127px;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/interior_headerbg.png') left top no-repeat;
font-size: "Helvetica Neue", arial, helvetica, sans-serif;
overflow: hidden;
}
#foxboro_content #foxboro_three-column #page-banner .title {
color: #fff;
font-size: 30px;
text-transform: uppercase;
margin-left: 45px;
display: block;
width: 240px;
height: 119px;
line-height: 119px;
float: left;
letter-spacing: 1px;
text-shadow: 0px 0px 8px rgba(0, 0, 102, 0.85);
}
#foxboro_content #foxboro_three-column #page-banner .subtitle {
margin-left: 30px;
color: #003366;
font-size: 19px;
display: block;
width: 380px;
line-height: 1.2;
height: 119px;
display: table-cell;
vertical-align: middle;
}
#foxboro_content #foxboro_three-column #foxboro_col1,
#foxboro_content #foxboro_two-column #foxboro_col1 {
width: 210px;
}
#foxboro_content #foxboro_two-column #foxboro_col1 {
padding-bottom: 30px;
}
/* sidemenu */
#foxboro_three-column #foxboro_side-menu_top,
#foxboro_three-column #foxboro_side-menu_bottom {
height: auto;
}
#foxboro_three-column #foxboro_side-menu_bottom {
margin-bottom: 20px;
}
#foxboro_three-column #foxboro_side-menu_top h2 {
text-align: center;
margin: 10px 0 5px;
display: none;
}
#foxboro_three-column #foxboro_side-menu_top h2 a {
text-decoration: none;
color: #000;
font-size: 13px;
text-align: center;
}
#foxboro_three-column #foxboro_side-menu_top ul {
list-style-type: none;
padding: 0; margin: 0; margin-top: 20px;
}
#foxboro_three-column #foxboro_side-menu_top ul a {
border-bottom: 1px solid #dbdbdb;
display: block;
font-size: 13px;
color: #666;
text-decoration: none;
padding: 8px 12px;
}
#foxboro_three-column #foxboro_side-menu_top ul a:hover {
color: #333;
}
#foxboro_three-column #foxboro_side-menu_top ul a.selectedtab {
font-weight: bold;
color: #000;
}
/* second level sidemenu */
#foxboro_three-column #foxboro_side-menu_top ul ul {
margin-top: 0;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/sidebarnav_children.png') left top repeat-y;
padding-bottom: 7px;
list-style-type: none;
}
#foxboro_three-column #foxboro_side-menu_top ul ul a {
border: none;
padding: 4px 8px 4px 32px;
margin-right: 2px;
font-size: 12px;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/sidebarnav_bullet.png') 22px center no-repeat;
}
#foxboro_three-column #foxboro_side-menu_top ul ul a.selectedtab {
color: #fff;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/sidebarnav_darkbullet.png') 22px center no-repeat #090909;
}
/* left sidebar content */
#foxboro_three-column #foxboro_col1 #dnn_Col1Pane .pad {
padding: 0;
margin-left: 12px;
background: none;
}
#foxboro_content #foxboro_three-column #foxboro_col2,
#foxboro_content #foxboro_three-column #foxboro_col3 {
padding-top: 128px;
}
/* center column */
#foxboro_content #foxboro_three-column #foxboro_col2 {
width: 520px;
}
#foxboro_content #foxboro_two-column #foxboro_col2 {
width: 725px;
}
#foxboro_content #foxboro_three-column #foxboro_col2 .pad,
#foxboro_content #foxboro_two-column #foxboro_col2 .pad {
/*padding-top: 30px;*/
padding-top: 10px;
}
#foxboro_content #foxboro_three-column #foxboro_col2 h1,
#foxboro_content #foxboro_two-column #foxboro_col2 h1 {
text-transform: uppercase;
color: #01afe9;
}
#foxboro_content #foxboro_three-column #foxboro_col2 h2,
#foxboro_content #foxboro_two-column #foxboro_col2 h2 {
text-transform: normal;
color: #000;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
#foxboro_content #foxboro_three-column #foxboro_col2 p,
#foxboro_content #foxboro_three-column #foxboro_col2 ul,
#foxboro_content #foxboro_three-column #foxboro_col2 ol {
margin-top: 0;
margin-bottom: 15px;
color: #000;
}
/* right column */
#foxboro_content #foxboro_three-column #foxboro_col3 {
width: 208px;
}
#foxboro_three-column #foxboro_col3 #dnn_Col3Pane .pad {
padding: 0;
margin-left: 12px;
background: none;
}
/* right column widgets */
#foxboro_content #foxboro_col3 h3 {
text-transform: uppercase;
/* color: #01AFE9!important;
font-size: 14px;*/
font-weight: normal;
margin: 18px 0px;
}
#foxboro_content #foxboro_col3 a {
color: #666;
font-size: 12px;
}
#foxboro_content #foxboro_three-column #foxboro_col3 div.block {
border-bottom: 2px dotted #aaa;
padding-bottom: 17px;
margin: 0 14px 17px 12px;
}
#foxboro_content #foxboro_three-column #foxboro_col3 div.block div.pad { margin: 0; padding: 0; }
#foxboro_content #foxboro_three-column #foxboro_col3 .block p { margin: 0 0 0 0; padding: 0; }
#foxboro_content #foxboro_three-column #foxboro_col3 .block ul { list-style-type: none; padding: 0; margin: 10px 0 0 0; }
#foxboro_content #foxboro_three-column #foxboro_col3 .block ul li {
padding: 0 0 0 10px;
margin: 0;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/sidebarnav_bullet-light.png') left center no-repeat;
line-height: 1.5; }
#foxboro_content #foxboro_three-column #foxboro_col3 .block ul li a {
color: #666;
font-size: 12px;
}
#foxboro_col3 #social {
width: 180px;
height: 83px;
border: 1px solid #c6c6c6;
margin: 14px 12px;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/social_bg.png') left top no-repeat;
}
#foxboro_col3 #social h3 { color: #01afe9; margin: 13px 17px 10px; }
#foxboro_col3 #social ul { list-style-type: none; padding: 0; margin-left: 17px; }
#foxboro_col3 #social li { float: left; }
#foxboro_col3 #social ul a {
background: url("http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/social_trans.png") no-repeat scroll left top transparent;
display: block;
height: 33px;
margin-right: 4px;
overflow: hidden;
text-indent: -999em;
width: 32px;
}
#foxboro_col3 #social ul a#twitter { background-position: -32px 0; width: 31px; }
#foxboro_col3 #social ul a#youtube { background-position: -95px 0; }
#foxboro_col3 #social ul a#linkedin { background-position: -63px 0; }
/* tweet */
#foxboro_col3 .tweet {
margin-top: 10px;
font-size: 18px;
color: #01afe9;
margin-bottom: 10px;
line-height: 1.4;
}
#foxboro_col3 .share-tweet {
line-height: 20px;
position: relative;
padding-left: 60px;
}
#foxboro_col3 .share-tweet iframe {
position: absolute;
left: 0; top: 0;
}
/*************
FOOTER
*************/
#logo-parade {
background-color: #fff;padding-bottom: 20px;
margin: 0 auto;
width: 940px;
}
#footer-wrap {
background: #000;
border-top: 7px solid #02AFE9;
}
#footer-wrap #footer {
width: 940px;
margin: 0 auto 25px;
text-align: left;
color: #fff;
margin-top: 35px;
font-size: 13px;
}
#footer-wrap #footer a {
color: #fff;
}
#footer-wrap #footer a:hover {
color: #02afe9;
}
#footer-wrap #contact {
width: 200px;
float: left;
list-style-type: none;
padding: 0; margin: 0;
}
#footer-wrap #contact li {
clear: left;
color: #fff;
}
#contact .social {
list-style-type: none;
padding: 0;
padding-bottom: 16px;
float: left;
margin-top: 10px;
margin-bottom: 0;
}
#footer-wrap #contact .social li {
float: left;
clear: none;
}
#contact .social a {
display: block;
width: 32px;
height: 33px;
overflow: hidden;
text-indent: -999em;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/social_trans.png') left top no-repeat;
margin-right: 4px;
}
#contact .social a#twitter { background-position: -32px 0; }
#contact .social a#linkedin { background-position: -63px 0; }
#contact .social a#youtube { background-position: -95px 0; }
#footer-wrap #subscribe {
margin-left: 20px;
margin-right: 40px;
margin-top: 10px;
width: 280px;
float: left;
}
#subscribe h5 {
margin: 0 0 20px;
font-size: 16px;
text-transform: uppercase;
}
#subscribe label {
width: 80px;
display: inline-block;
}
#subscribe #firstname-email,
#subscribe #subscribe-email { width: 175px; padding: 1px 7px; margin: 2px 0 }
#subscribe #subscribe-submit {
border: 0;
display: block;
color: #fff;
background: #0083db;
text-transform: uppercase;
margin-top: 10px;
padding: 5px 7px;
}
#footer-wrap #show-me-how {
width: 350px;
height: 105px;
text-indent: -999em;
overflow: hidden;
float: right;
background: url('http://howtofascinate.web11.hubspot.com/Portals/126289/images/howdoifascinate.png ') left top no-repeat;
}
#footer-wrap #footer-footer {
clear: both;
width: 100%;
border-top: 1px solid #515151;
text-align: center;
color: #999;
font-size: 13px;
text-transform: uppercase;
padding-top: 15px;
margin-top: 40px;
float: left;
}
#footer-wrap #footer-footer a {
color: #999;
text-transform: none;
}
#footer-wrap #footer-footer a:hover {
color: #02AFE9;
}
span#hsjssp { display: none; }
/* utilities */
/* For modern browsers */
.contain:before,
.contain:after {
content:"";
display:table;
}
.contain:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.contain {
zoom:1;
}
/* custom button layouts */
#foxboro_col2 a.button {
display: block;
display: inline-block;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/button.png') left top repeat-x;
width: auto; height: 30px;
line-height: 29px;
position: relative;
color: #000;
text-decoration: none;
margin: 0 0 15px 0;
border: 3px solid #666;
font-weight: bold;
}
#foxboro_col2 a.button span {
display: block;
border: 1px solid #fff2d9;
background: url('http://streamcreativedev.com/clients/sallyhogshead/howtofascinate.com/images/arrow.png') 9px 8px no-repeat;
padding: 0 15px 0 25px;
height: 28px;
text-transform: uppercase;
}
#foxboro_col2 a.button:hover {
background-image: none;
background-color: #ffab00;
}
/* search */
.cse, #foxboro_col2 .gsc-control-cse, .gsc-control-cse { padding: 0; }
.gcsc-branding { display: none }
/* Interior Testimonial Area */
#foxboro_content #foxboro_three-column #foxboro_col3 p.testimonial {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:1.2em;
line-height:140%;
color:#666;
float:left;
padding: 15px 15px 0px 15px;
margin-bottom: 0!important;
}
#foxboro_content #foxboro_three-column #foxboro_col3 p.who-said-it {
font-family:Georgia, "Times New Roman", Times, serif;
color:#666;
float:left;
font-size: 1em;
font-style: normal;
padding: 0 15px;
margin-bottom: 40px!important;
}
#foxboro_content #foxboro_three-column #foxboro_col3 p {
margin-bottom: 20px!important;
}
/* Triggers chart */
#foxboro_content #foxboro_three-column #foxboro_col1 div#seven-triggers-wrapper {
margin: 0 10px 15px 25px;
}
#foxboro_col1 #seven-triggers-wrapper h3 {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase!important;
color: #01AFE9!important;
font-weight:normal!important;
}
#foxboro_col1 #seven-triggers-wrapper p {
font-size: 11.5px;
}
ul.triggers {
list-style: none;
margin: 0!important;
padding: 0;
}
ul.triggers li {
padding: 0!important;
margin-bottom: 2px!important;
}
ul.triggers li a {
text-indent: -9999px;
display: block;
height: 24px;
width: 156px;
}
ul.triggers li.trigger-alarm {
background: url('http://howtofascinate.web11.hubspot.com/Portals/126289/images/btn-trigger-alarm.jpg') 0 0 no-repeat;
}
ul.triggers li.trigger-mystique {
background: url('http://howtofascinate.web11.hubspot.com/Portals/126289/images/btn-trigger-mystique.jpg') 0 0 no-repeat;
}
ul.triggers li.trigger-passion {
background: url('http://howtofascinate.web11.hubspot.com/Portals/126289/images/btn-trigger-passion.jpg') 0 0 no-repeat;
}
ul.triggers li.trigger-power {
background: url('http://howtofascinate.web11.hubspot.com/Portals/126289/images/btn-trigger-power.jpg') 0 0 no-repeat;
}
ul.triggers li.trigger-prestige {
background: url('http://howtofascinate.web11.hubspot.com/Portals/126289/images/btn-trigger-prestige.jpg') 0 0 no-repeat;
}
ul.triggers li.trigger-rebellion {
background: url('http://howtofascinate.web11.hubspot.com/Portals/126289/images/btn-trigger-rebellion.jpg') 0 0 no-repeat;
}
ul.triggers li.trigger-trust {
background: url('http://howtofascinate.web11.hubspot.com/Portals/126289/images/btn-trigger-trust.jpg') 0 0 no-repeat;
}
ul.triggers li:hover {
background-position: 0 -24px;
}
/* Interior Styles - JC */
#foxboro_col2 p.pull-quote {
font-family:Georgia, "Times New Roman", Times, serif!important;
font-size: 18px;
line-height: 135%;
color: #999!important;
font-weight: normal;
margin: 18px 0px;
/*border-top: 1px dotted #999;
border-bottom: 1px dotted #999;*/
padding: 8px 35px;
}
#foxboro_col2 ol p.pull-quote, #foxboro_col2 ul p.pull-quote, {
font-family:Georgia, "Times New Roman", Times, serif!important;
font-size: 18px;
line-height: 135%;
color: #999!important;
font-weight: normal;
margin: 0px!important;
padding: 0px!important;
}
#foxboro_col2 p.pull-quote a {
color: #999!important;
border-bottom: 1px dotted #999;
text-decoration:none;
}
#foxboro_col2 p.pull-quote a:hover {
border-bottom: none;
text-decoration:none;
}
#foxboro_col2 ul li {
padding-bottom: 10px;
}
#foxboro_col2 ol {
padding: 0px 0px 0px 40px!important;
margin: 0px!important;
}
#foxboro_col2 ol li {
padding-bottom: 10px;
}
#foxboro_col2 {
line-height: 145%;
}
#foxboro_col2 a {
color: #000!important;
}
#foxboro_col2 h2 {
text-transform: normal!important;
color: #01AFE9!important;
font-size: 155%!important;
line-height: 120%!important;
padding: 10px 0px!important;
margin: 20px 0px 20px 0px!important;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
font-weight:normal!important;
}
/*
#foxboro_col2 h3 {
text-transform: normal!important;
color: #000!important;
font-size: 125%!important;
padding: 0px 0px!important;
margin: 25px 0px 15px 0px!important;
font-weight:normal!important;
}
*/
#foxboro_col2 #featured-content {
/* border-top: 1px dotted #999;
border-bottom: 1px dotted #999;*/
padding: 10px 0px!important;
margin: 0px 0px!important;
}
#foxboro_col2 #featured-content h3 {
font-family:Georgia, "Times New Roman", Times, serif!important;
border-top: none;
border-bottom: none;
color: #a09b7d!important;
padding: 0px!important;
margin: 15px 0px!important;
}
#foxboro_col2 #featured-content p {
font-family:Georgia, "Times New Roman", Times, serif!important;
color: #a09b7d!important;
}
#foxboro_col3 img.prelaunch-special {
margin-left: 12px;
}
.socialicons {
border-bottom: 1px dashed #eee;
height: 20px;
margin-bottom: 20px;
padding-bottom: 10px;
}
.socialinner {
float: right;
}