html,body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border-top-width: 6;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block;
}
a img {border: 0;}
table{font-size:inherit;}
pre,code,kbd,samp,tt
{font-family:monospace;font-size:108%;line-height:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
padding: 0;
margin: 0px;
}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}html{overflow:-moz-scrollbars-vertical;}textarea{overflow:auto;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}a{outline:0;}strong{font-weight:bold;}
*:focus{outline:none;}
/* Selection colours (easy to forget) */
::selection {background: rgb(255,255,158);}
::-moz-selection {background: rgb(255,255,158);}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}
/* DEFAULTS
-----------------------------------------------------------*/
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body
{
background:url('../images/et-orange-sphericals.png') no-repeat 50% 0;
background-color: #fff;
font-size: 1em;
font-family: "SourceSansProRegular","Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: #696969;
}
.bg{
background:url('../images/et-orange-sphericals2.png') no-repeat 50% 0;
background-color: #fff;
font-size: 1em;
font-family: "SourceSansProRegular","Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: #696969;
}
.bg2{
background:url('../images/et-orange-sphericals3.png') no-repeat 50% 0;
background-color: #fff;
font-size: 1em;
font-family: "SourceSansProRegular","Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: #696969;
}
a:link
{
color: #20345A;
}
a:hover
{
color: #20345A;
text-decoration:underline;
}
a:active
{
color: #20345A;
}
.button a:link,.button a:visited, a.button, a.button:visited
{
color: #fff;
}
a.secondary, a.secondary:visited
{
color: #555;
}
.link{
color:#cacaca;
text-decoration:none;
}
.link:hover{
color:#cacaca;
text-decoration:underline;
}
p
{
margin-bottom: 10px;
line-height: 1.4em;
}
/* HEADINGS
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
font-size: 1.3em;
color: #666666;
text-transform: none;
margin-bottom: 0px;
font-family:'SourceSansProBold'
}
h1
{
font-size: 1.4em;
line-height:1.6em;
}
h2
{
font-size: 1.3em;
line-height:1.5em;
}
h3
{
font-size: 1em;
line-height:1.6em;
}
h4
{
font-size: .9em;
}
h5, h6
{
font-size: .8em;
}
h1
{
font-family:'LeagueGothicRegular', Helvetica, Arial, Sans-Serif;
font-size:2em;
color:#20345a;
margin:20px 0 0 0;
}
h2
{
font-family:'LeagueGothicRegular', Helvetica, Arial, Sans-Serif;
font-size:1.6em;
color:#84a633;
}
h4
{
font-family:'LeagueGothicRegular', Helvetica, Arial, Sans-Serif;
font-size:1.4em;
color:#A67A1A;
letter-spacing:.1em;
}
.footer
{
color: #ccc;
margin: 0px auto;
width:1070px;
height:50px;
background-color:#333;
padding-top:15px;
}
/* TAB MENU
-----------------------------------------------------------*/
.top-bar
{
width:100%;
background:#111;
background:rgba(10,10,10,.5);
margin-bottom:0;
z-index:99;
}
.top-bar .name h1
{
font-size:1.3em;
}
.top-bar-section ul li a, .top-bar-section ul li a:visited, .top-bar-section ul li
{
color: #ece9d9;
font-family:'BebasNeueRegular', 'Arial Narrow', Sans-Serif;
text-decoration: none;
font-size:1em;
text-shadow: 1px 1px 2px #222222;
letter-spacing:1.2px;
font-weight:normal;
}
.top-bar-section ul li a:hover
{
text-shadow: 0px 0px 20px #ffffff;
text-decoration: none;
}
.top-bar-section ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
.top-bar-section li a:not(.button)
{
background:none;
}
.top-bar-section li ul li a:not(.button)
{
background:#111;
background:rgba(10,10,10,.7);
}
/* FORM ELEMENTS
-----------------------------------------------------------*/
fieldset
{
margin: 1em 0px;
padding: 1em;
border: 1px solid #ccc;
}
fieldset p
{
margin: 2px 12px 10px 10px;
}
fieldset.login label, fieldset.register label, fieldset.changePassword label
{
display: block;
}
fieldset label.inline
{
display: inline;
}
legend
{
font-size: .9em;
font-weight: 600;
padding: 2px 4px 8px 4px;
}
input.textEntry
{
width: 320px;
border: 1px solid #ccc;
}
input.passwordEntry
{
width: 320px;
border: 1px solid #ccc;
}
div.accountInfo
{
width: 42%;
}
/* MISC
-----------------------------------------------------------*/
.loading
{
position:absolute;
top:0;
left:0;
background-color: #fff;
z-index: 999;
opacity:.8;
filter:alpha(opacity=80);
-moz-opacity:0.8;
z-index:999;
width:100%;
height:100%;
visibility:hidden;
}
.loading img
{
position:absolute;
top:50%;
left:50%;
margin:-32px 0 0 -32px;
}
.newsletter-loading-visible
{
visibility:visible;
}
.clear
{
clear: both;
}
.loginDisplay
{
font-size: .6em;
display: none;
text-align: right;
color: White;
position:absolute;
right:5px;
top:0px;
}
.loginDisplay a:link
{
color: white;
}
.loginDisplay a:visited
{
color: white;
}
.loginDisplay a:hover
{
color: white;
}
.failureNotification
{
font-size: 1em;
color: Red;
}
.bold
{
font-weight: bold;
}
/* Default Layout: 992px.
Gutters: 24px.
Outer margins: 48px.
Leftover space for scrollbars @1024px: 32px.
--------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */
.page
{
position:relative;
padding:0 0 50px 0;
}
/* PRIMARY LAYOUT ELEMENTS
-----------------------------------------------------------*/
.newsletterblock, .leftcolblockinner
{
position:relative;
}
.left-content
{
}
.header-wrap
{
position:relative;
z-index:10;
height:340px;
}
.header
{
position:relative;
margin: 0 0 0 10px;
padding: 10px 24px 0px 24px;
background:#fff;
background:rgba(255,255,255,.9);
border-left:solid 5px #ccc;
border-right:solid 5px #ccc;
border-bottom:solid 5px #ccc;
width:auto;
z-index:10;
}
.header-small
{
padding:10px 0 0 0;
}
.header-small ul
{
margin:10px 0;
overflow:hidden
}
.header-small ul li
{
float:left;
width:50%;
background:#fff;
padding:2%;
border:solid 1px #f1f1f1;
color:#20345a;
}
.header-small ul li h2
{
font-size:1.3em;
line-height:1.35em;
text-align:center;
color:#777;
font-weight:normal;
}
.header-small ul li h3
{
font-size:.8em;
line-height:1.2em;
text-align:center;
color:#20345a;
font-weight:normal;
font-family:'SourceSansProBold';
text-transform:uppercase;
}
.header-small ul .button
{
font-family:Arial;
text-transform:uppercase;
font-size:.5em;
margin:0;
}
.header h1
{
font-weight: 700;
margin: 0px;
padding: 0px;
color: #111;
border: none;
font-size: 1.8em;
}
.header .title
{
display:block;
width:auto;
height:auto;
margin:0 0 0 0;
overflow:hidden;
}
.header .title a
{
display:block;
width:auto;
height:auto;
}
.header .title a img
{
display:block;
}
.header-info
{
clear:both;
width:100%;
background:url('../images/header-divider.png') no-repeat 50% 15px;
padding:25px 0 0 0;
}
.header ul
{
list-style:none;
}
.header ul li
{
width: 100%;
line-height: normal;
padding-top: 0px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 0;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.header ul li h2
{
color:#a67a1a;
font-family:'LeagueGothicRegular', Helvetica, Arial, Sans-Serif;
font-size:1.6em;
font-weight:normal;
line-height:normal;
}
.header ul li h3
{
line-height:.8em;
color:#888;
}
.header ul li .price-detail
{
font-size:.8em;
color:#a67a1a;
}
.header ul li .special
{
color:#84a633;
padding:0 0 0 5px;
}
.header ul li .group-special
{
font-size:.7em;
color:#84a633;
padding:0 0 0 10px;
}
.header-images
{
margin:10px 0 0 0;
padding:0;
position:relative;
}
.header-image
{
margin:10px 0 0 0;
padding:0;
height:225px;
width:auto;
position:relative;
}
.header-image img
{
width:100%;
border:solid 1px #fff;
}
.main-wrap
{
position: relative;
margin-top: -340px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.home-content
{
clear:both;
display:block;
overflow:hidden;
min-height:500px;
position:relative;
}
.home-content .sidebar
{
margin-top: 80px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.home-content .sidebar h3
{
font-family:'SourceSansProBlack';
font-size:1.25em;
text-transform:uppercase;
text-align:center;
font-weight:normal;
line-height:1.3em;
}
.content
{
float:right;
clear:both;
display:block;
overflow:hidden;
width:620px;
min-height:500px;
position:relative;
padding:0px 15px 20px 15px;
}
.section-container .content
{
float:none;
clear:inherit;
display:inherit;
width:auto;
min-height:inherit;
padding:0;
}
.content h3
{
font-weight:bold;
}
#slidermenu
{
display:block;
overflow:hidden;
position:relative;
max-height:350px;
}
#slidermenu li
{
overflow:hidden;
position:relative;
}
#slidermenu img
{
width:100%;
}
#slidermenu .slide-image
{
position:absolute;
top:0px;
left:0px;
z-index:2;
}
#slidermenu .slide-description
{
display:none;
position:absolute;
top:180px;
left:0;
z-index:3;
font-family:'LeagueGothicRegular', Helvetica, Arial, Sans-Serif;
color:#20345a;
padding:20px 20px 20px 340px;
font-size:1.8em;
width:620px;
zoom: 1;
background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff);
background:rgba(255,255,255,.7);
}
#slidercontrol
{
position:absolute;
right:111px;
bottom:-1px;
z-index:4;
width:440px;
}
.bx-pager-link
{
display:block;
text-indent:-9999px;
width:146px;
height:50px;
float:left;
}
.bx-pager-link-1
{
background:url('../images/reflect-btn-bg.png') no-repeat 50% -50px;
}
.bx-pager-link-2
{
background:url('../images/plan-btn-bg.png') no-repeat 50% -50px;
}
.bx-pager-link-3
{
background:url('../images/connect-btn-bg.png') no-repeat 50% -50px;
}
.bx-pager-link:hover
{
background-position:50% -100px;
}
#slidercontrol .active
{
background-position:50% 0px;
}
.slider-video a
{
position:absolute;
display:block;
z-index:10;
width:190px;
height:131px;
top:180px;
text-indent:-9999px;
}
#video-1 a
{
display:none;
}
.video-1 a
{
background:url('../images/reflect-video-bg.png') no-repeat 0 0;
left:388px
}
.video-1 a:hover
{
background-position:0 -131px;
}
.testimonials
{
display:block;
width:auto;
height:auto;
padding:15px 30px 15px 40px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(209,209,209,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(209,209,209,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(209,209,209,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(209,209,209,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(209,209,209,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(209,209,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1', GradientType=0 );
border:solid 1px #ccc;
overflow:hidden;
}
.testimonials-inner
{
position:relative;
overflow:hidden;
height:65px;
width:100%;
}
.testimonial
{
position:absolute;
left:0;
top:0;
width:100%;
height:65px;
color:#4c572e;
font-family:'DroidSerifRegular', Serif;
font-size:14px;
}
.testimonial .quote
{
font-size:1.1em;
line-height:1.5em;
font-weight:normal;
}
.testimonial .author
{
display:block;
position:absolute;
right:15px;
bottom:0px;
font-weight:bold;
}
.leftcolblock
{
width:280px;
margin:0 0 10px 10px;
overflow:hidden;
clear:both;
}
.leftcolblockouter
{
border:solid 1px #c2c2c2;
}
.leftcolblockinner
{
padding:5px 10px;
margin:2px;
background:url('../images/col-block-bg.gif') repeat-x 0 bottom;
}
.leftcolblock h3
{
font-family:'LeagueGothicRegular', Helvetica, Arial, Sans-Serif;
font-size:1.6em;
}
.textbox
{
padding:4.5%;
width:89%;
margin:5px 0;
}
.newsletterbtn
{
padding:3px 5px;
margin:3px 0;
}
.water-mark
{
color:#999;
padding:4.5%;
width:89%;
margin:5px 0;
}
.submitButton
{
text-align: right;
padding-right: 10px;
}
.leave-list li
{
background:url('../images/minlipointer.gif') no-repeat 0 4px;
margin:3px;
padding:0 0 0 15px;
}
.information
{
display:block;
overflow:hidden;
margin:0 0 20px 0;
}
.home-content-bottom-links
{
overflow:hidden;
}
.page-content-bottom-links
{
overflow:hidden;
padding:40px 0;
}
a.home-content-learn-more, a.page-content-contact-us
{
color:#445473;
font-family:'LeagueGothicRegular', Helvetica, Arial, Sans-Serif;
font-size:2em;
float:left;
margin:0 10px 0 0;
padding:2px 0 0 0;
}
a.page-content-contact-us
{
font-size:1.6em;
padding:5px 0 0 0;
}
.home-content-bottom-links .or, .page-content-bottom-links .or
{
float:left;
padding:8px 0 0 0;
margin:0 10px 0 0;
}
.home-content-reg-link, .page-content-reg-link
{
width:155px;
height:40px;
float:left;
}
.home-content-reg-link img, .page-content-reg-link img
{
width:155px;
height:40px;
}
.addlinks
{
margin:5% 0;
padding:4% 0;
width:95%;
background:url('../images/shadow-div.jpg') no-repeat 50% 0;
}
.addlinks li
{
margin:3px 0 3px 5px;
padding:0 0 0 15px;
background:url('../../cdn.buildingchampions.com/images/minlipointer.gif') no-repeat 0 7px;
}
.promo-2012-video
{
position:relative;
display:block;
overflow:hidden;
width:280px;
height:157px;
padding:0 0 5px 0;
}
.promo-2012-video-link
{
position:absolute;
top:0;
left:0;
display:block;
text-indent:-9999px;
width:280px;
height:157px;
z-index:10;
background:url('../../cdn.buildingchampions.com/images/bce-2012-promo-video.jpg') no-repeat 0 0;
}
.promo-2012-video-link-hover
{
position:absolute;
top:0;
left:0;
display:block;
text-indent:-9999px;
width:280px;
height:157px;
z-index:9;
background:url('../../cdn.buildingchampions.com/images/bce-2012-promo-video.jpg') no-repeat 0 -157px;
}
.preview-2012-webinar
{
position:relative;
display:block;
width:100%;
padding:0;
}
.preview-2012-webinar-link
{
text-indent:-9999px;
width:280px;
height:157px;
z-index:10;
background:url('../../cdn.buildingchampions.com/images/bce-2012-preview-webinar.jpg') no-repeat 0 0;
}
.preview-2012-webinar-link-hover
{
position:absolute;
top:0;
left:0;
display:block;
text-indent:-9999px;
width:280px;
height:157px;
z-index:9;
background:url('../../cdn.buildingchampions.com/images/bce-2012-preview-webinar.jpg') no-repeat 0 -157px;
}
.announcement
{
background:#f1f1f1;
border:solid 1px #ccc;
display:block;
width:auto;
padding:10px;
margin:20px 0 0 0;
text-align:left;
font-size:14px;
overflow:hidden;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(209,209,209,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(209,209,209,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(209,209,209,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(209,209,209,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(209,209,209,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(209,209,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1', GradientType=0 );
}
.announcement h3
{
font-family:'SourceSansProBold', Sans-Serif;
font-size:20px;
font-weight:normal;
margin:0 0 10px 0;
}
.announcement li
{
display:block;
float:left;
width:48%;
margin:0 1%;
overflow:hidden;
}
.announcement .headshot
{
float:left;
margin:0 20px 10px 0;
}
div.menu ul li a.newsletter-btn, div.menu ul li a.newsletter-btn:visited
{
color:#fbb033
}
.newsletterframe
{
background:url('../../cdn.buildingchampions.com/images/dark-gray-texture-bg.jpg') repeat 0 0;
}
/*******CLOUD PAGE*********/
.videos
{
}
.videos li
{
float:left;
margin:0 1% 1% 0;
width:49%;
}
.videos li img
{
width:100%;
}
.videos li a
{
}
a.henry-reg-link
{
display:block;
margin:50px;
color:#ffffff;
}
a.henry-reg-link {
-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
box-shadow:inset 0px 1px 0px 0px #c1ed9c;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
background-color:#9dce2c;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #83c41a;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:14px 35px;
text-decoration:none;
text-shadow:1px 1px 0px #689324;
}a.henry-reg-link:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
background-color:#8cb82b;color:#ffffff;
}a.henry-reg-link:active {
position:relative;
top:1px;color:#ffffff;
}
/* Tablet Layout: 768px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712 */
@media only screen and (min-width: 768px) and (max-width: 1148px) {
.top-bar-section ul li a, .top-bar-section ul li a:visited, .top-bar-section ul li
{
font-size:.90em;
}
.top-bar .name h1
{
font-size:1.1em;
}
.top-bar-section li a:not(.button)
{
padding:0 7px;
}
.top-bar-section li ul li a:not(.button)
{
padding:10px 15px;
}
}
@media only screen and (max-width: 875px)
{
.home-content .sidebar
{
margin:135px 0 0 0;
}
}
@media only screen and (max-width: 767px) {
body{background-color:#fff;background-image:none;}
.main-wrap{margin:0;}
.home-content .large-4
{
margin: 0;
}
h1, h2, h3, h4
{
line-height:1.25em;
}
}
@media only screen and (min-width:767px) and (max-width: 791px){
.home-content .sidebar
{
margin:220px 0 0 0;
}
}
/* Wide Mobile Layout: 480px.
Gutters: 24px.
Outer margins: 22px.
Inherits styles from: Default Layout, Mobile Layout.
-------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */
@media only screen and (max-width: 480px) {
.top-bar .name h1
{
font-size:.9em;
}
.videos li
{
float:left;
margin:0 0 2% 0;
width:80%;
}
}
/* Tiny Layout: 480px.
Gutters: 24px.
Outer margins: 22px.
Inherits styles from: Default Layout, Mobile Layout.
-------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */
@media only screen and (max-width: 250px) {
.top-bar .name h1
{
display:none;
}
}