/* CSS Document */

html {
	background: url(../images/bk_leftblock.gif) 0cm 12.43cm no-repeat;
	min-height: 100%;
	margin-bottom: 1px;		
}

body {
	margin: 0 auto;
	width: 100%;
	background: url(../images/bk_block.gif) 0cm 3.18cm repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #036;
	text-align: center;
}

/* will show when stylesheets are disabled */
.hidden {
	text-indent: -5000px;
	font-size: 110%;
	margin: 0;
	padding: 0;
}

/* center wrapper */
#wrapper {
	width: 900px;
	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: 15px 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 {
	text-align: right;
	padding: 50px 35px 0 0;
	margin: 0;
	font-size: 85%;
	font-family: "trebuchet-ms", verdana, arial, sans-serif;
	color: #1c5374;
}

p.admin-nav a, p.admin-nav a:link, p.admin-nav a:visited, p.admin-nav a:active {
	text-decoration: none;
	color: #1c5374;
	padding: 3px;
}

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

/* slogan */
#slogan {
	background: url(../images/bk_slogan.jpg) no-repeat;
	width: 900px;
	height: 33px;
	font-family: "trebuchet-ms", arial, verdana, sans-serif;
}

#slogan p {
	color: #069;
	margin: 0;
	padding: 3px 0 0 110px;
	font-size: 1.3em;
}

#slogan p span {
	font-size: 1.3em;
	letter-spacing: 0.25em;
	font-weight: bold;
	color: #1c5374;
	margin: 0;
	padding: 0 0 0 145px;
}

/* container for main page imagery and client login area */
#banner {
	margin: 0;
	padding: 0;
	height: 242px;
	width: 900px;
}

/* banner main picture */
#main-pic {
	float: left;
	width: 507px;
	height: 242px;
	padding: 0;
	margin: 0;
}

#main-pic img {
	border: 0;
}

/* stay tuned */
#client-login p.stay-tuned,
#client-login p.message {
	font-size: 0.75em;
	margin: 10px 10px 0 35px;
	padding: 10px;
	color: #f7f7f7;
	width: 300px;
	border: 1px solid #c7c7c7;
}

#client-login p.message {
	color: #1c5374;
	background: #f7f7f7;
}

#client-login p.sorry {
	clear: both;
	margin-top: 20px;
	text-align: center;
	padding: 10px 0 10px 0;
	line-height: 1.4em;
	font-size: 0.75em;
	display: block;
	color: #f7f7f7;
	background: #036;
	font-weight: bold;
}

p.confirm-message {
	color: red;
	background: #fff;
	padding: 5px 0 5px 0;
}

/* client login */
#client-login {
	float: right;
	background: url(../images/bk_login.jpg) top left no-repeat;
	width: 393px;
	height: 242px;
	margin: 0;
	padding: 0;
}

#client-login p {
	padding: 28px 0 0 35px;
	margin: 0;
	font-size: 1.2em;
	color: #f7f7f7;
}

form.login-form {
	margin: 8px 10px 0 40px;
	padding: 0;
}

form.login-form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

form.login-form label {
	float: left;
	margin: 2px 10px 2px 0;
	padding: 0;
	width: 100px;
	text-align: right;
	color: #f7f7f7;
	font-size: 0.9em;	
}

form.login-form input:focus {
	background: #ff9;
}

form.login-form input {
	margin: 2px;
	padding: 0;
	width: 180px;	
}

.login-form input.go {
	width: 50px;
	text-align: center;
	margin-top: 2px;
	color: #1c5374;
	border: 1px solid #1c5374;
}

span.login-links {
	margin: 10px 30px 0 37px;
	padding: 0;
	font-size: 0.8em;
	color: #1c5374;
}

span.login-links a, span.login-links a:link, span.login-links a:visited, span.login-links a:active {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	color: #1c5374;
}

span.login-links a:hover {
	color: #f7f7f7;
}

/* main navigation */
ul#main-nav {
	background: #1c5374;
	color: #fff;
	height: 60px;
	margin: 0;
	padding: 0;
	width: 900px;
	list-style-type: none;
}

ul#main-nav li {
	margin: 15px 10px 15px 10px;
	padding: 5px 0;
	float: left;
}

ul#main-nav li a, ul#main-nav li a:link, ul#main-nav li a:visited, ul#main-nav li a:active {
	margin: 20px 10px 20px 13px;
	padding: 3px 3px 3px 3px;
	text-transform: uppercase;
	color: #f7f7f7;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	text-decoration: none;
}

/* individual link states for main navigation items */
body#about li.on-about a, body#about li.on-about a:link, body#about li.on-about a:visited, body#about li.on-about a:active {background: #906;}
body#why li.on-why a, body#why li.on-why a:link, body#why li.on-why a:visited, body#why li.on-why a:active {background: #600;}
body#prod li.on-prod a, body#prod li.on-prod a:link, body#prod li.on-prod a:visited, body#prod li.on-prod a:active {background: #630;}
body#order li.on-order a, body#order li.on-order a:link, body#order li.on-order a:visited, body#order li.on-order a:active {background: #6868bb;}
body#resource li.on-resource a, body#resource li.on-resource a:link, body#resource li.on-resource a:visited, body#resource li.on-resource a:active {background: #930;}

ul#main-nav li.on-about a:hover {background: #906;}
ul#main-nav li.on-why a:hover{background: #600;}
ul#main-nav li.on-prod a:hover {background: #630;}
ul#main-nav li.on-order a:hover {background: #6868bb;}
ul#main-nav li.on-resource a:hover {background: #930;}

body.team li.on-team a, body.team li.on-team a:link, body.team li.on-team a:visited, body.team li.on-team a:active {
	border-right: 8px solid #906;
	background: #3b8ab8; 
}

body.board li.on-board a, body.board li.on-board a:link, body.board li.on-board a:visited, body.board li.on-board a:active {
	border-right: 8px solid #906;
	background: #3b8ab8; 
}

body.why-quality li.on-quality a, body.why-quality li.on-quality a:link, body.why-quality li.on-quality a:visited, body.why-quality li.on-quality a:active {
	border-right: 8px solid #600;
	background: #3b8ab8; 
}

body.why-client li.on-testimonials a, body.why-client li.on-testimonials a:link, body.why-client li.on-testimonials a:visited, body.why-client li.on-testimonials a:active {
	border-right: 8px solid #600;
	background: #3b8ab8; 
}

body.order-policy li.on-policy a, body.order-policy li.on-policy a:link, body.order-policy li.on-policy a:visited, body.order-policy li.on-policy a:active {
	border-right: 8px solid #6868bb;
	background: #3b8ab8;
}

/* content area */
#content-wrapper {
	background: #e3f5f9 url(../images/bk_page.jpg) no-repeat;
	width: 900px;
	margin: 0;
	padding: 0;
}

/* breadcrumb orientation */
.crumbs {
	padding: 5px 0 15px 0;
	font-size: 0.7em;
	color: #3b8ab8;
	clear: both;
}

.crumbs a, .crumbs a:link, .crumbs a:visited, .crumbs a:active {
	color: #3b8ab8;
}

.crumbs a:hover {
	color: #360;
}

a.small {
	font-size: 0.9em;
	display: block;
	text-align: right;
	padding: 4px;
	margin: 0;
	border-top: 1px solid #e3f5f9;
}

/* panels to the right */

#panel-container {
	float: right;
	width: 350px;
	margin: 0 0 0 20px;
	padding: 0;
}

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

/* for home page testimonial bar */
.panel3 {
	margin: 0;
	padding: 0;
}

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

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

.panel3 h3 a, .panel3 h3 a:link, .panel3 h3 a:visited, .panel3 h3 a:active {
	display: block;
	font-size: 1em;
	color: #f7f7f7;
	margin: 0;
	padding: 0 0 3px 0;
	text-decoration: none;
}

.panel3 h3 a:hover {
	color: #FFFFBF;
	text-decoration: underline;
}

body#home .panel h3 {background: #360;}
body#home .panel2 h3.news {background: #1c5374;}
body#home .panel3 h3.testimonial {background: #600;}
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 25px;
	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 25px;
	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;
	margin-bottom: 0;
	padding-bottom: 0;
}

p.lead-in2 {
	font-size: 1.2em;
}

p.lead-in3 {
	font-size: 1.2em;
	font-style: italic;
	margin-bottom: 5px;
}

.highlight {
	width: 325px;
	background: #e3f5f9;
	margin: 5px 0 10px 15px;
	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.85em;
	line-height: 1.4em;
	color: #008080;
	margin: 0;
	padding: 5px 10px;
}

.highlight ul.list {
	line-height: 1.6em;
	margin: 0 0 0 26px;
	padding: 0;
	list-style-type: square;
}

.highlight ul.list li {
	font-size: 0.85em;
	line-height: 1.6em;
	padding: 7px 10px 7px 10px;
	color: #008080;
}

.highlight ul.list2 {
	font-size: 1em;
	line-height: 1.6em;
	margin: 0 0 0 30px;
	padding: 0;
	list-style-type: square;
}

.highlight ul.list2 li {
	font-size: 1em;
	line-height: 1.4em;
	padding: 7px 10px 7px 10px;
	color: #008080;
}


/* content area */
#content,
#content-wide {
	padding: 10px 22px 10px 76px;
	margin: 0;
	min-height: 300px;
}

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

#content-wide p {
	padding-right: 80px;
}

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;
}

.news-item {
	margin-top: 18px;
	padding-left: 20px;
	border-left: 1px dotted #3b8ab8;
}

.news-item p {
	margin: 0 0 10px 0;
}

p.date {
	font-size: 75%;
	color: #3b8ab8;
}

/* 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 {
	clear: both;
}

.top a, .top a:link, .top a:visited, .top a:active {
	text-align: right;
	font-size: 0.75em;
}

/* 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: 70px;
	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: 180px;
	margin: 20px 0 20px 0;
	padding: 0 25px 0 0;	
}

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

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

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

#by-category .cat-colright {
	margin: 20px 0 20px 0;
	padding: 0;
	width: 220px;
	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 75px;
	
}

/* 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;
}

strong.message {
	color: #360;
	font-size: 1.2em;
	line-height: 1.4em;
}

.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: -35px 40px 0 0;
	padding: 2px 3px 2px 4px;
	background: #ff9;
	border: 1px solid #3965F9;
	
}

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

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

form.reminder-form fieldset {
	background: #f7f7f7;
}

.note {
	font-size: 0.75em;
	padding-left: 150px;
}

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

form.reminder-form label {
	color: #360;
	width: 160px;
}

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

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

form.order-form input:focus, form.reminder-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.reminder-form input.submit,
form.reminder-form input.reset {
	margin-left: 0;
	width: 100px;
	font-size: 85%;	
}

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

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