/******************************************************************
 * HIFI CSS
 * @author	Ivan Maros
 * @since	6.9.2006
 ******************************************************************/

/******************************************************************
 * General
 ******************************************************************/
* {padding: 0; margin: 0;}
body {background-color: #FFF; margin: 10px 0 20px; padding: 0; text-align: center;}
body, p, div, td, ul {font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif; color: #FFF;}
a, a:link, a:visited, a:active, a:focus {color: #FC0; text-decoration: none;}
a:hover {color: #FFF;}
img {border-width: 0;}
p {margin: 0 0 1.2em;}
hr {border: 0; height: 1px; color: #FFF; background-color: #FFF; margin: 0 0 2px; padding: 0;}
ul, li {list-style: none;}
table, td {vertical-align: top; margin: 0; padding: 0; border: 0;}
.input-box {font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif; border: 1px solid #CCC; color: #666; background-color: #E9EDF5; padding: 1px 3px;}
.warn_color {font-size: 11px; color: #F00;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.noborder {border: 0 ! important;}

/******************************************************************
 * Structure
 ******************************************************************/
#container {position: relative; width: 740px; margin: 0 auto; padding: 0; text-align: left;}
#header, #content {float: left; width: 100%;}
#footer {float: none; clear: both; width: 100%;}

/******************************************************************
 * Header
 ******************************************************************/
#header #h-logo {padding-top: 0px;}
#content-nav {background-color:#551401; text-align: right; padding-top: 0px;}
#content-nav ul {width: 100%; border-top: 0px solid #FFF; margin-right: 7px;}
#content-nav li {display: inline; height: 20px; line-height: 20px; color: #FFF; font-weight: normal;}
#content-nav li a {color: #FFF; font-weight: normal; padding: 0 4px;}
#content-nav li a:hover, #content-nav li.current a {color: #FC0;}

#products-nav {text-align: right; padding-top: 2px; height: 38px;}
#products-nav ul {width: 100%; margin-right: 7px;margin-bottom:0px;}
#products-nav li {display: inline; height: 16px; line-height: 21px; color: #FFF; font-size: 11px; font-weight: normal;}
#products-nav li a {color: #FFF; font-weight: normal; padding: 0 0px;}
#products-nav li a:hover, #products-nav li.current a {color: #FC0;}

/******************************************************************
 * Content
 ******************************************************************/
#content {height: 228px; background: #BB6528 /*url(../uploads/background_1.jpg) no-repeat 0% 0%*/;}
#content h2, #content .item-text, #content .item-link {margin-left: 20px; width: 390px;}
#content h2 {font-size: 24px; font-weight: normal; padding-top: 0; padding-bottom: 0px;}
#content h3 {color: #FC0; font-size: 13px; font-weight: normal; padding-bottom: 4px;}
#content .item-text {height: 177px; overflow: auto;}
#content .item-text .tile-box {clear: both; float: left; width: 95%; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #FFF;}
#content .item-text .tile-box img.left {margin-right: 6px; padding: 2px; border: 1px solid #FFF; width: 60px; height: 60px;}
#content .item-text .first {border-top: 0;}
#content .item-link {border-top: 1px solid #FFF; padding-top: 4px;}
#content .item-link a {font-weight: bold;}
#content .item-link a:hover {color: #FFF;}

/******************************************************************
 * Footer
 ******************************************************************/
#footer {padding-top: 7px;}
#footer p {color: #666;}