/*
  FRONTEND: This style sheet is by many pages and forms the base stylesheet 
*/

/* Default Image Properties */
img, img:link,img:visited {
	border: 0px;
}

body {
	width: 965px;
	text-align: center;
	margin: 0 auto;
	/* font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #494949;
	background-color: #FFFFFF;
}

td {
	FONT-SIZE: 11px;
	COLOR: #666;
	LINE-HEIGHT: 18px;
}

P {
	margin: 12px 0px 0px 0px;
	FONT-SIZE: 11px;
	COLOR: #666;
	LINE-HEIGHT: 18px;
}

.emailOffset {
	vertical-align: middle
}
/* Header styles
----------------------------------------------------------- */


#header {
	height: 70px;
	width: 965px; 
	background: #fff url("../simages/header/header.jpg") top left no-repeat;
	padding: 0px;
	/* background-color: blue; */
}

#header1 {
	float: left;  
	width: 250px;
	margin: 20px 0px 0px 20px;
	height: 30px; 
	/* background-color: yellow; */
}

#header2 {
	float: right;  
	padding: 32px 15px 0px 0px;
	color: #999;
	text-align: right;
	/* background-color: yellow; */
}

#header2 a.leftShiftedArea {
	padding-left: 240px;
	margin-right: 200px;
	text-decoration: none;
    outline: none;
    color: white;
}

#header2 a {
	text-decoration: none;
	outline: none;
	color: #999;
}
#header2 a:hover {
	text-decoration: underline;
	color: #999;
	}

/* Footer styles
----------------------------------------------------------- */
#footer {
	margin: 30px 0px 0px 0px;
	/* display: block; */
	clear:both;
	font-size: 11px;
	color: #999;
	width: 950px; 
	background: url("../fimages/horiz_border.gif") top repeat-x;
}

#footerLeft {
	margin: 0px 0px 0px 10px;
	float: left;
	width: 250px; 
	text-align: left;
}

#footerRight {
	float: right;
	text-align: right;
	margin: 0px 0px 10px 0px;
}

#footerWide {
	width: 900px; 
	text-align:center;
	clear:both;
	margin: 0px 0px 0px 10px;
}

select.small {
	margin:0px;

	font-size:8pt; 
}



/* HEADERS
-----------------------------------------------------------------------------
*/
h1 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #666666;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
}

h2 {
	margin: 12px 0px 0px 0px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
h3 {
	font-size: 12px;
	margin: 12px 0px 0px 0px;
	text-align: left;
}

/*LINKS
-----------------------------------------------------------------------------
*/

a {
	text-decoration: none;
	outline: none;
	color: #3366FF;
}
a:hover {
	color: #3366FF;
	text-decoration: underline;
}



/* BOXED IMAGES
-----------------------------------------------------------------------------
*/

.boxedImage {
	background: #fff url("../fimages/boxedImage.gif") left top no-repeat;
	padding: 10px 10px 10px 10px;
}

.boxedImage2 {
	background: #fff url("../fimages/boxedImage2.gif") left top no-repeat;
	padding: 10px 10px 10px 10px;
}

/* contentArea
---------------------------------------------------------------------------
*/

#contentArea {
	padding: 0px;
	vertical-align: top;
	width: 965px;
	text-align: left;
}

/*
#contentArea a:hover {
	text-decoration: underline;
}*/

#contentArea p{
	margin-bottom: 6px;
	text-align: left;
}	

/* SIDENAV
----------------------------------------------------------------------------- 
*/

#contentArea #sideBar  {
	text-align: left;
	float: left;
	width: 165px;
	margin-right: 2px;
	padding-right: 2px;
	padding-top: 0px;
}

#contentArea #sideBar #nav {
	background: url("../fimages/sidenav-dotline.png") left bottom no-repeat;
	margin-top: 15px;
}

#contentArea #sideBar #nav a {
	display: block;
	font-size: 11px; 
	color: #000;
	padding-left: 10px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	background: url("../fimages/sidenav-dotline.png") left top no-repeat;
}

#contentArea #sideBar #nav a:hover {
	color: #000;
	background: #eee url("../fimages/sidenav-dotline.png") left top no-repeat;
	text-decoration: none;
}
#contentArea #sideBar #nav a.selected {
	color: #666;
	background: url("../fimages/sidenav-dotline.png") left top no-repeat;
	text-decoration: none;
}

#contentArea #sideBar #nav p {
	height: 22px;
	padding-left: 5px;
	margin: 0px;
	font-weight: bold;
	/* background: url("../fimages/sidenav-dotline.png") left top no-repeat; */
}

#contentArea #mainContentMaster {
	padding: 0px 0px 0px 15px;
	background: url("../fimages/vert_border.png") left repeat-y;
	width: 780px;
	float: left;
}

/* 2 column layout for main content area */
/*
#column1 {
	width: 325px;
	float: left;
	padding: 5px 0px 0px 0px;
	background: url("../fimages/vert_border.png") right repeat-y;
}

#column2 {
	width: 325px;
	float: left;
	background: url("../simages/formBgGrad.gif") repeat-x;
	padding: 5px 0px 0px 0px;
}*/

#column1 {
	width: 325px;
	float: left;
	padding: 5px 0px 0px 0px;
}

#column2 {
	width: 450px;
	float: left;
	padding: 5px 0px 0px 0px;
	background-color: #F3F3F3;
}

#propColumn1 {
	width: 310px;
	float: left;
	padding: 5px 0px 0px 0px;
}

#propColumn2 {
	width: 450px;
	float: left;
	padding: 5px 0px 0px 0px;
	background-color: #F3F3F3;
}

/*
#resortColumn1 {
	width: 530px;
	float: left;
	padding: 5px 0px 0px 0px;
	background: url("../fimages/vert_border.png") right repeat-y;
}

#resortColumn2 {
	width: 225px;
	float: left;
	background: url("../simages/formBgGrad.gif") repeat-x;
	padding: 5px 0px 0px 0px;
}
*/

#resortColumn1 {
	width: 500px;
	float: left;
	padding: 5px 0px 0px 0px;
}

#resortColumn2 {
	width: 245px;
	float: right;
	background-color: #F3F3F3;
	padding: 5px 0px 0px 0px;
}

#wideColumn1 {
	width: 530px;
	float: left;
	padding: 5px 0px 0px 0px;
	background: url("../fimages/vert_border.png") right repeat-y;
}

#wideColumn2 {
	width: 225px;
	float: left;
	background: url("../simages/formBgGrad.gif") repeat-x;
	padding: 5px 0px 0px 0px;
}

/* Used when displaying resort reviews */
.right { float: right; }
.left { float: left; }
.caption {
	margin: 5px;
	padding: 5px;
	border: solid 1px #E5E5FF;
	background: #E5F2FF;
	color: black
} 



#ukbusColumn1 {
	width: 275px;
	float: left;
	padding: 5px 0px 0px 0px;
	background: url("../fimages/vert_border.png") right repeat-y;
}

#ukbusColumn2 {
	width: 375px;
	float: left;
	/* background: url("../simages/formBgGrad.gif") repeat-x;*/
	padding: 5px 0px 0px 0px;
}

#columnLeft1 {
	width: 200px;
	float: left;
	padding: 5px 0px 0px 0px;
}

#columnRight1 {
	width: 400px;
	float: left;
	padding: 5px 0px 0px 0px;
}

#wideColumn {
	/* width: 755px; */
	width: 760px;
	float: left;
	/* background: url("../fimages/vert_border.png") right repeat-y; */
	padding: 5px 0px 0px 0px;
}

/* First set up for full page piste maps */
#extraWideColumn {
	width: 950px;
	float: left;
	padding: 5px 5px 5px 5px;
}

/*
#wideColumnImportantMessage {
	width: 650px;
	float: left;
	padding: 0px 5px 0px 5px;
	border: 1px solid #999;
	background-color:lightyellow;
}*/

#wideColumnImportantMessage {
	width: 650px;
	float: left;
	margin: 5px;
	padding: 0px 5px 0px 5px;
	border: solid 1px #E5E5FF;
	background: #E5F2FF;
	color: black
}

.paddedBox {
	padding: 10px 10px 10px 10px;
}

#featuredPanel {
	width: 650px;
	float: left;
	padding: 5px 0px 0px 0px;
	background: url("../fimages/horiz_border.gif") bottom repeat-x;
}

.horizBorder {
	clear: both;
	margin: 0px 0px 10px 0px;
	background: url("../fimages/horiz_border.gif") bottom repeat-x;
}

/* Links section */
.floatLinkRight {
	padding: 0px 10px 0px 15px;
	/* background: url("../fimages/arrow.gif") no-repeat left; */
	background: url("../simages/arrowGreenRight.gif") no-repeat left;
	float: right;

}
.floatLinkLeft {
	padding: 0px 0px 0px 15px;
	/* background: url("../fimages/arrow.gif") no-repeat left; */
	background: url("../simages/arrowGreenRight.gif") no-repeat left;
	float: left;
	
}
.arrowLink {
	padding: 0px 0px 0px 15px;
	/* background: url("../fimages/arrow.gif") no-repeat left; */
	background: url("../simages/arrowGreenRight.gif") no-repeat left;
	
}

.largeArrowLink {
	padding: 10px 0px 10px 25px;
	background: url("../simages/arrowOrangeRightLarge.gif") no-repeat left;
}

.rowBreak {
	clear: both;
}

.smallPaddedBox {
	padding: 0px 4px 0px 4px;
}

.smallPaddedBoxFeatured {
	background-color: #FFFFCC;
	padding: 0px 4px 0px 4px;
}

option.colouredBG_1     {
	background-color: #cccccc;
}

.wth {
	padding: 3px 2px 3px 2px;
	background-color: #E7F3DD;
}

.wtdate {
	padding: 0px 2px 0px 2px;
	background-color: #F3F3F3;
}

.wtd {
	padding: 0px 2px 0px 2px;
	background-color: #E7F3DD;
	text-align:center;
}

.wtTemp {
	padding: 0px 2px 0px 2px;
	background-color: #E7F3DD;
	text-align:center;
	font-weight: bold;
}

.wtVeryCold {
	background: url("../simages/weather/tempVeryColdBG.gif") no-repeat center;
	color: white;
}

.wtCold {
	background: url("../simages/weather/tempColdBG.gif") no-repeat center;
	color: white;
}

.wtCool {
	background: url("../simages/weather/tempCoolBG.gif") no-repeat center;
}

.wtWarm {
	background: url("../simages/weather/tempWarmBG.gif") no-repeat center;
}

.wtHot {
	background: url("../simages/weather/tempHotBG.gif") no-repeat center;
}

/*
	Added by Robin 19 May 2008
*/
.propertyFeed {
	border-top: 1px solid #d8dfea;
	border-bottom: 1px solid #d8dfea;
	margin: 10px 10px 10px 0px;
	padding: 10px 0px 0px 0px;
	width: 100%;
}
.propertyFeedIntro {

}

.propertyFeedImage {
	float : right;
}


/* ------------------
	http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
	Styling for the tables : Start 
   ------------------   */
 
.ver-zebra
{
	/* font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; */
	font-size: 12px;
	/* margin: 45px; */
	/* width: 480px; */
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.ver-zebra th
{
	font-size: 12px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;

	vertical-align: top;
}
.ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	
	vertical-align: top;
	/* color: #669; */
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}

.ver-zebra-even
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
.ver-zebra-odd
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}

.cellSmall {
	width: 25px;	
}

.cellMedium {
	width: 100px;	
}

.cellBig {
	width: 200px;	
}
 
/* ------------------
	Styling for the tables : End 
   ------------------   */
   
   
/* ------------------
	http://particletree.com/features/rediscovering-the-button-element/
	Styling for the buttons : Start 
   ------------------   */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* Adding some colour */
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* ------------------
	Styling for the buttons : End 
   ------------------   */
   
/* ------------------
	Success, error & notice boxes for messages and errors : Start
   ------------------   */   
.bpError,
.bpNotice, 
.bpSuccess,
.bpDiscountNotice    {	padding: 6px 20px 6px 40px;
						margin-bottom: 1em;
						border: 2px solid #ddd;
						font-size: 11px;}

.bpError      { background: #FBE3E4;
				background-image: url(../simages/icons-famfamfam/cross.png);
				background-repeat: no-repeat;
				background-position: 10px 8px;
				color: #D12F19; border-color: #FBC2C4; }
.bpNotice     { background: #FFF6BF;
				background-image: url(../simages/icons-famfamfam/error.png);
				background-repeat: no-repeat;
				background-position: 10px 8px;
				color: #817134; border-color: #FFD324; }
.bpSuccess    { background: #E6EFC2;
				background-image: url(../simages/icons-famfamfam/tick.png);
				background-repeat: no-repeat;
				background-position: 10px 8px;
				color: #529214; border-color: #C6D880; }
.bpDiscountNotice    { background: #FFF6BF;
				background-image: url(../simages/icons-famfamfam/error.png);
				background-repeat: no-repeat;
				background-position: 10px 8px;
				color: #817134; border-color: #FFD324; }				


.bpError a    { color: #D12F19; }
.bpNotice a   { color: #817134; }
.bpSuccess a  { color: #529214; }
.bpDiscountNotice a   { color: #817134; }
/* ------------------
	Success, error & notice boxes for messages and errors : End
   ------------------   */   
   
/* ---------------------
Facebook CSS : START
------------------ */
.facebookBox {
	background-color:#F3F3F3;
	padding:10px;
	margin-top: 10px;
}



/* ---------------------
Facebook CSS : END
------------------ */