/* CSS Document */

html {
	background: none;	
}

body {
	margin: 0 auto;
	width: 680px;
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #036;
	text-align: center;
}

/* will show when stylesheets are disabled */
.hidden {
	display: none;
}

/* center wrapper */
#wrapper {
	width: 680px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* company logo */
#brand {
	background: url(../images/bk_logo.jpg) no-repeat;
	height: 120px;
	margin: 0;
	padding: 0;
	border-bottom: 5px solid #0e3b57;
}

img.logo {
	float: left;
	position: absolute;
	top: 0;
	padding: 0;
	border: 0;
}

img.arrow {
	padding-left: 10px;
	vertical-align: bottom;
}

/* administrative navigation */
p.admin-nav {
	display: none;
}

/* slogan */
#slogan {
	display: none;
}

/* container for main page imagery and client login area */
#banner {
	display: none;
}

/* client login */
#client-login {
	display: none;
}

form.login-form {
	display: none;
}

span.login-links {
	display: none;
}

/* main navigation */
ul#main-nav {
	display: none;
}

/* content area */
#content-wrapper {
	background: #fff;
	width: 680px;
	margin: 10px 0 10px 0;
	padding: 0;
}

/* breadcrumb orientation */
.crumbs {
	display: none;
}


#panel-container {
	float: right;
	width: 320px;
	margin: 0 0 0 10px;
	padding: 0;
}

.panel,
.panel2 {
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	width: 320px;
	background: url(../images/bk_panel.jpg) repeat-y;
}

.panel2 {margin-top: 25px; padding-bottom: 40px;}

.panel h3,
.panel2 h3 {
	display: block;
	color: #f7f7f7;
	font-size: 1.4em;
	font-family: verdana, arial, sans-serif;
	margin: 0;
	padding: 4px 0 2px 14px;
}

body#home .panel h3 {background: #360;}
body#home .panel2 h3.news {background: #1c5374;}
body#resource .panel2 h3.articles {background: #1c5374;}
body#about .panel h3 {background: #906;}
body#why .panel h3 {background: #600;}
body#prod .panel h3 {background: #630;}
body#order .panel h3 {background: #6868bb;}
body#resource .panel h3 {background: #930;}

.panel p,
.panel2 p {
	padding: 10px 14px;
	margin: 0;
	font-size: 85%;
	line-height: 1.3em; 
}

.panel p a,
.panel2 p a {
	color: #3b8ab8;
}

.panel p a:hover,
.panel2 p a:hover {
	color: #360;
}

.panel ul li, .panel2 ul li {
	font-size: inherit;
}

/* product right panels */
.panel p.category {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 10px;
}

img.panel-image {
	margin: 15px 15px 35px 15px;
}

/* side panel sub page nav and product nav lists */
ul.subnav,
ul.prodnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 90%;
}

ul.subnav li,
ul.prodnav li {
	margin: 0;
	padding: 5px;
}

ul.subnav li a, ul.subnav li a:link, ul.subnav li a:visited, ul.subnav li a:active {
	display: block;
	padding: 4px 5px 4px 10px;
	margin: 10px 10px 0 10px;
	color: #f7f7f7;
	background: #1c5374;
	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
}

ul.subnav li a:hover {
	color: #fff;
	background: #3b8ab8;
}

ul.prodnav li a, ul.prodnav li a:link, ul.prodnav li a:visited, ul.prodnav li a:active {
	display: block;
	padding: 2px 5px 2px 10px;
	margin: 0 10px;
	color: #1c5374;
	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #c30;
}

ul.prodnav li a:hover {
	color: #fff;
	background: #3b8ab8;
	border: 1px solid #c30;
}

/* side panel feature */
p.tollfree {
	text-align: center;
	padding: 6px;
	margin: 30px 16px;
	background: #fff;
	border: 1px solid #630;
	color: #c30;
	font-size: 1.4em;
}

body#order p.tollfree {
	border: 1px solid #606;
	color: #606;
}

/* feature panel on home page */

p.lead-in {
	font-size: 1.3em;
	font-style: italic;
}

.highlight {
	width: 320px;
	background: #e3f5f9;
	margin: 5px 0 10px 10px;
	padding: 0;
}

.highlight h4 {
	color: #360;
	background: #f7f7f7;
	font-size: 1.2em;
	margin: 0;
	padding: 3px 0 3px 0;
}

.highlight h4 span {
	font-size: 0.75em;
	font-weight: normal;
}

.highlight .feature-para {
	font-size: 0.75em;
	line-height: 1.4em;
	color: #008080;
	margin: 0;
	padding: 5px 0;
}

/* content area */
#content,
#content-wide {
	padding: 0;
	margin: 0;
}

p, ul, ol {
	padding-right: 0;
	font-size: 0.9em;
}

#content-wide p {
	padding-right: 0;
}

ul ul {padding-right: 0; margin-top: 5px; margin-bottom: 5px;}

ul ul li {padding: 2px;}

/* frequently asked questions links and q and a rules */
ul.listoflinks {
	padding: 0;
	margin: 0 0 0 20px;
	list-style-type: disc;
}

ul.listoflinks li {
	padding-bottom: 4px;
}

p.question {
	font-weight: bold;
	color: #930;
	margin-top: 20px;
}

p.question:first-letter {
	font-size: 2em;
	font-style: normal;
	padding: 0 2px 0 0;
}

p.answer {
	border-left: 1px dotted #3b8ab8;
	padding-left: 20px;
	margin-left: 0;
}

ul.answer {
	margin-left: 20px;
	padding-left: 20px;
}

/* glossary */
dl {
	border-left: 1px dotted #3b8ab8;
	padding-left: 20px;
	margin-left: 0;
}

dt {
	font-weight: bold;
	padding-left: 10px;
}

dd {
	margin: 0;
	padding: 2px 0 5px 10px;
	font-size: 0.85em;	
}

dl.product, dl.product2 {
	border: 0;
	padding: 0;
	margin: 10px 0 10px 0;
	width: 375px;
	background: #fafaf5;
}

dl.product2 {
	background: #eef9fd;
}

dl.product dt, dl.product2 dt {
	float: left;
	margin: 0;
	padding: 5px;
	font-size: 0.75em;
	width: 200px;
}

dl.product dd, dl.product2 dd {
	margin: 0 0 0 220px;
	padding: 5px;
	font-size: 0.75em;
}

/* back to top link */

.top {
	display: none;
}

/* rules for overall site links */
a, a:link, a:visited, a:active {
	color: #3b8ab8;
}

a:hover {
	color: #360;
}

/* site headings */
h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 {
	font-size: 1.8em;
	margin-bottom: 10px;
}

h2 {
	font-size: 1.4em;
}

h1.bio-title {
	clear: both;
}

body#home h1, body#home h2 {color: #360;}
body#about h1, body#about h2 {color: #906;}
body#why h1, body#why h2 {color: #600;}
body#prod h1, body#prod h2 {color: #630;}
body#order h1, body#order h2 {color: #606;}
body#resource h1, body#resource h2 {color: #930;}

h2.glossary {
	font-size: 2em;
	padding-top: 10px;
}

h3.standout,
h3.faq {
	padding: 10px 0 10px 0;
	color: #69aaac;
	font-size: 1.4em;
}

h3.faq {
	color: #930;
}

/* footer */
#footer {
	background: #8babc0;
	height: 50px;
	text-align: center;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	clear: both;
}

/* footer text */
p.footer-nav {
	padding: 10px 0 10px 0;
	margin: 0;
	font-size: 75%;
	font-family: "trebuchet-ms", verdana, arial, sans-serif;
	color: #1c5374;
}

p.footer-nav a, p.footer-nav a:link, p.footer-nav a:visited, p.footer-nav a:active {
	color: #1c5374;
}

p.footer-nav a:hover {
	color: #fff;
	background: #3b8ab8;	
}

/* acronym rule */
acronym {
	border-bottom: 1px dotted #1c5374;
}

/* about us page */
.bio {
	margin: 0;
	padding: 0;	
}

.bio h2 {
	margin: 24px 0 10px 0;
	font-size: 1.3em;
	clear: left;
}

.bio h2 span {
	font-size: 0.9em;
	color: #3b8ab8;
}

.bio p {
	padding: 0;
	margin: 0 0 20px 160px;
}

img.bio-pic {
	display: inline;
	float: left;
	padding: 3px;
	border: 1px solid #1c5374;
	margin: 0 12px 20px 0;
}

/* products main page */


#by-name {
	margin: 0;
	padding: 0;
	border: 0;
	height: 200px;
}

#by-name .name-col {
	float: left;
	width: 140px;
	margin: 20px 0 20px 0;
	padding: 0 20px 0 0;	
}

#by-name .name-colright {
	margin: 20px 0 20px 0;
	padding: 0;
	width: 140px;
	float: right;
}

#by-category {
	margin: 0;
	padding: 0;
	border: 0;
}

#by-category .cat-col {
	float: left;
	width: 160px;
	margin: 20px 0 20px 0;
	padding: 0 60px 0 0;	
}

#by-category .cat-colright {
	margin: 20px 0 20px 0;
	padding: 0;
	width: 160px;
	float: right;
}

#by-category .cat-colright h4,
#by-category .cat-col h4 {
	background: #f7f7f7;
	color: #1c5374;
	font-size: 0.75em;
	padding: 3px;
	margin: 2px 0;
}

#by-category ul {
	margin-left: 20px;
}

.name-col ul,
.name-colright ul,
.cat-col ul,
.cat-colright ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 10px;
}

.name-col ul li,
.name-colright ul li,
.cat-col ul li,
.cat-colright ul li {
	margin: 0;
	padding: 4px 0;
	
}

.name-col ul li a, .name-col ul li a:link, .name-col ul li a:visited, .name-col ul li a:active,
.name-colright ul li a, .name-colright ul li a:link, .name-colright  ul li a:visited, .name-colright ul li a:active,
.cat-col ul li a, .cat-col ul li a:link, .cat-col ul li a:visited, .cat-col ul li a:active,
.cat-colright ul li a, .cat-colright ul li a:link, .cat-colright  ul li a:visited, .cat-colright ul li a:active {
	color: #c30;
	font-weight: bold;
	text-decoration: none;
}

.name-col ul li a:hover,
.name-colright ul li a:hover,
.cat-col ul li a:hover,
.cat-colright ul li a:hover {
	color: #360;
	font-weight: bold;
	text-decoration: underline;
}

p.disclaimer {
	font-size: 0.65em;
	margin: 0;
	padding: 5px 20px 15px 0;
	
}

/* tables */

table.standard,
table.contact {
	border-collapse: collapse;
	clear: both;
	margin: 20px 0 20px 0;
	font-size: 0.75em;
	width: 100%;
}

table.contact {
	width: 50%;
	clear: none;
	margin: 15px 0 15px 0;
}

table.standard th,
table.contact th {
	border: 1px solid #1c5374;
	padding: 6px;
	background: #fefefe;
}

table.standard td,
table.contact td {
	border: 1px solid #1c5374;
	padding: 6px;
}

table.contact td {
	width: 50%;
	padding-top: 10px;
}

/* other */
sup {
	font-size: 80% !important;
}

.back {
	padding-top: 20px;
}

/* testimonials */

.quote {
	color: #1c5374;
	background: #f7f4f7 url(../images/quote_left.jpg) 0em 0.2em no-repeat;
	margin: 10px 0 10px 0;
	padding: 15px 10px 10px 35px;
	width: 380px;
	font-size: 0.85em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.7em;
	font-family: arial, verdana, sans-serif;
	letter-spacing: 0.04em;
}

strong.stress {
	color: #600;
}

.speaker {
	margin: -10px 0 0 0;
	padding-top: 30px;
	color: #600;
	display: block;
	background: url(../images/quote_right.jpg) 100% 0% no-repeat;
	font-style: normal;
	line-height: 1.3em;
	font-size: 0.9em;
}

#by-name li span, #by-category li span {
	font-family: "trebuchet-ms", arial, sans-serif;
	color: #03c;
	font-size: 0.7em;
	font-weight: bold;
	margin: 0 0 0 6px;
	padding: 1px 3px 1px 4px;
	background: #ff9;
	border: 1px solid #3965F9;
}

.new-formula {
	float: right;
	font-family: "trebuchet-ms", arial, sans-serif;
	color: #03c;
	font-size: 0.85em;
	font-style: italic;
	font-weight: bold;
	margin: -40px 155px 0 0;
	padding: 2px 3px 2px 4px;
	background: #ff9;
	border: 1px solid #3965F9;
	
}

/* request form */
form.order-form {
	margin: 0;
	padding: 0;
	width: 600px;
}

form.order-form fieldset {
	border: 0;
	background: #F9F9F9;
	padding: 5px 0 5px 5px;
	font-size: 0.85em;
	margin: 0 0 20px 0;
}

form.order-form label {
	margin: 3px;
	padding: 3px;
	float: left;
	text-align: right;
	width: 220px;
	color: #606;
	font-weight: bold;
	font-size: 0.9em;
}

form.order-form input {
	padding: 3px;
	margin: 3px;
	width: 200px;
}

form.order-form select {
	margin: 3px;
	width: 200px;
}

form.order-form input:focus {
	border-color: #e7b64d;
	background: #ffc;
}

form.order-form input.postal {
	width: 65px;
}

form.order-form input.phone,
form.order-form input.fax {
	width: 65px;
}

form.order-form input.area {
	width: 28px;
}

form.order-form input.submit,
form.order-form input.reset {
	margin-left: 235px;
	font-size: 85%;
	width: 100px;
}

form.order-form input.reset {
	margin-left: 5px;
	
}

form.order-form span {
	display: block;
	margin: 5px 10px 5px 235px;
	font-size: 0.75em;
}