
/* ////////////////////////////////////////////// HTML TAGS //////////////////////////////////////////////  */
body { margin:0; padding:0; background:url(../img/c1/bg_body.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#797979;}
div { margin:0px; padding:0px;}
img{border:none; padding:0; margin:0;}
form{margin:0; padding:0;}
td tr{margin:0; padding:0;}
a {outline: none;}
a div{outline: none;}
name{ color:fff;}

/* ////////////////////////////////////////////// DIV ID'S ////////////////////////////////////////////// */
#wrapper{ margin:0 auto; width:800px; position:relative;}
#head_nav{ height:15px; color:#fff; font-size:11px; padding:5px 0px 0px 0px;}
	#head_nav ul{margin:0px; padding:0px; text-align:right;}
	#head_nav li{ display:inline; list-style:none; padding:0px 0px 0px 5px;}
	#head_nav li a{color:#fff; text-decoration:none;}
	#head_nav li a:hover {color:#fff; text-decoration:underline;}
#head_logo{ height:80px; background:url(../img/c1/temp_logo.jpg)  no-repeat;}
#head_tabs{ height:25px;}
#main_container{margin:0; padding:0; width:800px; background: #fff;}
#cnr_tl{ float:left; background:url(../img/c1/corner_left.jpg)  no-repeat; width:18px; height:18px;}
#cnr_tr{ float:right; background:url(../img/c1/corner_right.jpg)  no-repeat; width:18px; height:18px;}
#cnr_bl{ float:left; background:url(../img/c1/foot_left.jpg) no-repeat; width:20px; height:75px;}
#cnr_br{ float:right; background:url(../img/c1/foot_right.jpg) no-repeat; width:20px; height:75px; position:absolute; top:0px; right:0px;}
#countrytitle{ float:left; width:247px; height:22px; font:Arial, Helvetica, sans-serif; font-size:18px; color:#2280de;}
#main_title{ margin:0px 0px 0px 20px; width:570px;}
#main_title2{ margin:0px 0px 0px 20px; width:240px; float:left;}
#main_title3{ margin:0px 0px 0px 20px; width:570px; padding:0px 0px 3px 0px; border-bottom:1px dashed #ccc;}
	* html #main_title2{ margin:0px 0px 0px 10px; width:240px; float:left;}
#main_left{ width:600px; float:left; margin:0px 0px 0px 0px;}
#main_right{ width:185px; float:right; margin:0px 10px 0px 0px;  background:#fff;}
	*html #main_right{ margin:0px 5px 0px 0px;}
#footer{ height:75px; background:#fff url(../img/c1/foot_tile.jpg); position:relative;}
#body_footer{bottom: auto; height:60px; background:url(../img/bodyfooter.png) repeat-x;}
#clear{ clear:both; }
#shadowbox_title{background: url(../img/bg_main_shadow.jpg) no-repeat;}
#shadowbox_no{background:url(../img/bg_main_shadow2.jpg) no-repeat; padding:5px 0px 0px 21px;}
#shadowbox_no2{background:url(../img/bg_main_shadow3a.jpg) no-repeat; padding:5px 0px 0px 21px;}
#featured_box{ margin:0px 0px 0px 21px; width:565px; height:238px;  border:1px solid #fff;}
#destination_box{width:555px; height:238px; border:1px solid #fff; padding:5px; position:relative;}
#hot_box{width:762px; height:238px; margin:10px 0px; border:1px solid #fff; padding:0px 0px 0px 5px;}
#contact_box{ margin:0px 0px 0px 21px; width:555px; height:228px;  border:1px solid #fff; padding:5px;}
#welcome{margin:15px 0px 0px 20px; border-bottom:1px solid #ccc; padding:0px 0px 5px 0px; widows:595px;}
#titles2{margin:0px 0px 0px 20px; padding:5px 0px 0px 0px; width:568px; }
#titles3{margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; width:568px;}
#txtwelcome1{margin:10px 5px 0px 20px; width:278px;}
	*html #txtwelcome1{margin:10px 0px 0px 10px;}
#txtwelcome2{margin:10px 5px 0px 5px; width:278px;}
#vert{ width:1px; height:95px; margin:0px 2px; background:url(../img/vert.gif)}
#shadowbox_country{  background: url(../img/bg_country_shadow.jpg) no-repeat; padding:10px 0px 0px 21px; margin:10px 0px 0px 0px;}
#country_box{ margin:0px 0px 0px 0px; padding:0px 0px 0px 6px; width:556px; height:123px;  border:1px solid #fff;}
	*html #country_box{ padding:0px 0px 0px 4px; width:560px;}
#eqbasket_1{ width:183px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:5px 0px 0px 0px;}
#eqbasket_2{ width:183px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0px 14px 0px 0px; float:left;}
#eqbasket_txt{ width:175px; padding:0px 5px; font-size:10px;}
#brochure_1{ width:183px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:5px 0px 0px 0px;}
#brochure_2{ width:183px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0px 14px 0px 0px; float:left;}
#brochure_txt{ width:175px; padding:0px 5px; font-size:10px;}
#ba_1{ width:183px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:5px 0px 0px 0px;}
#ba_2{ width:183px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0px 0px 0px 0px; float:left;}
#ba_txt{ width:175px; padding:0px 5px; font-size:10px;}
#stayhere{ width:183px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:5px 0px 5px 0px;}
#stayheretitle{ height:10px; line-height:10px; padding:5px; font-size:12px; font-weight:bold; color:#fff; background:#2280de;}
#stayhotel{ background:url(../img/bg_stay_shadow.jpg) no-repeat; width:154px; height:101px; padding:15px 0px 0px 28px;}
#copyright{padding:20px 0px 0px 0px; font-size:10px; color:#666;}
#footlinks{color:#2280de; font-size:10px;}
	#footlinks ul{margin:0; padding:20px 0px 0px 80px;}
	#footlinks li{display:inline; list-style:none; padding:0px 0px 0px 3px;}
	#footlinks li a{color:#2280de; text-decoration:none;}
	#footlinks li a:hover{color:#2280de; text-decoration:underline;}

#desc_alph{ position:absolute; top:173px; left:0px; background:#fff; z-index:999; -moz-opacity: 0.8; Filter: Alpha(Opacity=80); -khtml-opacity: 0.8; opacity: 0.8; padding:10px 10px 5px 15px; color:#acacad; width:540px; height:50px; color:#333333; font-size:11px;}
#mainbody{ background:#fff; width:768px; margin-left:21px;}
#dest_country{width:369px; height:115px; border-bottom:1px dashed #dbdbdb; background:url(../img/bg_gradient.jpg) repeat-x; float:left; padding:5px;}
#dest_space{width:10px; float:left;}
#dest_name{color:#2262de; padding:5px 0px; font-weight:bold;}
	#dest_name a{color:#2262de; font-weight:bold; text-decoration:none;}
#dest_img{ float:left; width:125px; padding:3px; border:1px solid #ccc;}
#dest_desc{float:left; width:227px; padding:0px 0px 0px 5px; font-size:11px;}
#treat{width:359px; height:85px; border-bottom:1px dashed #dbdbdb; background:url(../img/bg_gradient.jpg) repeat-x; float:left; padding:10px; font-size:11px;}
#treat_space{width:10px; float:left; }
#treat_name{color:#2262de; padding:5px 0px; font-weight:bold; margin:0px 0px 2px 0px;}
	#treat_name a{color:#2262de; font-weight:bold; text-decoration:none;}
#pagination{float:right; border:1px solid #ccc; width:318px; height:23px;}
#page_prev{ float:left;}
#page_count{  float:left; text-align:center; color:#2280de; font-size:12px; font-weight:bold; width:200px; line-height:23px;}
#page_next{  float:right;}
#hot_btns{ height:75px; margin:0px 0px 0px 20px; padding:0px 0px 5px 0px;}
#hot_img { width:338px; height:225px; border:1px solid #fff; float:left; margin:5px 5px 0px 0px; position:relative;}
#hot_content{ float:left; width:416px; margin:5px 0px 0px 0px;}
	#hot_content ul{ margin:5px 0px 0px 15px; padding:0px;}
	#hot_content li{ list-style-image:url(../img/c1/bullet_gen.png)}
#hot_country{ width:188px;  color:#fff; font-size:11px; font-weight:bold; text-align:right; padding:5px 10px 0px 0px;margin:5px 0px 0px 0px;  float:right;}
#hot_hotel{ width:208px;  color:#fff; font-size:14px; font-weight:bold;  padding:0px 0px 5px 0px; margin:5px 0px 0px 0px; float:left;}
#hot_desc{ width:400px; color:#4a4a4a; height:188px; background:#d6e2f9; border-top:1px solid #fff; margin:0px 0px 5px 0px; padding:5px; line-height:15px; font-size:11px; position:relative;}
#hot_nav{ width:400px; height:30px; position:absolute; bottom:0px; border-top: 1px dashed #9cb9f0;}
#hotcode{ float:left; color:#df0000;  font-weight:bold; line-height:30px;}
#about_container{width:600px; float:left; margin:0px 0px 0px 0px;}
#aboutbody{background: url(../img/bg_main_shadow3b.jpg) repeat-y; padding:0px 15px 0px 31px; width:550px; font-size:11px;}
#about_foot{height:12px; background: url(../img/bg_main_shadow3b.jpg) repeat-y; width:596px; padding:2px 0px 0px 0px;}
#contact1{position:absolute; top:5px; left:5px; width:570px;}
#contact2{position:absolute; top:5px; left:5px; width:570px;}
#contact3{position:absolute; top:5px; left:5px; width:570px;}
#contactmap{ float:left; width:225px; height:225px; border:1px solid #fff; margin:0px 5px 0px 0px;}
#contactname{ background:#2262de; color:#fff; font-size:14px; font-weight:bold; }
#contactinfo{ float:left; width:323px;}
#contactdesc{ color:#4a4a4a; height:193px; background:#d6e2f9; border-top:1px solid #fff; margin:5px 0px 5px 0px; padding:5px; font-size:11px; position:relative;}
#contactdesc a{color:#2262de; text-decoration:none;}
#contactdesc a:hover{color:#2262de; text-decoration:underline;}
#contacttabs{padding:0px 0px; border-left:1px solid #d0d0d0; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; font-size:10px; color:#515151; background:url(../img/tab_contact2.jpg) repeat-x; float:left; display:block; height:20px; line-height:20px; margin:1px 0px 0px 5px;}
	#contacttabs a{height:20px; line-height:20px; text-decoration:none; color:#515151; }
	#contacttabs a:hover{height:20px; line-height:20px; text-decoration:none; color:#515151; background:url(../img/tab_contact1.jpg) repeat-x;}
	#contacttabs a:active{height:20px; line-height:20px; text-decoration:none; color:#515151; background:url(../img/tab_contact1.jpg) repeat-x;}
#contactform{margin:10px 0px 5px 20px; width:550px; height:230px; background-image: url(../img/bg_gradient.jpg); background-repeat: repeat-x; background-position: bottom; padding:0px 10px 10px 10px; border-bottom:1px dashed #ccc;}
#contacttbl input{ width:180px; font-size:11px; color:#4a4a4a; margin:3px;}
#contacttbl textarea{ width:180px; height:80px; font-size:11px; color:#4a4a4a; margin:3px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#contacttbl select{ width:189px; font-size:11px; color:#4a4a4a; }
#cu_submit input{ width:71px;}
#cu_comments textarea{ width:260px; height:145px;}
#enquireform{margin:10px 0px 5px 20px; width:550px; height:360px; background-image: url(../img/bg_gradient.jpg); background-repeat: repeat-x; background-position: bottom; padding:0px 10px 10px 10px; border-bottom:1px dashed #ccc;}
#enquiretbl input{ width:180px; font-size:11px; color:#4a4a4a; margin:3px;}
#enquiretbl textarea{ width:180px; height:80px; font-size:11px; color:#4a4a4a; margin:3px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#enquiretbl select{ width:189px; font-size:11px; color:#4a4a4a; margin:3px;}
#eq_submit input{ width:71px; }
#eq_comments textarea{ width:220px; height:245px;}
#enquirebasket{margin:0px 0px 15px 20px; width:550px; background-image: url(../img/bg_gradient.jpg); background-repeat: repeat-x; background-position: bottom; padding:10px 10px 10px 10px; border-bottom:1px dashed #ccc;}
	#enquirebasket ul{margin:10px 15px 0px 15px; padding:0px;}
	#enquirebasket li{list-style:url(../img/c1/bullet_eq.png); padding:0px 0px 0px 0px;}
	#enquirebasket li a{color:#CC0000; text-decoration:none; font-size:10px;}
	#enquirebasket li a:hover{color:CC0000; text-decoration:none; font-size:10px;}
#country_holder{width:775px;}
#country1{ float:left; width:480px; height:95px;  background:url(../img/bg_gradient.jpg) repeat-x; padding:10px 5px 0px 5px; border-bottom:1px dashed #dbdbdb;}
#country2{ float:left; height:95px;  background:url(../img/bg_gradient.jpg) repeat-x; padding:10px 5px 0px 5px; border-bottom:1px dashed #dbdbdb;}
	* html #country2{height:101px; }
#country_space{width:10px; float:left;}
#country_name{color:#2280de; padding:0px 0px 5px 0px; font-weight:bold;}
	#country_name a{color:#2280de; font-weight:bold; text-decoration:none;}
#country_img{ float:left; width:125px; padding:3px; border:1px solid #ccc;}
#country_desc{float:left; width:335px; padding:0px 0px 0px 5px; font-size:11px;}
#country_signame{color:#2280de; padding:15px 0px 0px 0px; font-weight:bold;}
#country_sigtreat{width:258px; font-size:11px; }
#country_sigtreat ul{margin:5px 0px 0px 20px; padding:0;}
#country_sigtreat li{list-style:url(../img/c1/bullet_eq.png); padding:0px 0px 0px 0px; }
#addbasket{ text-align:right; background: url(../img/bg_main_shadow3b.jpg) repeat-y; padding:0px 20px 0px 30px;}
#hotelname{ height:30px; color:#2280de; font-size:18px; background:#fff; z-index:999; -moz-opacity: 0.8; Filter: Alpha(Opacity=80); -khtml-opacity: 0.8; opacity: 0.8;padding:5px; position:absolute; top:190px; width:543px; line-height:30px}
#hoteltabs{padding:0px 13px 0px 21px;}
#packagedetail{ z-index:999;}
	#packagebullet ul{margin:10px 0px 0px 15px; padding:0;}
	#packagebullet li{ float:left; width:245px; padding-left: 15px; background: url(../img/c1/bullet_gen2.png) no-repeat; list-style:none; }
#treattitle{ width:175px; padding:0px 0px 2px 5px;}
#treatlist{ width:175px; padding:0px 0px 0px 5px; }
	#treatlist ul{margin:5px 0px 5px 10px; padding:0;}
	#treatlist li{list-style:url(../img/c1/bullet_gen.png); margin:0px 0px 0px 5px;}
#spadetail{ float:left; width:400px;}
#spaimg{ float:left; width:125px; padding:3px; border:1px solid #ccc; margin:0px 0px 0px 10px;}
#footatol{ float:left; width:45px; height:33px; margin:5px 0px 0px 0px; background:url(../img/c1/foot_atol.png) no-repeat;}
#footiata{ float:left; width:460px; height:33px; margin:5px 0px 0px 0px; background:url(../img/c1/foot_iata.png) no-repeat;}
#footnumber{ font:Arial, Helvetica, sans-serif; font-size:18px; color:#2262de; float:left; line-height:38px;}
.white{color:#fff;}
/* ////////////////////////////////////////////// CLASSES  ////////////////////////////////////////////// */
.countrysub{color:#656363; font-size:10px;}
.countrysub2{color:#333; font-size:14px; font-weight:bold; }
.countrytitle{color:#656363;}
.block{ display:block; padding:0px 5px;}
	* html .block{ display:inline; padding:0px 5px 5px 5px; height: 1em;}
.featured_box{background: url(../img/c1/bg_blue_main.jpg) repeat-x; position:relative;}
.contact_box{background: url(../img/c1/bg_blue_main.jpg) repeat-x; position:relative;}
.contactother{height:20px; line-height:20px; font-size:11px; color:#2262de; font-weight:bold; border-bottom:1px dashed #2262de;}
.contact_titles{ font-size:11px; font-weight:bold; color:#2262de;}
.note{font-size:10px; color:#CC0000;}
.hot_box{background: url(../img/c1/bg_blue_main.jpg) repeat-x; position:relative;}
.hotcode2{color:#000;}
.destination_box{ background: url(../img/c1/bg_blue_main.jpg) repeat-x; position:relative;}
.country_box{background: url(../img/c1/bg_blue_main.jpg) repeat-x;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.title18{color:#2262de; font-size:18px;}
.title14{color:#2280de; font-size:14px; font-weight:bold;}
.title12{color:#2280de; font-size:12px; font-weight:bold;}
.white12{color:#fff; font-size:12px; font-weight:bold;}
.marg4{ margin:0px 4px;}
.margtop10{margin-top:10px;}
.padtop5{padding-top:5px;}
.padbot5{padding-bottom:5px;}
.padleft5{padding-left:5px;}
.btn_search{ background:url(../img/c1/btn_search.png); width:71px; height:21px; border:none; cursor:pointer;}
.btn_submit{ background:url(../img/btn_submit.png); width:71px; height:21px; border:none; cursor:pointer;}
.btn_eq_how{margin:4px}
.line_bot_dot{ border-bottom:1px dashed #ccc;}
.dashbot{ border-bottom:1px dashed #ccc;}
.dashleft{ border-left:1px dashed #ccc;}
.dashright{ border-right:1px dashed #ccc;}
/* ////////////////////////////////////////////// ROTATOR STYLES //////////////////////////////////////////// */

/*ROTATING FOCUS 1*/
 #mynamefocustabs{ display:none; height:0px; width:0px;}
 
 /* AJ change font colour of the tab */
 #mynamefocustabs a {width:93px; height:25px; float:left; text-decoration:none; font:bold 10px Verdana; color: #333333; line-height:24px;  display:inline; background-image:url(img/tab.gif); background-repeat: no-repeat; text-align:center; overflow:hidden; text-transform:uppercase;}
 #mynamefocustabs a:hover {text-decoration:underline;}
 #mynamefocustabs a.current{background-image:url(img/tabover.gif); color: #E03D36; width:93px; text-decoration:none; font-weight:bold;}
 #mynamefocustabs a.current:hover{text-decoration:none;}
 
 /* AJ change background-color for the main layer*/
 .mynametabcontent{ display:none; position:relative; }
 #mynamefocus1 {width:560px; height:225px; padding:5px; display:block; }
 #mynamefocus2 {width:560px; height:225px; padding:5px; display:none; }
 #mynamefocus3 {width:560px; height:225px; padding:5px; display:none; }
 
#mynamefocus_content1 { width:208px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; float:left;  }
#mynamefocus_content2 { width:208px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; float:left;  }
#mynamefocus_content3 { width:208px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; float:left;  }

#thumb1 { width:338px; height:225px; border:1px solid #fff; float:left; margin:0px 5px 0px 0px; position:relative;} 
#thumb2 { width:338px; height:225px; border:1px solid #fff; float:left; margin:0px 5px 0px 0px; position:relative;} 
#thumb3 { width:338px; height:225px; border:1px solid #fff; float:left; margin:0px 5px 0px 0px; position:relative;}

#rot_country{ width:208px;  color:#fff; font-size:11px; font-weight:bold; text-align:right; padding:0px 0px 5px 0px;}
#rot_hotel{ width:208px;  color:#fff; font-size:14px; font-weight:bold;  text-align:right; padding:0px 0px 5px 0px;}
#rot_desc{ width:198px; color:#4a4a4a; height:149px; background:#d6e2f9; border-top:1px solid #fff; margin:0px 0px 5px 0px; padding:5px; line-height:15px;}

#rot_btns{ font-size:11px; position:absolute; left:227px; bottom:13px; width:102px; height:13px; background:#fff; z-index:999; -moz-opacity: 0.8; Filter: Alpha(Opacity=80); -khtml-opacity: 0.8; opacity: 0.8; padding:5px; color:#acacad;}
#rot_btns a{ font-weight:bold; color:#006fbf; text-decoration:none;}
#hotimg{ position:absolute; top:0px; right:0px; width:81px; height:67px; }

/* ///////////////////////////////////////// JQUERY CONTENT TABS //////////////////////////////////////////////// */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
.tabs-nav a {
	display: block;
	position: relative;
	top: 1px;
	z-index: 2;
	padding: 6px 10px 0;
	width: 64px;
	height: 18px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background: url(../img/tab.png) no-repeat;
}
.tabs-nav .tabs-selected a {
    padding-top: 7px;
    color:#666;
}
.tabs-nav a:hover{color:#666;}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 0 -50px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: 10;
}
.tabs-container {
    border-top: 1px solid #2262de;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/* Uncomment this if you want a little spinner to be shown next to the tab title while an Ajax tab gets loaded
.tabs-loading span {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/
#fragment-1{background-image: url(../img/bg_gradient.jpg); background-repeat: repeat-x; background-position: bottom; font-size:11px; position:relative;}
#fragment-2{background-image: url(../img/bg_gradient.jpg); background-repeat: repeat-x; background-position: bottom; font-size:11px;}
#fragment-3{background-image: url(../img/bg_gradient.jpg); background-repeat: repeat-x; background-position: bottom; font-size:11px;}

/* ///////////////////////////////////// TABBED TOP MENU /////////////////////////////////////////////////  */
#tabcontainer{
background: url(../img/c1/tabtile_tile.jpg) repeat-x top;
padding-top:5px;
height:20px;
width:800px;
position:relative;
}

.menu {
float:right; 
padding-left:2px; /* space before first tab */
width:490px; 
height:auto;
margin-bottom:-1px !important; 
}	

.menu ul {
margin:0;
padding:0; 
list-style:none; 
display:block;

}

.menu li {
display:inline; 
margin:0; 
padding:0;
height:auto;
}

.menu ul li a{
display:block; 
height:20px; 
float:left; background:url(../img/c1/nav_left.png) no-repeat left top; 
padding:0 0 0 6px; 
border-bottom:1px solid #fff; /* line below the tab */
text-decoration:none; 
font-size:11px; 
line-height:20px; 
white-space:nowrap; 
margin-left:2px; /* intertab spacing */
cursor:pointer;
}

* html .menu ul li a, * html .menu ul li a {
width:1px;
}

.menu ul a b {
height:100%; 
display:block; 
background:url(../img/c1/nav_right.png) no-repeat right top; 
padding:0 9px 0 6px; 
color:#ffffff; 
font-weight:bold;
}

.menu ul li a.tabactive 
/*#nav ul li:hover a*/{
background-position:0 -29px; 
border-color:#fff; /* colour of dividing line */
cursor:pointer;
}

.menu ul li a.tabactive b{
background-position:100% -29px; 
border-color:#7f7f81; 
color:#515151;
}

.menu ul li a.defaultTabOff b {
color: #fff;
}

#contentContainer div {
font-size:11px;
padding:0px 0px; /*padding around 2nd level links*/
color:#EEE;
height:0px;
margin-top:0px !important;
margin-top:-10px;
font-weight:bold;


}

#contentContainer div a {
color:#FFFFFF;
text-decoration:none;.
font-weight:bold;
}

#contentContainer div a:hover {
color:#FF0;
text-decoration:none;
}

