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

body{font-family:  Tahoma, Arial, Lucida Sans, Verdana, Helvetica, sans-serif; font-size:small;color: #666;}
a:link {color: #4369a6; text-decoration:none;font-weight:bold;}
a:visited {color: #4369a6; text-decoration:none;font-weight:bold;}
a:hover {color: #0047b1; text-decoration:underline;font-weight:bold;}
a:active {color: #0047b1; text-decoration:underline;font-weight:bold;}
#bb-home .three-column .menu li a {color: #009900;font-weight:normal;}
#bb-home .three-column .menu li a:hover {color: #00cc00;font-weight:normal;}
p {line-height:1.3em;margin-top: 0.5em;}
#blog p, #promo2 p {margin-bottom:.5em;}


p em {
    font-style: italic;
    font-weight: bold;
	font-family:  Verdana;}

#promo p em {
    color: #4E602F;
    font-family: Century Gothic;
    font-size: 18px;
    font-weight: bold;
	font-style:normal;
    line-height: 1em;}
	
.more {
	background:url("/images/icons/white-circle-arrow.png") no-repeat scroll 100% center transparent;
	padding-right:18px;
	float:right;
	}	
	
.more-small {
	background:url("/images/icons/white-circle-arrow.png") no-repeat scroll 100% center transparent;
	float:right;
	font-weight: bold;
font-size:0.87em;
	padding-right:17px;
	}
	
.facebook-inline {
	background: url("/images/icons/social-media/facebook-sm-blue.png") no-repeat scroll 0 center transparent;
    padding-left: 18px;
	}
	
.twitter-inline {
	background: url("/images/icons/social-media/twitter-sm-blue.png") no-repeat scroll 0 center transparent;
    padding-left: 18px;
	}	

#feature a.more {
	background:url("/images/icons/white-circle-arrow.png") no-repeat scroll 100% center transparent;
	padding-right:19px;  float:none;}

.more-inline {
	background:url("/images/icons/more-bluearrow.png") no-repeat scroll 100% center transparent;
	padding-right:13px;
	}

.pdf {
	background:url("/images/icons/adobepdf-small.gif") no-repeat scroll 100% center transparent;
	padding-right:24px;
	}	



p li, .box li {margin-left:1em;}

label { font-size: .9em; color: #666}
h2{font-family:Century Gothic, Trebuchet MS, Arial, Tahoma; margin:0 0 20px; color: #333; font-size: 50px;font-weight: lighter;}
#bb-8 h2,
#bb-10 h2,
#bb-8-binders h2 {font-size: 2.5em;}
#home #slideshowWrapper h2{margin-top:50px;color:#68747f;font-family:Century Gothic, Trebuchet MS, Arial, Tahoma; font-size: 30px; width:500px;}
#bb-home #slideshowWrapper h2 {width: 350px;margin-top:50px;color:#68747f;font-family:Century Gothic, Trebuchet MS, Arial, Tahoma; font-size: 25px;}

#home #slideshowWrapper h2 em {font-size: 52px;
    font-weight:bold;
    letter-spacing: -2px;
    text-transform: uppercase;}
	
#bb-home #slideshowWrapper h2 em {font-size: 45px;
    font-weight:bold;
    letter-spacing: -2px;
    text-transform: uppercase;}
	
#bb-uses-education #slideshowWrapper h2 {font-size: 26px; font-weight: bold;margin-top:20px;}
	
h4 {font-family:Century Gothic, Trebuchet MS, Arial, Tahoma; margin-top:0; margin-bottom:.5em; font-size: 1.4em; font-weight:bold;}
.one-column-sec h4 {color: #666666;}
.one-column-sec label, .one-column-sec p {color: #999;}
h3 {font-family:Century Gothic, Trebuchet MS, Arial, Tahoma; margin-bottom:.5em; font-size: 1.8em;color:#333;
    font-weight: bold;}
h5 {font-weight: bold;}
#feature h3 {font-size: 2.75em;
    font-weight: lighter;
    margin-top: 1.25em;margin-bottom:0}

#bb-product h2 {font-family: Trebuchet MS; margin:0 0 20px; font-size: 2.15em;font-weight: lighter;}

h4.intro {color: #333333;
    font-size: 1.6em;
    letter-spacing: 0.25px;
    text-transform: none;
    margin-bottom: 3em;
	font-weight: lighter;
    padding-top: 1.25em;}
	

#bb-home h2.logo  {margin-top:0px;background:url("/images/logos/products/bb-large.png") no-repeat scroll 0 0 transparent; width:249px; height: 81px; text-indent:-9999px;}
#sf-home h2.logo {background:url("/images/logos/products/sf-case-large.png") no-repeat scroll 0 0 transparent; width:178px; height: 76px; text-indent:-9999px;}
p.intro {width: 300px;line-height:1.75em;margin-top: 0.5em; font-size: 1.1em}
#bb-uses p.intro {color: #333333; width: auto; margin-bottom:40px;}
#bb-uses .main .intro {width: 550px;}
#bb-uses .main .intro p:first-child {clear:left;}
#bb-uses .main h3 {margin-top: 1em;}
#bb-uses .main .intro ul{list-style-type: disc; padding-left: 1em; margin-top:.5em}
#feature p.caption {width: 300px;}

#bb-8 p.intro,
#bb-10 p.intro,
#bb-8-binders p.intro,
#bb-message-center p.intro,
#bb-nameplate-message-center p.intro,
#bb-8-sleeve p.intro,
#bb-screen-clean p.intro,
#bb-stylus p.intro,
#bb-8-holder-magnet p.intro,
#bb-buy-now-list p.intro,
#bb-buy-now-map p.intro {width: auto;}

#bb-8 h2 em,
#bb-10 h2 em,
#bb-8-binders h2 em
{font-weight:bold; font-size:1.2em;}
#news p.intro {width: 600px;}
#bb-product p.intro {width: auto;line-height:1.75em;margin-top: 0.5em;}
#bb-school-pilot p.intro, #bb-customize p.intro {width: 500px;}
#bb-push-green p.intro { margin-bottom: 20px; width: 600px;}


#home #slideshowWrapper #feature02 h2 em {font-size: 46px;}
#home #slideshowWrapper #feature02 p.intro {width:250px}


#confirm-news-alerts #global-nav,
#confirm-generic #global-nav,
#fail-generic #global-nav,
#about-us #global-nav,
#contact-us #global-nav,
#retailer-dist #global-nav {margin-bottom:40px;}

#bb-compare h3,
#bb-accessories h2,
#t-and-c h3,
#media-kit h2,
#privacy-policy h3 {margin-top:40px;}

#bb-message-center h2,
#bb-nameplate-message-center h2,
#bb-8-sleeve h2,
#bb-screen-clean h2,
#bb-stylus h2,
#bb-8-holder-magnet h2
 {font-size: 30px; margin-top:40px;}

.one-column-sec{ font-size: 1em; } 
.third-page h4{margin-top:30px;}

/* minor content boxes */


#bb-uses #promo h4,
#bb-uses-education #promo h4,
#bb-education-technology #promo h4,
#bb-school-pilot #promo h4,
#support #promo h4,
#bb-5es #promo h4{
	color:#666666;
font-size:1.3em;
font-weight:bold;
	}
	
#bb-uses #promo div.box h5,
#bb-school-pilot #promo div.box h5,
#bb-5es #promo div.box h5 {margin-top: 10px; padding-top: 5px; border-top: 1px dotted #ccc;}

#bb-uses .uses-tab-content .tablet-gallery h5 {background: url("/images/backgrounds/textures/divider-gradient-bg.jpg") no-repeat scroll center 0 transparent;
    padding: 15px 0;}


#home #promo h4,
#bb-home #promo h4 {
	color: #748E38;
    font-family: Verdana;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
	}
	


#support .support-tab-content #faq li {list-style-type:decimal; margin-left: 40px; cursor:pointer;}	
 #support .support-tab-content #faq li.question {cursor:pointer; margin-top:10px}	
#support .support-tab-content #faq ol p {margin-left:40px;}	

.expcontents {margin-left: 2em;}
.support-tab-content .expand li.question {list-style-type:decimal;margin-left: 2em;margin-top: .5em;}
#bb-uses #promo .expcontents {margin:0; line-height: 1.3em;}
  	

#support #promo p {
	font-size:.95em;
	color:#666;margin-top: 0.25em;}
	
#bb-uses #promo p {
	font-size:.95em;margin-top: 0.25em;}

#promo .caption {margin-left:10px;}
#promo box .caption {margin-left:0px;}
	
#bb-uses-education #promo p,
#bb-education-technology #promo p,
#bb-school-pilot #promo p,
#bb-5es #promo p{
	font-size:.85em;
	color:#666}	
	
#home #promo p,
#bb-home #promo p {
	font-size: 0.85em;
	color:#748e38}

#bb-uses #promo div.box a,
#bb-uses #promo div.box a:hover {font-weight: normal;}


.closedlanguage {
    cursor: pointer;
	background:url("/images/icons/expand.png") no-repeat scroll left center transparent;
    padding-left: 19px;
    padding-top: 0;}

.openlanguage {
    background: url("/images/icons/collapse.png") no-repeat scroll left center transparent;
    cursor: pointer;
    padding-left: 19px;
    padding-top: 0;
}

#bb-uses #uses-tab-container #promo .closedlanguage {
    background: url("/images/icons/expand.png") no-repeat scroll right top transparent;
    cursor: pointer;
    padding-left: 0;
    padding-right: 25px;
    padding-top: 0;}
	
#bb-uses #uses-tab-container #promo .expheaders {
	font-weight: bold;
	color: #4369A6;}

#bb-uses #uses-tab-container #promo .openlanguage {
    background: url("/images/icons/collapse.png") no-repeat scroll right top transparent;
    cursor: pointer;
    padding-left: 0;
    padding-right: 25px;
    padding-top: 0;
}

#bb-uses .uses-tab-content .main h5 {clear: left;}

.standout {color: #0041AC;}
.standout em {font-size:1.25em; font-weight:bold}

p.caption {font-size:smaller!important; color:#999; font-family:  Verdana;font-style: italic; }	
p.caption-inline {font-size:smaller!important; color:#999; font-family:  Verdana;font-style: italic;display:inline; }	
strong {font-weight:bold;}

/* footer  */

#footer #nav h3 {margin-top:0px; color:#fff;margin-bottom:.5em;font-size: 1.5em;}
#footer #nav .follow .column  h3 {
        color: #C0FF00;}
#footer #nav li a, #footer #nav li{color:#ccc; font-weight:normal; margin-bottom: .5em;}
#footer #utility-nav {font-size:0.85em;color:#666}
#footer #utility-nav a {color:#666; font-weight: normal;}
#footer #title-bar p {display:inline}


sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}