*{margin : 0px; padding : 0px;}
body{font-family : Arial, Verdana, Helvetica, MS Sans Serif, Sans Serif; text-align : center; padding-top : 20px;}
#site{margin-right : auto; position : relative; margin-left : auto; width : 780px; text-align : left; padding-bottom : 20px;}
#container{float : left; width : 780px; height : auto; background : url(../pics/banner.jpg) no-repeat;}
#topnav{float : left; width : 100%; margin-left : 10px; margin-top : 4px;}
#topnav img{float : left; margin-right : 1px;}
#main{float : left; padding-bottom : 20px; margin-top : 191px; background : url(../pics/site_bg.gif) repeat-y; border-bottom : #677527 solid 1px;}
#content{float : right; margin-left : 15px; width : 522px; height : auto;}
#left{float : left;  display : inline; margin : 0 0 0 0; margin-bottom : 10px; width : 243px; height : auto;}
#left img{float : left; display : inline; margin : 0 0 0 0;}

#footer{float : left; width : 100%; clear : left;}
#footer img{float : right; margin-left : 1px;}
#footer div{float : left; width : 390px;}
#footer p{float : left; display : inline; margin : 0px; margin-top : 0px; color : #258813;}
h1{display : block; margin-bottom : 2px; text-indent : 10px; width : 513px; color : #FFFFFF; font-size : 100%; font-weight : normal; height : 25px; line-height : 25px; background : url(../pics/h1bg.gif) no-repeat;}
h2{margin-top :5px; margin-left  :10px; margin-right :10px; color : #677527; line-height : 18px; margin-bottom : 10px; font-size : 70%;}
p{margin-left  :10px; margin-right :10px;  color : #677527; line-height : 18px; margin-bottom : 10px; font-size : 70%;}
#print_header{display : none;}
ul,ol{display :block;  clear :left; margin :0px; color : #677527; margin-left :35px; margin-bottom : 5px;  font-size: 70%; font-weight: normal; }

#extranet_options{float : left; margin-top : 20px; width : 500px;}
#extranet_options img{float : left; display : inline; margin-left : 40px; margin-bottom : 10px;}
a{font-weight: normal; text-decoration: underline; color : #677527;}
a:active{font-weight : normal; text-decoration : underline; color : #677527;  }
a:hover{font-weight : normal; text-decoration : underline; color : #677527; }

 #left a{float :left; }
a.newleft1{background : url(../pics/newleft1_off.gif) no-repeat; height : 24px; line-height : 15px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}
a.newleft1:hover{background : url(../pics/newleft1_on.gif) no-repeat; height : 24px; line-height : 15px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}

a.newleft2{background : url(../pics/newleft2_off.gif) no-repeat; height : 26px; line-height : 15px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}
a.newleft2:hover{background : url(../pics/newleft2_on.gif) no-repeat; height : 26px; line-height : 15px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}

a.newleft3{background : url(../pics/newleft3_off.gif) no-repeat; height : 26px; line-height : 15px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}
a.newleft3:hover{background : url(../pics/newleft3_on.gif) no-repeat; height : 26px; line-height : 15px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}

a.newleft4{background : url(../pics/newleft4_off.gif) no-repeat; height : 26px; line-height : 14px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}
a.newleft4:hover{background : url(../pics/newleft4_on.gif) no-repeat; height : 26px; line-height : 14px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}

a.newleft5{background : url(../pics/newleft5_off.gif) no-repeat; height : 27px; line-height : 15px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}
a.newleft5:hover{background : url(../pics/newleft5_on.gif) no-repeat; height : 27px; line-height : 15px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}

a.newleft6{background : url(../pics/newleft6_off.gif) no-repeat; height : 26px; line-height : 14px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}
a.newleft6:hover{background : url(../pics/newleft6_on.gif) no-repeat; height : 26px; line-height : 14px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}

a.newleft7{background : url(../pics/newleft7_off.gif) no-repeat; height : 24px; line-height : 14px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}
a.newleft7:hover{background : url(../pics/newleft7_on.gif) no-repeat; height : 24px; line-height : 14px; width : 243px; text-indent : 60px; color : #1C8D46; font-size : 11px; text-decoration : none; display : block;}

#avail{width : 522px; padding-top : 25px; height : 65px; background : url(../pics/availform_bg.gif) no-repeat;}

div.attract{float : left; clear : left;  display : inline; width : 233px; padding-bottom : 10px; margin-left : 5px;}
div.attract_top{float : left; width : 233px; height : 16px; background : url(../pics/attract_top.gif) no-repeat;}
div.attract_top2{float : left; width : 233px; height : 19px; background : url(../pics/attract_top2.gif) no-repeat;}
div.attract_top3{float : left; width : 233px; height : 19px; background : url(../pics/attract_top3.gif) no-repeat;}
div.attract_expand{float : left; width : 233px; height : auto; background : url(../pics/attract_slice.gif) repeat-y;}
div.attract_expand div{float : left; display : inline; margin-top :10px;  margin-left : 10px;}
div.attract_base{float : left; width : 233px; height : 7px; background : url(../pics/attract_base.gif) no-repeat;}
div.attract_expand a{float : left; text-indent : 10px; display : block; font-size : 10px; margin-bottom : 5px; color : #409731; width : 212px; height : 12px; line-height : 12px; background : url(../pics/attractlink_bg.gif) no-repeat; text-decoration : none;}
div.attract_expand a:hover{float : left; text-indent : 10px; display : block; font-size : 10px; margin-bottom : 5px; color : #409731; width : 212px; height : 12px; line-height : 12px; background : url(../pics/attractlink_bg.gif) no-repeat; text-decoration : none;}

#checker{float : left; margin-left : 8px; display : inline; width : 265px;}
#extranet{float : left; margin-left : 35px; display : inline; width : 200px;}
#avail input{float : left; color : #1C8D46; font-size : 10px;}
#avail select{float : left; margin-top : 5px; color : #1C8D46; font-size : 10px;}
.selecta{float : left; margin-top : 5px; color : #1C8D46; font-size : 10px;}
#avail img{float : left; display : inline; margin-left : 5px; margin-right : 10px;}
input.gobtn1{margin-left : 2px; margin-top : 5px;}
input.gobtn2{margin-left : 5px; margin-top : 5px;}
a.forgotten{float : left; margin-left : 45px; margin-top : 5px; display : inline; color : #27924C; font-size : 12px; text-decoration : none;}
a.forgotten:hover{float : left;  margin-left : 45px; margin-top : 5px; display : inline; color : #27924C; font-size : 12px; text-decoration : underline;}
#homepage_cta{float : left; width : 255px; height : auto; margin-bottom : 10px; }
#homepage_cta img{margin-bottom : 3px;}
#brochure_request{float : left; display : inline; width : 255px; height : 112px; margin-left : 5px; background : url(../pics/brochure_bg.gif) no-repeat;}
#download_col1{float : left; margin-left : 8px; margin-top : 20px; display : inline; width : 105px; height : 100px;}
#download_col2{float : left; margin-left : 8px; margin-top : 20px; display : inline; width : 105px; height : 100px;}
#download_col1 input, #download_col1 textarea{float : left; font-size : 60%; clear : left; width : 100px; margin-bottom : 2px; color : #1C8D46; height : 12px;}
#download_col2 textarea{float : left; font-size : 70%; height : 35px; margin-bottom : 10px; clear : left; width : 120px; color : #1C8D46;}
#download_col1 label, #download_col2 label{float : left; text-transform : capitalize;  width : 100px; color : #1C8D46; line-height : 10px; font-size : 10px;}
div.image_selector{float : right; margin : 8px; width : 218px; height : 201px; background : url(../pics/selector_bg.gif) no-repeat;}
div.thumbnail{border : #AFC500 solid 1px; width : 42px; height : 37px; float : left; display : inline; margin-right : 3px;}
img.fullpic{float : left; display : inline; margin-top : 8px; margin-bottom : 20px; margin-left : 18px; border : #AFC500 solid 1px;}
#thumbpos{float : left; display : inline; margin-left : 17px;}
img.pagepic{float : right; margin : 10px; margin-left : 18px; border : #AFC500 solid 1px;}
#leftcol{float : left; width : 50%;}
#rightcol{float : right; width : 50%;}
#rightcol textarea{width : 90%;}
#contact_form label{float : left; display : inline; color : #1C8D46; font-size : 70%; width : 90%;}
#leftcol input{float : left;} 
#leftcol img{float : left; clear : left; margin-right : 5px;}


/*contact  form*/
div.contact_form_left{	display : inline;	float:left;	margin : 0px;	margin-left :10px;	width: 229px;}
div.contact_form_right{	display : inline;	float:left;	margin : 0px;	width: 229px;}
input.contact_form{margin : 0px;  padding : 0px; font-size : 10px; width : 186px; height : 15px; margin-bottom : 3px;   border : 1px solid #AFC500; background-color: #D1D9AC;}
select.contact_form{margin : 0px;  padding : 0px; font-size : 10px; width : 188px; height : 19px; margin-bottom : 3px;   border : 1px solid #AFC500; background-color: #D1D9AC;}

div.contact_form_full{display : inline; float:left;	margin : 3px 0 0 0;	margin-left :10px;	width: 468px; color : #717E35;}

textarea.contact_form{margin : 0px; padding : 0px;  font-size :70%; font-family :Arial, Verdana, Helvetica, MS Sans Serif, Sans Serif; width : 186px; height : 55px; margin-bottom : 3px;  border : 1px solid #AFC500; background-color: #D1D9AC;}
textarea.contact_form2{float:left; margin : 0px; margin-left : 10px; padding : 0px;  font-size :70%; font-family :Arial, Verdana, Helvetica, MS Sans Serif, Sans Serif; width : 415px; height : 55px; margin-bottom : 3px;  border : 1px solid #AFC500; background-color: #D1D9AC;}

.map_canvas{float: right; display: inline; margin: 5px 0 5px  0; width: 273px; height: 234px; overflow: hidden; border : 1px solid #27924C;}


.map_canvas_2{float: left; display: inline; margin: 15px 0 5px  3px; width: 508px; height: 363px; overflow: hidden; border : 1px solid #27924C;}




/*Faqs*/
p.faqs{	margin :0px; line-height: 38px; margin-left :10px; font-size : 100%; font-weight : normal; color : #1C8D46;}
div.faq_question{display :inline;	float:left;	margin :0px;	margin-top :5px;	margin-left :10px;	width : 507px;	height : auto;	background-image : url(../pics/faq_slice.gif);	background-repeat : repeat-y;	border-top : 1px solid #AFC500;	border-bottom : 1px solid #AFC500;	border-right : 1px solid #AFC500;}
div.faq_answer{	display :inline;	float:left;	margin :0px;	margin-left :10px;	width : 508px;	height : auto;	background-image : url(../pics/faq_answer-slice.gif);	background-repeat : repeat-y;}
div.faq_question_img{display :inline;	float:left;	margin :0px;	width : 41px;	height :42px ;	background-image : url(../pics/img_q.gif);	background-repeat : no-repeat;}
div.faq_question_arra{display :inline;	float:left;	margin :0px;	width : 43px;	height :40px ;}
div.faq_question_txt{display :inline;	float:left;	margin :0px;	width : 423px;	height :auto ;}
p.faq_answer{margin-left :50px;}

hr{color : #AFC500; height : 1px;}

/*Caravan Layouts*/
div.caravan_layout{	display : inline;	float :left;	margin : 0px;	margin-top : 5px;	margin-left: 10px;	margin-bottom : 10px;	height : 210px;	width : 244px;	background-image : url(../pics/bg_layout.gif);	background-repeat : no-repeat;}
div.caravan_layout_img{	display : inline;	float :left;	margin : 0px;	margin-top : 9px;	margin-left: 9px;	height : 163px;	width : 225px;	border : 1px solid #AFC500;}
div.enlargebg{float : right; margin-top : 5px; margin-left : 15px; width : 198px; height : 183px; background-image : url(../pics/enlargebg.gif);}
img.btn_enlarge{margin-top : 5px; margin-left : 45px;}

table.booking{width : 505px; font-size : 75%; margin-bottom : 10px; border : #D1D9AC solid 1px;}
td.booking_data{width : 350px; color : #1C8D46; padding-left : 10px; border-bottom : #D1D9AC solid 1px;}
td.booking_label{width : 155px; padding-right : 10px; color : #1C8D46; text-align : right; background-color : #D1D9AC; border-bottom : #EBEEDB solid 1px;}

div.extras{margin-left : 15px;}

div.person{float : left; display : inline; width : 450px; margin-top : 10px; margin-left : 15px;}
#contact_form div.person label{float : left; margin-bottom : 3px; text-transform : capitalize;  width : 70px;  color : #677527; line-height : 10px; font-size : 10px;}
div.extras label{float : left; margin-bottom : 3px; text-transform : capitalize;  width : 120px;  color : #677527; line-height : 10px; font-size : 10px;}
input.multi_title{float : left; display : inline; margin-bottom : 3px; width : 50px; background-color : #D1D9AC; border : 1px solid #AFC500; color : #677527;}
input.multi_firstname{float : left; display : inline; margin-bottom : 3px;  width : 200px; background-color : #D1D9AC; border : 1px solid #AFC500; color : #677527;}
input.multi_surname{float : left; display : inline; margin-bottom : 3px;  width : 200px; background-color : #D1D9AC; border : 1px solid #AFC500; color : #677527;}
input.multi_age{float : left; display : inline; margin-bottom : 3px; width : 50px; background-color : #D1D9AC; border : 1px solid #AFC500; color : #677527;}