@charset "utf-8";
/* 
    Document   : global.css
    $LastChangedRevision: 491 $
	$LastChangedBy: JakubProchniak $
	$LastChangedDate: 2011-10-05 11:08:54 +0100 (Wed, 05 Oct 2011) $
    Description:
        Shared Styling for easycottages.com
*/
html{ font-size:16px;color:#000;background:#fff;} /* Set BASE Font Size */

/* Reset Browser Differences (CM: V1.4) */
*,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none;}
q:before,q:after{content:''}
fieldset,img,abbr,acronym{border:none;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;border:none}
legend{color:#000}
/*EORESET*/

/* CSS3 Override Selection Colour */
p::selection {	background: #fff2a8;}
p::-moz-selection {	background: #fff2a8;}

html,body{width:100%;height:100%; background:#ccc;}

body{ font:0.7em Arial, Helvetica, sans-serif; }
p{ font-size:1.2em; }
a, .sendform, input[type=submit]{ cursor:hand; cursor: pointer; }
a { text-decoration: none; }
a:hover; a:focus{ text-decoration:underline; }
a:active{ text-decoration:underline; }
form li{ clear:both; }
form input[type=text],form textarea { margin-bottom:6px; width:200px; border:solid #ccc 1px; }
select{border:solid #ccc 1px;}
form textarea{ width: 350px; }

span.internal
{
	color:#666;
	display:block;
	font: 3em "trebuchet ms", georgia, verdana, arial, sans-serif;
	letter-spacing:-2px;
	margin:9px 0 0;
	padding:0;
}

#wrapper
{
	background-color:#FFF;
	margin:10px auto;
	min-height:600px;
	padding:0;
	position:relative;
	width:1000px;
}

#header
{
	background:url(/media/images/header.jpg) no-repeat;
	font-size:1.2em;
	height:148px;
	margin:0;
	padding:0;
	position:relative;
	width:1000px;
}

#logo
{
	background-image:url(/media/images/logo.jpg);
	height:72px;
	left:40px;
	position:absolute;
	top:20px;
	width:197px;
}

#header-strapline
{
	color:#FFF;
	font-size:2em;
	position:absolute;
	right:150px;
	top:65px;
}


#abta
{
	background:url(/media/images/abta.png) center center no-repeat;
	display:block;
	height:43px;
	position:absolute;
	right:15px;
	top:60px;
	width:111px;
}

.regionleft
{
	background-color:#fff;
	float:left;
	width:650px;
}

.regionright{	float:right; width:340px;}

.mainimage
{
	background-image:url(/media/images/main.jpg);
	background-repeat:no-repeat;
	float:left;
	height:330px;
	left:15px;
	position:relative;
	top: 0px;
	width:644px;
}

.mainimageTwo
{
    background-image:url(/media/images/main2.jpg);
	background-repeat:no-repeat;
	float:left;
	height:330px;
	left:15px;
	position:relative;
	top:0px;
	width:644px;
}

.mainimageThree
{
    background:url(/media/images/main3.jpg) no-repeat;
    float:left;
    height:330px;
    left:15px;
    position:relative;
    top:0px;
    width:644px;
}



.populardestinations
{
	background-image:url(/media/images/greenbg.png);
	color:#FFF;
	height:180px;
	left:25px;
	padding:10px;
	position:absolute;
	top:30px;
	width:230px;
}

.morelink{ color:#069; font-weight:600;text-decoration: underline; }

.populardestinations li{
	list-style-image:url(/media/images/popular_bullet.png);
	list-style-position:inside;
}

.populardestinations li a {color:#fff; }

.populardestinations h1
{
	color:#fff;
	font-size:0.85em;
	font-weight:bolder;
}

#titlespacer{margin:20px 0 0;}

.listtitle
{
	border-bottom:0.03em solid #ccc;
	display:block;
	font-size:22px;
	font-weight:700;
	margin-bottom:10px;
}

.saveroundel
{
    /*display:none;
	float:left;*/
	left:20px;
	position:absolute;
	top:20px;
}

.bookmarkingicons{ display:block; margin:20px;}

.bookmarkingicons img{	margin:0 0 0 6px;}

.shadow
{
	background:transparent url(/media/images/shdwrepeat.gif) repeat-x center;
	border:none;
	clear:both;
	display:block;
	height:20px;
	width:100%;
	padding:10px 0 0;
}

.content-shdw
{
	background:url(/media/images/content-shdw.gif) no-repeat bottom;
	display:block;
	height:9px;
	width:660px;
}

.smallmerchone,.smallermerchtwo
{
	clear:right;
	display:block;
	float:right;
	height:135px;
	margin-bottom:8px;
	margin-right:10px;
	text-align:right;
	text-decoration:none;
	width:313px;
}

.smallmerchone{	background-image:url(/media/images/whyeasy.jpg);}

.smallermerchtwo
{
	background-image:url(/media/images/offer.jpg);
	margin-bottom:0;
}

.merchleft
{
	background-image:url(/media/images/offer_uk_499.png);
	clear:left;
	float:left;
	height:131px;
	margin:0 0 0 8px;
	position:relative;
	text-decoration:none;
	width:318px;
}

.merchtitle
{
	color:#069;
	font-size:13px;
	left:6px;
	position:absolute;
	top:5px;
	width:120px;
}
.merchtitle h4 {font-weight:600; font-size:16px}

.merchlink
{
	background-image:url(/media/images/next.gif);
	background-repeat:no-repeat;
	bottom:5px;
	color:#069;
	left:6px;
	position:absolute;
	text-decoration:underline;
	text-indent:20px;
}

.merchterms
{
	display: block;
	background-repeat:no-repeat;
	position: absolute;
	bottom:5px;
	color:#333;
	text-decoration:underline;
}
.merchterms2
{
	display: block;
	background-repeat:no-repeat;
	position: absolute;
	bottom:5px;
	color:#333;
	left:6px;
	text-decoration:underline;
}

.merchmiddle
{
	background-image:url(/media/images/offer_2011.png);
	float:left;
	height:131px;
	margin:0 0 0 10px;
	position:relative;
	text-decoration:none;
	width:318px;
}

.merchright
{
	background-image:url(/media/images/offer_france_496.png);
	float:right;
	height:131px;
	margin:0 8px 0 0;
	position:relative;
	width:318px;
}

#bottommerchtitle
{
	color:#25273a;
	font-size:18px;
	left:16px;
	position:absolute;
	text-decoration:none;
	top:5px;
	width:200px;
}

.merchh4, .merchh5
{
	background-image:url(/media/images/whyeasy.jpg);
	background-repeat: no-repeat;
	clear:right;
	float: right;
	position: relative;
	height: 130px;
	width: 318px;
	display: block;
}

.merchh5
{
 background-image:url(/media/images/offer_uk_355.png);
	background-repeat: no-repeat;
	margin-top: 20px; 
}

#bottommerchlink
{
    bottom:7px;
    right:6px;
    position:absolute;
    text-decoration:underline;
    text-indent:10px;
    color: #fff;
}

.bottommiddlemerch
{
    clear:right;
    float:left;
    margin:0 0 0 20px;
    position:relative;
    width:310px;
    height: 180px;
    background: url(/media/images/featprop_W42238.png) no-repeat;
}


/* EPICOPY */
#moreoneasybtn{ font-size:1.1em; color:#000; font-weight:600; }
#moreoneasy{ padding:5px 15px 16px 8px; line-height:1.5; background:url(/media/images/srch-bg.jpg) left bottom repeat-x; clear:both;}
#moreoneasy h2{ font-size:1.4em; font-weight:600; margin:8px 0;}
#moreoneasy h3{ font-size:1.2em; font-weight:600; margin:8px 0;}

#bottommerchlink
{
    bottom:7px;
    right:6px;
    position:absolute;
    text-decoration:underline;
    text-indent:10px;
    color: #fff;
}


.eblog,.eregister
{
	border-right:0.03em solid #d8e2ed;
	clear:right;
	float:left;
	margin-left:20px;
	position:relative;
	width:310px;
}


.eviews
{
	background:url(/media/images/yourviews.jpg) no-repeat;
	clear:right;
	float:left;
	margin-left:18px;
	position:relative;	
	min-height: 180px;
	width: 282px;
	padding: 16px;
}


.eblog h4
{
	color:#39F;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bolder;
	margin-bottom:15px;
}

.eblogsubject
{
	clear:both;
	color:#069;
	display:block;
	font-weight:bolder;
	margin-top:15px;
	width:100%;
}

.eblogdate
{
	border-bottom:0.03em solid #d3dde8;
	color:#69C;
	display:block;
	margin:5px 0;
	padding-bottom:5px;
	width:95%;
}

.eregister h4
{
	color:#069;
	display:block;
	float:left;
	font-size:16px;
	font-weight:bolder;
	margin-bottom:15px;
	width:170px;
}

.eregister p
{
	clear:right;
	color:#000;
	font-size:0.75em;
	margin:10px 15px 0 0;
}

.registerset
{
	background-color:#e8edf2;
	margin-top:10px;
	padding:6px 6px 3px;
	width:92%;
}

.registerset input{	width:80%;}

.registerset .sendregister
{
	background:transparent url(/media/images/go.gif) no-repeat center top;
	border:none;
	float:right;
	height:24px;
	left:100px;
	margin:0;
	width:47px;
}

#eregisterwin{	color:#C00;}

.eviews h4
{
	border-right:hidden;
	color:#91b061;
	font-size:16px;
	font-weight:bolder;
	width:250px;
}

.eviewssubject
{
	clear:both;
	color:#939a88;
	display:block;
	font-weight:bolder;
	margin-top:15px;
	width:100%;
}

.eviewsname
{
	border-bottom:0.03em solid #d3dde8;
	color:#90c839;
	display:block;
	margin:5px 0;
	padding-bottom:5px;
	width:95%;
}

#about
{
	display:block;
	padding:25px;
}

#about h1
{
	clear:both;
	color:#666;
	float:left;
	font-size:2em;
	font-weight:bolder;
}

#about p
{
	clear:left;
	display:block;
	float:left;
	margin:10px 0;
	position:relative;
	width:620px;
}

.cottagesintro
{
	background-color:#FFF;
	display:block;
	padding:30px;
}

.cottagesintro h2
{
	color:#666;
	font-size:1.2em;
	font-weight:bolder;
	margin:10px 0;
}

.cottagesintro p
{
	clear:left;
	display:block;
	margin:10px 0 0;
}

#thingstodo
{
	background-color:#f2f8ea;
	clear:left;
	display:block;
	float:left;
	left:20px;
	padding:30px;
	position:relative;
	top:15px;
	width:580px;
}

#thingstodo h2
{
	clear:both;
	color:#666;
	float:left;
	font-size:1.2em;
	font-weight:bolder;
	margin:10px 0;
}

#cottagesintro h3
{
	color:#666;
	font-size:1.2em;
	font-weight:bolder;
}

#footer
{
	clear:both;
	margin-bottom:40px;
	padding:10px 22px 0 22px;
}

.footernav
{
	display:block;
	float:left;
	margin-left:90px;
	width:500px;
}
.footernav li{ display:inline; }

.footernav a
{
	border-right:0.05em solid #999;
	color:#666;
	display:block;
	float:left;
	padding:0 10px;
}

.footernav a.end { border: none; }


#secure
{
	float:right;
}

.morelink
{
	background:url(/media/images/next.gif) no-repeat;
	color:#069;
	display:block;
	margin-top:15px;
	text-indent:20px;
}

.clearall{	clear:both;}

.hide
{
	left:-10000px;
	overflow:hidden;
	display:block;
	position:absolute;
	width:1px;
}

.dnone { display:none;}

.clear
{
	clear:both;
	height:1px;
	width:1px;
}

h1,.cottagesintro h1
{
	color:#666;
	font-size:2em;
	font-weight:bolder;
}

.eblogentry,.eviewsentry
{
	border-bottom:0.03em solid #d3dde8;
	clear:right;
	float:left;
	position:absolute;
	width:100%;
}

#rsslogo,#winlogo
{
	display:block;
	float:right;
	margin-right:10px;
}

.eviews,a.footernavend{	border-right:none;}

.cottagesintro img,.thingstodo img,.thingstodo img
{
	float:right;
	margin:0 0 20px 20px;
}


label.error{ color:red; }
input.error, textarea.error
{
	background-color:#fee;
	border:1px solid red;
}

.field-validation-error{ color:red; }

.input-validation-error
{
	background-color:#fee;
	border:1px solid red;
}

.validation-summary-errors
{
	color:red;
	font-weight:700;
}

.capitalise{ text-transform:capitalize;}


/* Nav Styles */
#sub-nav
{
	color:#fff;
	position:absolute;
	right:16px;
	top:10px;
}

#sub-nav a
{
	color:#fff;
	text-decoration:underline;
}


#nav li a, #nav li a span{ background:url(/media/images/tabbed-navigation-sprite.png) no-repeat top left;}
#nav
{
	left:0;
	list-style:none;
	position:absolute;
	top:113px;
}
#nav li a
{
    background-position: 0 -170px;
	color:#fff;
	float:left;
	font-size:1.2em;
	font-weight:700;
	height:35px;
	line-height:35px;
	margin:0 1px 0 0;
	padding:0 0 0 5px;
	width:auto;
}
#nav li a span
{
	background-position: right -595px; 
	display:block;
	height:35px;
	margin:0;
	min-width:50px;
	padding:0 17px 0 12px;
}
    #nav li a:hover, #nav li.activenav a:hover,
    #nav li a:focus, #nav li.activenav a:focus
    { background-position: 0 0; }
    #nav li a:hover span, #nav li.activenav a:hover span,
    #nav li a:focus span, #nav li.activenav a:focus span
    { background-position: right -340px; }
    #nav li.activenav a{ background-position: 0 -85px; }
    #nav li.activenav a span{ background-position: right -510px; }



/* Breadcrumbs */
#breadcrumb
{
	background:url(/media/images/breadcrumb-bg.jpg) repeat-x;
	font-size:1.2em;
	height:36px;
	color: #999;
}

#breadcrumb ul
{
	margin-left:19px;
	padding:0px;
}

#breadcrumb ul li
{
	background:url(/media/images/bread-bullet.jpg) no-repeat left;
	float:left;
	font-family:"trebuchet ms", georgia, verdana, arial, sans-serif;
	line-height:36px;
	list-style:none;
	margin-left:11px;
	padding-left:11px;
}

#breadcrumb ul li a
{
	color:#898989;
	text-decoration:underline;
}

#breadcrumbtagline{ 
    color:rgb(58, 112, 169);
    float:right;
    font-weight:600;
    margin-right:20px;
    padding: 10px 0 0;
}

/* Box Styles */
.corner
{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

/* newsletter box*/
.newsletterbox
{
	background:#0F0 url(/media/images/searchbg.gif) repeat-x;
	border:0.03em #3970a8 solid;
	color:#3970a8;
	float:right;
	margin:15px 10px 0 0;
	padding:12px;
	width:290px;
}

* html .newsletterbox
{
	display:inline;
}

.newsletterbox p
{
	color:#000;
	font-size:14px;
	padding:20px 0 15px;
}

.newsletterbox select,.newsletterbox input{	float:left;}

.newsletterbox .sendform
{
	clear:right;
	float:left;
	left:100px;
}
.sendform
{	
    width: 75px;
    height: 27px;
    background: transparent url(/media/images/larger-btn.gif) no-repeat center top;
    font:600 1.2em Arial;
    color:#fff;
    padding:0 0 3px;
}

/*.newsletterbox .subscribeset .sendref*/
.sendref
{
	width: 47px;
	height: 26px;
	background: transparent url(/media/images/go-bg.jpg) no-repeat center top;
	font:600 1.2em Arial;
	color:#fff;
	padding:0 0 3px;
}
.newsletterbox .subscribeset .sendref
{
	float:left;
	left:100px;
	margin:0 10px;
}


/*details map*/
.detailsmap
{
	background:url(/media/images/destination-bg.gif) repeat-x #e5f2d6;
	border:0.05em solid #c7d4b3;
	display:block;
	float:right;
	margin:20px 10px 0 0;
	width:400px;
}

.detailsmap h1
{
	color:#FFF;
	font-size:1.4em;
	margin:10px;
}


#mapcontainer
{
	height:499px;
	width:400px;
}

#cards,#nav ul,#nav li
{
	float:left;
}

#sub-nav a:hover,#breadcrumb ul li a:hover
{
	text-decoration:none;
}

.newsletterbox strong,.details strong
{
	color:#FFF;
	font-size:16px;
}

.hasDatepicker{ width:120px !important; margin-right:4px; }

.imghide{ display:none; }

.termslink
{
 margin-top: 10px;
 display: block;
 float: right;
}

.termslink a
{
 color:#fff;
}

.bookingsteps
{
height: 38px;
width: 653px;
margin-bottom: 10px;
}

/*faq*/

/* faq styles */

.faqtitle{
margin: 10px 0px 0px 0px;
}

.faqcontent{
	display: block;
	padding: 30px;
	background-color:#FFF;
}

.faqcontent h1 a{
font-size: 1.3em;
font-weight: bolder;
color: #4d723b;
margin: 0px 0px 0px 0px;
}

.faqcontent h2{
font-size: 1.6em;
font-weight: bolder;
color: #4d723b;
margin: 10px 0px;
}

.faqcontent p {
display: block;
Clear: left;
margin: 20px 0px;
}

#faqcontent h3{
font-size: 1.2em;
font-weight: bolder;
color: #666;
}

.faqcategorybox{
	color: #3970a8;
	margin: 15px 10px 0px 0px;
	float: right;
	height: 302px;
	width: 290px;
	background-image:url(../images/searchbg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border: 0.03em #3970a8 solid;
	padding: 12px;
}

.faqcategorybox strong{
color: #FFF;
font-size: 16px;
}


.faqbox{
display: block;
margin: 20px 0px 0px 0px;

}

.faqbox li{
clear:left;
list-style-image: url(../images/aboutdestinationbullet.png);
list-style-position: inside;
margin: 5px 0px 0px 5px;

}

.faqbox li a{
color: #006699;
font-size: 1.2em;
text-decoration: underline;
}


/* your views */

.yourviews{
	display: block;
	padding: 30px;
	background-color:#FFF;
}

.yourviews h1{
font-size: 2em;
font-weight: bolder;
color: #666;
}

.yourviews h2{
font-size: 1.3em;
font-weight: bolder;
color: #4d723b;
margin: 10px 0px;
float: left;
}

.yourviews h2 a{
text-decoration: underline;
font-weight: bolder;
color: #006699;
margin: 10px 0px;
}

.yourviews p {
clear: both;
margin: 10px 0px 6px 0px;
}

blockquote {
	float: left;
	width: 100%;
	background: transparent url(../images/quoleft.png) left top no-repeat;
}
blockquote div {
  padding: 0px 48px;
  background: transparent url(../images/quoright.png) right bottom no-repeat;
}

.refbutton{
background: #336699;
color: #FFFFFF;
border: 1px solid #003366;
padding: 5px;
float: right;
}

.refbutton a{
color: #FFF;
}

.regionfull{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.hasDatepicker {
float: left;
margin-right:4px;
width:100px !important;
}


/*moreinfo links*/

.globalmoreinfo a
{
  color:#fff;
	margin-top: 10px;
	display: block;
	text-decoration:underline;
}

.reflink a
{
	bottom:12px;
	color:#fff;
	left:6px;
	position:absolute;
	text-decoration:underline;
	text-indent:25px;
}

#dateeg
{
  font-size: 10px;
}

#optionaltext
{
  padding-left: 10px;
}

/*About easycottages.com*/
.aboutp { padding-bottom:12px; }
.aboutimg { float:right; padding:0px 0px 20px 30px; }
#aboutlist li { 
	display:inline !important; 
	float:left;
	background:url(../images/listtick.gif) top left no-repeat;
	font-weight:600; 
	padding-left:20px;
	margin-right:20px;
	font-size:15px; 
	color:#666; }
#aboutlist { display:inline; margin:0; }



#addthisbar 
{
    position:absolute; 
    top:123px; 
    right:8px; 
    width: 195px;
    background:#fff;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding: 2px;
}



/* Home */
#searchtablink
{
display:block;
height:35px;
width:127px; 
float:left   
}
#advancedtablink
{
display:block;
height:35px;
width:170px;    
float:left
}

.greyout{ color:#ccc; }
.blackout{ color:#000;}
.goright{float:right;}


/* Buttons */
.button,.button:visited {
-moz-border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
background:#222 url(/media/images/alert-overlay.png) repeat-x;
border-bottom:1px solid rgba(0,0,0,0.25);
color:#fff;
cursor:pointer;
display:inline-block;
padding:5px 10px 6px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}

.button:hover {
background-color:#111;
color:#fff;
}

.button:active {
top:1px;
}

.small.button,.small.button:visited {
    font-size:11px;
}

.button,.button:visited,.medium.button,.medium.button:visited {
font-size:13px;
font-weight:700;
line-height:1;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}

.large.button,.large.button:visited {
font-size:14px;
padding:8px 14px 9px;
}

.green.button,.green.button:visited{background-color:#91bd09;}
.green.button:hover{background-color:#749a02;}
.blue.button,.blue.button:visited{background-color:#2daebf;}
.blue.button:hover{background-color:#007d9a;}
.red.button,.red.button:visited{background-color:#e33100;}
.red.button:hover{background-color:#872300;}
.magenta.button,.magenta.button:visited{background-color:#a9014b;}
.magenta.button:hover{background-color:#630030;}
.orange.button,.orange.button:visited{background-color:#ff5c00;}
.orange.button:hover{background-color:#d45500;}
.yellow.button,.yellow.button:visited{background-color:#ffb515;}
.yellow.button:hover{background-color:#fc9200;}

.homesearch{ 
    width: 75px;
    font-size:14px !important;
    margin: 10px 0px 0px 76px;
 }
.onetwenty{ width:120px; }
.oneeighty{ width:180px; }

/* End Buttons */

/* loopedSlider http://github.com/nathansearles/loopedSlider */
/*
 * Required 
*/
.container { width:644px; height:300px; overflow:hidden; position:relative;}
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:644px; display:none; padding:0; margin:0;}
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:15px 0px 0px 10px; width:644px; height:330px; position:relative; clear:both;background:#64734e;float: left; }
ul.pagination { list-style:none; padding:0; margin:0;float: left;padding-left: 30px; }
ul.pagination li  { float:left;padding: 2px;background: #FFF;margin: 6px 2px; border:solid 1px #333; }
ul.pagination li a { padding:0px;color: #64734e;}
ul.pagination li.active{ border-color:#fff; }
ul.pagination li.active a {  }

.slides #terms{width: 614px; position: absolute; top: 270px; height:20px; padding:10px 0 0 30px; color:#fff; }
.slides #terms:hover{ text-decoration:underline}

#cyear{width: 60px;}
.slides #offer{width: 644px; position: absolute; top: 0; height:270px; }