/* === Basic HTML Objects =========================================================== */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/bg1.gif) repeat-x 0 0 #FDF9EE;
	color: #4E4628;
	font: normal 14px/19px Tahoma, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #FE9100;
}

h1 {
	background-color: transparent;
	color:#0B0B0B;
	font:normal 28px/42px Georgia, "Times New Roman", Times, serif;
}

h1 span{
	background-color: transparent; 
	color:#FE9100;
	font:normal 28px/42px Georgia, "Times New Roman", Times, serif;
} 

h2 {
	background-color: transparent;; 
	color:#0B0B0B;
	font:normal 21px/42px Georgia, "Times New Roman", Times, serif;
}

h2 span {
	background-color: transparent; 
	color:#FE9100;
	font:normal 21px/42px Georgia, "Times New Roman", Times, serif;
}

h3 {
	background-color: transparent;; 
	color:#0B0B0B;
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}

h3 span {
	background-color: transparent; 
	color:#FE9100;
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}

	
ul {
	list-style:none;
}

th {
	font-weight: bold;
	border-bottom: 1px solid #ECE8DB;
}

th.num, td.num {
	text-align: right;
}

tfoot td{
	font-size: smaller;
	border-top: 1px solid #ECE8DB;
}

form {
	background-color:#FFFFFF; 
	color:#000000;
	border:#ECE8DB 1px solid;
	padding:7px 17px 10px 17px;
}

form h2 {
	width: 197px; 
	height: 30px; 
	padding: 0 0 20px 50px;
}

form label {
	background-color: #FFFFFF; 
	color: #0B0B0B;
	float: left;
	width: 80px;
	font: bold 10px/28px Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
}

form input {
	background-color: #EFEBDE; 
	color: #0B0B0B; 
	border: #C3BCA4 1px solid;
	height: 15px; 
	width: 158px;
	padding: 2px; 
	margin-top: 2px; 
	float: left;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
}

form input.date {
	width: 80px;
}

form input.submit, form input.reset {
	background: url(../images/submit_bg.gif) no-repeat 37px 0 #FFFFFF; 
	background-position: right;
	color: #0B0B0B; 
	border: none;
	height: 13px; 
	width: auto;
	float: right; 
	padding-right: 23px;
	margin-left: 10px;
	cursor: pointer;
	font: normal 10px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

form textarea{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:158px; height:66px; padding:2px; margin-top:2px; float:left;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	}


form select {
	background-color: #EFEBDE;
	color: #0B0B0B; 
	border: #C3BCA4 1px solid;
	height: 22px; 
	padding: 2px; 
	margin-top: 2px; 
	float: left;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
}

form select.shortNumber {
	width: 50px;
}

form div.status {
	width: 100%;
	height: 15px;
	margin-top: 5px;
	font: normal 10px/13px Arial, Helvetica, sans-serif;
}

form div.buttons {
	bottom: 0px;
	width: auto;
	height: 15px;
}

/* ================================================================================== */

/* === Global Classes =============================================================== */

.spacer {
	font-size:0; 
	line-height:0; 
	clear:both;
}

.panel {
	background-color:#FFFFFF; 
	color:#000000;
	border:#ECE8DB 1px solid;
	padding:7px 17px 10px 17px;
	width: 230px;
	height: 200px;
	margin-right: 10px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.centered {
	margin: 0 auto;
	text-align: center;
}

.warning {
	height: 16px;
	color: #FF0000;
}

.messageBox {
	margin: 50px auto;
	width: 580px;
	border: 1px solid #ECE8DB;
	padding: 10px;
}

.seeMore {
	background: url(../images/seeMore_bg.png) no-repeat 37px 0 #FFFFFF; 
	background-position: right;
	color: #0B0B0B; 
	border: none;
	height: 13px; 
	width: auto;
	float: right; 
	margin-top: 15px; 
	padding-right: 23px;
	cursor: pointer;
	font: normal 10px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.sectionTitle {
	padding-left: 10px;
}

.sectionContents {
	background: url(../images/sectionContents.png) no-repeat;
	padding: 10px;
	width: 702px;
	height: 300px;
	overflow: hidden;
}

.leftContents {
	float: left;
	width: 380px;
	margin-right: 10px;
}

.rightContents {
	float: right;
	width:312px;
}

/* ================================================================================== */


/* === Main Sections of the Page ==================================================== */

#pageHeader{
	background-image: url(../images/text_image_new.png);
	background-repeat: no-repeat;
	height: 100px;
	margin: 0 auto;
	width: 778px; 
}

#pageBody{
	background:url(../images/pageBody_bg.png) repeat-y 0 0 #FDF9EE;
	color: #4E4628;
	margin: 0 auto;
	position: relative;
	padding: 30px 28px 0 28px;
	text-align: justify;
	width: 722px;
	min-height: 500px;
}

#pageFooter{
	background-image: url(../images/pageFooter_bg.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 30px 10px 0 10px;
	position: relative; 
	width: 758px;
	height: 100px;
}

/* ================================================================================== */

#pageHeader #mainNav {
	width:503px; height:23px; padding:32px 0 0 8px; margin:0 0 0 280px;}
#mainNav ul li{
	background-color:transparent; color:#0B0B0B; float:left;
	font: 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#mainNav ul li a{
	background-color:transparent; color:#0B0B0B;
	font: 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:65px; height:23px; display:block;}
#mainNav ul li a.hover{
	background-color:transparent; color:#fe9100;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:65px; height:23px; display:block;}
#mainNav ul li a:hover{
	background-color: transparent; color:#fe9100;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:65px; height:23px; display:block;}
/* ----------------- PageHeader end --------------------- */

#langNav {
	float: right;
	margin-top: 15px;
}

#langNav ul li {
	background-color:transparent; color:#0B0B0B; float:left;
	font: 9px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#langNav ul li a{
	background-color:transparent; color:#0B0B0B;
	font: 9px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-decoration:none;
	width:65px; height:23px; display:block;
	padding-left: 25px;}
#langNav ul li a.hover{
	background-color:transparent; color:#fe9100;
	font:bold 9px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-decoration:none;
	width:65px; height:23px; display:block;}
#langNav ul li a:hover{
	background-color: transparent; color:#fe9100;
	font:bold 9px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-decoration:none;
	width:65px; height:23px; display:block;}

#langNav a#it {
	background-image: url(../images/it-flag.png);
	background-position: left;
	background-repeat: no-repeat;
}

#langNav a#en {
	background-image: url(../images/eu-flag.png);
	background-position: left;
	background-repeat: no-repeat;
}

/* ----------------- pageBody start --------------------------- */
	
form#availability{
	float:right;
	width:248px;
	margin-top: 10px;
}
	
form#availability h2 {
	background:url(../images/request_bg.png) no-repeat 0 0;
	width:197px; 
	height: 30px; 
	padding:0 0 20px 50px;
}

#response {
	float: left;
	font-size: 10px;
	width: auto;
	color: red;
}


#slideContents {
	width: 702px;
	padding: 0 10px;
	margin-bottom: 15px;
}	

#deskArea {
	position: relative;
	width: 722px;
	height: 331px;
	overflow: hidden;
	padding: 17px 0 0 17px;
}

#deskArea img {
	border: none;
	width: 477px;
	height: 318px;
}

#deskArea #splashDesk {
	position: absolute;
	top:0;
	left:0;
	background-image: url(../images/splashDesk.png);
	width: 722px;
	height: 351px;
}

#photo{
	height: 351px; width:722px;
	background-image: url();
	background-repeat: no-repeat;
}

#links {
	background-image: url(../images/links-bg.png);
	width: 722px;
	height: 305px;
	font-size: 12px;
}

#links h2 {
	padding: 15px 0 20px 0;
}

#offersPanel {
	float: left;
	background-image: url(../images/offersPanel.png);
	width: 219px;
	height: 275px;
	margin-left: 10px;
	padding: 10px 20px 10px 10px;
}

#mapPanel {
	float: left;
	background-image: url(../images/mapPanel.png);
	width: 219px;
	height: 275px;
	padding: 10px 20px 10px 10px;
}

#wip {
	background-image: url(../images/wip.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 722px;
	height: 500px;
	padding: 17px 0 0 17px;
}
/* ----------------- body end --------------------------- */

/* ----------------- footer start --------------------------- */

#pageFooter ul{
	float:left;}
#pageFooter ul li{
	float:left; color:#0B0B0B; background-color:#FDF9EE;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#pageFooter ul li a{
	color:#0B0B0B; background-color:#FDF9EE; padding:0 8px; text-decoration:none;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul li a:hover{
	color:#0B0B0B; background-color:#EFEBDE; padding:0 8px; text-decoration:none;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#pageFooter p{
	color:#FE9100; background-color:#FDF9EE; padding:0 8px; float:left;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#pageFooter p.tworld{
	color:#0B0B0B; background-color:#FDF9EE; padding:0 8px; float:left;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#pageFooter p.tworld a{
	color:#0B0B0B; background-color:#FDF9EE; text-decoration:none;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#pageFooter p.tworld a:hover{
	color:#0B0B0B; background-color:#EFEBDE; text-decoration:none;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
	
.SlideTab {
	float: left;
	padding: 10px 0px 10px 0;
	width: 410px;
	height: 278px;
	overflow: hidden;
}

#tabTitle {
	float: left;
	width: 402px;
}

p a.more{
	background:url(../images/submit_bg.gif) no-repeat right transparent; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:1px 20px 0 10px; margin-top: 5px; cursor: pointer; text-align: right; margin-right: 10px; }
p a.more:hover{
	background:url(../images/more_bg.gif) no-repeat right transparent; color:#0B0B0B;}