@import url(/css/reset.css);
/**
 * GENERAL
 */
noscript{display:none;width:0;height:0;}

body {
	background: url(/images/css/head-shiloute-band.jpg) repeat-x scroll center 108px #fff;
	font-family: Arial,Helvetica,Sans-serif;
	font-size:14px;
    color: #000;
    margin: 0 auto;
    padding: 0;
    text-align: center;
	}
body.pages{
	background: url(/images/css/head-shiloute-band-min.jpg) repeat-x scroll center 1px #fff;
	}
p, ol, ul {
    margin: 0;
    padding: 0;
	}
	
h1 { font-size: 2.4em; color:#F27D00; }
h2 { font-size: 2em; color:#F27D00; }
h3 { font-size: 1.4em; color:#F27D00; }

.txtr{
	text-align:right;
	}
.left {
    float: left;
    margin-right: 9px;
	}
.third {
    width: 497px;
	}
button, input[type="button"], 
input[type="submit"], 
input[type="checkbox"], 
input[type="radio"], 
input[type="file"], 
label, select, a, .js .js-action, .js .click {
    cursor: pointer;
}
	
/**
 * NO JAVASCRIPT DIVS
 */
p.show,
noscript p.show{
	background:yellow none repeat scroll 0 0;
	color:red;
	font-size:14px;
	font-weight:bold;
	padding:15px;
	}
p.hide,
noscript p.hide{
	background:yellow none repeat scroll 0 0;
	border:2px solid red;
	color:red;
	font-size:14px;
	font-weight:bold;
	padding:15px;
	display:none;
	}
	
/**
 * HEADER SECTION
 */
#header {
    height: 320px;
    margin: 0 auto;
    width: 960px;
	text-align:left;
	}
#logo {
	background: url(/images/css/logo-big.png) no-repeat 0 0 transparent;
    float: left;
	width:113px;
	height:208px;
    margin:7px 0 0 116px;
	}
.pages #header{
	 height: 159px;
	}
.pages #logo-min {
	background: url(/images/css/logo-min.png) no-repeat 0 0 transparent;
    float: left;
	width:62px;
	height:114px;
    margin:7px 0 0 17px;
	}
	
/* TOP BAR */
#top-bar{
	float:right;
	width:825px;
	height:29px;
	background:#e5e5e5;
	}
#page-title{
	float:left;
	}
#page-title{
	float:left;
	margin: 20px 0 0 55px;
	width: 826px;
	}
#page-title h1,
#page-title h1 a{
	color:#f27d00;
	}
	
#top-bar ul.user{
	float:left;
	}
#top-bar ul.user-tools{
	float:right;
	}
#top-bar ul.user li,
#top-bar ul.user-tools li{
	list-style-type:none;
	x-display:inline-block;
	float:left;
	margin:0 10px;
	}
#top-bar ul.user li,
#top-bar ul.user-tools li,
#top-bar ul.user li a,
#top-bar ul.user-tools li a{
	font-family:Myriad Pro,Sans Serif;
	font-size:13px;
	font-weight:bold;
	color:#9b2022;
	text-decoration:none;
	line-height:29px;
	}	

/**
 * MAIN NAVIGATION
 */
#nav{
	float:right;
	width:837px;
	height:28px;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	margin-top:10px;
	}
#nav ul{
	margin:0;
	padding:0;
	}
#nav ul li{
	float:left;
	border-right:1px solid #d7d7d7;
	}
#nav ul li:first-child{
	margin-left:0;
	x-border-left:1px solid #d7d7d7;
	}
#nav ul li a{
    color: #737373;
    display: block;
    font-family: Arial,Helvetica,Sans Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 10px;
    text-decoration: none;
	}
#nav ul li a:hover,
#nav ul li.active a{
	background:#e5e5e5;
	}
	

/**
 * LEFT NAVIGATION ************************************************************
 */

ul#left-menu {
    list-style: none outside none;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0;
	}
ul#left-menu li {
    background-color: #F2F2F2;
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0 0 1px;
    overflow: hidden;
    width: 100%;
	font-size: 11px;
}
ul#left-menu li.this {
    background-color: #D42F13;
}
ul#left-menu li.share {
    background-color: #0D163F;
}
ul#left-menu li.share a {
    color: #FFFFFF !important;
}
ul#left-menu li a {
    color: #D42F13;
    display: block;
x-font-size: 1.1em;
    overflow: hidden;
    padding: 10px 8px 12px 15px;
    text-decoration: none;
}
ul#left-menu li.this a {
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 11px;
}
ul#left-menu li a:hover {
    background-color: #D42F13;
    color: #FFFFFF;
}
ul#left-menu li ul {
    display: none;
}
ul#left-menu li.this ul {
    display: block;
    margin: 0;
}
ul#left-menu ul li {
    height: 36px;
    line-height: 130%;
    margin: 1px 0 0;
}
ul#left-menu li.this ul li a {
    background: url("/images/css/arrows_tiny.png") no-repeat scroll 15px -85px #DD5942;
    display: block;
    font-weight: normal;
    padding: 12px 0 12px 31px;
}
ul#subsub li a {
    background-color: #DD5942;
}
ul#subsub li {
    height: auto !important;
}
ul#left-menu li.this ul li a:hover {
    background: url("/images/css/arrows_tiny.png") no-repeat scroll 15px 15px #DD5942;
    font-weight: normal;
}
#left-menu ul li.this a {
    font-weight: bold !important;
}

/**
 * LEFT NAVIGATION END ************************************************************
 */
	
/**
 * ACTION BAR
 */
#actions{
	float:right;
	width:837px;
	height:48px;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	margin-top:10px;
	}
#actions ul{
	margin:0;
	padding:0;
	}
#actions ul li{
	float:left;
	border-right:1px solid #d7d7d7;
	}
	
#actions ul li:first-child{
	margin-left:0;
	x-border-left:1px solid #d7d7d7;
	}
#actions ul li a{
    color: #737373;
    display: block;
    font-family: Arial,Helvetica,Sans Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 10px;
    text-decoration: none;
	}
#actions ul li a:hover,
#actions ul li.active a{
	background:#e5e5e5;
	}
	
/**
 * MAIN LAYOUT
 */
#master {
    margin: 0 auto;
    padding: 0 17px;
    width: 926px;
	text-align:left;
	clear:both;
	}
#sidebar {
    float: left;
    text-align: left;
    width: 149px;
	text-align:left;
	}
#page-symbol {
    height: 60px;
    left: 0;
    margin-top: -48px;
    position: relative;
    top: 0;
    width: 56px;
	}
#page-symbol.messages{
	background:url(/images/css/messages-symbol.jpg) no-repeat left top;
	}
#page-symbol.suppliers{
	background:url(/images/css/suppliers-symbol.jpg) no-repeat left top;
	}
#page-symbol.prints{
	background:url(/images/css/prints-symbol.png) no-repeat left top;
	}
#page-symbol.exoda{
	background:url(/images/css/exoda-symbol.png) no-repeat left top;
	}
#page-symbol.esoda{
	background:url(/images/css/esoda-symbol.png) no-repeat left top;
	}	
#page-symbol.fuels{
	background:url(/images/css/fuels-symbol.png) no-repeat left top;
	}	
#page-symbol.kratisis{
	background:url(/images/css/kratisis-symbol.png) no-repeat left top;
	}

/* CONTENT */
#content {
	font-family:Arial,Helvetica,Sans Serif;
    float: left;
    padding: 20px;
    text-align: left;
    width: 880px;
	text-align:left;
	}
.pages #content{
	float:right;
	width: 760px;
	padding: 20px 0 20px 17px;
	}
#content p{
	margin:0.5em 0;
	}
	
div.pdf{
	float:left;
	margin:20px 0;
	width:100%;
}

div.pdf a{/* <img src="../images/css/pdf.png" width="33" height="43" alt=""> */
	background: url(/images/css/pdf.png) no-repeat left top;
	display:block;
	height:43px;
	line-height:43px;
	font-size:14px;
	text-decoration:none;
	width:100%;
	padding-left:50px;
}

/* FOOTER */
#footer {
    clear: both;
    color: #000;
    height: 50px;
    margin: 30px auto;
    width: 920px;
	text-align:left;
	padding: 20px;
	}
	
#footer .footer-info{
	
	}
#footer .footer-info ul{
	margin:0;
	padding:0;
	}
#footer .footer-info ul li{
	margin:0.5em 0;
	}
#footer .footer-info ul li a{
	background:url(/images/css/arrow-r-m.png) no-repeat left 50%;
	padding-left:10px;
	}
	
#footer .footer-content{
	border-top:14px solid #e5e5e5;
	margin-top:14px;
	}
#footer p {
    font-size: smaller;
    line-height: normal;
    margin: 0;
    padding: 13px 0 0;
    text-align: center;
	color: #858585;
	}
#footer a {
    color: #858585;
	text-decoration: none;
	}
#footer	a:hover {
    color: #F27D00;
    text-decoration: none;
	}
	
#footer span#intel-logo{/* <img src="../images/intellisoft_54x29.png" width="54" height="29" alt=""> */
    background: url("/images/intellisoft_54x29.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 29px;
    margin: 0 0 -10px 2px;
    overflow: hidden;
    text-indent: -3000px;
    width: 54px;
	}