/**
 * HIFI MAIN STYLE
 */

/*****************

COLOURS:

light-gray: #333333
gray: #5a5a5a
blue: #649dae
green: #b0c329
dark-green: #869424
orange: #F97A32

******************/


/**
 * MAIN LAYOUT STYLES
 */

body {
    text-align: center;
    background-color: #333;
    font-family: Verdana;
}

#layout_container {
    text-align: left;
    width: 800px;
    margin: 33px auto;
	background-color: #fff;
}


/** Header**/

#layout_header {
    position: relative;
	border-top: solid 12px #F97A32;
	height: 55px;
}

#layout_header a{
	display: block;
}

#layout_header #main_logo {
	position: absolute;
	top: 6px;
	left: 25px;
	display: block;
}

#layout_header #sub_logo {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 195px;
	height: 14px;
	margin: 7px 7px 0px auto;
	display: block;
}

/** Main Menu **/

#layout_main_menu {
	background-color: #649dae;
	border-bottom: 2px solid #2B6D7A;
	height: 30px;
}

#layout_main_menu #menu {
	margin: 7px 40px 0px auto;
	
}

#layout_main_menu #menu td {
	border-right: 1px solid #4B7683;
}

#layout_main_menu #menu a {
	background-image: url(../images/main-menu/background.gif);
	background-repeat: x-repeat;
	display: block;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 12px;
	line-height: 23px;
	color: #333;
	padding: 0px 20px;
}

#layout_main_menu #menu td.last {
	border-right: 0;
}

#layout_main_menu #menu td.first a {
	background-image: url(../images/main-menu/background-first.gif);
	background-position: top left;
}

#layout_main_menu #menu td.last a {
	background-image: url(../images/main-menu/background-last.gif);
	background-position: top right;
}

#layout_main_menu #menu td a.selected {
	background-image: url(../images/main-menu/selected-background.gif);
}

#layout_main_menu #menu td.first a.selected {
	background-image: url(../images/main-menu/selected-background-first.gif);
	background-position: top left;
}

#layout_main_menu #menu td.last a.selected {
	background-image: url(../images/main-menu/selected-background-last.gif);
	background-position: top right;
}

#layout_main_menu #menu td a:hover {
	background-image: url(../images/main-menu/selected-background.gif);
}

#layout_main_menu #menu td.first a:hover {
	background-image: url(../images/main-menu/selected-background-first.gif);
	background-position: top left;
}

#layout_main_menu #menu td.last a:hover {
	background-image: url(../images/main-menu/selected-background-last.gif);
	background-position: top right;
}


/**Sub Menu**/

#sub_menu {
	width: 180px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	margin-top: 25px;
	padding-bottom: 20px;
}

#sub_menu.vendors { background: #DFE6B2 url(../images/sub-menu/background-green.gif) repeat-x; }
#sub_menu.products { background: #DBECF1 url(../images/sub-menu/background-blue.gif) repeat-x; }

#sub_menu ul {
    list-style: none;
	color: #5a5a5a;
	font-size: 12px;
	margin: 18px 8px 0px 23px;
}

#sub_menu li {
	background: url(../images/sub-menu/arrow-closed.gif) 0px 3px no-repeat;
	line-height: 1.25em;
    padding: 0 0 0.5em 18px;
}

#sub_menu ul li.open {
	background: url(../images/sub-menu/arrow-opened.gif) 0px 3px no-repeat;
}

#sub_menu ul ul {
	font-size: 11px;
	margin: 0.5em 0 0 15px;
}

#sub_menu li li {
    background: transparent;
    padding-left: 0;
}

#sub_menu a {
	text-decoration: none;
	text-transform: lowercase;
	display: block;
	color: #5a5a5a;
}

#sub_menu a:hover {
	color: #649dae;
}

#sub_menu a.selected {
	color: #649dae;
}



/** MAIN CONTENT STYLES **/

#banner {
}

#content {
	font-size: 12px;
	line-height: 1.6em;
	color: #333;
}

#columns_layout {
	width: 100%;
}

#content #content_text {
	padding: 20px 35px 20px 35px;
}

#content #content_text h1 {
	font-size: 25px;
	font-weight: normal;
	color: #649dae;
}

#content #content_text h2,
#content #content_text h3,
#content #content_text h4,
#content #content_text h5
{
    font-weight: normal;
    color: #666;
}

#content #content_text p {
	margin-bottom: 1em;
	line-height: 1.6em;
}

#content #content_text ul {
   list-style: disc;
   margin: 0 0 .4em 0;
   padding: 0 0 0.4em 0;
}

#content #content_text ol {
   margin: 0 0 .4em 0;
   padding: 0 0 0.4em 0;
}

#content #content_text li {
    line-height: 1.4em;
    padding: 0;
    margin: 0 0 0.4em 1.5em;
}





/** INFO BOXES **/

#content .info_box {
	padding: 0 12px;
	background-color: #CCC;
	font-size: 10px;
	line-height: 1.2em;
}

#content .info_box.news { background-color: #F97A32; }
#content .info_box.events { background-color: #649DAE; }
#content .info_box.news_extended,
#content .info_box.events_extended
    { background-color: #FFF; border-top: 1px solid #333; border-right: 1px solid #333; padding-right: 11px; }


#content .info_box .margin {
	/*width: 222px;*/
    padding: 12px 0;
}

#content .info_box h2 {
    margin-bottom: 15px;
}

#content .info_box h2 img {
    display: block;
}

#content .info_box .entry {
    margin-bottom: 15px;
}

#content .info_box h3 {
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 0;
    color: #FFF;
}

#content .info_box.news h3 { color: #FAAF82 }
#content .info_box.events h3 { color: #C0D7DC }
#content .info_box.news_extended h3 { color: #F97A32; }
#content .info_box.events_extended h3 { color: #649DAE; }


#content .info_box a {
    color: #333;
    text-decoration: none;
}

#content .info_box a:hover {
    text-decoration: underline;
}


#content .info_box .more_link {
    text-align: right;
}

#content .info_box .more_link a {
    color: #DEE3BF;
}


/** SLIDESHOW STYLES **/

.slide {
    position: absolute;
    top: 0;
    left: 0;
}