/* Reset */
html, body, h1, h2, h3, h4, h5, h6, p, ul, li { padding: 0; margin: 0; }
img { border: 0; }
/* Global */
html { min-height: 100%; margin-bottom: 1px; }
body { min-height: 100%; background: #adbac7 url("../images/body_bg.png") repeat-y; font-family: verdana; font-size: 11px; line-height: 20px; }
/* Headings */
h1, .h1 { padding-bottom: 10px; color: #2280c3; font-family: Arial; font-size: 20px; }
h2, .h2 { padding: 2px 0; color: #000; font-family: Arial; font-size: 15px; }
h3, .h3 { padding: 1px 0; color: #000; font-family: Arial; font-size: 12px; }
p { padding: 7px 0; }
/* Hyperlinks */
div#content a { color: #2280c3; }
div#content a:hover { color: #f5c71c; }
h1 a, h3 a { text-decoration: none; }
/* Breadcrumbs */
div#content ul.breadcrumbs { padding: 0; margin: -10px 0 5px 0; list-style-type: none; overflow: auto; clear: both; }
div#content ul.breadcrumbs li { float: left; padding-left: 5px; }
div#content ul.breadcrumbs li:first-child { padding-left: 0; }
/* Photos */
a.photo img { width: 260px; padding: 5px; margin: 1px; border: 1px solid #BFBFBF; }
/* Navigation */
div#navigation { height: 40px; padding: 10px; padding-left: 405px; }
div#navigation ul { list-style-type: none; margin: 0; padding: 0; }
div#navigation ul li { float: left; display: inline; margin: 0; z-index: 1000; line-height: 20px; }
div#navigation ul li a { display: block; padding: 10px 20px; color: white; text-decoration: none; font-size: 18px; font-family: arial; }
div#navigation ul li a:hover, div#navigation ul li.selected a, div#navigation ul li.active a, div#navigation ul li.selected a:hover, div#navigation ul li.selected a:hover { background-color: #2280C3 !important; }
/* Subnavigation */
div#navigation ul ul { display: none; position: absolute; float: none; background-color: white; width: 160px; }
/* Subnavigation on page */
div#content div.submenu { float: right; width: 230px; }
div#content div.submenu h2 { padding: 0 0 0 25px; }
div#content div.submenu ul { list-style: none; padding-bottom: 10px; }
div#content div.submenu ul ul { display: none; }
div#content div.submenu ul li.selected { font-weight: bold; }
div#content div.submenu ul li.selected ul, div#content div.submenu ul li.active ul { display: block; }
div#content div.submenu ul li.selected ul li { font-weight: normal; }
div#content div.submenu ul li.selected ul ul, div#content div.submenu ul li.active ul ul { display: none; }
div#content div.submenu ul li ul li.selected ul, div#content div.submenu ul li ul li.active ul { display: block; }
/* Articles */
div#article span.date { position: absolute; float: right; width:60px; height:60px; padding:5px; margin-left: 540px; margin-top: -70px; background-color:#227EC4; color:white; display:block; font-size:32px; line-height: 32px; font-weight:bold; text-align:center; font-family: Arial; }
div#article span.date span.month { clear: both; font-size: 22px; margin-top: -4px; display: block; font-weight: normal; }
div.article { background-color: #EFEFEF; padding: 5px; margin: 0 0 10px -5px; width: 555px; }
div.article span.date { position: absolute; float: right; width:30px; height:30px; padding:3px; margin-left: 532px; margin-top: -10px; background-color:#227EC4; color:white; display:block; font-size:16px; line-height: 16px; font-weight:bold; text-align:center; font-family: Arial; }
div.article span.date span.month { clear: both; font-size: 11px; margin-top: -2px; display: block; font-weight: bold; }
/* Maps */
div#map { width: 520px; height: 400px; }
/* Brand */
div#title { width: 340px; height: 82px; padding: 10px; background: url("../images/bg_title.png"); float: right; margin-top: 61px; font-family: Arial; }
div#title a.brand { display: block; font-size: 34px; color: #fff; text-decoration: none; float: right; padding: 20px 20px 10px 10px; clear: both; }
div#title span.subtitle { display: block; font-size: 13px; color: #fff; text-align: right; padding-right: 20px; float: right; }
div#title span.subtitle a { color: white; }
div#title span.logo { position: absolute; margin-left: 333px; margin-top: -11px; background: url("../images/logo.png"); width: 65px; height: 103px; }
/* Sidebar */
div#sidebar { width: 393px; float: left;}
div#photo { height: 612px; }
div#product { float: right; }
div#product ul { list-style-type: none; padding-top: 80px; }
div#product ul li { list-style-type: none; clear: both; }
div#product ul li a { display: block; margin-top: 10px; text-decoration: none; height: 22px; padding: 10px; line-height: 22px; background-color: #f5c71c; color: #227ec4; font-size: 20px; float: right; text-align: right; }
div#product ul li a:hover { background-color: white; }
div#product ul ul { display: none; }
/* Sidebar contact */
div#info { background: url("../images/bg_info.png"); }
div#contact ul { margin: 0; padding-left: 70px; padding-top: 60px; list-style-type: none; line-height: 16px; }
div#contact ul li { margin-left: 40px; }
div#contact ul li:first-child { padding-left: 40px; padding-top: 10px; height: 35px; background: url("../images/contact.png") no-repeat; font-size: 25px; margin-left: 0px;}
/* Content */
div#container { width: 595px; float: left;}
div#header { height: 102px; background: url("../images/header1.png") no-repeat; }
div#content { min-height: 480px; padding: 20px; padding-bottom: 20px; background-color: #fff; clear: both; overflow: auto; }
div#content ul { padding-left: 25px; padding-top: 10px; padding-bottom: 10px; list-style-type: disc; }
div#content ul ul { padding-top: 2px; padding-bottom: 5px; }
div#content p img { max-width: 555px; }
/* Table */
table { width: 100%; background-color: #CCDDF1; }
table tr td:first-child { width: 75%; }
/* Footer */
div#footer { padding-left: 10px; height: 50px; margin: auto; line-height: 50px; color: #424951; font-size: 11px;}
div#footer div#copyright { float:left; padding: 0; margin: 0; }
div#footer div#copyright p { padding: 0; margin: 0; }
div#footer div#extra { float:right; padding: 0; margin: 0; }
div#footer div#extra ul { list-style: none; }
div#footer div#extra ul li { float: left; }
div#footer div#extra ul li a { display: block; padding-left: 10px; text-decoration: none; color: #424951; }
div#footer div#extra ul li a:hover { text-decoration: underline; color: #000;}
div#footer div#extra ul li.selected a { text-decoration: underline; }
/* Product */
a.product { overflow: auto; display: block; margin: 10px 0; text-decoration: none; color: black !important; }
a.product strong { color: #2280c3 !important; }
a.product:hover strong { text-decoration: underline; }
a.product img { float: left; margin-right: 10px; }
a.product ul { list-style: none !important; }
/* Pagination */
div.pagination { clear: both; margin-top: 20px; }
div#footer div#extra ul li.selected a { text-decoration: underline; }
/* Product */
a.product img { float: left; margin-right: 10px; }
a.product ul { list-style: none !important; }
/* Pagination */
div.pagination { clear: both; margin-top: 20px; }