html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100.1%;
    vertical-align: middle;
    background: transparent;
}

h6 {
FONT-SIZE: 21px;
COLOR: #3300FF;
font-family:"Verdana";

} 

body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */


body{margin:0; padding:0; background:url(../images/body_bg.gif) repeat-x 0 0; font:12px Arial, Helvetica, sans-serif;}
a{color:black; font-weight:bold; text-decoration:underline;}
img,fieldset{margin:0; padding:0; border:none;}

#layout{width:939px; margin:0 auto; padding:0;}
#layout img{float:left;}
.left_curve{float:left; width:auto;}
.right_curve{float:right; width:auto;}

#header{float:left; width:939px; margin:0; padding:20px 0 0;}
#header .header_inner{float:left; width:915px; margin:0; padding:0 0 1px 24px; background:url(../images/header_mid.gif) repeat-y 0 0;}
#header .header_inner .right_content{float:right; width:252px;}
#header .header_inner .right_content ul{float:right; width:auto; margin:0; padding:0 26px 0 0; list-style:none;}
#header .header_inner .right_content li{float:left; width:auto; border-right:1px #acacac solid; padding-right:5px; padding-left:5px;}
#header .header_inner .right_content li a{color:#acacac; text-decoration:none;}
#header .header_inner .right_content li img{margin-top:1px;}
#header .header_inner .right_content li span{float:left; padding-left:3px;}
#header .header_inner .right_content li.last{border:none;}

#header .header_inner .right_content .number{float:right; background:url(../images/number.gif) no-repeat 0 0; width:247px; height:41px; padding:0; margin:5px 0 0;}

#login_menu{float:left; width:939px; margin:0; padding:0;position:relative; z-index:9999;}
#login_menu .login{float:left; width:415px; margin:0; padding:0 0 0 5px;}
#login_menu .login form{float:left; width:412px; margin:0; padding:0;}
#login_menu .login fieldset{float:left; width:412px; margin:0; padding:0;}
#login_menu .login fieldset .input{float:left; width:139px; background:url(../images/input_bg.jpg) no-repeat 0 0; padding:3px 0 3px 15px; margin-top:3px; margin-right:6px; display:inline;}
#login_menu .login fieldset input{float:left; width:136px; font-size:11px; line-height:10px; color:#707070; border:none; background:none; padding:0;}
#login_menu .login fieldset input.btn{float:left; margin:4px 0 0; padding:0; width:auto;}

#menu{float:left; width:850px; margin:0; padding:1px 0 0 100px; padding:1px 0 0 70px;}
#menu ul{float:left; width:auto; margin:0; padding:0; list-style:none;}
#menu li{float:left; width:auto; margin:0; padding:0;}
#menu li a{float:left; margin:0; padding:0 0 0 11px; font-size:15px; color:#fff; font-weight:bold; text-decoration:none; background:url(../images/sep.jpg) no-repeat right 0;}
#menu li a span{float:left; margin:0; padding:4px 14px 20px 3px; cursor:pointer;}

#menu li.last a{background:none;}

#menu li a:hover{float:left; margin:0; padding:0 0 0 11px; background:url(../images/left_hover.jpg) no-repeat 0 0; color:#d87e42;}
#menu li a:hover span{float:left; margin:0; padding:4px 14px 20px 3px; background:url(../images/right_hover.jpg) no-repeat right 0; cursor:pointer;}

#menu li.current a{float:left; margin:0; padding:0 0 0 11px; background:url(../images/left_hover.jpg) no-repeat 0 0; color:#d87e42; cursor:text;}
#menu li.current a span{float:left; margin:0; padding:4px 14px 20px 3px; background:url(../images/right_hover.jpg) no-repeat right 0; cursor:text;}


#body_container{float:left; width:939px; margin:0; padding:0 0 20px;}

#body_container .common_container{float:left; width:939px; margin:0; padding:0;  position:relative; top:-2px;}
#body_container .common_container .top_bg{float:left; width:939px; margin:0; padding:0;}
#body_container .common_container .mid_content{float:left; width:913px; margin:0; padding:0 13px; background:url(../images/mid_bg.gif) repeat-y 1px 0;}
#body_container .common_container h3{float:left; background:url(../images/left_head.gif) no-repeat 0 0; position:absolute; left:10px; top:-6px; color:#dd8e58;  font-size:15px; margin:0; padding:0 0 0 8px;}
#body_container .common_container h3 span{float:left; background:url(../images/right_head.gif) no-repeat right 0; margin:0; padding:4px 8px 4px 0;}
#body_container .common_container .bottom_bg{float:left; width:939px; margin:0; padding:0;}

#body_container .common_container .video{float:left; width:913px; margin:3px 0 0; padding:0; background:url(../images/orange_bg.gif) repeat-x 0 0;}
#body_container .common_container .video .content{float:left; width:532px; margin:0; padding:19px 0; text-align:center;}
#body_container .common_container .video .content h4 {layout.css (line 56)
-x-system-font:none;
color:#3300FF;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:36px;
margin:0;
padding:0;
}
#body_container .common_container .video .content p{margin:0; padding:20px 50px 4px; color:#fff; font-size:16px;}
#body_container .common_container .video .content p img{float:none; margin-right:8px;}
#body_container .common_container .video .video_box{float:left; padding:19px 0;}

#body_container .common_container.booking{margin-top:15px;}
#body_container .common_container .gray_bg{float:left; width:913px; margin:3px 0 0; padding:0; background:url(../images/gray_bg.gif) repeat-x 0 0;}
#body_container .common_container .gray_bg .content{float:left; width:502px; margin:0; padding:19px 0 0; text-align:center;}
#body_container .common_container .gray_bg .content h4{margin:0; padding:0; color:#3300FF;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;}
#body_container .common_container .gray_bg .content p{margin:0; padding:9px 10px 4px 50px; color:#333; display:block;}
#body_container .common_container .gray_bg .content p img.right{float:right; margin:0;}
#body_container .common_container .gray_bg .content p img{float:none; margin-right:8px; margin-top:8px;}
#body_container .common_container .gray_bg .scroll_box{float:left;width:331px; margin:30px 0;  padding:0 25px 0 0;  repeat-y right 0;}
#body_container .common_container .gray_bg .scroll_box ul{display:block;list-style:none; height:189px; overflow:auto; margin:0; padding:0;}
#body_container .common_container .gray_bg .scroll_box ul li{display:block; padding:6px 0 6px 0;}
#body_container .common_container .gray_bg .scroll_box ul li a{display:block; padding-left:10px;  no-repeat 10px 0; color:#fff; text-decoration:underline;}
#body_container .common_container .gray_bg .scroll_box ul li.green{background:url(../images/green_bg.gif) repeat-x 0 0;}
#body_container .common_container .gray_bg .scroll_box ul li.brown{background:url(../images/brown_bg.gif) repeat-x 0 0;}
#body_container .common_container .gray_bg .scroll_box ul li.pink{background:url(../images/pink_bg.gif) repeat-x 0 0;}
#body_container .common_container .gray_bg .scroll_box ul li.blue{background:url(../images/blue_bg.gif) repeat-x 0 0;}
#body_container .common_container .gray_bg .scroll_box ul li.orange{background:url(../images/orange_bg_li.gif) repeat-x 0 0;}
#body_container .common_container .gray_bg .scroll_box ul li.sky{background:url(../images/sky_bg.gif) repeat-x 0 0;}
#body_container .common_container .gray_bg .scroll_box ul li.red{background:url(../images/red_bg.gif) repeat-x 0 0;}
#body_container .common_container .gray_bg .scroll_box ul li strong{display:block; font-weight:bold}
#body_container .common_container .gray_bg .scroll_box ul li strong a{display:block; width:auto; color:#032202; text-decoration:underline}
#body_container .common_container .gray_bg .scroll_box ul li strong a:hover{text-decoration:none}
#body_container .common_container .gray_bg .scroll_box ul li small{display:block;font-size:12px; line-height:14px; padding:6px 0 0 3px}

#body_container .common_container .payment_bg{float:left; width:913px; margin:3px 0 0; padding:0; background:url(../images/bottom_bg.gif) repeat-x 0 0;}
#body_container .common_container .payment_bg .payment{float:left; padding:30px 0 0 121px;}
#body_container .common_container .payment_bg .invoice{float:left; margin:65px 0 0 50px;}

#body_container2{float:left; width:939px; margin:0; padding:0;}

#body_container2 .common_container{float:left; width:939px; margin:0; padding:0;  position:relative; top:-10px;}
#body_container2 .common_container .top_bg{float:left; width:939px; margin:0; padding:0;}
#body_container2 .common_container .mid_content{float:left; width:913px; margin:0; padding:0 13px; background:url(../images/mid_bg.gif) repeat-y 1px 0;}
#body_container2 .common_container h3{float:left; background:url(../images/left_head.gif) no-repeat 0 0; position:absolute; left:10px; top:-6px; color:#dd8e58;  font-size:15px; margin:0; padding:0 0 0 8px;}
#body_container2 .common_container h3 span{float:left; background:url(../images/right_head.gif) no-repeat right 0; margin:0; padding:4px 8px 4px 0;}
#body_container2 .common_container .bottom_bg{float:left; width:939px; margin:0; padding:0;}

#body_container2 .common_container .video{float:left; width:913px; margin:3px 0 0; padding:0; background:url(../images/orange_bg.gif) repeat-x 0 0;}
#body_container2 .common_container .video .content{float:left; width:532px; margin:0; padding:19px 0; text-align:center;}
#body_container2 .common_container .video .content h4 {layout.css (line 56)
-x-system-font:none;
color:#3300FF;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:36px;
margin:0;
padding:0;
}
#body_container2 .common_container .video .content p{margin:0; padding:20px 50px 4px; color:#fff; font-size:16px;}
#body_container2 .common_container .video .content p img{float:none; margin-right:8px;}
#body_container2 .common_container .video .video_box{float:left; padding:19px 0;}

#body_container2 .common_container.booking{margin-top:15px;}
#body_container2 .common_container .gray_bg{float:left; width:913px; margin:3px 0 0; padding:0; background:url(../images/gray_bg.gif) repeat-x 0 0;}
#body_container2 .common_container .gray_bg .content{float:left; width:502px; margin:0; padding:19px 0 0; text-align:center;}
#body_container2 .common_container .gray_bg .content h4{margin:0; padding:0; color:#3300FF;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;}
#body_container2 .common_container .gray_bg .content p{margin:0; padding:9px 10px 4px 50px; color:#333; display:block;}
#body_container2 .common_container .gray_bg .content p img.right{float:right; margin:0;}
#body_container2 .common_container .gray_bg .content p img{float:none; margin-right:8px; margin-top:8px;}
#body_container2 .common_container .gray_bg .scroll_box{float:left;width:331px; margin:30px 0;  padding:0 30px 0 0; background:url(../images/border.gif) repeat-y right 0;}
#body_container2 .common_container .gray_bg .scroll_box ul{display:block;list-style:none; height:189px; overflow:auto; margin:0; padding:0;}
#body_container2 .common_container .gray_bg .scroll_box ul li{display:block; padding:6px 0 6px 0;}
#body_container2 .common_container .gray_bg .scroll_box ul li a{display:block; padding-left:10px;  no-repeat 10px 0; color:#fff; text-decoration:underline;}
#body_container2 .common_container .gray_bg .scroll_box ul li.green{background:url(../images/green_bg.gif) repeat-x 0 0;}
#body_container2 .common_container .gray_bg .scroll_box ul li.brown{background:url(../images/brown_bg.gif) repeat-x 0 0;}
#body_container2 .common_container .gray_bg .scroll_box ul li.pink{background:url(../images/pink_bg.gif) repeat-x 0 0;}
#body_container2 .common_container .gray_bg .scroll_box ul li.blue{background:url(../images/blue_bg.gif) repeat-x 0 0;}
#body_container2 .common_container .gray_bg .scroll_box ul li.orange{background:url(../images/orange_bg_li.gif) repeat-x 0 0;}
#body_container2 .common_container .gray_bg .scroll_box ul li.sky{background:url(../images/sky_bg.gif) repeat-x 0 0;}
#body_container2 .common_container .gray_bg .scroll_box ul li.red{background:url(../images/red_bg.gif) repeat-x 0 0;}
#body_container2 .common_container .gray_bg .scroll_box ul li strong{display:block; font-weight:bold}
#body_container2 .common_container .gray_bg .scroll_box ul li strong a{display:block; width:auto; color:#032202; text-decoration:underline}
#body_container2 .common_container .gray_bg .scroll_box ul li strong a:hover{text-decoration:none}
#body_container2 .common_container .gray_bg .scroll_box ul li small{display:block;font-size:12px; line-height:14px; padding:6px 0 0 3px}

#body_container2 .common_container .payment_bg{float:left; width:913px; margin:3px 0 0; padding:0; background:url(../images/bottom_bg.gif) repeat-x 0 0;}
#body_container2 .common_container .payment_bg .payment{float:left; padding:30px 0 0 121px;}
#body_container2 .common_container .payment_bg .invoice{float:left; margin:65px 0 0 50px;}



#footer{float:left; width:939px; margin:0; padding:10px 0; text-align:center;  no-repeat center 6px;color:black;}
#footer span.copy_right{margin:0; padding:0 200px 5px 70px; width:auto; color:black;}
#footer a{color:black; text-decoration:underline;}
#footer a:hover{text-decoration:none;}


/* IE PNG fix */
img, div, h2 { behavior: url(iepngfix.htc) }

/* Styles */
infobody {
    background: #fff url('http://www.systembookings.com/bg.gif') left top repeat-x;
    color: #373b43;
    font-family: sans-serif;
    font-size: .9em;
}
#infowrapper {
    width: 970px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin-left: -14px;
    background: url('http://www.systembookings.com/wrapper-top.gif') left top no-repeat;
    z-index: 9999;
}
#infowrapper-bg {
    background: url('http://www.systembookings.com/wrapper-bg.gif') left 656px no-repeat;
}
#infowrapper #infophoto {
    float: right;
    width: 316px;
    height: 202px;
    margin: 35px 45px 0 0;
    background: url('http://www.systembookings.com/photo.jpg') left top no-repeat;
}
#infowrapper h1 {
    padding: 67px 0 20px 50px;
    color: #336699;
    font-size: 2em;
}
#infocontent {
    float: left;
    width: 597px;
}
#infosidebar {
    float: right;
    width: 373px;
}
#infowrapper div.infobox {
    width: 552px;
    margin: 20px 0 0 33px;
    background-color: transparent;
    background: url('http://www.systembookings.com/box-bg.gif') left 46px no-repeat;
}
#infowrapper div.infobox h2 {
    height: 46px;
    background: url('http://www.systembookings.com/box-top.png') left top no-repeat;
    color: #d36c26;
    line-height: 1.7em;
    font-size: 1.1em;
}
#infowrapper div.infobox-content {
    padding: 0 20px;
    color: black;
    line-height: 1.5em;
    font-size: 1.1em;
}
#infowrapper div.infobox-bottom {
    height: 14px;
    margin-left: 33px;
    background: url('http://www.systembookings.com/box-bottom.png') left bottom no-repeat;
}
#infowrapper h2.infobox-heading-1 {    
    text-indent: 70px;
}
#infowrapper h2.infobox-heading-2 {    
    text-indent: 125px;
}
#infowrapper h2.infobox-heading-3 {    
    text-indent: 31px;
}
#infowrapper ul#infopayment-methods {
    height: 48px;
    background: url('http://www.systembookings.com/payment-methods.gif') center top no-repeat;
}
#infowrapper ul#infopayment-methods li {
    display: inline;
}
#infowrapper ul#infopayment-methods a {
    float: left;
    height: 40px;
    text-indent: -9999px;
}
#infowrapper a#google {
    width: 97px;
    margin-right: 25px;
}
#infowrapper a#worldpay {
    width: 147px;
    margin-right: 30px;
}
#infowrapper a#protx {
    width: 97px;
    margin-right: 30px;
}
#infowrapper a#paypal {
    width: 82px;
}
#infowrapper #infocontact {
    width: 335px;
    height: 275px;
    padding-top: 20px;
    background: url('http://www.systembookings.com/contact-bg.gif') left bottom no-repeat;
}
#infowrapper #infocontact h2 {
    color: #d36c26;
    line-height: 1.7em;
    text-indent: 52px;
    font-size: 1.1em;
}
#infowrapper #infocontact ul {
    padding: 15px 0 0 70px;
    color: #336699;
    line-height: 1.2em;
    font-size: 1.3em;
}
#infowrapper #infocontact li {
    padding-top: 13px;
}
#infowrapper #infocontact-button {
    float: left;
    width: 133px;
    height: 42px;
    margin: 50px 0 0 70px;
    background: url('http://www.systembookings.com/contact-button.gif') left top no-repeat;
    color: white;
    line-height: 2.1em;
    text-decoration: none;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}
#infowrapper #infobig-button {
    float: left;
    width: 230px;
    height: 78px;
    margin: 15px 0 0 17px;
    padding: 22px 10px 0 80px;
    background: url('http://www.systembookings.com/big-button.gif') left top no-repeat;
    color: white;
    line-height: 1.1em;
    text-decoration: none;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
}
#infowrapper #infofooter {
    width: 970px;
    padding-top: 20px;
    background: #fff url('http://www.systembookings.com/wrapper-bottom.gif') left top no-repeat;
    color: #373b43;
    text-align: center;
}

.infoclear {
    clear: both;
    height: 0;
}








.row1
{
float:left;
width:787px;
margin-bottom:12px;
}
.send
{
padding-left:256px;
float:left;
}
.loginbox
{
float:left;
margin-left:1px;
width:910px;
background:url(../images/login_boxtop.jpg) top no-repeat #e5e5e5;
padding-top:14px;
}
.login_cont
{
width:884px;
padding-left:12px;
float:left;
height:196px;
background:url(../images/loginbox_back.jpg) right no-repeat;
}
.login_text
{
padding-left:27px;
padding-top:28px;
float:left;
color:#fff;
font-size:25px;
}
.login_b
{
padding-left:127px;
float:left;
margin-top:-2px;
position:relative;
}







#midcon_features
{
float:left;
position:relative;
margin-left:-3px;
width:900px;
padding-left:18px;
background:url(../images/featuresbox_top.jpg) top no-repeat #dededd;
padding-top:17px;
}
.fea_title
{
width:884px;
height:58px;
float:left;
background:url(../images/features_titleback.jpg) no-repeat;
}
.fea_title h1
{
color:#fff;
font-size:34px;
padding:0px;
padding-left:25px;
padding-top:10px;
}
.fea_cont
{
float:left;
width:885px;
margin-top:15px;
background:url(../images/fea_contback.jpg) repeat-y;
}
.fea_conttop
{
width:885px;
height:20px;
float:left;
background:url(../images/fea_conttop.jpg) no-repeat;
}
.fea_conttop h4
{
float:left; 
background:url(../images/left_head.gif) no-repeat 0 0;  
left:14px;
position:relative;
top:-10px; 
color:#cd5a0c;
font-size:15px; 
margin:0; 
padding:0 0 0 8px;
}
.fea_conttop h4 span
{
float:left; 
background:url(../images/right_head.gif) no-repeat right 0; 
margin:0; 
padding:4px 8px 4px 0;
}
.fea_img
{
padding-left:21px;
padding-right:6px;
float:left;
}
.clear
{
clear:both;
}
.fea_infobox
{
float:left;
color:black;
font-family:Arial,Helvetica,sans-serif;
width:714px;
font-size:12px;
text-align:center;
line-height:17px;
}
.infobox_con
{
float:left;
width:712px;
border-left:solid 1px #f9f9f9;
border-right:solid 1px #f4f4f3;
background:url(../images/fea_infobox_back.jpg) repeat-x #efefef;
}
.bottom_img
{
position:relative;
float:left;
margin-left:-3px;
}
.enquirebox
{
width:909px;
float:left;
background:url(../images/enquirebox_top.jpg) top right no-repeat #e5e5e5;
padding-top:24px;
margin-top:8px;
margin-left:2px;
}
.box_bottom
{
padding-left:2px;
}
.contactbox
{
padding-left:21px;
float:left;
width:868px;
height:234px;
background:url(../images/contactinfo_box.jpg) right bottom no-repeat;
}
.banner_text
{
float:left;
color:#fff;
font-size:25px;
padding-left:35px;
padding-top:38px;
}
.bookingtext
{
float:left;
color:#fff;
font-size:25px;
padding-left:35px;
padding-top:38px;
}
.contact_form
{
width:580px;
float:right;
padding-right:24px;
padding-top:29px;
font-size:12px;
color:#fff;
}
.row
{
float:left;
width:580px;
margin-bottom:15px;
}
.row2
{
float:left;
width:580px;
margin-bottom:12px;
}
.left_form
{
width:141px;
float:left;
padding-top:3px;
text-align:right;
}
.right_form
{
float:right;
width:416px;
}
.right_form2
{
float:right;
width:418px;
}
.right_form input
{
float:left;
border:0px;
padding-top:4px;
width:406px;
height:20px;
padding-left:5px;
padding-right:5px;
background:url(../images/cont_inputback.png) no-repeat;
}
.right_form2 input
{
float:left;
border:0px;
padding-top:4px;
width:406px;
height:20px;
padding-left:5px;
padding-right:5px;
background:url(../images/login_input.png) no-repeat;
}
.bookingbox
{
width:868px;
padding-left:21px;
margin-bottom:13px;
height:416px;
float:left;
background:url(../images/bookingbox.jpg) right no-repeat;
margin-top:6px;
}
.right_form1
{
margin-right:24px;
margin-top:25px;
float:right;
}
.right_form1 textarea,.right_form textarea
{
width:406px;
height:132px;
float:left;
background:url(../images/textbox_back.png) no-repeat;
padding:5px;
border:0px;
}
.left_form1
{
width:350px;
float:left;
padding-top:3px;
text-align:right;
}
.booking_form
{
width:787px;
float:right;
padding-right:24px;
padding-top:13px;
font-size:12px;
color:#fff;
}





#livehelp{ margin:0px 0px 0px 100px;
          
}




  

























  










  