/* Created by DouglasERogers.com */


* {font-family: Verdana, Arial, Tahoma, Trebuchet, Geneva, sans-serif; font-size: 12px;}

span.bb	{font-weight: bold;	color: #06C; font-size:inherit;}

p {margin: 0px;}
strong	{font-size:inherit;}

a.print,a.pdf {background: url(/images/printer-icon.png) no-repeat; padding: 5px 0 5px 25px; text-decoration:none; color:#06C}
a.print:hover,a.pdf:hover	{text-decoration:underline;}
a.pdf {background: url(/images/pdf-icon.png) no-repeat;}

table	{border-collapse:collapse;}

td 		{}
	td.table-header 	{background-image: url(/images/table-header-maroon.jpg); background-repeat:repeat-x; height:48px; color:#CCC; font-size: 12px}
	td.table-header a	{color: #FFF; font-size: 18px; font-weight:bold; text-decoration:underline}
	td.row-title 		{font-size: 120%; font-weight:bold; text-align: right; padding-right: 5px}

h1		{font-size: 200%;}
h2 		{font-size: 180%; font-family:Georgia, "Times New Roman", Times, serif; color:#560300}
h3 		{font-size: 160%; color:#06C;}
h4 		{font-size: 140%;}

ol li:marker {font-weight:bold}
p.large, ul li,ol li 	{font-size: 120%}
p.small {font-size: 80%;}
p.smaller {font-size: 70%;}

/* protocol modals */
img.vertical-banner		{float: left}
div.protocol-container	{margin: 10px 10px 10px 80px; padding-bottom: 20px;}

div.protocol-header		{background: url(/images/document-header-bg.jpg) no-repeat; height: 40px; width: 755px; padding: 10px 0 0 45px; vertical-align:middle; color: #FFF}
div.protocol-header h1, div.protocol-header h2 div.protocol-header h3, div.protocol-header h4	{padding:0; margin:0;}

table.protocol-table	{margin: 10px};
table.protocol-table tr td	{text-align:center;}
table.protocol-table tr td.row-title	{text-align:right; padding-right: 10px;}
tr.protocol-table-header td	{background: url(/images/black-bg-fade.jpg) repeat-x; text-align:center; vertical-align:middle; height:30px; padding: 0px 10px; color:#FFF; font-weight:bold;}

div.document-links	{padding-top: 15px;}

ol.protocol-instructions li {margin-left: 60px}

 
/*** Bullet blender page re-do ***/

.menubar {width: 751px; height: 58px; padding:0; margin:0;}
.menubar .left-end{ width: 25px; height: 58px; background-image: url(/images/bb-menubar/menubar-left.jpg); background-repeat:none; float:left;}
	
.menubar .overview, .menubar .overview-active{ display:block; width: 110; height: 58px; background-image: url(/images/bb-menubar/overview.jpg); background-repeat:none; float:left;}
	.menubar .overview:hover, .menubar .overview-active{background-image: url(/images/bb-menubar/overview_.jpg);}
	
.menubar .specs, .menubar .specs-active{ display:block; 	width: 77px; height: 58px; background-image: url(/images/bb-menubar/specs.jpg); background-repeat:none; float:left;}
	.menubar .specs:hover, .menubar .specs-active{background-image: url(/images/bb-menubar/specs_.jpg);}
	
.menubar .beads, .menubar .beads-active{ display:block; 	width: 82px; height: 58px; background-image: url(/images/bb-menubar/beads.jpg); background-repeat:none; float:left;}
	.menubar .beads:hover, .menubar .beads-active{background-image: url(/images/bb-menubar/beads_.jpg);}
	
.menubar .accessories, .menubar .accessories-active{ display:block; width: 148px; height: 58px; background-image: url(/images/bb-menubar/accessories.jpg); background-repeat:none; float:left;}
	.menubar .accessories:hover, .menubar .accessories-active{background-image: url(/images/bb-menubar/accessories_.jpg);}	
	
.menubar .protocols, .menubar .protocols-active{ display:block; width: 126px; height: 58px; background-image: url(/images/bb-menubar/protocols.jpg); background-repeat:none; float:left;}
	.menubar .protocols:hover, .menubar .protocols-active{background-image: url(/images/bb-menubar/protocols_.jpg);}
	
.menubar .faq, .menubar .faq-active{ display:block; 		width: 54px; height: 58px; background-image: url(/images/bb-menubar/faq.jpg); background-repeat:none; float:left;}
	.menubar .faq:hover, .menubar .faq-active{background-image: url(/images/bb-menubar/faq_.jpg);}
	
.menubar .support, .menubar .support-active{ display:block; 	width: 104px; height: 58px; background-image: url(/images/bb-menubar/support.jpg); background-repeat:none; float:left;}
	.menubar .support:hover, .menubar .support-active{background-image: url(/images/bb-menubar/support_.jpg);}
	

	
.menubar .right-end{ width: 25px; height: 58px; background-image: url(/images/bb-menubar/menubar-right.jpg); background-repeat:none; float:left;}


div.video-menubar{width: 750px;}
.video-menubar div {float: left; width: 135px; padding: 10px 5px;}


a.big {font-size: 16px; font-weight:bold}
a.huge {font-size: 20px; font-weight:bold}

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #06C; font-size:24px; font-style:italic}
h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #333; font-size:16px; font-style:italic}
p.top-desc {margin: 35px 20px 0 0; font-size: 11px;}

ul {padding: 0; margin: 0;}
ul.why-bb li { list-style:none; background-image: url(/images/chevron-orange-bullet-gray.jpg); background-repeat:no-repeat; margin:20px 0 0 15px; padding: 0 0 0 16px; text-decoration: none;}

ul.why-bb li a{ color:#F60; font-weight:bold;  text-decoration: none; font-size: 14px}

ul.why-bb li a:hover{text-decoration:underline}





.why-bb-container {float:left; background-color: #dddddd;  border: 1px solid black; height: 240px; margin-left: 20px; padding-right: 20px;}


.why-bb-contanter a.video-link { padding: 10px; text-align:center}


div.why-bb-text{visibility:hidden; position:absolute; padding: 10px; top:500; left:700; width: 300px; background-color:#FFF; border: 1px solid black;};



.multi-clip-container {float: left; margin-left: 15px;} 
 
  
#quotes{ overflow:hidden; font:13px Georgia, "Times New Roman", Times, serif;	font-style:italic;	color:#222; width: auto; height: 100px; padding: 10px 0px 1px 40px; margin: auto auto; }

#author{color:#03C;	text-align: right; font-weight:bold; }




p.faq-question { font-weight:bold; padding: 10px;}
p.faq-question:first-letter {font-size: 20px; color: #03C}
p.faq-answer {margin-left: 25px; font-style: italic;}
p.faq-answer:first-letter {font-size: 20px; color: #F60; font-weight:bold; font-style: normal;}

p.problem{}
p.problem strong { color: #03C;}
p.solution{ margin-bottom: 10px;}
p.solution strong { color: #F60;}



/* Video Sidebar for Bullet Blender videos */
.video-sidebar {width: 130px}
.video-sidebar img	{border: 0;	padding-bottom: 3px;	padding-left: 12px;	margin-top: 10px;}
.video-sidebar p		{margin: 0 0 5px 0;	padding: 0px 12px 0px 12px;	color: #000; font-size: 9px}

 
a img {border: 0}