/*colours

brown #664D2D
d green #2D6630
l green #409145
d blue #77004C
l blue #406991
v l blue #6687A7
l grey #F5F5F5

*/


body{margin:0 auto 0 auto;font-family: Verdana, Arial, Helvetica, sans-serif; background:#333; color:#77004C; cursor:hand;}
a {color:#77004C; text-decoration:none;}
a:hover {color:#000}
img {border:0px;}
p {margin-bottom:17px; line-height:15px;}
h1,h2,h3,h4{font-weight:normal; margin:20px 0 20px 0; padding:0px; color:#77004C;}
h1 {font-size:33px;}
h2 {font-size: 17px;}
h3 {font-size:13px; font-weight:bold;}
h4 {font-size:11px; font-weight:bold;}
.propBoxDetails h3 {margin:0;}


/*GENERIC*/
.floatL {float:left;}
.floatR {float:right;}
.clear {clear:both;}
.txtOff {text-indent:-999px}

/*FONTS*/
p{font-size:11px; color:#77004C;}
.subtext{font:9px;}
.subText a {color:#*****;}
.subText a:hover {color:#*****;}
#footerWrapper {color:#77004C;}
#footerRightInner {text-align:right;}
#copyright p{font-size:10px; color:#fff;}
#copyright a{color:#fff;}
#copyright a:hover {color:#ccc;}
#rightCol h1 {color:#2D6630; padding-top:20px;}
#leftCol h1{color:#77004C; margin-top:0px;}
#rightCol h2{color:#fff; margin-top:0px;}
#rightCol {color:#fff}
#infoBox04 h2{margin-top:10px;color:#2D6630;}
#infoBox04 p{margin-top:22px;color:#2D6630;}
#infoBox05 h2{margin-top:10px;color:#2D6630;}
#infoBox05 p{margin-top:22px;color:#2D6630;}
#infoBox06 h2{margin-top:10px;color:#2D6630;}
#infoBox06 p{margin-top:22px;color:#2D6630;}
#infoBox02 p{margin-top:22px;color:#664D2D;}

.propRef h3{ margin-top:0px;}


/*BG COLORS*/
#mainWrapper {background:#fff}
#contentWrapper{background:#F5F5F5}
#footerWrapper {background:#77004C;}

/*DIMENSIONS*/
#mainWrapper {width:1024px;}
#contentWrapper{width:992px;}
#contentWrapper{padding-bottom:17px;}
#contentWrapper{margin:17px 17px 0px 17px;}
#mainWrapperMargins{}
#mainWrapper {}
#header {width:1024px;}
#header {height:145px;}
#contentWrapper {}
#leftCol {width:496px; float:left}
#leftColInner {margin:17px;}
#leftColLeft {float:left}
#leftColRight {float:right}
#rightCol {width:496px; float:right}
#rightColInner {margin:17px;}
#rightColLeft {float:left}
#rightColRight {float:right}
#footerLeft {}
#footerRight {}
#navBar{width:1024px;}
#navBar{height:48px;}
#menuDesc{width:512px; float:left;}
#menuDesc{height:48px;}
#footerWrapper {width:1024px;}
#copyright {padding:8px 0px 8px 17px;}

/*SUB PAFES*/
.propBoxWrapper{width:685px; background:#F5F5F5; padding:17px; margin-top:17px;}
.propBoxLeft{ float:left}
.propBoxRight{ float:right} /*image*/
.propBoxRef{width:510px; height:43px; background:#fff}
.propBoxDetails{width:493px; padding:17px 0 0 17px;}
.propRef{ float:left;margin:12px 0 12px 17px;}

.propBoxDetailsWrapper{margin:0 0 0 0;}
.propBoxDetails02{float:left; width:521px; padding:17px 17px 0 0;}
.propBoxRef02{height:43px; background:#fff; margin:0 0 17px 0;}
.propBoxPrices{float:right; width:147px; padding:17px 0 0 0;}

/*RIGHT COL INFO BOXES*/
#infoBox01{width:464px}
#infoBox01{height:239px}
#infoBox02{width:464px}
#infoBox02{height:145px}
#infoBox03{width:464px}
#infoBox03{height:145px}
#infoBox04{width:464px}
#infoBox04{height:193px}
#infoBox05{width:464px}
#infoBox05{height:193px}
#infoBox06{width:464px}
#infoBox06{height:193px}
#infoBox01 { background:url('/img/info-box-1.jpg') no-repeat;}
#infoBox02 { background:url('/img/info-box-2.jpg') no-repeat;}
#infoBox03 { background:url('/img/info-box-3.jpg') no-repeat;}
#infoBox04{ background:url('/img/info-box-4.jpg') no-repeat;}
#infoBox05{ background:url('/img/info-box-4.jpg') no-repeat;}
#infoBox06{ background:url('/img/info-box-4.jpg') no-repeat;}
.infoBoxInner{padding:17px;}


/*OTHERS*/
#header { background:url('/img/header-purple.gif') no-repeat;}


/*LISTS*/
#infoBox01 ul {margin:118px 0px 0px 0px; padding:0px;}
#infoBox01 ul li {list-style-type: none; margin:0px; display:block}
#infoBox01 ul li a, #infoBox01 ul li a:hover {padding:14px 0px 14px 17px; display:block; color:#fff;}
#infoBox01 ul li a:hover {background:url('/img/li-bullet-03.gif') #77004C 92% 50% no-repeat;}

#infoBox02 ul {margin:0px 0px 0px 0px; padding:0px;}
#infoBox02 ul li {list-style-type: none; margin:0px; display:block}
#infoBox02 ul li a{display:block; color:#fff;}
#infoBox02 ul li a:hover {background:url('/img/li-bullet-03.gif') 58% 50% no-repeat;}



#infoBox03 ul {margin:4px 0px 0px 0px; padding:0px;}
#infoBox03 ul li {list-style-type: none; margin:0px; display:block}
#infoBox03 ul li a, #infoBox01 ul li a:hover {padding:14px 0px 14px 17px; display:block; color:#fff;}
#infoBox03 ul li a:hover {background:url('/img/li-bullet-03.gif') #409145 86% 50% no-repeat;}

#infoBox04 ul {margin:39px 0px 0px 0px; padding:0px;}
#infoBox04 ul li {list-style-type: none; margin:0px; display:block}
#infoBox04 ul li a{display:block; color:#fff;}
#infoBox04 ul li a:hover {background:url('/img/li-bullet-03.gif') 99% 50% no-repeat;}

#infoBox05 ul {margin:39px 0px 0px 0px; padding:0px;}
#infoBox05 ul li {list-style-type: none; margin:0px; display:block}
#infoBox05 ul li a{display:block; color:#fff;}
#infoBox05 ul li a:hover {background:url('/img/li-bullet-03.gif') 99% 50% no-repeat;}

#infoBox06 ul {margin:39px 0px 0px 0px; padding:0px;}
#infoBox06 ul li {list-style-type: none; margin:0px; display:block}
#infoBox06 ul li a{display:block; color:#fff;}
#infoBox06 ul li a:hover {background:url('/img/li-bullet-03.gif') 99% 50% no-repeat;}

#header ul {margin:37px 0px 0 0; padding:0px; line-height:36px; font-size:11px; font-weight:bold;}
#header ul li {list-style-type: none; margin:0px; display:block}
#header ul li a, #header ul li a:hover {padding:0 35px 0 44px; display:block}
#header ul li a:hover {background:url('/img/li-bullet-01.gif') 88% 50% no-repeat;}

ul.basicList {margin:10px 0 0 0; padding:0px; font-size:11px; line-height:17px;}
ul.basicList li {list-style-type: none; margin:0px;}
ul.basicList li a {padding:0px;}

ul.basicList02 {margin:20px 0 0 0; padding:0px; font-size:11px; line-height:17px; font-weight:normal; display:inline;}
ul.basicList02 li {list-style-type: none; margin:0px; display:inline;}
ul.basicList02 li a {padding:0px; display:inline;}

ul.bulletList01 {padding:0 0 0 0; margin:17px 0 0 0; font-size:11px; line-height:17px;}
ul.bulletList01 li {list-style-type: none; margin:0px; background: url(/img/li-bullet-04.gif) no-repeat top left; padding:0 0 0 10px;}
ul.bulletList01 li a {padding:0 0 0 0;}

.pageNav{margin:17px 0 0 0;}
.pageNav ul {margin:0px; padding:0px; font-size:11px; font-weight:bold; display:inline}
.pageNav ul li {margin:17px 0 0 0; list-style-type: none; margin:0px; display:block; display:inline}
.pageNav ul li a:hover{color:#333;}
li.on{ font-weight:bold; font-size:16px;}
span.current{ font-weight:bold; font-size:16px;}

/*CSS BUTTONS*/
.buttonWrapper{width:157px;}
.buttonWrapper{height:43px;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {font-family:arial, sans;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {font-size:12px;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {color:#fff;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {font-weight:bold;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {background:#77004C;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {padding:14px 0px 14px 0px;}
.button a:link, .button a:hover, .button a:active, .button a:visited {padding:14px 43px 14px 43px;}
.button a:hover {color:#fff; background:#333;}

/*.buttonWrapper{width:133px;}
.buttonWrapper{height:43px;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {font-family:arial, sans;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {font-size:12px;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {color:#000;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {font-weight:bold;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {background:#000;}
.button, .button a:link, .button a:hover, .button a:active, .button a:visited {padding:14px 0px 14px 0px;}
.button a:link, .button a:hover, .button a:active, .button a:visited {padding:14px 30px 14px 30px; border-bottom:1px solid #000}
.button a:hover {color:#fff; background:#333; border:1px solid #333;}*/


/*FORMS*/
#formWrapper {}
form table {width:98%}
.formTdLeft {width:156px}
.formTdRight {height:40px}
.formTdBlank {height:10px;}
form, #success {font-family:arial, sans-serif; font-size:11px; color:#77004C;}
#error {font-family:arial, sans-serif; font-size:11px; color:#A60707;} 
#error, #success {margin-bottom:20px;}	
#error ul, #success ul {margin:0; padding:17px 0 0 0;}
#error ul li, #success ul li{list-style-type: none; margin:0px; padding:0 0 0 20px;}
#error ul li{background: url("/img/contact-form/error-li.gif") no-repeat bottom left;} 
#success ul li{background: url("/img/contact-form/success-li.gif") no-repeat bottom left;}
input, textarea {border: 1px solid #000;}
input {width:98%}
textarea {width:98%}
input.button, input.button a:link, input.button a:active, input.button a:visited
{border:0px; width:100px; text-align:left; margin-right:10px; background:#77004C; padding:10px 0px 10px 25px;}


/*RULES*/
.rule01 {border-top: 3px solid #77004C; margin:17px 0 0px 0}
.rule02 {border-top: 1px solid #101922; margin:20px 0 20px 0}
.rule03 {border-top: 1px solid #000000; margin:20px 0 20px 0}
.rule04 {border-top: 1px dashed #6E8899; margin:20px 0 20px 0}
.rule05 {border-top: 1px solid #A8B8C2; margin:20px 0 0 0}
.rule05mid {border-top: 1px solid #A8B8C2; margin:1px 0 1px 0}
.rule05base{border-top: 1px solid #A8B8C2; margin:0px 0 20px 0}


 /*TABLE*/
table {font-family:Arial, Helvetica, sans-serif; width:100%; text-align:left;}
td.a { padding-left:10px; background:#aaa; color:#fff; font-weight:bold; height:27px; font-size:13px}
td.aOdd {background:#ccc; color:#77004C;}
td.aEve {background:#ddd; color:#77004C}
td.aOdd, td.aEve {font-size:11px;}
th.a, td.aOdd, td.aEve {padding:7px 7px 7px 10px; border-right:1px solid #bbb;}
td.tdR {width:72%;border-right:0px;}

/** override for calendar **/
table#calendar_control { width: 150px; }

/*CALENDAR HEEADERS*/

th.aOut {background:#1891A0; color:#fff; font-weight:bold; height:27px; font-size:13px; padding:0 0 0 10px;}
th.aLow {background:#6DBB21; color:#fff; font-weight:bold; height:27px; font-size:13px; padding:0 0 0 10px;}
th.aMid {background:#D0E01E; color:#fff; font-weight:bold; height:27px; font-size:13px; padding:0 0 0 10px;}
th.aHigh {background:#F87B15; color:#fff; font-weight:bold; height:27px; font-size:13px; padding:0 0 0 10px;}
th.aPeak {background:#DB1208; color:#fff; font-weight:bold; height:27px; font-size:13px; padding:0 0 0 10px;}

/*PROPERTY ADDITIONAL THUMBS*/
.propertyThumbs{width:685px; clear:both}
.propertyThumbsRepeat{float:left; margin:0 17px 17px 0;}
.propertyThumbsRepeatRowEnd{float:left; margin:0 0 17px 2px;}


/*BOOKING FORM*/

#bookingFormOuter{ background:#D9C1D2; padding:15px 15px 15px; margin:35px 0 0 0;}
#bookingFormInner{ background:#fff; padding:15px 15px 15px;}
#bookingFormInner h2{ margin:0; padding:0; color:#77004C;}
#bookingFormInner p{ margin:5px 0 5px 0; padding:0}
.requiredField { display: none; }

#formSearch {border:3px solid #923370; padding:10px; margin-top:20px; overflow:hidden}
#formSearch FORM SELECT {width:100%; border:1px solid #923370; color:#923370}
#formSearch FORM INPUT {width:99%; border:1px solid #923370; color:#923370}
#formSearch FORM DIV.submit INPUT {width:50%; border:1px solid #923370; margin-top:10px; background:#923370; color:#FFF; font-weight:bold; float:right}
#formHighlight {font-style:italic; color:#F3009E; font-size:9px;}