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

/* set padding and margin on all elements to 0 */
* { 
margin:0;
padding:0;}

body{margin:0; padding:0;background: transparent url(/images/backgrounds/pages/main-bg-01.jpg) scroll center 0px repeat-x;}
body#bb-push-green {background: transparent url(/images/backgrounds/pages/main-bg-02.jpg) scroll center 0px repeat-x;}
body#sf-g3 {background: transparent url(/images/backgrounds/pages/main-bg-02.jpg) scroll center 0px repeat-x;}

/*
#bb-home #watermark {
	position:absolute;
	width:100%;
	background: transparent url(/images/backgrounds/green-organic-01.jpg) scroll center 152px no-repeat;}
	
#sf-home #watermark {
	position:absolute;
	width:100%;
	background: transparent url(/images/backgrounds/violet-organic-01.jpg) scroll center 152px no-repeat;}

#shadow{
	background: transparent url(/images/backgrounds/footer-01.gif)  scroll bottom center no-repeat;
	margin: 0;
	padding:0;
	width:100%; }
*/


img {border:none;}

.spacer {clear:both;}

	
	
.infobox 				{position:relative;border:1px solid #000; background-color:#CCC;width:73px;padding:10px;}
.infobox img 			{position:relative;z-index:2;}
.infobox .more			{display:none;}
.infobox:hover .more    {display:block;position:absolute;z-index:1;left:4px;top:4px;width:200px;height:73px;padding:5px 5px 5px 83px;border:1px solid #900;background-color:#FFEFEF;}



/* major content boxes */

#container {margin:0 auto;
overflow:hidden;
padding: 0;
width:962px;padding: 10px 0 0;}

#media-coverage .video-container {padding:20px;background-color: #F2F2F2; border:1px solid #e6e6e6;
	-moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;margin: 20px 0;}
#media-coverage .video-container li {
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    padding: 5px;
    text-align: center;
    width: 120px;
	height: 140px;
    margin: 10px;
	font-size:smaller!important; color:#999; font-family:  Verdana;font-style: italic; }

#page {}


/* minor content boxes */

#home #feature01 {
height: 430px;
    overflow: hidden;
    padding: 20px 20px 20px 40px;
    position: relative;
    width: 920px;
	background: white url(/images/backgrounds/banners/home-design-01.jpg) scroll no-repeat 0 1px;}
	

#home #feature03 {
height: 430px;
    overflow: hidden;
    padding: 20px 20px 20px 40px;
    position: relative;
    width: 920px;
	background: white url(/images/backgrounds/banners/home-skin-flik-woman-headphones.jpg) scroll no-repeat 0 1px;}
	
#home #feature02 {
height: 430px;
    overflow: hidden;
    padding: 20px 20px 20px 40px;
    position: relative;
    width: 920px;
	background: white url(/images/backgrounds/banners/home-boogie-board-rip-preview.jpg) 0 0 no-repeat;}
	
	
#bb-home #feature01 {
    height: 480px;
    overflow: visible;
    padding: 20px 20px 20px 50px;
    position: relative;
    width: 890px;
	background: transparent url(/images/backgrounds/banners/bb-home-01.jpg) scroll no-repeat 0 0;

	}
	
	
	
	
#sf-g3 #shadow {
	background: transparent url(/images/backgrounds/pages/skin-flik-woman-headphones-bg.jpg) scroll no-repeat center 128px;}	
	
#bb-push-green #shadow {
	background: transparent url(/images/backgrounds/pages/bg-push-green-page.jpg) scroll no-repeat center 128px;}	
#bb-push-green #page {
	min-height: 800px; color:#333;}	
/*
#bb-uses-education #feature02,
#bb-uses-education #feature03,
#bb-uses-education #feature04 {background-color:white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
;border: 1px solid #ccc;
	margin: 0px 0 20px;
    height: 358px;
    overflow: hidden;
    padding: 20px;
    width: 578px; position: relative;
	margin-bottom:20px;}
	
#bb-uses-education #feature01 {
		border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
;border: 1px solid #ccc;
	margin: 0px 0 20px;
    height: 358px;
    overflow: hidden;
    padding: 20px;
    width: 578px; position: relative;
	background: transparent url(/images/backgrounds/bb-education01.jpg) scroll no-repeat 0 0;
	margin-bottom:20px;
	}

#sf-home #feature {
			border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	margin: 10px 0;
	border: 1px solid #3e2f6d;
    height: 360px;
    overflow: hidden;
    padding: 20px;
    width: 920px; position: relative;
	background: transparent url(/images/backgrounds/sf-case-product-lineup-5-29.jpg) scroll no-repeat 0 0;
	}  
*/
	
#media-coverage #media-logo-box a {
    float: left;
    height: 65px;
    margin: 5px;}

#media-coverage #feature {
	padding: 40px 0 0;
	position:relative;
	background: transparent url(/images/backgrounds/) no-repeat top center;
    overflow: hidden;
	}
	
#bb-8 #feature,
#bb-10 #feature,
#bb-8-binders #feature { 
 background: url("") no-repeat scroll center top transparent;
    height: 357px;
    padding: 20px;
    width: 920px;}
	
#bb-promo #feature {
	padding:20px;
	position:relative;
	background: transparent url(/images/backgrounds/pages/feature-plain-fade.gif) no-repeat top center;
	width:840px;
    overflow: hidden;
	margin-bottom:40px;
	margin-bottom:20px;}


	
#bb-buy-now-map #feature, #bb-buy-now-list #feature {
	background: url("/images/backgrounds/") no-repeat scroll center top transparent;
    margin: 40px 0 0;
    position: relative;
    width: 960px;}
	
#bb-promo #feature h2.logo a,
#media-coverage #feature h2.logo a,
#bb-media-kit #feature h2.logo a,
#sf-media-kit #feature h2.logo a,
#bb-support #feature h2.logo a,
#sf-support #feature h2.logo a,
#bb-promo #feature h2.logo a {
background: transparent url(/images/logos/products/bb-small.png) no-repeat 0 0;    display: block;
    height: 56px;
    margin-bottom: 20px;
    margin-left: -40px;
    text-indent: -9999px;
    width: 174px;}
	
#sf-support #feature h2.logo a{
background: transparent url(/images/logos/products/sf-case-small.png) no-repeat 0 0;    display: block;
    height: 67px;
    margin-bottom: 20px;
    margin-left: -40px;
    text-indent: -9999px;
    width: 163px;}	
	
	
#bb-push-green #feature h2.logo a,
#bb-uses h2.logo a
 {
 margin: 20px 0; float:right;
display:block; width: 174px; height: 56px; background: transparent url(/images/logos/products/bb-small.png) no-repeat 0 0; text-indent: -9999px}


#bb-uses-education h2.logo a,
#bb-education-technology h2.logo a,
#bb-school-pilot h2.logo a,
#bb-customize h2.logo a,
#bb-5es h2.logo a{
 margin: 20px 0; float:right;
display:block; width: 174px; height: 56px; background: transparent url(/images/logos/products/bb-small.png) no-repeat 0 0; text-indent: -9999px}




#bb-buy-now-map #map {
 width:840px;margin-left: 60px;
height:428px;
 background: url(/images/menus/bb-buy-now-map.jpg);
 margin: 10px auto; padding: 0;
 position: relative;
}
#bb-buy-now-map #map li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#bb-buy-now-map #map a {display: block;}

#nameri {height: 240px; left: 0; top: 0; width: 350px;}
#asia {height: 305px;left: 450px;top: 0; width: 400px;}
#europe {width:130px; height:120px; top: 67px; left: 364px;}
#lameri { height: 230px;left: 110px;top: 195px;width: 230px;}
#austr {height: 100px;left: 637px; top: 290px;width: 130px;}
#africa {height: 178px;left: 350px; top: 185px;width: 167px;}

#nameri a {height:230px;}
#asia a {height:305px;}
#europe a {height:120px;}
#lameri a {height:230px;}
#austr a {height:120px;}
#africa a {height:178px;}

#nameri a:hover {background: url(/images/menus/bb-buy-now-map.jpg) -0px -856px no-repeat;}
#asia a:hover {background: url(/images/menus/bb-buy-now-map.jpg) -450px -427px no-repeat;}
#europe a:hover {background: url(/images/menus/bb-buy-now-map.jpg) -364px -923px no-repeat;}
#lameri a:hover {background: url(/images/menus/bb-buy-now-map.jpg) -110px -622px no-repeat;}
#austr a:hover {background: url(/images/menus/bb-buy-now-map.jpg) -637px -1146px no-repeat;}
#africa a:hover {background: url(/images/menus/bb-buy-now-map.jpg) -350px -1041px no-repeat;}

#bb-buy-now-map #map a{text-indent:-9999px;}

#continent #buynowtable{ padding:30px; width:700px; padding:30px;}
#continent {margin: 30px;}
#bb-buy-now-list #buynowtable{width: 100%;margin-top:30px}
#bb-buy-now-list #continent { margin:0;}

#home #promo {
bottom: 0;
    height: 187px;
    position: absolute;
    width: 100%;
	background: transparent url(/images/menus/home-staggered-green.png) no-repeat 0 0;
	
	position: absolute;
    z-index: 500;
}
	
 
#bb-home #promo,
#sf-home #promo {
	background: url("/images/menus/product-staggered-green.png") repeat scroll 0 0 transparent;
    height: 447px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 7px;
    width: 334px;
    z-index: 500;
	}

#bb-home #promo h4,
#bb-home #promo p {margin-left: 100px;}	

/*
#bb-uses-education #promo,
#bb-education-technology #promo,
#bb-school-pilot #promo,
#bb-5es #promo {
	float: right;
	padding: 10px;
    width: 300px;
	background: transparent url(/images/backgrounds/lt-gray-gradient-02.jpg) 0 0 repeat-y;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}	
*/	
#bb-uses #promo,
#bb-school-pilot #promo,
#bb-5es #promo {
	float: right;
	padding: 10px;
    width: 270px;
	}	
/*
#bb-education-technology #promo,
#bb-school-pilot #promo,
#bb-5es #promo { margin-left: 40px;}
*/
#bb-support #promo,
#sf-support #promo,
#bb-media-kit #promo {
border-left: 1px dotted #ccc;
float:right;padding-left: 20px;
width:230px;}

#media-kit #promo {
border-left: 1px dotted #ccc;
float:right;padding-left: 20px;
width:230px;}

#media-kit .media-kit-tab-content li {line-height: 1.5em}

#home #promo div.box{
position:relative;	color: #ccc;float:left;
display: block;height: 120px;
    padding: 20px;
    width: 280px;overflow: hidden;}


/*
#sf-home #promo div.box a{
position:relative;	color: #ccc;
background: transparent url(/images/backgrounds/side-banner-button.png) 0 0 no-repeat;
display: block;
    height: 92px;
    padding: 10px;
    width: 280px;margin-top:10px;overflow: hidden;}
	

#bb-uses-education #promo div.box,
#bb-education-technology #promo div.box,
#bb-school-pilot #promo div.box,
#bb-5es #promo div.box {
position:relative;	color: #ccc;
display: block;
    margin: 5px 0;
padding: 20px 10px;
    width: 280px;overflow: hidden;
	background: transparent url(/images/backgrounds/lt-gray-menu-vertical.png) center 0 no-repeat;
	border-top:1px dotted #ccc}
*/
	
#bb-uses #promo div.box,
#bb-school-pilot #promo div.box,
#bb-5es #promo div.box {
    background: url("/images/backgrounds/textures/lt-gray-gradient-02.gif") repeat-x scroll 0 0 white;
    border: 1px solid #E6E6E6;
    margin-top: 20px;
	color: #666666;
    padding: 20px;margin-right: 10px;
}

#bb-uses #promo div.testimonial,
#bb-school-pilot #promo div.testimonial,
#bb-5es #promo div.testimonial {
	color: #666666;
    font-size: 0.9em;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 20px;
    padding: 0;
    text-align: justify;
}

	
#bb-home #promo div.box {
    display: block;
    height: 129px;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
    width: 290px;}

#bb-home #promo div.box:first-child a,
#sf-home #promo div.box:first-child a{
margin-top:0px;}

/*
#bb-uses-education #promo div.box:first-child,
#bb-education-technology #promo div.box:first-child,
#bb-school-pilot #promo div.box:first-child,
#bb-5es #promo div.box:first-child {
margin-top:0px;
border-top:0;background: none}
*/

#home #promo div.box a:hover{}


	

#home #promo div a,
#bb-home #promo div a {
}
#home #promo div a:hover,
#bb-home #promo div a:hover,
#sf-home #promo div a:hover {
text-decoration:none;}
#home #promo div p a,
#bb-home #promo div p a,
#sf-home #promo div p a {
display:inline;}
#home #promo div p a:hover,
#bb-home #promo div p a:hover,
#sf-home #promo div p a:hover {
text-decoration:underline;}

/*
#bb-uses-education #promo div.box img,
#bb-education-technology #promo div.box img,
#bb-school-pilot #promo div.box img,
#bb-5es #promo div.box img {
    float: right;margin-right:10px;}
*/
	
#bb-uses #promo div.box img,
#bb-school-pilot #promo div.box img,
#bb-5es #promo div.box img {
	float: right;
    margin: 0 0 10px 10px;}
	
#bb-uses .uses-tab-content .photo-gallery {margin-top: 40px;}
#bb-uses .uses-tab-content .photo-gallery img {float:none; width: 70px; height: 70px; border: 1px solid #ccc;}
#bb-uses .uses-tab-content .photo-gallery li {float:left; margin-right: 10px;float: left;
    margin-right: 20px;
    text-align: center;
    width: 70px;}

#bb-uses .uses-tab-content .tablet-gallery {
	/*background: url(/images/backgrounds/lt-gray-gradient-02.gif) repeat-x scroll 0 0 white;*/
	border: 3px solid #dde3e8;
    clear: left;
    margin-top: 40px;
    width: 600px;}
#bb-uses .uses-tab-content .tablet-gallery li {
	display: inline;
    width: 149px;}
#bb-uses .uses-tab-content .tablet-gallery li img {
	display: inline;
    margin: 0 5px;
	border: 1px solid #e6e6e6;}
	
#bb-uses .uses-tab-content .tablet-gallery ul p	{text-align:center; margin:20px 0;}
	
#bb-uses .uses-tab-content .main {
	margin-left: 0px;
    padding-top: 60px;
    width: 450px;}
#bb-uses .uses-tab-content img.figure {float: left;
	margin-bottom: 20px;
    margin-right: 30px;}

#home #promo div.box img{
float: left;
    margin: -10px 0 0 -19px;}
/*
#bb-uses #promo div.box, #bb-uses-education #promo div.box  {
    border-left:1px solid #CCCCCC;
float:left;

padding:20px 20px;
position:relative;
text-align:left;
width:260px;}
#bb-uses #promo div.box img, #bb-uses-education #promo div.box img {
    float: right;margin-left:10px;}

*/
	
#bb-home #promo div.box img{
float: left;
    left: 30px;
    position: absolute;
    top: 25px;}

#home #promo div.box:first-child,
#sf-home #promo div.box:first-child,
#bb-uses #promo div.box:first-child,
#bb-school-pilot #promo div.box:first-child,
#bb-5es #promo #promo div.box:first-child {
    margin-top: 0px;}
	
#bb-uses #promo {padding-top: 260px;}

#bb-home #promo div.box:first-child{
    border-top: 0px;}

#news #feature, #media-coverage #feature,  {
padding:20px;
width:920px;
border: 1px solid #ccc;
}

#bb-home #uses-menu h4 {font-size: 1.8em; text-align: center; padding: 15px 0;}
#bb-home #uses-menu {
	background: url("/images/backgrounds/textures/lt-gray-gradient-02.gif") repeat-x scroll 0 0 white;
	border: 1px solid #E6E6E6;
    margin: 0 0 10px;
    padding: 20px 0;}
#bb-home #uses-menu li {float: left;
    height: 180px;
    position: relative;}
#bb-home #uses-menu li p {position:absolute; bottom: 0; width: 160px}
#bb-home #uses-menu li a {display: block; width: 159px; height: 155px; font-weight: bold; text-align: center;}
#bb-home #uses-menu li a:hover {color: #0C0; text-transform: none;}
#bb-home #uses-menu li.home a {background: url("/images/icons/uses/home.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.home a:hover {background: url("/images/icons/uses/home-green.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.office a {background: url("/images/icons/uses/office.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.office a:hover {background: url("/images/icons/uses/office-green.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.school a {background: url("/images/icons/uses/school.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.school a:hover {background: url("/images/icons/uses/school-green.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.medical a {background: url("/images/icons/uses/medical.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.medical a:hover {background: url("/images/icons/uses/medical-green.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.studio a {background: url("/images/icons/uses/studio.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.studio a:hover {background: url("/images/icons/uses/studio-green.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.field a {background: url("/images/icons/uses/field.gif") no-repeat scroll center top transparent;}
#bb-home #uses-menu li.field a:hover {background: url("/images/icons/uses/field-green.gif") no-repeat scroll center top transparent;}

 #media-coverage #promo {
color: #999;
    float: right;
    padding: 20px;
    position: relative;
    width: 335px;
}
#news #promo {
color: #999999;text-align: center;
    float: right;
    position: relative;
    width: 320px;}

#news #blog-entry {
position:relative;
width:630px;
overflow:hidden;
}

#blog-entry img.attachment {float:right}

#bb-8 #product-gallery,
#bb-10 #product-gallery,
#bb-8-binders #product-gallery,
#bb-customize #product-gallery{
width:440px;}

#products .listing {border-top: 1px dotted #CCCCCC;
    clear: both;
    padding: 10px;}

#bb-support #feature,
#sf-support #feature{
    padding: 0px 0 0 40px;
    position: relative;
    width: 920px;
}
	
#bb-media-kit #feature {
    padding: 0px 0 0 40px;
    position: relative;
    width: 920px;}	
	
#bb-school-pilot #feature{
    padding: 0 0 40px 40px;
    position: relative;
    width: 920px;
}
#bb-uses #feature {
	position: relative;
    width: 960px;}
	
#bb-customize #feature {
    padding: 0 0 40px 40px;
    position: relative;
    width: 920px;
}

.inner-container {
	border:1px solid #e6e6e6;
	-moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;}
.inner-container #support-tab-container {margin:20px}
.inner-container #media-kit-tab-container {margin:20px}
.inner-container #product-tab-container {margin:20px}

#bb-customize .inner-container {margin-bottom:10px}
#contact-us .inner-container {padding: 40px 250px 40px 40px;}

#bb-compare #feature {margin: 40px 0;}


#bb-compare tbody tr {border-top: 1px solid #ccc;}
#bb-compare tr.odd {background-color:#f2f2f2;}
#bb-compare tr.even {background-color:#fff;}
#bb-compare tr.odd td:first-child {font-weight:bold; color:#333;}
#bb-compare tr.even td:first-child {font-weight:bold; color:#333;}
#bb-compare td.title {background: #2d3640 url(/images/backgrounds/textures/dk-blue-gradient-03-highlight.jpg) 0 0 repeat-x;; color:white; text-align:left;}
#bb-compare td.title h4{margin-bottom:0}
#bb-compare tbody td {border: 1px dotted #ccc;padding:10px; vertical-align: middle;text-align: left;}
#bb-compare tbody tr:first-child td {border: 0px}
#bb-compare tr.head td{border:0; text-align:center;}
#bb-compare tbody {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#bb-compare tbody tr:first-child {border-top: 0}

#product-details {margin-top: 40px;}
#bb-8 #product-details td,
#bb-8-binders #product-details td,
#bb-10 #product-details td,
#bb-message-center #product-details td,
#sf-g3 #product-details td {padding: 10px;}
#bb-8 #product-details td.title,
#bb-8-binders #product-details td.title,
#bb-10 #product-details td.title,
#bb-message-center #product-details td.title,
#sf-g3 #product-details td.title {font-weight: bold;}

#continent table#buynowtable {border: 1px solid #ccc;}
#continent th {background: #d0d2d6 url(/images/backgrounds/textures/lt-gray-gradient-01.jpg) 0 0 repeat-x; border-right: 1px solid #ccc; padding:10px; font-weight:bold;vertical-align: middle;}
#continent tr {border-top: 1px solid #ccc;}
#continent tr.title td {background: #2d3640 url(/images/backgrounds/textures/dk-blue-gradient-03-highlight.jpg) 0 0 repeat-x;; color:white; text-align:left;}
#continent tr.title h4{margin-bottom:0}
#continent td {border: 1px dotted #ccc;padding:10px; vertical-align: middle;text-align: center;}


#bb-8 #product-gallery #image-thumbs {width: 100%; min-height: 105px;}
#bb-8 #product-gallery .color-thumbs {width: 100%; min-height: 35px;}

#bb-support #userguides table {border: 1px solid #ccc;width: 100%;}
#bb-support #userguides th {background: #d0d2d6 url(/images/backgrounds/textures/lt-gray-gradient-01.jpg) 0 0 repeat-x; border-right: 1px solid #ccc; padding:10px; font-weight:bold;vertical-align: middle;}
#bb-support #userguides tr {border-top: 1px solid #ccc;}
#bb-support #userguides tr.title td {color:white; text-align:left;background: #2d3640 url(/images/backgrounds/textures/dk-blue-gradient-03-highlight.jpg) 0 0 repeat-x;}
#bb-support #userguides tr.title h4{margin-bottom:0}
#bb-support #userguides td {border: 1px dotted #ccc;padding:10px; vertical-align: middle;text-align: center;}

#sf-support #userguides table {border: 1px solid #ccc;width: 100%;}
#sf-support #userguides th {background: #d0d2d6 url(/images/backgrounds/textures/lt-gray-gradient-01.jpg) 0 0 repeat-x; border-right: 1px solid #ccc; padding:10px; font-weight:bold;vertical-align: middle;}
#sf-support #userguides tr {border-top: 1px solid #ccc;}
#sf-support #userguides tr.title td {color:white; text-align:left;background: #2d3640 url(/images/backgrounds/textures/dk-blue-gradient-03-highlight.jpg) 0 0 repeat-x;}
#sf-support #userguides tr.title h4{margin-bottom:0}
#sf-support #userguides td {border: 1px dotted #ccc;padding:10px; vertical-align: middle;text-align: center;}

#media-coverage table#media {border: 1px solid #ccc;width: 630px;}
#media-coverage #media th {background: #d0d2d6 url(/images/backgrounds/textures/lt-gray-gradient-01.jpg) 0 0 repeat-x; border-right: 1px solid #ccc; padding:10px; font-weight:bold;vertical-align: middle;}
#media-coverage #media tr {border-top: 1px solid #ccc;}
#media-coverage #media tr.title td {background: #2d3640 url(/images/backgrounds/textures/dk-blue-gradient-03-highlight.jpg) 0 0 repeat-x; color:white; text-align:left;}
#media-coverage #media tr.title h4{margin-bottom:0}
#media-coverage #media td {border: 1px dotted #ccc;padding:10px; vertical-align: middle;text-align: center;}


#bb-media-kit table#media-kit {border: 1px solid #ccc;width: 100%;}
#bb-media-kit #media-kit th {background: #d0d2d6 url(/images/backgrounds/textures/lt-gray-gradient-01.jpg) 0 0 repeat-x; border-right: 1px solid #ccc; padding:10px; font-weight:bold;vertical-align: middle;}
#bb-media-kit #media-kit tr {border-top: 1px solid #ccc;}
#bb-media-kit #media-kit tr.title td {background: #2d3640 url(/images/backgrounds/textures/dk-blue-gradient-03-highlight.jpg) 0 0 repeat-x; color:white; text-align:left;}
#bb-media-kit #media-kit tr.title h4{margin-bottom:0}
#bb-media-kit #media-kit td {border: 1px dotted #ccc;padding:10px; vertical-align: middle;text-align: center;}

#news table#mediatable {border: 1px solid #ccc;width: 100%;}
#news #mediatable th {background: #d0d2d6 url(/images/backgrounds/textures/lt-gray-gradient-01.jpg) 0 0 repeat-x; border-right: 1px solid #ccc; padding:10px; font-weight:bold;vertical-align: middle;}
#news #mediatable tr {border-top: 1px solid #ccc;}
#news #mediatablet tr.title td {background: #2d3640 url(/images/backgrounds/textures/dk-blue-gradient-03-highlight.jpg) 0 0 repeat-x; color:white; text-align:left;}
#news #mediatable tr.title h4{margin-bottom:0}
#news #mediatable td {border: 1px dotted #ccc;padding:10px; vertical-align: middle;text-align: center;}

#news table#eventstable {border: 1px solid #ccc;width: 100%;}
#news #eventstable th {background: #d0d2d6 url(/images/backgrounds/textures/lt-gray-gradient-01.jpg) 0 0 repeat-x; border-right: 1px solid #ccc; padding:10px; font-weight:bold;vertical-align: middle;}
#news #eventstable tr {border-top: 1px solid #ccc;}
#news #eventstablet tr.title td {background: #2d3640 url(/images/backgrounds/textures/dk-blue-gradient-03-highlight.jpg) 0 0 repeat-x; color:white; text-align:left;}
#news #eventstable tr.title h4{margin-bottom:0}
#news #eventstable td {border: 1px dotted #ccc;padding:10px; vertical-align: middle;text-align: center;}

#bb-8 #product-gallery #thumbs a {
background-color:#CCCCCC;
display:block;
float:left;
height:85px;
margin:10px 0px 10px 10px;
width:85px;}

#bb-8 #product-gallery .color-thumbs a {
background-color:#CCCCCC;
display:block;
float:left;
height:30px;
margin:5px 0px 5px 5px;
width:30px;}

#bb-8 #product-gallery #thumbs a:first-child,
#bb-8 #product-gallery .color-thumbs a:first-child
{margin-left:0}


.box-button {position:absolute;bottom:0;clear:both;
background:url("/images/buttons/small-gray-blank.gif") no-repeat scroll 0 0 transparent;
display:block;
height:30px;
margin:0 auto;
padding-top:0.25em;
text-align:center;
text-decoration:none !important;
width:100px;}

.small-float a{
	display: block;
    float: left;
    font-size: 0.9em;
    height: 50px;
    width: 120px;
	    padding-left: 50px;
	text-decoration:none!important;}
.small-float a.document {background: transparent url(/images/icons/doc-sml.png) no-repeat left center;}
.small-float p.video { float: left; height: 50px;width: 170px;background: transparent url(/images/icons/play-video.png) no-repeat left center;}
.small-float a.push-green {background: transparent url(/images/icons/push-green.png) no-repeat left center;}
.small-float a.compare {float:right; background: transparent url(/images/icons/compare.png) no-repeat left center;}	

	
.small-top-float a {
	display: block;
    float: right;
    font-size: 0.9em;
    height: 40px;
    margin-bottom: 10px;
    padding: 1.75em 0 0 35px;
    text-decoration: none !important;
    width: 100px;}
.small-top-float a.list {background: transparent url(/images/icons/list-sml.png) no-repeat left center;}	
.small-top-float a.map {background: transparent url(/images/icons/map-sml.png) no-repeat left center;}
.small-top-float a.compare {background: transparent url(/images/icons/compare-sml.png) no-repeat left center;}	
.small-top-float p.video, .small-top-float a.video {background: transparent url(/images/icons/play-video-sml.png) no-repeat left center;}
.small-top-float a.brochure {background: transparent url(/images/icons/brochure-sml.png) no-repeat left center;}	
.small-top-float a.doc {background: transparent url(/images/icons/doc-sml.png) no-repeat left center;}	
.small-top-float a.multidoc {background: transparent url(/images/icons/multidoc-sml.png) no-repeat left center;}	
.small-top-float a.print {background: transparent url(/images/icons/print-sml.png) no-repeat left center;}	

	
.small-button-float a{
	background: transparent url(/images/buttons/small-gray-blank.gif) no-repeat 0 0;
	text-align:center;
	padding-top:0.5em;
    clear: right;
    display: block;
    float: right;
    height: 30px;
    width: 100px;
    margin-bottom: 10px;
	text-decoration:none!important;}


.small-button-listing a {
background:url("/images/buttons/small-gray-blank.png") no-repeat scroll 0 0 transparent;
display:block;
height:30px;
margin:5px auto;
text-align:center;
text-decoration:none !important;
width:133px;}

#bb-home #feature .link-float { bottom: 35px;
    color: white;
    font-size: 16px;
    left: 210px;
    position: absolute;}
	
#sf-home #feature .link-float { bottom: 35px;
    color: white;
    font-size: 16px;
    left: 195px;
    position: absolute;}

#home #feature .link-float {
    bottom: 165px;
    color: white;
    font-size: 16px;
    left: 40px;
    position: absolute;}	
	
#feature .link-float a {color:white;}

#secondary-nav {
margin-left:-20px;
padding-bottom:30px;}

    
#secondary-nav li a{
    display: block;
    height: 24px;
	padding-left: 20px;
    margin-bottom: 0;
    width: 190px;}
	

	
#secondary-nav li{}
#secondary-nav li:first-child{
	border-top:0;}
    
#secondary-nav li {list-style-type:none;}



.one-column-sec { float:right; width: 300px;}
.half-col{float:left;
padding: 40px 0 0 40px;
width:440px;}
.third-page{float:left;
width:600px;}
#feature-container .one-column-sec {padding: 0 20px;width: 170px;}
.one-column-pri {padding-right:40px; width:240px;}
.three-column .box{	
	color: #666;
    float: left;
    margin-left: 10px;
    padding: 20px;
    width: 270px;}
#home .three-column .box {	background: url("/images/backgrounds/textures/lt-gray-gradient-02.gif") repeat-x scroll 0 0 white;
    border: 1px solid #E6E6E6;margin-top:20px;}	
.three-column .scroll-box {color: #666;
    float: left;
    margin-right: 10px;
    padding: 20px;
    width: 270px;background: url("/images/backgrounds/textures/lt-gray-gradient-02.gif") repeat-x scroll 0 0 white;
    border: 1px solid #E6E6E6; margin-top:20px; overflow-y:scroll; height: 139px; }	
	
.three-column .box li {list-style-type:disc;}
.three-column .box:first-child{margin-left:0px;}
.three-column .tab {float: left;
    margin-left: 10px;
    width: 309px;padding-top: 20px;}
.three-column .menu {float: left;
    margin-right: 10px;
    width: 300px;padding-top: 20px;}
.three-column .menu li{
    border-bottom: 1px solid #e6e6e6; text-indent: 10px; list-style-type:none; }
.three-column .menu li a {display:block;padding: 10px;
    font-size: 1.2em;}
.three-column .menu li a:hover {text-decoration:none;}
.three-column .ad{	
	color: #666;
    float: left;
    margin-right: 10px;
    padding: 0px;
    width: 310px;
	margin: 20px 5px 0;}

#home a.company-news {font-size: x-small; float: right; display: block; width: auto; margin-right: 10px;}

#bb-uses .where {width: 440px; margin-top: 40px; }
/*#bb-uses .where img {float: left;}*/
#bb-uses .where div {
	float: left;
    margin-left: 60px;
    margin-top: 60px;
    width: 440px;}

.one-column-sec .img-promo a {
display:block;
height:110px;
margin-bottom:10px;
/*text-indent:-9999px;*/
width:180px;
background-color:#999;}

.one-column-sec .img-promo li {
list-style:none}

.one-column-sec .box { border-top: 1px dotted #CCCCCC;
    clear: both;
    color: #333333;
    padding: 10px 0;}
.one-column-sec .box:first-child { border-top: 0;}	
#feature-container .one-column-sec .box {color: #d5dfe6;}

#bb-8 .button-panel,
#bb-10 .button-panel,
#bb-8-binders .button-panel,
 .button-panel {border-left: 1px dotted #CCCCCC; margin-top:40px;
    text-align: center;float:left;
    width: 225px;}
#bb-8 .price,
#bb-10 .price,
#bb-8-binders .price,
.price {float: left;
    margin-top: 40px;
    padding-right: 40px;
    text-align: right;
    width: 175px;}

.button-panel a.bb-buy-now,
.button-panel input.bb-buy-now  {
background: transparent url(/images/buttons/btn-green01.jpg) no-repeat 0 0;
color: white;text-transform: uppercase;
    color: #666;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    height: 20px;
    margin: 0 auto 10px;
    padding: 5px;
    text-align: center;
    width: 154px;}

.button-panel a.bb-customize {
background: transparent url(/images/buttons/btn-tan01.jpg) no-repeat 0 0;
color: white;text-transform: uppercase;
    color: #666;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    height: 20px;
    margin: 0 auto 10px;
    padding: 5px;
    text-align: center;
    width: 154px;}

.button-panel a.bb-learn-more {
background: transparent url(/images/buttons/btn-ltgreen01.jpg) no-repeat 0 0;
color: white;text-transform: uppercase;
    color: #666;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    height: 20px;
    margin: 0 auto 10px;
    padding: 5px;
    text-align: center;
    width: 154px;}

a.button-blue  {
background: transparent url(/images/buttons/btn-blue01.gif) no-repeat 0 0;
    color: #fff!important;
    display: block;
    font-weight: bold;
    margin: 0;
    text-align: center;
    width: 103px;
	font-size: 15px;
	height: 27px;
	padding: 10px 5px 5px;
	}
a.button-blue:hover {color: #fff; text-decoration:none;}

a.button-gray-skinny  {
background: transparent url(/images/buttons/button-gray-skinny.gif) no-repeat 0 0;
    color: #fff!important;
    display: block;
    font-weight: bold;
    margin: 0;
    text-align: center;
    width: 100px;
	font-size: 13px;
	height: 18px;
	padding: 5px;
	}
a.button-gray-skinny:hover {color: #fff; text-decoration:none;}


a.button-green-skinny  {
background: transparent url(/images/buttons/button-green-skinny.gif) no-repeat 0 0;
    color: #fff!important;
    display: block;
    font-weight: bold;
    margin: 0;
    text-align: center;
    width: 100px;
	font-size: 13px;
	height: 18px;
	padding: 5px;
	}
a.button-green-skinny:hover {color: #fff; text-decoration:none;}


a.button-gray-skinny-long {
background: transparent url(/images/buttons/button-gray-skinny-long.png) no-repeat 0 0;
    color: #fff!important;
    display: block;
    font-weight: bold;
    margin: 0;
    text-align: center;
    width: 202px;
	font-size: 13px;
	height: 18px;
	padding: 5px;
	}
a.button-gray-skinny-long:hover {color: #fff; text-decoration:none;}


a.button-green-skinny-long  {
background: transparent url(/images/buttons/button-green-skinny-long.png) no-repeat 0 0;
    color: #fff!important;
    display: block;
    font-weight: bold;
    margin: 0;
    text-align: center;
    width: 202px;
	font-size: 13px;
	height: 18px;
	padding: 5px;
	}
a.button-green-skinny-long:hover {color: #fff; text-decoration:none;}



.button-panel a.bb-buy-now:hover,
.button-panel a.bb-customize:hover,
.button-panel a.bb-learn-more:hover {text-decoration:none;}

a.bg-button {display:block; width:100%; height:100%;}
a.bg-button:hover {text-decoration:none;}
.three-col-promo .box {float:left; text-indent:-9999px;width:320px; height:187px; position:relative;}

.social-media-large li {
	background-color:#666666;
float:left;
height:50px;
list-style:none outside none;
margin:10px 10px 10px 0;
width:50px;}


#media-table {margin-top:20px;padding:10px!important;height:400px;
overflow-y: scroll;
background-color:#F2F2F2;}
#media-table td {
border-bottom:1px solid #ccc;
padding:10px 0;
}
#media-table th {
	background:none repeat scroll 0 0 #999999;
color:white;
padding:5px;
width:106px;}
#media-table th:first-child {padding-right:0px}

#bb-uses .inner-container {padding:40px; margin-top:40px;}
#bb-uses .uses-examples li {display:block; float:left; padding:20px; text-align:center;}
#bb-uses .uses-examples li img {width:100px}

#bb-uses .tablet-gallery #home-large p,
#bb-uses .tablet-gallery #school-large p,
#bb-uses .tablet-gallery #office-large p,
#bb-uses .tablet-gallery #studio-large p,
#bb-uses .tablet-gallery #field-large p,
#bb-uses .tablet-gallery #medical-large p {padding: 0 10px;}
#bb-uses .tablet-gallery #home-large,
#bb-uses .tablet-gallery #school-large,
#bb-uses .tablet-gallery #office-large,
#bb-uses .tablet-gallery #studio-large,
#bb-uses .tablet-gallery #field-large,
#bb-uses .tablet-gallery #medical-large {
	width: 600px;
background-color: white;
    margin: auto 0;
    padding-bottom: 20px;
    text-align: center;}

#bb-uses .tablet-gallery #home-large img,
#bb-uses .tablet-gallery #school-large img,
#bb-uses .tablet-gallery #office-large img,
#bb-uses .tablet-gallery #studio-large img,
#bb-uses .tablet-gallery #field-large img,
#bb-uses .tablet-gallery #medical-large img {}
#bb-uses .tablet-gallery ul {
	background: url("/images/backgrounds/textures/divider-gradient-bg.jpg") repeat-x scroll 0 0 white;
    height: 200px;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 10px;
    white-space: nowrap;
    width: 580px;}

#bb-uses .main div.intro {}

.expand-toolbar {float:right}

/* navigation  */

/* commands for highlighted navigation go here
#bb-home .bb-home, #home .home, #about .about, #about .about, #contact .contact {color:#F00}
*/

/* delicious linkrolls */

.delicious-odd {background-color:#fff; padding: 5px 0; overflow:hidden}
.delicious-even {background-color:#fff; padding: 5px 0; overflow:hidden}
.delicious-extended {padding:0!important}

#reviews .delicious-odd {background-color:#99cc33; padding:5px; overflow:hidden}
#reviews .delicious-even {background-color:#a9d936; padding:5px; overflow:hidden}
#reviews .delicious-extended {padding:0!important}



/* global navigation */
#home div.sc_menu,
#bb-home div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 145px;
  width: 878px;
  /* Add scroll-bars */
  overflow: auto;  border:1px solid #ccc;
}

#bb-uses div.sc_menu, #bb-uses-education div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 145px;
width: 668px;
  /* Add scroll-bars */
  overflow: auto;  border:1px solid #ccc;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 1500px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');

  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display:block;
  padding:0 20px;
  text-align:center;
  text-decoration:none;
  width:150px;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #333;
}




/* utility navigation */
#header h1 a {display: block;
    height: 53px;
    margin: 14px 0 0;
    width: 494px;
}

#header #utility-nav {float: right;
    text-align: right;
    width: 420px;}
#header #utility-nav a {color:#999; font-size: .85em;}
#header #utility-nav li {
  display: block;
  float: left;
  padding: 0 1em 1em;
  list-style-type: none;} 


/* footer  */
#footer {margin-top:40px;}
#footer #nav {
border-radius: 0 0 5px 5px;
-moz-border-radiust: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
    border-top: 3px solid #C0FF00;
    margin-bottom: 1em;
background: #616d78 url(/images/backgrounds/textures/dk-blue-gradient-02.jpg) repeat-x 0 0 ;}
#footer #nav .column {
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: 13em;
    padding: 0 20px;
    width: 150px;
}

#footer #nav .column:last-child {
    border-right: 0;
}

#footer #nav li {
 list-style-type:none;
}

#footer #utility-nav img {
padding:10px; float:right;
}
#footer #utility-nav a {
color:#616d78;
}

#footer #title-bar {
border-radius: 5px 5px 0 0;
-moz-border-radiust: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
    background: #414a53 url(/images/backgrounds/textures/dk-blue-gradient-01.jpg) repeat-x 0 0 ;
    color: #999999;
    padding: 5px;;
}

#footer #title-bar a {
    color: #cccccc;
}

#footer #nav li.phone-support{
	margin-top: 20px;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
    background-color: #49535a;
    color: #999999;
    font-weight: bold;
    padding: 5px;
    text-align: center; }
#footer #title-bar h4 {font-size:1.5em;display:inline}
#footer #title-bar h3 {color:#ccc;
font-size:1em;
font-weight:normal;  display:inline}
#footer .social-media li {float:left; margin-left:5px}
#footer .social-media li:first-child {margin-left:0}
#footer #logos {clear:both; margin: 30px 0 30px 80px;}
#footer #logos a{margin-left: 30px}
#footer #logos a:first-child {margin-left: 0px}
#footer .bb-tablet,
#footer .sf-case,
#footer .push-green,
#footer .reflex-tech {
	float:left;
	display:block;
	height: 68px;}

#footer a.bb-tablet {background: url(/images/logos/footer-logos-boogie-board-tablet.gif) no-repeat 0 0; width: 190px; text-indent: -9999px;}
#footer a.bb-tablet:hover {background: url(/images/logos/footer-logos-boogie-board-tablet.gif) no-repeat 0 -68px; text-indent: -9999px;}
#footer a.sf-case { background: url(/images/logos/footer-logos-skin-flik-case.gif) no-repeat 0 0;	width: 147px; text-indent: -9999px;}
#footer a.sf-case:hover { background: url(/images/logos/footer-logos-skin-flik-case.gif) no-repeat 0 -68px; text-indent: -9999px;}
#footer a.push-green {background: url(/images/logos/footer-logos-push-green.gif) no-repeat 0 0; width: 238px; text-indent: -9999px;}
#footer a.push-green:hover {background: url(/images/logos/footer-logos-push-green.gif) no-repeat 0 -68px; text-indent: -9999px;}
#footer a.reflex-tech { background: url(/images/logos/footer-logos-reflex-display-technology.gif) no-repeat 0 0; width: 117px; text-indent: -9999px;}
#footer a.reflex-tech:hover { background: url(/images/logos/footer-logos-reflex-display-technology.gif) no-repeat 0 -68px; text-indent: -9999px;}

.product-grid-page {}
.three-column-listing{
border-left: 1px solid #E6E6E6;
    float: left;
    padding: 2%;
    text-align: center;
    width: 20.5%;}
.three-column-listing:first-child{border:none;}
.product-grid-row {clear:both;border-top:1px solid #E6E6E6;}
.product-grid-row:first-child {border-top:none;}

/* breadcrumb nav  */
ul#crumbs, #crumbs li {
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:x-small
	}		
#crumbs {
	height:2.3em;
	border-top:0;
	}

ul#crumbs{
margin: 0;
    padding-top: 10px;
    width: 960px;}
	
#bb-support ul#crumbs,
#sf-support ul#crumbs,
#bb-media-kit ul#crumbs,
#bb-customize ul#crumbs
{
margin: 0 0 40px -40px;}

#bb-8 ul#crumbs,
#bb-10 ul#crumbs,
#bb-8-binders ul#crumbs,
#sf-g3 ul#crumbs {margin: 0 0 0 0px;}



#crumbs li {
	float:left;
	line-height:2.3em;
	color:#999;
	padding-left:.75em;
	}		
#crumbs li a {
	background:url(/images/icons/crumbs2.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#999;
	text-decoration:none;
	}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#666;
	}
	
ul.addtoany_list {list-style:none;}

.hidden-bg-text {text-indent: -9999px;}

	ul#button_quotes {height: 150px; background-color: white; margin-top: 10px; border-top: 1px dotted #ccc; text-align:center;}
	ul#button_quotes li {margin-left: -20px; font-size: 12pt; font-weight: bold; color: #5EC00B; margin-bottom: 20px; }
	ul#button_quotes cite {font-style: italic; font-size: .6em;margin: 10px 0;}
	.qr_buttons {display:none;}
		#home ul#button_quotes {height: 150px; background-color: transparent!important; margin-top: 10px; border-top: none; text-align:center;}

	a.bb-big-button,
input.bb-big-button {
background: transparent url(/images/buttons/btn-big-orange.png) no-repeat 0 0;
text-transform: uppercase;
    color: #333333!important;
    display: block;
    font-size: 14pt;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: center;
    width: 275px;
	padding-top: 20px; margin: -10px auto 10px; height: 40px; color: #333;}
a.bb-big-button:hover {text-decoration:none;}


#bb-rip-warranty .intro {margin-bottom: 30px; width: auto!important;}
#bb-rip-warranty h5 {display:block!important; margin-bottom: 0.5em; margin-top: 15px; color: #333;}