BODY{background-image:url(http://www.sunnyvillaholidays.com/sandytoes.gif); background-repeat: repeat; background-attachment  : fixed;}
/* * html div {
	padding: 5px; 
	padd\ing: 0px;
}
*/
.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url("http://www.sunnyvillaholidays.com/js/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
   border: solid thin #CCCCFF;
   cursor: url("http://www.sunnyvillaholidays.com/js/magminus.cur"), pointer;
} 

@font-face {
 font-family: MyCustomFont;
 src: url("MTCORSVA.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("MTCORSVA.TTF") /* TTF file for CSS3 browsers */
}
/*a:link{text-decoration: underline;color: #F00;}
a:visited{color: #F00;}
a:hover{text-decoration: underline;color: #00f;}*/

#left_copy{text-align:left;}
#contentarea{width:790px;border:1px red solid;background-color:white;text-align:center;}
#content{width:780px;border:5px white solid;text-align:left;}/* font-size:medium; Top Right Bottom Left */
#top_side{margin:50px; padding:10px;background:#ccc;height:10px; } /* Not Used */
#left_side{position:absolute;left:70px;top:7px;width:20px;height:auto;}
#middle_side{width:800px; margin-top:7px; margin-left:auto;margin-right:auto;height:auto;}
#right_side{position:absolute;right:70px;width:20px;height:auto;}
#prop_name{text-align:center;color:red;font:normal normal normal 30px/36px MyCustomFont, 
'Monotype Corsiva',
'Lucinda Handwriting',
'Zapf Chancery',
'Commercial Script BT Regular',
'Brush Script Regular',
'GarondHandDB Normal',
'Hancock Regular';
}
#prop_name5{text-align:center;color:red;font:normal normal normal 30px/36px Calligraffitti,Pacifico,'Monotype Corsiva';
}
#vertical_border{
border-left:1px #FF9599 solid;
border-right:1px #FF9599 solid;
border-top:hidden;
border-bottom:hidden;
}

#top_box{
text-align:left;
background: url(http://www.sunnyvillaholidays.com/gradient_1.gif) bottom left repeat-x;
width:100%;
color:#F00;
font-size:medium;
text-indent:2px;
width:100%;

border-bottom-width:1px;
border-top-width:0px;
border-bottom-color:#F00;
border-top-color:#FFF;
border-bottom-style:solid;
border-right-style:hidden;
border-left-style:hidden;
border-top-style:hidden;
padding-bottom:2px;
/*clear:right;*/
}

#top_box a{text-decoration: underline;color: #F00;}
#top_box a:visited{color: #F00;}
#top_box a:hover{text-decoration: underline;color: #00f;}
#top_box a.selected{color:#00f;}
#top_box li a.selected:hover{ text-decoration: underline;}

.ruler800{width:800px; background-color:#F00; color:#F00; height:1px;}
.ruler99{width:99%; background-color:#F00; color:#F00; height:1px;}

.new_prop{width:60px;background-color:red;color:#FFF;border:3px solid #FDE;text-align:center;}
.mybuttons{
border-color:#FFCCCC #FFCCCC #8B0000 #8B0000;
border-style:outset;
}
.float_l{
width:50%;
float:left;
}
.float_l_60{
width:60%;
float:left;
}
.float_l_40{
width:40%;
float:left;
}
.float_l_30{
width:30%;
float:left;
}
.float_l_10{
width:10%;
float:left;
}
.float_l_90{
width:90%;
float:left;
}
.float_l_20{
width:20%;
float:left;
}

.clear_both{
clear:both;
}

/*.roundcorners{
padding: 3px 5px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px;
-webkit-border-top-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
}*/

tr.menuon { background-color: #F3E0A3; } /* Wheat *//*  color: F5DEB3  #FFFFFF; <- Change Text Color too */
tr.menuoff { background-color: #FFFFFF; } /*  color:#000000;  <- Change Text Color Back too */
/* ************************************************************************************ 
 class="menuoff" onmouseover="className='menuon';" onmouseout="className='menuoff';" 
************************************************************************************ */
/*{font-weight: bold;font-size:small;text-align:center;}*/
.pnk_lnk { border: #FFAAAA 6px outset;background:#FFEEEE;border-spacing:12px;}
.rate-table
{
    width: 512px;
    border: 3px #F00 solid;
    border-collapse: collapse;
    padding:3px;
    background: #FFF;
    text-align: center;
}
.rate-table tr td{border: 1px #F00 solid;}

.c{text-align: center;}
.r{text-align: right;}/*padding : 8px 5px 8px;*/
.l { text-align: left;} /*padding  : 8px 5px 8px;*/

.red{color:#F00;}
.hvid{color:#FFF;}
.blaa{color:#00F;}
.gray{color:#A9A9A9;}
.noir{color:#000;}

.under{text-decoration:underline; }

.b_hvid{background-color:#FFF;}
.b_yellow{background-color:#FF0;}
.b_red{background-color:#F00;}
.b_blue{background-color:#00F;}
.b_orange{background-color:#FFA500;}
.b_l_blue{background-color:#ADD8A6;}
.b_gray{background-color:#A9A9A9;}

.w_120{width:160px;}
.w_110{width:150px;}

.w_160{width:160px;}
.w_150{width:150px;}

.w_210{width:240px;}
.w_200{width:230px;}

.w_220{width:240px;}
.w_210{width:230px;}

.w_240{width:240px;}
.w_230{width:230px;}

.w_260{width:260px;}
.w_250{width:250px;}

.w_280{width:280px;}
.w_270{width:270px;}

.w_310{width:310px;}
.w_320{width:320px;}

.w_340{width:340px;}
.w_330{width:330px;}

.w_360{width:360px;}
.w_350{width:350px;}

.w_412{width:412px;}
.w_402{width:402px;}

.w_468{width:468px;}
.w_458{width:458px;}

.w_475{width:475px;}
.w_465{width:465px;}

.w_512{width:512px;}
.w_502{width:502px;}

.w_640{width:640px;}
.w_630{width:630px;}

.w_660{width:660px;}
.w_650{width:650px;}

.w_768{width:768px;}
.w_758{width:758px;}

.w_800{width:800px;}
.w_790{width:790px;}
.w_780{width:780px;}
.bord_3{border:3px #FFF solid;}

.picture_frame{border: 25px inset sienna }
.b{font-weight:bold;}
.td-fancy{font-size: 10px;font-family: arial,helvetica;color: #fffedb;padding: 8px;background-color:#DDDDDD; border: groove 10px #906c16;}/*#444444;*/
.table-fancy{text-align: center;border: inset 16px  #a17c25;}   /*#9ca0a3;    /* #9ea1a6 */
.bcollapse{border-collapse:collapse;text-align:center;}
.str{color: gray; text-decoration: line-through;} /* Strike Through */
 p.amenities, p.bedrooms{padding:10px;}
 
 p.tiny, p.sm, p.m, p.lg, p.xl {margin-top:1px;margin-bottom:3px; }
 
/*.PopBox{background:url("http://www.sunnyvillaholidays.com/gradient_1.gif","background-image:url(http://www.sunnyvillaholidays.com/gradient_1.gif" width="20" height="12"Small{border:none 0px white;cursor: url(http://www.sunnyvillaholidays.com/magplus.cur), pointer;}*/
.PopBoxImageLarge{border: none 0px white;}

.hidden{display:none;}
.special{background-color:yellow;color:red;}
.med {font-size : medium;}
.lar { font-size : large;}
.sma { font-size : small;}
.xlar { font-size : x-large;}
.xxlar { font-size : xx-large;}
.tiny { font-size  : xx-small;}

.xs { font-size : x-small;}
.sm { font-size : small;}
.m {font-size : medium;}
.lg { font-size : large;}
.xl{ font-size : x-large;}
.xxl { font-size : xx-large;}
.xxs { font-size  : xx-small;}

.s_box{border:red 1px solid;}

.shadetabs{
padding: 3px 0px;
margin-left: 4px;/* 5px */
margin-top: 1px;
margin-bottom: 0px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #F00;
color: #2d2b2b;
background: #FFF url(http://www.sunnyvillaholidays.com/shadeactive.png) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px; /*0px;*/
}

.shadetabs li a.selected{ /*selected main tab style */
background: #FFF url(http://www.sunnyvillaholidays.com/shadeactive.png) top left repeat-x;
border-bottom-color:  #F5E4B2; /* white; */
 /* border-bottom-style: hidden; */
outline:none;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.hidecontent{
display:none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#horizontal ul
{
margin: 0px;
padding: 0px;
list-style-type: disc;
text-align: left;
}

#horizontal ul li { display: inline; }

a.ovalbutton{
background: transparent url('bahamas/pictures/bimini_bay_resort/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('bahamas/pictures/bimini_bay_resort/oval-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

#image-switch ul {
margin:0 0 0 20px;
color:red;
list-style-type:none;
}
#image-switch li {
padding:10px;
}
#image-switch #one, #image-switch #two, #image-switch #three, #image-switch #four, #image-switch #five{
display:none;
}
#radiobs {
width:150px;
position:relative;
margin:0;
}
#radiobs input {
margin:0;
padding:0;
position:absolute;
margin-left:6em;
width:15px;
}
.top_bar{
text-align:left;
background: url(http://www.sunnyvillaholidays.com/gradient_1.gif) bottom left repeat-x;
width:795px;
color:#F00;
font-size:medium;
text-indent:2px;
width:100%;

border-bottom-width:1px;
border-bottom-color:#F00;
border-bottom-style:solid;
border-right-style:hidden;
border-left-style:hidden;
border-top-style:hidden;
/*clear:right;*/
}
.button {
    padding: 5px 10px;
    display: inline;
    background: #777 url(http://www.sunnyvillaholidays.com/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    /*cursor: pointer;*/
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    }
.button:hover {
    background-position: 0 -48px;
    }
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
.button.redb { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.yellow { background-color: #ff0; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }

div.speechbubbles{
background-color:#EDEDED; /*background color of tooltip*/
border:1px solid black;
position:absolute;
top:0;
z-index:100;
visibility:hidden;
line-height:1.3em;
padding:8px;
width:200px; /*default width of tooltip*/
border-radius:8px; /*CSS3 border radius*/
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 10px #888888; /*CSS3 shadow*/
-moz-box-shadow:0 0 10px #888888;
-webkit-box-shadow:0 0 10px #888888;
}
.opaque {
opacity:0.3;
filter:alpha(opacity=30);
}


div.speechbubbles div.speechbubbles-arrow{  /*shared CSS for arrow DIV (upwards pointing)*/
border-color: transparent transparent #EDEDED transparent; /*border color should be same as div.speechbubbles background color*/
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-19px;
left:20px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}

div.speechbubbles div.speechbubbles-arrow-border{ /*shared CSS for arrow border DIV*/
border-color: transparent transparent black transparent; /*border color should be same as div.speechbubbles border color*/
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-20px;
left:20px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}


div.downversion div.speechbubbles-arrow{ /*down arrow DIV specific CSS*/
border-color: #EDEDED transparent transparent transparent; /*border color should be same as div.speechbubbles background color*/
top:auto;
bottom:-19px;
}


div.downversion div.speechbubbles-arrow-border{ /*down arrow border DIV specific CSS*/
border-color: black transparent transparent transparent; /*border color should be same as div.speechbubbles border color*/
top:auto;
bottom:-20px;
}


