/*
 * Copyright (C) 2010 Mark Rebane - All Rights Reserved.
 * Created by Mark Rebane <mark.rebane@gmail.com>
 */

/* Makeshift CSS Reset */
* {
	margin:0;
	padding:0;
}

html {overflow:scroll;}

html, body {
	background:#ddd url(../img/bodybg.png) 50% 0 repeat-y;
	color:black;
	text-align:center;
}

p, a, ul, li, h1, h2, h3, blockquote p {
	font:normal 9pt/14pt Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
}

p, ul, h1, h2, h3, blockquote p {padding:0 0 1em;}

blockquote p {
	font-style:italic;
	padding-left:1em;
}

a {
	color:#003580;
	text-decoration:none;
}

a:hover, a:active {
	color:#3c97ff;
	text-decoration:underline;
}

a img {border:0;}

p.backtotop {text-align:right;}

p.backtotop a {
	font:size:8pt;
	line-height:8pt;
}

h1, h2, h3 {color:#003580;}

h1 {
	font-weight:bold;
	font-size:12pt;
}

h2 {
	font-style:italic;
        font-size:11pt;
}

h3 {
	font-weight:bold;
	font-size:10pt;
}

ul {padding-left:20px;}

ul li {
	list-style-type:circle;
	padding-bottom:0.5em;
}

ul li ul {padding-left:20px;}

ul li ul li {list-style-type:disc;}

.clear-both {clear:both;}

.display-none {display:none;}

.ext {
	background:url(../img/exticon.gif) right center no-repeat;
	padding-right:12px;
}

#footer .ext {
	background:url(../img/exticon-gray.gif) right center no-repeat;
}

.pdf {
	background:url(../img/pdficon.gif) right top no-repeat;
	padding-right:14px;
}

.center {
	text-align:center;
}


#root {
	width:850px;
	background:#edbb58;
	margin:0 auto;
}

#top {
	height:120px;
	background:white url(../img/topbg.gif) 100% 0 no-repeat;
	color:#003580;
}

#top .right {
	float:right;
	padding:20px 85px 0;
}

#top .right p {
	font-size:8pt;
	line-height:16px;
	text-align:right;
	padding:0;
}

#nav-bar, #nav-bar ul, #nav-bar ul li a {
	background:#003580 url(../img/barbg.gif) 0 -20px repeat-x;
	color:#cfcfcf;
}

#nav-bar ul {
	overflow:hidden;
	height:33px;
	text-align:center;
	padding:0;
}

#nav-bar ul li {
	display:inline;
	list-style-type:none;
}

#nav-bar ul li a {
	background:#003580 url(../img/barbg.gif) 0 -10px repeat-x;
	font-weight:bold;
	line-height:33px;
	text-decoration:none;
	padding:20px 1.5em;
}

#nav-bar ul li a:hover, #nav-bar ul li a:active {
	background:#3c97ff url(../img/barbg.gif) 0 -43px repeat-x;
	color:white;
	text-decoration:none;
}

#nav-bar ul li a.divider {border-right:1px solid white;}

#bread-bar {
	height:33px;
	background-color:white;
	margin:0 50px;
	padding:0 20px;
}

#bread-bar ul {line-height:33px;}

#bread-bar ul li {
	display:inline;
	list-style-type:none;
}

#bread-bar ul li a {line-height:33px;}

#bread-bar ul li a:hover, #bread-bar ul li a:active {text-decoration:underline;}

#content {
	height:auto !important;
	height:400px;
	background:white url(../img/wmarkbg.gif) left bottom no-repeat;
	color:black;
	margin:0 50px;
	padding:20px;
}

#content #contacts {background:url(../img/contact.jpg) right top no-repeat;}

#content .contacts {margin:0 auto 0 3px;}

#content .contact {
	float:left;
	width:144px;
	margin:0 5px 10px;
	border:solid 1px #eee;
	padding:5px 10px;
}

#content .contact p {padding:0;}

/**
 * Table of Contents classes and styles
 */

#content .tocdesc-container {position:relative;}

#content .toc {
	float:left;
	width:200px;
	background-color:#fcfcfc;
	text-align:left;
}

#content .toc .head {
	height:24px;
	background:#003580 url(../img/barbg.gif) 0 -86px repeat-x;
}

#content .toc .headleft {
	height:24px;
	background:url(../img/corbg.gif) 0 -40px  no-repeat;
}

#content .toc .headright {
	height:24px;
	background:url(../img/corbg.gif) 100% -64px  no-repeat;
}

#content .toc h2 {
	height:24px;
	font:bold 12px/24px Tahoma, Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
	padding:0;
}

#content .toc ul {padding:10px;}

#content .toc ul li {
	line-height:16px;
	list-style-type:none;
	padding:0;
}

#content .desc {
	background-color:#fcfcfc;
	margin-left:220px;
	border:1px solid #ddd;
	padding:10px;
}

#content .desc p {padding:0;}

/**
 * Product classes and styles
 */

#content .product {
	clear:both;
	position:relative;
	padding-top:20px;
}

#content .product .head {
	height:20px;
	background:#003580 url(../img/barbg.gif) 0 0 repeat-x;
	margin-bottom:20px;
}

#content .product .headleft {
	height:20px;
	background:url(../img/corbg.gif)   0    0  no-repeat;
}

#content .product .headright {
	height:20px;
	background:url(../img/corbg.gif) 100%   -20px  no-repeat;
}

#content .product .head h2 {
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:white;
	padding:0 2em;
}

#content .product .image {
	float:left;
	width:200px;
	height:auto;
}

#content .product .content {
	margin-left:210px;
	padding-left:10px;
	padding-right:10px;
}

/**
 * Search page classes.
 */
form div {text-align:center;}

input {
	font-family:inherit;
	margin:5px;
}

.field {
	height:1.5em;
	line-height:1.5em;
	background:#fefefe;
	color:black;
	padding:0 0.25em;
	border:solid 1px #999;
}

.btn {
	height:24px;
	background:#003580 url(../img/barbg.gif) 0 -84px repeat-x;
	color:white;
	padding:0 0.5em;
}

.btn:hover {background:#003580 url(../img/barbg.gif) 0 -53px repeat-x;}

#content form {
	font:normal 9pt/14pt Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:1em;
}

.shelf {padding:0 0 20px;}

.shelf p img {
	width:323px;
	height:50px;
}

.shelf .left {
	float:left;
	width:345px;
}

.shelf .right {
	float:right;
	width:345px;
}

.shelf .center {
	margin:0 auto;
	width:345px;
}

.shelf .left p, .shelf .right p, .shelf .center p {
	background:#fefefe;
	padding:10px;
	border:solid 1px #eee;
}

#footer {
	clear:both;
	background:#003580 url(../img/barbg.gif) 0 -86px repeat-x;
}

#footer p, #footer a {
	color:#cfcfcf;
	font-size:8pt;
	line-height:24px;
	text-align:center;
	padding-bottom:0;
}

#footer a {font-weight:bold;}

#footer a:hover, #bottom #footer a:active {
	color:white;
	text-decoration:underline;
}