@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    width:1024px;
    margin:auto;
    z-index:1;
}


#rectangleBox{
    width :608px;
    /*background-color:#fff;
    padding: 13px 8px 0 15px;
    border: 1px solid #ccc;*/
}

#banner_content{
	height:425px;
    width:350px;
    margin:auto;
}



.panel img{	padding-right:20px;}


#footer
{
    font-family:"Trebuchet MS";
	font-size:11px;
	color:#353535;
    margin-top:10px;
    text-align:center;
    border-top: solid 1px #8c8c8c;
    background-color:#eaeaea;
}

#footerotherlinks
{
    color:#353575;
    text-align:left;
}

#footerotherlinks a
{
    color: #353575;
}


.btnblue {
	background:url(../images/bluebtn.gif) no-repeat;
	width:100px;
	height:28px;
	font-size:12px;
	font-weight:bold;
	padding-top:6px;
	text-align:center;
}

.btnblue a {
	color:#FFFFFF;
	text-decoration:none;
}

.try_btn_bg {
	
	background:url(../images/try_btn.gif) no-repeat;
	width:237px;
	height:54px;
	font-family:"Trebuchet MS";
	font-size:24px;
	text-align:center;
	padding-top:16px;
	font-weight:bold;
	text-transform:uppercase;
    margin-bottom:0px;
}
#try_btn_bg a{
	color:#FFFFFF;
	text-decoration:none;
}


/* Carousel */

.carousel-container {
	width: 600px;
	height: 300px;
	overflow:hidden;
    position:relative;
}
.carousel {
	width:2400px;
	height:300px;
}
.carousel .slide {
	float:left;
	width:600px;
	height:300px;
	margin-left:0;
    position:relative;
}

.slide h1{
padding:0px;
margin:0px;
position:relative;
left:22px;
top:29px;
font-family:"Trebuchet MS";
font-size:24px;
color:#FFFFFF;
line-height:1.15;
text-align:left;
}

.slide p{
padding:0px;
margin:0px;
position:relative;
left:22px;
top:39px;
font-family:"Trebuchet MS";
font-size:14px;
color:#FFFFFF;
line-height:20px;
}
.btn {
	z-index:1;
	position:relative;
	left:21px;
	top:60px;
	background:url(../images/redbtn.gif) no-repeat;
	width:95px;
	height:23px;
	font-family:"Trebuchet MS";
	font-size:12px;
	text-align:center;
	padding-top:4px;
	float:left;
}
.btn a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#tab1 {
	width:600px;
	height:300px;
	background:url(../images/overview_slide.jpg) no-repeat;
}
#tab2 {
	width:600px;
	height:300px;
	background:url(../images/automation_slide.jpg) no-repeat;
}
#tab3 {
	width:600px;
	height:300px;
	background:url(../images/online_payment_slide.jpg) no-repeat;
}
#tab4 {
	width:600px;
	height:300px;
	background:url(../images/online_booking_slide.jpg) no-repeat;
}

#slide_nav ul{
    list-style-type :none;
    padding:0;
    margin:12px 0 0 0;
}
#slide_nav li{
    float:left;
    font-family:"Trebuchet MS";
    font-size:18px;
    color:#FFFFFF;
    margin-right:8px;
}

#slide_nav li a{
    display:block;
    width:144px;
    height:77px;
    background:url(../images/tab.gif) no-repeat;
    text-decoration:none;
    color:#FFFFFF;
    text-align:center;
    padding-top:17px;
}

#slide_nav li a:hover, #slide_nav ul li a.active, #slide_nav ul li.selected a
{
    background:url(../images/tab_active.gif) no-repeat;
}

/*Carousel end */

/* Feature Page Styles  */
.leftsidemenu
{
	
}
.leftsidemenu li 
{
    list-style-type: none;
	text-align: left;
	display: block;
	background-image: url(../images/fn_arrow_grey.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.leftsidemenu li img {
	vertical-align: middle; 
	margin-top: 3px; 
	padding:0;
	margin-right: 3px; 
	margin-left: 5px;
}
.leftsidemenu ul {
	margin: 0px;
	padding:0px;
}

.leftsidemenu a
{
    text-decoration:none;
    padding-top:4px;
}

.leftsidemenu a:hover {
	font-family:Arial; 
	font-size:12px; 
	font-weight:bold;
	display: block;
	background-image: url(../images/fn_arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration:none;
}
.leftmenu {
	font-family:Arial; 
	font-size:12px; 
	font-weight:bold;
	color: #797c80;
	display: block;
	height:36px;
}

img
{
    border:none;
}

.leftmenu2 {
	font-family:Arial; 
	font-size:12px; 
	font-weight:bold;
	color: #797c80;
	display: block;
	background-image: url(../images/fn_arrow_black.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration:none;
	font-weight:bold;
	height:36px;
}

.bgmusic
{
    background-image: url(../images/bg-music.gif);
	background-repeat: no-repeat;
    background-position: top left;
	min-height:371px;
	min-width:267px;
	margin-left:0px;
    padding: 0;
}

.highlightbox
{
    background-image:url("../images/grey-bgr.jpg");
    background-repeat:no-repeat;
    padding:15px 10px 10px 17px;
    color:#ffffff;
    font-weight:600;
    font-size:13px;
    width:320px;
    height:110px;
    line-height:1.4;
}

tr.alt{  background-color:#d3d7cf;}
tr{background-color:#eeeeec;}
th, td{padding:5px;}

.shadow{
	background-color:#ECF5FE;
	margin:auto;
	height:7px;
	width:1020px;
}
.sub-content{
	margin:auto;
	background-color:#FFFFFF;
	padding:20px;
}
.sub-content-left{
	padding-right:47px;
	padding-left:36px;
	width:41%;
	background:url(images/split.gif) no-repeat center right;
	float:left;
}
.sub-content-right{
	width:43%;
	float:right;
	padding-right:47px;
	padding-left:30px;
}
.sub-content-right img{
	padding-right:10px;
}
.clear{
	clear:both;
}

.rowFld{
	background-color:#E6E6E6;
	padding:7px 13px 7px 13px;
	font-size:11px;
	text-align:right;
}
.rowFld a{
	color:#062B4B;
	text-decoration:underline;
}