@charset "utf-8";
/*Main Frame*/
body { background:#FFF url(../images/bg11.jpg) repeat-x; margin:0px; text-align:center;   }
div#outer {font-family:Arial; margin-left:auto; margin-right:auto; width: 990px; text-align:left; font-size:12px; color:525252;  }
div#main_outer {}
/*Header*/
#header_left { float:left; margin: 5px 20px 0px 0px; width:220px; height: 50px;}
#slogon_head {color:#87C8F5;font-size: 11px; font-style:italic; position:absolute; margin-left:38px; z-index:100; margin-top:30px; text-shadow:0 1px 0 #000000;}
#header_right{ height: 50px; }
#top_menu ul {margin:0px; }
#top_menu_main li {float:left; text-decoration: none; line-height:20px; margin-top:15px; padding:0 11px 0 12px; font-size: 12px; font-family:Tahoma,sans-serif; display:block; font-weight:normal; color:#E5EFFF;
text-shadow:0 1px 0 #000000; }
#top_menu li a {color: #E5EFFF; text-shadow:0 1px 0 #000000;}
#top_menu li a:hover { text-decoration:underline; color: #87C8F5; }
#top_menu li a:hover span { color: #E5EFFF;}
#slogan  h1{color:#03497A;  margin-top:10px; float: left;}
/* MENU */
#competition {position:relative; float:right;}
li.top {float: left;}
#drop_menu li{ text-decoration: none; line-height:13px; margin-top:15px; padding:0 11px 0 0px; font-size: 12px; font-family:Tahoma,sans-serif; display:block;}
#drop_menu ul a{color: #fff;  }
#drop_menu ul a:hover{color: #87C8F5;  }
a.top_link span {  line-height: 20px; float: left; display: block; height: 35px; color:#87C8F5; clear:both; padding:0px 10px 0px 20px; background: url(../images/sa_back.gif) no-repeat; width:100px;  }
.dropdown-menu a { color:#fff;}
.dropdown-menu li:hover > a.top_link { line-height: 20px; clear:both; }
.dropdown-menu table {border-collapse: collapse; width: 0;height: 0;position: absolute;top: 0;left: -150;}
.dropdown-menu a:hover {visibility: visible;position: relative;z-index: 310; color:#fff; }
.dropdown-menu li:hover {position: relative; z-index: 310;}
.dropdown-menu ul {position: absolute; left: -999px;top: -999px; width: 0;height: 0;}
ul.sub1 {width: 350px; padding-left:5px; padding-bottom:10px;}
.dropdown-menu :hover ul.sub1 {left: 0; top: 35px; height: auto; border: 1px solid #666; border-width: 0 1px 1px; background: transparent url(../images/facebox/b2.png) repeat scroll 0 0; z-index: 300; overflow: hidden;}
.dropdown-menu :hover ul li {display: block; position: relative; font-weight: normal;  }

/*Search*/
#big-searchbox {background-color: #E5ECF3;  margin-bottom:10px; -moz-border-radius: 5px 5px 5px 5px; height:55px; padding:5px;}
.big_button { background: -moz-linear-gradient(center top , #FFFFFF, #E3ECF6) repeat scroll 0 0 #E3ECF6; border: 1px solid #1B5790; color: #105CB6; padding-bottom: 7px; padding-top: 6px; text-shadow: 0 1px 0 #FFFFFF;  -moz-border-radius: 5px 5px 5px 5px; cursor: pointer; display: inline-block; font-size: 1.16667em; font-weight: bold; line-height: 1.25em; overflow: visible;}
.big_button:hover {-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); text-decoration: none !important;}
#big-searchbox  input#searchfield {margin:11px; -moz-box-shadow: 0 1px 2px #D0D0D0 inset; background-color: #FFFFFF; padding: 7px; width: 775px;  border: 1px solid #80A1C1; color: #80A1C1; font-size: 1.16667em; }
#result { height:20px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:5px; margin-bottom:10px; background-color:#FFFF99; }
#country{ padding:3px; border:1px #CCC solid; font-size:17px; }
.suggestionsBox { z-index:9999; position: absolute; left: 0px; width: 962px; padding:5px; background-color: #fff; border: 1px solid #80A1C1; color: #666; top:45px; left:11px;}
.suggestionList { margin: 0px; padding: 0px; z-index:99999999999999; }
.suggestionList ul li { list-style:none; clear:both; width: 100%; margin: 5px 0px 0px 0px; padding: 1px; cursor: pointer;}
.suggestionList ul li:hover { background-color: #FC3; color:#000; }
.suggestionList ul { font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0; margin:0; }
.load{background: url(../images/loader.gif); background-position:right; background-repeat:no-repeat; }
#suggest { position:relative; float:left;}
/*login*/
#panel {line-height: 30px; font-size: 11px; color:#03497A;  }
#panel a {margin:10px;}
#top_control_panel {float:right; margin-bottom:10px;}
#top_control_panel a {color:#6899E4; font-weight: normal;}
#top_control_panel a:hover {text-decoration:underline;}
#top_control_panel a:hover span {color:#000; }
#login {float: left; height: 27px; width:70px; margin:10px 10px 0px 0px;}
#register {float: left; height: 27px;  margin:10px 0px 0px 0px;}
/*Main Body*/
#top_main {height:320px; background:url(../images/top_main.jpg) repeat-x; padding-top:5px; border:solid 1px #fff; }
#inner_top_main { margin:0px 5px 5px 5px; background:#ffffff url(../images/loading.gif) center no-repeat; width:978px; height:320px; }
div#main {background: url(../images/middle_bg.jpg) repeat-x; height:360px;}
div#main_side {background: url(../images/side_middle_bg.gif) repeat-x; width:3px; height:354px; float:left;}
div#main_side_right {background: url(../images/side_middle2_bg.gif) repeat-x; width:3px; height:354px; float:right; }  
div#main_bottom {height:140px; margin-top:10px;}
#main_middle {float:left;}
#main_middle1{ float:left; width:300px; margin-top:15px; background: url(../images/slice.gif) right no-repeat; padding-left:20px;}
#main_middle1 a {color:#000;}
#main_middle1 li { display:block;  width:260px; background:#68C0D9; margin:5px; padding:5px; }
#main_middle1 li:hover {background:#90D0E2}
#main_middle1 ul {padding:0px; list-style:none; margin-top:20px; margin:0px;}
#main_middle2{ float:left;  margin-top:15px; width:300px; background: url(../images/slice.gif) right no-repeat; padding-left:20px;}
#main_middle2 select { width:240px; border:2px #B9E0EC solid; margin-top:10px;}
#main_middle3{ float:left; width:260px; font-family:Georgia,"Times New Roman",Times,serif;color:#fff; font-size:16px;  margin-top:15px; padding-left:20px;}
#events  {line-height:20px; margin-top:10px;}
#events a  {color:#fff; font-weight: bold; font-size:12px;}

#accom_premiumrw { float:left; width:314px; padding:5px; height:83px;}
#accom_premiumrw a {  font-weight: bold; text-decoration:underline; }
#accom_premiumimage {float:left; padding:5px; width:100px; height:66px;}
#accom_premiumtext {font-size:11px; color:#666666; padding-top:4px;} 
#main_bottom h3 , #main_hd h3{margin-bottom: 0; padding:5px 0px 5px 0px;font-size: 2em; color: #373529; font-weight: normal;}
#main_hd {border-bottom: 1px solid #CCDCEF;  padding-bottom:10px;}
#main_middle_bot { width: 980px; }
*html #main_middle_bot {position:absolute;}
#main_middle_bot ul {padding:0px; margin:0px;}
#main_middle_bot li { float:left; display:block; margin:3px 4px 4px 5px; font-size:11px; width:310px; }
#main_middle_bot li a:hover {text-decoration:underline;}
#map {padding:20px;}

#slider { border-top: 3px solid #DFE9F5;}
#premiumall {float:right;}
#smallall {padding-top: 10px;}
#premiumall a, #smallall a{ color: #CC0000 !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 11px; line-height: 18px;}
#premiumall a:hover, #smallall a:hover { text-decoration:underline;}
#attractions { float:left; width:33%;}
#attractions_intro{padding:10px 10px 10px 0px; height:40px;}
#attractions_link a{color:#0088CC; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;  padding:8px 15px 10px 0px;  background: url(../images/arrow1.gif) right no-repeat;}
#attractions_link a:hover{text-decoration:underline;}
#attractions_title{ font-size: 15px; font-weight: bold; letter-spacing: -0.025em; padding:10px 10px 10px 0px;  text-decoration: none;}
#attractions_title a{color: #000000;}

.westerncape {background: url(../images/link.png) no-repeat; padding:5px 0 12px 25px; background-position:-10px -12px; }
.easterncape {background: url(../images/link.png) no-repeat; padding:5px 0 12px 25px; background-position:-10px -62px; }
.kwazulunatal {background: url(../images/link.png) no-repeat; padding:5px 0 12px 25px; background-position:-10px -112px; }
.gauteng {background: url(../images/link.png) no-repeat; padding:5px 0 12px 25px; background-position:-10px -162px; }
.mpumalanga{background: url(../images/link.png) no-repeat; padding:5px 0 12px 25px; background-position:-10px -212px; }
.limpopo{background: url(../images/link.png) no-repeat; padding:5px 0 12px 25px; background-position:-10px -312px; }
.northwest{background: url(../images/link.png) no-repeat; padding:5px 0 12px 25px; background-position:-10px -262px; }
.freestate{background: url(../images/link.png) no-repeat; padding:5px 0 12px 25px; background-position:-10px -362px; }
.northerncape {background: url(../images/link.png) no-repeat; padding:5px 0 12px 25px; background-position:-10px -62px; }

#accommodation_out { border:1px solid #FFFFFF; width:120px; background:#FFFBE0; border-bottom:none; height:25px;}
#accommodation_out:hover { height:24px; border:1px solid #ffffff; background:#FFE95A; }
#accommodation_out a { font-weight:bold; color:#000; text-align:center;}
#accommodation_out span { border:1px solid #FFE95A; display: block; line-height: 20px; height:23px; }
#shell_listing {width:485px; float:left; background-color:#ffffff; }
#image_listing { float:left; padding:10px; background-color:#ffffff; width:90px; height:80px; }
#front_listing a {display:block; color:#666666;  background: url(../images/arrow.gif) right no-repeat;  }
#front_listing  {border-bottom:1px solid #EEEEEE; line-height:15px;  }
#front_listing:hover  {background-color:#EEEEEE;}
#name_listing {padding:0 0 0px 12px; margin:10px 0px 8px 0px;}
#all_listing {font-size:9px; line-height:13px !important; margin-top:5px;}
#all_listing a {color:#175EB2;}
#all_listing a:hover {text-decoration:underline;}
/*footer*/
div#footer  {height: 90px; font-size:11px;  font-weight:normal; font-family:Arial; color:#666666; font-weight:normal; font-family:Arial; margin-top:0px; padding-top:10px;  width: 980px; text-align:left; margin-left:auto; margin-right:auto;  border-top:1px solid #fff;}
div#footer a , div#bottom_block_footer  a {font-size:11px; color:#888888; font-weight:normal; font-family:Arial;}
#footer_titles { font-weight:bold; font-family:Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif;  font-size:12px; color:#666666; margin-left:auto; margin-right:auto; padding:15px 0px 5px 0px;}
#footer_titles  p {float:left; width:245px;}
* html div#footer {height: 100px;}
div#footer_details {height: 90px; font-size:11px; color:#666666; font-weight:normal; font-family:Arial; margin-top:0px; padding-top:10px;  }
div#bottom_block_footer { width: 980px; text-align:left; font-size:12px; color:525252; margin-left:auto; margin-right:auto;  padding-bottom:5px;}
div#bottom_block_footer_main { background-color:#f8f8f8; margin-top:10px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#bottom_block_logo{ float:right;}
.menu {padding:10px 0px 0px 0px; float:left; width:245px;}
#bottom_block_support a { font-size:11px; color:#888888; background: url(../images/arrow_blog_small.gif) left no-repeat; padding-left:8px;  }
#bottom_block_support li { list-style:none; width:245px;}
#bottom_block_support ul { margin:0px; padding-left:0px;}
#bottom_block_support a:hover {color:#000; text-decoration:none;}
#bottom_block_footer_details {height:125px; background: url(../images/bottom_block_footer.jpg)}
#footer_crum {border-bottom:1px solid #E5E5E5; height:75px;  border-top:1px solid #ffffff;}
#footer_crum1 {float:left; width:210px; padding-left:39px; position:relative;}
#footer_crum1  h3{font-size:0.8em; font-weight:bold; margin:6px 0 0; padding:0;}
#footer_crum1  p{color:#666666; font-size:0.7em; margin-top:5px;}
#footer_crum1  a{color:#333333;}
#footer_crum1  img{left:0; position:absolute; top:5px;}
#footer_wrap {width: 980px; margin-left:auto; margin-right:auto; font-family:Arial, Helvetica, sans-serif; text-align:left; padding-top:16px; }
/*commands*/
a:link { color:#666666; text-decoration:none; }
a:visited {color:#666666;text-decoration:none; }
a:hover {color:#000;}
h3 {color:#FF0000; line-height:13px; font-size:16px; font-weight:normal; margin:0;}
h2 { color:#003366; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
h1 { color:#666666; font-size:11px; font-family:Tahoma,sans-serif; font-weight:normal; }
h4 { font-size:14px; letter-spacing:-1px;}
p { padding:0; margin:0;}