@charset "utf-8";
/* 
    Document   : Home.css
    $LastChangedRevision: 274 $
	$LastChangedBy: JamieHarrop $
	$LastChangedDate: 2011-12-19 10:47:29 +0000 (Mon, 19 Dec 2011) $
    Description:
        Home Page Specific 
*/

#leftsect { width:619px; clear:both; float:left; margin-left:20px }
#slideshowhold { position:relative; height:286px; width:619px }
  #featterms { display:block; height:16px; width:110px; position:absolute; bottom:54px; left:30px }
#maincopy { width:579px; height:200px; padding:20px; border-right:1px solid #c8d2c3; background:url(../images/maincopy_bg.jpg) top left no-repeat }
  #maincopy p { line-height:1.5 }
#offers { background:#d2bfce url(../images/offerunder.jpg) bottom right no-repeat; height:330px; width:600px; padding-left:20px }
#offers h3{ padding:15px 0 10px 25px; font-size:1.6em; background:url(../images/star_offer.gif) left 17px no-repeat; margin:0 0 0 8px }
#offers h4{ font-size:1.4em; font-weight:100; color:#4a003a; padding:8px 0 5px 0 }
#offers strong { padding:0 12px 0 0; display:block; font-size:24px; font-weight:500; font-family:Georgia, "Times New Roman", Times, serif }
#offersa, #offersb {font-size:14px; color:#4a003a; font-weight:bold; font-family:Georgia, 'Times New Roman', Times, serif ;}
#offersa{margin-top:10px;}
  .offerArrow{ /*background:url(../images/arrow_offer.gif) right 20px no-repeat;*/ float:left; display:block }
  #offers li { float:left; display:block; height:140px; width:177px; padding-top:96px; position:relative }
  #offer1 { background:url(../images/offer1.jpg) top center no-repeat; padding:0 0 0 8px; margin:0 11px 0 0 }
  #offer2 { background:url(../images/offer2.jpg) top center no-repeat; padding:0 0 0 8px; margin:0 11px 0 0 }
  #offer3 { background:url(../images/offer3.jpg) top center no-repeat; padding:0 0 0 8px; margin:0 11px 0 0 }
  #offer4 { background: url(../images/offer4.jpg) no-repeat scroll center top transparent; margin: 0 11px 0 0; padding: 0 0 0 8px; }
  #offer5 { background: url(../images/offer5.jpg) no-repeat scroll center top transparent; margin: 0 11px 0 0; padding: 0 0 0 8px; }
  #offer6 { background: url(../images/offer6.jpg) no-repeat scroll center top transparent; margin: 0 11px 0 0; padding: 0 0 0 8px; }
  #offers .thickbox { position:absolute; display:block; top:230px; left:10px }
#search { width:341px; float:right; background:url(../images/searchright_bg.jpg) 319px 0px no-repeat }
  #quicksearch { background:#845279; height:286px; position:relative; width:289px; padding-left:30px; color:#fff }
    #quicksearch h3 { font-size:1.9em; padding:10px 0 6px 0 }
	#quicksearch a { color:#fff; font-size:11px }
	#quicksearch p { font-size:12px; margin-bottom:4px }
    #quicksearch label { display:block; width:120px; font-size:12px; float:left; clear:left; padding:4px 0 0 0 }
    #cmbCountry,#cmbArea,#cmbSleeps { width:130px; font-size:12px; padding:2px }
	#imgBtnSearch { margin:0 0 4px 147px }
  #avsearch,#avmapsearch,#prefsearch { position:relative }
  #avsearch { height:106px }
	#avsearch a { display:block; padding:10px 0px 0px 6px; font-size:13px; line-height:20px; color:#000; text-decoration:underline!important }
  #refsearch { padding-top:6px }
  #prefsearch { height:106px; border-bottom:8px solid #fff }
#proprefsearch{ margin:0 0 15px 0 }
    #prefsearch p { font-size:12px; padding:10px 0px 0px 6px }
	#propref { float:left; font-size:12px; margin:2px 6px 0 120px; padding:2px; width:62px }
  #avmapsearch { height:100px; float:left; background:url(../images/mapsearch_bg.gif) 220px top no-repeat }
  #avmapsearch,#regional,#townsearch  { padding-left:30px; width:289px }
  #avmapsearch h3 { padding:25px 0 0 0; font-size:1.3em; font-weight:500 }
  #reductions { width: 283px; padding: 0 19px 0 17px; background:url(../images/searchunder_bg.jpg) top right no-repeat; height:90px }
  	#left-reductions { width: 138px; float: left; margin: 0 0 0 0; text-align: center; }
	#right-reductions { width: 142px; float: right; margin: 0 0 0 0; text-align: center; }
    	#reductions h3 { color:#4a003a;  line-height: 18px; padding-top: 12px; font-weight: bold; }
    	#reductions h3 #extrabig{ color:#4a003a;  line-height: 20px; padding-top: 12px; font-weight: bold; font-size:24px; }
		#reductions a { color: #4A003A; text-decoration: underline; }
		#reductions a:hover { text-decoration: none; }
    #reductions p{ margin-bottom:0px;}
    #reductions p img { padding-left:7px }
    .rsidetac{ font-size:10px;}
  #townsearch { height:70px }
    #townsearchmyhat { margin-left:6px }
#regional { clear:left }
#regional ol { padding:0 0 10px 10px }  
#regional li { padding: 5px 0 5px 0; color:#777; font-size:0.85em }
#regional li a { color:#570245; font-size:1.1em }
#regional li:before { content: "\203A \00A0" }
.fixplace { position:absolute; bottom:6px; right:6px; }
#promotrio { height:172px; padding-bottom:63px; padding-left:30px; padding-top: 20px; background:url(../images/promotrio_bg.gif) repeat-x; color:#fff }
  #promotrio li { display:inline-block; float:left; margin-right:24px; height:82px; padding:98px 20px 0 26px; width:244px; position:relative }
    #trio1 { background:url(../images/promotrio1.png) 0px 0px no-repeat }
	#trio2 { background:url(../images/promotrio2.png) 0px 0px no-repeat }
    #trio3 { background:url(../images/promotrio3.png) 0px 0px no-repeat }
	#promotrio li a { color:#fff }
#indent { color:#570245 }
.offertext{margin:0;}

/*#-SlideShow--*/

#slideshowroundel {height: 155px; position: absolute; right: 20px; top: 10px; width: 152px; z-index: 1000 !important;}

ul#slideshow img { border:0 }	
ul#slideshow { background-color:#333; display:block; height:286px; width:619px }	
ul#slideshow li { display:block; position:relative; height:286px; width:619px }
#slideshowhold h3 a { bottom:13px; color:#fff; font-size: 15px; font-weight:700; left:20px; position:absolute; z-index:999; text-decoration: none; }
ul#slideshow li.dsnone { display:none }

#roundeltcs { bottom: 10px; color: #FFFFFF; position: absolute; right: 20px; z-index: 1000;}

.roundelab { position: absolute; top: 15px; left: 15px; }
.termscond { position: absolute; top: 160px; left: 65px; color: #4A003A; font-size: 9px; }

#ferry-insurance h3 { color: #4A003A; font-family: font-family:Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; font-weight: bold; font-size: 20px; }
#ferry-travel { background: url(../images/ferry-insurance-bg.jpg) top left no-repeat; width: 275px; float: left; padding: 3px 10px; }
#travel-insurance { background: url(../images/ferry-insurance-bg.jpg) top left no-repeat; width: 275px; float: right; padding: 3px 10px; }