* { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; font-size: 100%; }
html, body { height: 100%; line-height: 1.75em; }

body { font-size: 0.7em; color: #202020; padding: 0px 10px; background-color: #F0F0F0; }

#root { width: 924px; margin: 0px auto; background-color: #FFFFFF; }

a, a:visited { color: #0000FF; }

h1, h2, h3, h4, h5, h6 { color: #1A3A6E; font-weight: normal; margin-top: 0.5em; }
h1 { font-size: 1.4em; margin-bottom: 0.5em; padding-bottom: 6px; }
h2 { font-size: 1.1em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
hr { margin: 10px 0px; }
img { border: 0px; }
p { margin: 1em 0px; line-height: 1.5em; }

table h1, table h2, table h3, table h4, table h5, table h6 { margin-top: 0px; }

table.form td, table.form th { padding: 2px; }
input.text, select, textarea { padding: 1px; border: 1px solid #808080; }
input.button { background-color: #1A3A6E; color: #FFFFFF; border: 0px; padding: 3px 5px; font-weight: bold; }

table.data { border-collapse: collapse; }
table.data td, table.data th { padding: 4px; border: 1px solid #1A3A6E; }
table.data th { background-color: #E0E0E0; text-align: left; }
table.data td { background-color: #F0F0F0; }

table.product-list img { padding-bottom: 10px; padding-right: 10px; }

ol, ul { margin-left: 1.2em; padding-left: 1.2em; margin-top: 1em; margin-bottom: 1em; }

#header-root { }
	#header-logo { padding: 16px; float: left;}
	#header-strap { padding: 16px; float: right; padding-top: 86px; }
	#header-main-root { position: relative; clear: both; }
		#header-main { position: relative; height: 140px; background-color: #0060AF; background-image: url(../../images/banner.jpg); background-repeat: repeat-x; }
			#header-pic { margin-left: 190px; width: 140px; height: 140px; background-color: #0060AF; }

	#body-root { margin-top: 20px; }
		#content-root { float: right; width: 730px; border-left: 2px solid #B0B0B0; }
			#content { padding: 0px 20px 30px 30px; }

		#side-navigation-root { float: left; width: 190px; margin-top: -15px; }
			#side-navigation ul { list-style: none; }
				#side-navigation ul li { display: inline; text-transform: lowercase; }
					#side-navigation ul li a { display: block; margin-top: 2px; text-align: right; padding: 4px 20px 4px 0px; line-height: 1.75em; text-decoration: none; color: #808080; background-repeat: no-repeat; background-position: 0px 10px; }
					#side-navigation ul li a:hover, #side-navigation ul li a.active { background-position: 0px -24px; }

	#footer-root { margin-top: 10px; border-top: 2px solid #B0B0B0; }
		#contact-details { font-size: 0.9em; color: #1A3A6E; border-bottom: 1px solid #000000; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.clear-left { clear: left; line-height: 1px; height: 1px; font-size: 1px; }
.clear-right { clear: right; line-height: 1px; height: 1px; font-size: 1px; }
.clear { clear: both; line-height: 1px; height: 1px; font-size: 1px; }
.float-left { float: left; }
.float-right { float: right; }
