@charset "utf-8";
/*Main Frame*/
body { background:#FFF url(../images/bg11.jpg) repeat-x; margin:0px; }
div#outer {font-family:Arial; margin-left:auto; margin-right:auto; width: 990px; text-align:left; font-size:12px; color:525252;  }
div#main_outer {}
.contentpaneopen img {padding:0px 5px 5px 0px;}
/*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;}
#cat_header {color:#333333; font-size:1.5em; padding:5px 5px 8px 5px;}
/* MENU */
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;  -webkit-border-radius: 5px;}
.big_button, #loadButton { background: -moz-linear-gradient(center top , #FFFFFF, #E3ECF6) repeat scroll 0 0 #E3ECF6; background: -webkit-gradient(linear, center bottom, center top, from(#E3ECF6), to(#FFFFFF));  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;  -webkit-border-radius: 5px;}
.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;}
#suggest  h3 {color:#FF0000; line-height:13px; font-size:16px; font-weight:normal; margin:0;}
/*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*/
div#main {font-size:12px; color:#525252; padding-top:5px; border:solid 1px #FFF;}
div#main_left {width:672px;  float:left; padding:0px 5px 0px 0px; border-right: 1px #e5e5e5 solid; border-bottom:none;}
div#main_right{width:305px; float:left;  }

#main_details   {font-size:12px; color:#525252; background-color:#FFFFFF; border-left:1px #FFF solid; border-right: 1px #FFF solid;   }
#main_details_inner {background: url(../images/main_back.jpg) repeat-x;}
#break { padding:3px; }
* html #break { margin-right:11px;}
#pathway {height:20px; font-size:11px; font-weight:bold;color:#525252; padding:0px 0px 5px 0px;}
#pathway a {color:#828282;}
#pathway2 {height:20px; font-size:11px; font-weight:bold;color:#525252; padding:5px; border-top: 1px #FFF solid;}
#pathway2 a {color:#828282;}
#logout_page {font-size:11px; font-weight:bold;color:#525252; padding:5px;}
/*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, a:visited, a:hover   {color:#666666; text-decoration:none;}
h3 {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;}
.contentpaneopen {font-size:12px; color:#666666; padding-top: 5px;}
.contentpaneopen a{color:#1E56A1; font-weight:bold; text-decoration:underline;}
.contentpaneopen2 { width: 672px; border-bottom: 1px solid #CCDCEF; }
.sectiontablefooter {font-size:11px; color:#666666;}
.contentheading {color: #373529;font-size: 2em; font-weight: normal; margin-bottom: 0; padding: 5px 0 10px; }
.componentheading {font-size:11px; color:#525252; padding: 0px 0px 0px 10px; text-align:left; border-right:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF; display:none;}
p { padding:0; margin:0;}
 .contentdescription  { border-bottom:1px solid #E2E2E2; border-top:3px solid #E2E2E2; color:#000000; letter-spacing:-0.05em; margin-bottom:0; padding:5px 0 }
h2 {font-family:Arial; font-size:25px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; }
#yellow { -moz-border-radius:12px 12px 12px 12px; background-color:#A6C8E4; padding:5px; font:"Times New Roman", Times, serif; font-size:13px; margin-bottom:10px;  -webkit-border-radius: 5px;}
#yellow a , #yellow a:visited{
color:#FFFFFF;
text-decoration:none;
padding:5px;
text-shadow:0 1px 1px rgba(34, 118, 187, 0.75);}
#yellow a:hover { text-decoration: underline; }
#att_nr { width:35px; height:35px; background-color:#CBE9F4; float:left; color:#58B5C7; font-size:18px;  font-weight:bold; padding-left: 5px;}
#att_links {float:left;  border-bottom: #CBE9F4 solid 1px; height:34px; padding: 0px 0px 0px 10px; width:245px; }
#att_links a {color:#58B5C7; font-weight:bold; font-size:12px;}
#att-cat a, #att-cat2  a {color:#000; text-decoration:none;}
#att-titles {color:#000; font-size:14px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal;}
#att-images {border:1px solid #CCCCCC; float:left; margin:8px 10px 7px 0; padding:2px;}
#att-title a {font-family:Arial; font-size:14px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal;}
#att-cat li { list-style:none;  background: url(../images/dots_content.gif) bottom center repeat-x ; padding-bottom:1px; height:135px; padding-top:10px;}
#att-cat2 { list-style:none;  background: url(../images/dots_content.gif) bottom center repeat-x ; padding-bottom:1px; height:125px; padding-top:10px; }
#att-cat ul{ margin:0px; padding-left:1px;}
#att-desc{ padding:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; }

.icon_mall2 {background:url(../images/shop.gif) no-repeat scroll left center transparent; padding:5px 0 5px 25px; border-bottom:1px dotted #CCCCCC; color:#6B6B6B; margin-left:3px;}
.icon_sight {background:url(../images/sight.gif) no-repeat scroll left center transparent; padding:5px 0 5px 25px; border-bottom:1px dotted #CCCCCC; color:#6B6B6B; margin-left:3px;}
.icon_golf2 {background:url(../images/icon_golf2.gif) no-repeat scroll left center transparent; padding:5px 0 5px 25px; border-bottom:1px dotted #CCCCCC; color:#6B6B6B; margin-left:3px;}
.icon_casino2 {background:url(../images/icon_casino.gif) no-repeat scroll left center transparent; padding:5px 0 5px 25px; border-bottom:1px dotted #CCCCCC; color:#6B6B6B; margin-left:3px;}
.other {padding-left:35px; line-height:1.8em;  border-bottom:1px dotted #CCCCCC; color:#6B6B6B; height:21px;}
li.icon_numberofrooms, li.icon_distanceinminutesfromairport, li.other, li.icon_casino, li.icon_attraction, li.icon_mall, li.icon_golf,li.icon_mall2, li.icon_golf2 , li.icon_sight, li.icon_casino2{display:block;  list-style:none;}
#accom_details_premium { background: #fff; padding-left:3px; padding-top:5px; }
#accom_premiumrw { background: url(../images/premium_bot.gif) bottom no-repeat; padding:5px;}
#accom_premiumimage {padding-bottom:15px; float:left; padding-right:5px; width:100px;}
#accom_premiumurl a {color:#357AB5;font-size:11px; font-weight:bold; text-decoration:underline;  }
#accom_premiumurl  { padding-top:10px;  padding-bottom:5px;}
#accom_premiumtext {color:#525252;}
#maps { background: url(../images/ajax-loader.gif) center no-repeat;  width:247px; border: 1px solid #C5C5C5; border-left:none; height:234px; z-index:-1;}
*html #maps {width:247px; margin-right:1px; height:234px; }
.morelinks a {color:#357AB5;font-size:12px;  text-decoration:underline; float:left; padding:5px; }
.morelinks {margin-top:8px;}

/*vcard template*/
#filter_menu a {color:#4C5F79; font-size:12px; padding:5px;}
#filter_menu a:hover {text-decoration:underline;}
#vcard_main {width:660px; padding-bottom:20px;  border-bottom:1px solid #D8DFEA;}
#vcard_main1 {margin-bottom:20px;}
#vcard_photo {float:left; width:155px;}
#vcard_award {float:right; margin:10px 0px 10px 0px;}
#vcard_icon {margin-bottom:10px;}
#vcard_icon_more a{background:url(http://www.sastay.co.za/components/com_sobi2/images/pictos.png) no-repeat scroll left -51px transparent; color:#6A7E9A; font-size:10px; font-weight:bold; padding-left:16px; }
#vcard_data {float:left; width:350px; font-size:12px; color:#6A7E9A; }
#vcard_price {float:right; width:140px; text-align:right;}
#vcard_holder{font-size:9px; color:#000; line-height:1.2;  text-align:right;}
#vcard_prices{color:#CC0000; vertical-align:baseline; }
#vcard_prices span{ font-size:24px;  text-align:right; }
#vcard_rates {margin-bottom:20px;}
#vcard_rates a {font-size:11px; font-weight:bold; color:#9B6434; background: url(http://www.sastay.co.za/components/com_sobi2/images/pictos.png) no-repeat scroll left -70px transparent; padding-left:16px; }
#vcard_rates a:hover {text-decoration:underline;}
#vcard_map a { background:url(http://www.sastay.co.za/components/com_sobi2/images/pictos.png) no-repeat scroll right -31px transparent; color:#9B6434; display:inline-block; font-size:10px; font-weight:bold; min-height:15px; padding-right:30px;}
div#vcard_title a  {color:#333333; font-family:Arial; font-size:14px; font-weight:bold; height:30px; line-height:40px; padding:0 5px 0 0;}
div#vcard_title {float:left; }
#vcard_location3 {margin:10px 0px 10px 0px; font-size:11px;} 
#vcard_location1, #vcard_location2  { font-size:11px;}
#vcard_location4 { font-size:11px; color:#092B59; font-weight:bold;}
#vcard_location5 { font-size:11px; margin:10px 0px 10px 0px;}
#vcard_footer a {font-size:10px; color:#999999;}
#vcard_footer {float:right; font-size:10px; color:#999999;}
#vcard_special {border: 1px dashed #CC0000; padding:5px; margin-bottom:5px}
#vcard_special a{font-size:11px;}
#vcard_gallery {height:85px; float:left; width:110px; padding:5px; background-color:#EDEFF4;}
#vcard_special span {color:#CC0000; font-weight:bold;}
#filter_refine {background: url(http://www.sastay.co.za/components/com_sobi2/images/filter.png) no-repeat; padding:20px 15px 0 20px; margin:5px;}
span.filter_types { background:url(http://www.sastay.co.za/components/com_sobi2/images/pictos.png) no-repeat scroll left -171px transparent; color:#092B59; font-size:12px; padding:0px 3px 4px 13px; font-weight:bold;}
.fine_search { padding: 10px 0px 10px 5px; width:235px; float:left; line-height:20px;  background-color: #E5ECF3;   -moz-border-radius: 5px 5px 5px 5px;}
.sobi2menu { float:left; padding-top:0px; padding-left:1px; list-style:none; line-height:30px; width:237px; }
* html .sobi2menu{ width:240px;}
#filter_title{background: url(http://www.sastay.co.za/components/com_sobi2/images/arrow.gif) left no-repeat; border: #E3E3E3 solid 1px; font-size:11px; font-family:Arial;  font-weight:bold; padding: 0px 5px 0px 20px; margin-top:5px; margin-left:5px;}
#filter_title a{color:#666;}