body {
	background: #414141 url(../images/bg.gif);
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #333333;
	min-width: 990px!important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

img { border: 0px; }

object { outline: none; } /* Stops FF3 outlining focused Flash elements */

h1,h2,h3,h4,h5,h6 {
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Adobe Garamond Pro", Georgia, serif;
	font-weight: normal;
	color: #333333;
}

h1	{font-size: 1em;   }
h2	{font-size: 2em; }
h3 	{font-size: 1.8em; }
h4 	{font-size: 1.8em; }
h5 	{font-size: .70em; }
h6 	{font-size: .70em; }

a {	outline: none; }

a:link		{color: #666; text-decoration:none; }
a:visited	{color: #666; text-decoration:none; }
a:hover		{color: #666; text-decoration:underline; }
a:active	{color: #666; text-decoration:none; }

td {font-size: 1em;}
th {font-size: 0.85em;}

hr {
	border: none;
	border-top: 1px solid #ccc;
	padding: 8px 0;
	margin: 0 0;
}
/* ------------------------------------- */
/*           WRAPPER ELEMENTS            */
/* ------------------------------------- */

.wrapper {
	min-width: 990px!important; /*  Stops layout breaking if resized below 990 */
	width: 100%;
	margin: 0;
	padding: 0;
}

.wrapper .container {
	width: 990px;
	margin: 0px auto;
	padding: 0;
}

.wrapper#header {
	position: absolute;
	top:0px;
	left: 0px;
	height: 440px;
	width: 100%;
	background: url(../images/bg-header-wrapper.png) top repeat-x;
	
}

.wrapper#header .container {
	width: 100%;
	height: 440px;
	margin: auto auto;
	background: url(../images/bg-header-elements.png) top repeat-x;
	position: relative;
	z-index:2;

}

.wrapper#content {
	margin-top: 440px;
	width: 100%;
	background: #fff;
	/*background: url(/skin/custom/36/524/assets/images/bg-content-wrapper.gif) top center no-repeat;*/
	position: relative;
	z-index: 3;	
}

.wrapper#content .container {
	width: 990px;
	min-height: 200px;
	height: auto!important;
	height: 200px;
	margin: 0px auto;
	background-color:#CC3333;
	background: url(../images/bg-content.gif) repeat-y;
	
	position: relative;
}


.wrapper#footer {
	width: 100%;
	color: #fff;
	background: url(../images/bg-footer.png) top repeat-x;
	
}

.wrapper#footer .container {
	width: 990px;
	min-height: 370px;
	height: auto!important;
	height: 370px;
	margin: 0px auto;
	padding: 0 0 10px;
	overflow: hidden;
}

.wrapper#footer-toolbar {
	width: 100%;
	color: #fff;
	height: 50px;
	background: url(../images/bg-footer-toolbar.png) top repeat-x;
	border-top: 1px solid #dadada;
}

.wrapper#footer-toolbar .container {

}

/* ------------------------------------- */
/*            HEADER ELEMENTS            */
/* ------------------------------------- */

#header-elements {
	width: 990px;
	height: 114px;
	margin: 0 auto;
	padding-top: 12px;
	position: relative;


}

#header-elements #logo {
	width: 343px;
	height: 56px;
	padding-left: 20px;
	background: url(../images/spa-hotel-logo.png) no-repeat right;
	float: left;
}


#header-elements #links {
	width: 320px;
	height: 56px;
	overflow: hidden;
	text-align: right;
	float: right;
	font-size: 0.60em;
}

#header-elements #links a:link , #header-elements #links a:visited, #header-elements #links a:hover, #header-elements #links a:active {
	text-decoration: none;
	color: #fff;
}



#header-elements a:hover, #header-elements #links a:hover {
	text-decoration: underline;
}


#header-elements span  {
	padding-top: 15px;
	float: right;
	padding-right: 155px;
}

#header-elements span ul {
	float: right;
}

#header-elements span strong {
	color: #fff;
	font-weight: normal;
	font-size: 2.5em;
	float: left;
	margin-right: 5px;
}

#header-elements  #book-your-stay-button{
	position: absolute;
	right: 0px;
	top: 25px;
	z-index: 99;
}

#header-elements #links ul {
	margin: 0;
	padding: 15px 0 0 0;
	float: right;
	list-style: none;
}


#links ul li ul {
	display:none;
}

#links ul li:hover ul, #links ul li.over ul, #links ul li:hover ul li ul, #links ul li.over ul li ul, #links ul li.lock ul {
	display:none;
}

#book-your-stay-calendar {
	width: 316px;
	height: 244px;
	background: url(../images/bg-calendar.png) no-repeat top center;
	position: absolute;
	z-index: 99;
	top: 43px;
	right: -10px;
	font-size: 1.8em;
}

#flash {
	width: 100%;
	height: 440px;
	background: url(../images/slideshow-default-room.jpg) center top no-repeat;
	position: absolute;
	top: 0px;
	z-index: 1;
	text-align: center;
}

#flash #flash-overlay {
	width:100%;
	height: 440px;
	background: url(../images/bg-content-wrapper.gif) bottom center no-repeat;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}

/* ------------------------------------- */
/*              NAV ELEMENTS             */
/* ------------------------------------- */

#navigation {
	width: 990px;
	float: left;
	height: 34px;
	margin: 15px 0;
	line-height: 1.4em;
	font-size: 0.70em;
}

#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active {color: #000; text-decoration:none;}

#navigation ul {
	width: 970px;
	margin: 0 auto 0;
	padding-left: 20px;
	list-style: none;

}

#navigation ul li {
	position:relative;
}

#navigation ul li {
	float: left;
	/*margin-right: 12px;*/
	margin-right: 7px;
}

#navigation ul li a {
	/*padding: 7px 8px 14px;*/
	height: 37px;
	padding: 0 8px;
	line-height: 2.5em;
	display: block;
	font-weight: bold;
	position:relative;
	z-index: 51;
}


#navigation ul li a:hover, #navigation li a.highlight-on, #navigation a.on  {
	background: url(../images/bg-navigation-li.png) center bottom;
	color: #fff;
}


#navigation a.on {
	font-weight: bold;
}


#navigation ul li#contact-us,  #navigation ul li#mailing-list{
	margin-right: 0px;
}

#navigation ul li#contact-us ul.shift, #navigation ul li#about ul.shift, #navigation ul li#mailing-list ul.shift {
	left: -125px;
}



#navigation ul li ul {
	position:absolute;
	top: 30px;
	left: 0px;
	float: none;
	display:none;
	padding: 10px;
	width: 180px;
	height: auto!important;
	background: url(../images/bg-ul-li-ul.png);
	/*background:url(/skin/custom/36/524/assets/images/bg-navigation-ul-li-ul.png)   bottom no-repeat;	*/

	/*z-index: 21!important;*/
	z-index: 50;
	overflow: visible;
}


#navigation ul li ul li {
	width: 100%;
	margin: 0;
	overflow: hidden;
}

#navigation ul li ul li a {
	display: block!important;
	/*padding: 6px 4px 7px 11px;*/
	
	padding: 0px 4px 0px 11px;
	height: 27px;
	
	background: #fff !important;
	border-top: 2px solid #f1f1f1;
	color: #000!important;
	margin: 0;
	text-align: left;
	font-weight: normal;
}


#navigation ul li ul li a.on{
	font-weight: bold;
}



#navigation ul li ul li a:hover {

	background-position: center left !important;
	color: #666666!important;
	/*font-weight: bold;*/
	text-decoration: underline;
}

#navigation ul li:hover ul, #navigation ul li.over ul, #navigation ul li:hover ul li ul, #navigation ul li.over ul li ul {
	display: block!important;
}







/* ------------------------------------- */
/*          CONTENT ELEMENTS             */
/* ------------------------------------- */

.wrapper#content {
	line-height: 1.1em;
}

#copy {
	padding: 5px 0 18px;
	width: 537px;
	min-height: 466px;
	height:auto!important;
	height: 466px;
	float: left;
	margin-right: 38px;
	font-size: 0.70em;
}

#copy a:link , #copy a:visited, #copy a:hover, #copy a:active {
	text-decoration: underline;
	color: #000;
}
#copy a:visited, #copy a:active {
	color: #666;
}
#copy a:hover {
	text-decoration: none;
	color: #e78800;
}

#copy h1 {
	margin-top: 8px;
	line-height: 1.2em;
	margin-bottom: 33px;
	font-size: 2.8em;
}

#copy .info {
	font-size: 1.10em;
	color: #666666;
}

ul.brochures, ul.brochures li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.brochures li { margin-bottom: 3px; }
ul.brochures li a {
	display: block;
	padding: 5px 5px 5px 35px;
	background-color:#eee;
	text-decoration: none;
	background-image: url('../images/pdf-icon-small.gif');
	background-repeat: no-repeat;
	background-position: 10px;
}
ul.brochures li a:hover, ul.brochures li a:active {
	background-color: #ddd;
}
ul.brochures li a strong {
	color: #000000;
}

.download-button a {
	background-color: #EEEEEE;
	color: #000000;
	display: block;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	padding: 3px;
	text-decoration: none;
	width: 200px;
}

#right-column {
	float: right;
	width: 214px;
	height:20px;
	margin-right: 13px;
}

#left-column {
	margin-left: 11px;
	width: 160px;
	float: left;
}

#left-column ul {
	padding: 0 0 10px;
	margin: 0;
	list-style-type: none;
	font-size: 0.7em;
	float: left;
}

#left-column ul li a {
	border-top: 1px solid #f1f1f1;
	color: #333;
	width: 130px!important;
	padding: 8px 20px 8px 10px;
	float: left;
	background: url(../images/arrow-right.png) 144px 12px no-repeat;
}

#left-column ul li a:hover {
	background: url(../images/arrow-right-hover.png) 144px 12px no-repeat!important;
	color: #585858;
}

#left-column ul li a.on {
	background: url(../images/arrow-right-on.png) 144px 12px no-repeat!important;
	font-weight: bold;
	color: #000;
}

.black-title {
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 6px;
	background: url(../images/bg-black-title.gif) no-repeat;
	background-position: top;
	display: block;
	color: #fff!important;
	font-size: 1.2em;
	line-height: normal;
	clear: both;
		text-decoration: none!important;
}

a .black-title:hover, a:hover .black-title {
	text-decoration: none!important;
}

.black-title.arrow {
	background-position: bottom;
	padding-bottom: 12px;

}

.black-title.top {
	padding-top: 0px!important;
}

.black-title span {

}

.black-title em {
	font-size: 0.55em;
	font-style:normal;
}

#left-column .black-title.top {
	padding-bottom: 18px;
	
}

#right-column .black-title.arrow {
	padding-top: 7px;
	background-position: bottom;
	padding-bottom: 16px;
}

#right-column .black-title.top {
	line-height: 1em;
	padding-bottom: 18px;
	
}

#right-column .special-offers {
	padding: 10px 0 24px;
	width: 100%;
	background: #fff;
	text-align: center;
}

#right-column .special-offers img {
	padding: 10px;
	background-color:#d6d6d6;
}

#right-column .event a {
	width: 204px;
	height: 52px;
	padding-left: 10px;
	margin: 0 0 9px 0px;
	float:right;
	overflow: hidden;
	font-size: 0.7em;
	background-image: url(../images/bg-events.gif);
	background-position: top;
}

#right-column .event.odd  a{
	background-position: bottom!important;

}

#right-column .event a:hover {
	background-image: url(../images/bg-events-on.gif);
	color: #333!important;
	text-decoration:none;
}

#right-column .event .text-title{
	width: 100%;
	margin-top: 9px;
	padding: 0 0;
	float: left;
	clear: both;
	font-weight: bold;
}

#right-column .event a .text-title  {
	color: #333!important;
}


#right-column .event .description{
	margin-top: 0px;
	float: left;
}

#left-column .page-link {
	border-top: 1px solid #f1f1f1;
	padding-left: 10px;
	margin: 0 0;
	padding-bottom:  12px;
	background-image: url(../images/bg-page-link.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
	background-color: #f8f8f8;
	border-right: 1px solid #ededed;
}

#left-column .page-link:hover {
	background-image: url(../images/bg-page-link-on.gif);
}

#left-column .page-link a {
	width: 100%;
	height: 52px;
	margin: 0 0 9px 0px;
	overflow: hidden;
	font-size: 0.7em;
}


#left-column .page-link .text-title{
	width: 100%;
	margin-top: 0px;
	padding: 0 0;
	padding-top: 12px;
	float: left;
	clear: both;
	font-weight: bold;
}

#left-column .page-link a .text-title, #left-column .page-link a .description {
	color: #333!important;
}

/* ------------------------------------- */
/*        LOCAL ATTRACTION ELEMENTS      */
/* ------------------------------------- */

.attraction { padding: 5px 0; border-bottom: 1px dotted #ccc; }
#content .attraction h2 { font-size: 1.6em; }

.attraction .button { float: right; width: 120px; }
.attraction .button a { margin: 0; padding: 0; line-height: 20px; width: 120px; }

.info-panel {
	clear: both;
	float: left;
	width: 100%;
	background-color: #eee;
	padding: 10px;
	margin: 10px 0 10px 0px;
}
.info-panel .button, .attraction .button, .job-apply .button {
	float: right;
	width: 120px;
	margin-left: 3px;
	text-align: center;
	background-color:#666666;
}
.info-panel .button a, .attraction .button a, .job-apply .button a {
	display: block;
	margin: 0;
	padding: 0px;
	width: 120px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	color: #fff;
}

.info-panel .button a:hover, .attraction .button a:hover {
	background-color:#333;
} 

.photo {
	padding: 5px;
	background-color: #CCCCCC;
	margin-bottom: 10px;
}
.date { font-size: 0.9em; }

ul.events, ul.events li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.events li a {
	display: block;
	padding: 0px;
	height: 46px;
	background-color: #eee;
	margin-bottom: 3px;
	text-decoration: none;
	line-height: 23px;
	color: #333;
	background-image: url('http://spahotel.allocate.co.uk/skin/custom/36/524/assets/images/bg-event.gif');
	background-repeat: no-repeat;
	background-position: top right;
}
ul.events li a:hover {
	background-color: #ccc;	
	background-position: bottom right;
	text-decoration: none!important;
}
ul.events li a div {
	float: left;
	width: 46px; 
	height: 46px;
	overflow: hidden;
}
ul.events li a strong, ul.events li a span { margin-left: 10px; }
#content ul.events a { color: #555; }

.rss h2 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-weight: bold;
	font-size: 1.4em;
}
/* ------------------------------------- */
/*           EVENTS ELEMENTS             */
/* ------------------------------------- */

#copy .event {
	border-bottom:1px dotted #CCCCCC;
	margin-top:10px;
}

#copy .event h2 {
	margin-bottom: 7px;
}

#copy .event h2 a {
	color: #000;
}

#copy .event .info {
	font-weight: bold;
	padding-bottom: 8px;
}

.month-forward {
	float: right;
	width: 200px;
	text-align: right;
}	

.month-backward {
	float: left;
	width: 200px;
}

#content .month-forward a, #content .month-backward a {
	display: block;
	padding: 3px;
	text-decoration: none;
	color: #666;
}


/* ------------------------------------- */
/*           CAREERS ELEMENTS            */
/* ------------------------------------- */


#job-search-results {
	min-height: 420px;
	height: auto!important;
	height: 420px;
}

#job-search-results .limit{
	width: 190px;
	float: right;
}

#job-search-results .field {
	float: left;
	width: 500px;
}

#job-search-results .label {
	float: left;
	width: 100px;
	font-weight: normal;
	text-align: left;
	padding-right: 10px;
}

#job-search-results .element {
	float: left;
	width: 100px;
	font-weight: normal;
	text-align: left;
	padding-top: 4px;
	padding-right: 25px;
}

#job-search-results .element  select{
	width: 100px!important;
	padding: 1px!important;
}

#job-search-results .element-submit {
	margin-top: 2px;
		width: 70px;
}

#job-search-results .element-submit input {
	width: 50px;
	height: 20px;
}

.limit {
	text-align: right;
}

.result {
	margin: 20px 0px;
}

.result .title{
	width: 380px;
	float: left;
}

.result .title a {
	text-decoration: none!important;
}

.result .date{
	width: 110px;
	padding: 12px 0;
	float: right;
	text-align: right;
}

.result .description {
	clear: both;
	width: 100%;
}

.result .info {
	margin-bottom: 20px;
} 

#job-details .detail-label {
	width: 120px;
	text-align: left;
	float: left;
	font-weight: bold;
}

#job-details .detail {
	float: left;
}

#job-details .job-apply {
	text-align: right;
	margin-top: 10px;
}

#job-search-form .field {
	margin-top: 20px;
}

#job-search-form .label {
	width: 70px;
	text-align:left;
}


#job-search-form .element {
	width: 240px;
	text-align:left;
}

#job-search-form .element-submit {
	width: 100px;
}

/* ------------------------------------- */
/*            ROOOMS ELEMENTS            */
/* ------------------------------------- */

#rooms-spaces {
	width: 595px;
	margin-bottom: 14px;
}



#rooms-spaces .float-left, #rooms-spaces .center, #rooms-spaces .float-right {
	margin-top: 15px;
}

#rooms-spaces .float-left {
	width: 100px;
}

#rooms-spaces .center {
	width: 376px;
	float:left;
	text-align: center;
}

#rooms-spaces .float-right {
	margin-right: 19px;
	width: 100px;
	text-align: right;
}

.room-details {
	float:left;
	padding-right:40px;
	width:240px;

}


.room-details .float-right{
	width: 50px!important;
	text-align: center;

}


ul.link-list, ul.link-list li { 
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.link-list li a {
	display: block;
	padding: 10px 10px;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

ul.link-list li a:hover {
	background-color: #eee;
}

#content ul.link-list li a span { 
	float: right; 
	color: #666666;
}



/* ------------------------------------- */
/*           FOOTER ELEMENTS             */
/* ------------------------------------- */

#footer-toolbar {
	width: 100%;
	color: #696969!important;
	font-size: 0.6em;
}

#footer-toolbar a:link, #footer-toolbar a:visited, #footer-toolbar a:hover, #footer-toolbar a:active {
	color: #696969!important;
}

#breadcrumbs {
	margin-left: 11px;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 7px;
	background: url(../images/icon-home.png) no-repeat left center;
	float: left;
	width: 630px;
}

#print {
	margin-left: 11px;
	padding-top: 3px;

	padding-bottom: 7px;
	background: url(../images/icon-print.png) no-repeat left center;
	float: right;
	width: 100px;
	margin-right: 230px;
	display: inline;

}

#print img {
	padding-right: 7px;
}

#print a:hover {
	text-decoration: none;
	color:#333333!important;
}


#footer .float-left {
	width: 370px;
	margin-left: 14px;
	font-size: .70em;
	line-height: 1.60em;

}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #fff;
} 

#footer .float-left span {
	width:185px;
	padding-right: 165px;
	margin-bottom: 10px;
	overflow: hidden;
	height: 50px;
}

#footer .float-left .title {
	font-size: 2.8em;
	line-height: 1em;
	display: block;
	float:left;
	clear:both;
	width: 370px;
}

#footer .float-left .title a {
	font-size: 0.45em!important;
	line-height: 1.1em!important;
	color: #fff;
	width: 100%;
	float: left;
	text-decoration: none!important;
}

#footer .float-left #footer-contact {
	background: url(../images/bg-footer-contact.png) no-repeat;
}


#footer .float-left a {
	text-decoration: underline;
}

#footer #information-centre {
	width: 430px;
	float: right;
	font-size: 0.6em;
}


#footer #information-centre ul {
	float: right!important;
}

#footer #information-centre ul, #footer #information-centre ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
}


#footer #information-centre ul li a {
	height: 11px;
	float: right;
	display: block;
	margin-left: 2px;
	padding: 7px 12px 9px;
	color: #fff;
	font-size: 1.10em;
	background-color:#373737;
}

#footer #information-centre ul li a:hover {
	text-decoration: none;
	background-color:#666;
}

#footer #information-centre #book-your-stay {
	width: 149px;
	height: 33px;
	margin-top:26px;
	float: right;
	background: #fdd000;
	overflow: hidden;
	text-align: center;
}

#footer #information-centre #book-your-stay .title{
	color: #000;
	line-height: 1.7em;
	font-size: 1.9em;
	margin-top: -99em;
	margin-left: -99em;
}

/*#footer #information-centre ul li:nth-child(5n) a {
	margin-right: 0px;
}
*/

#footer #information-centre #book-your-stay a {
	display: block;
	width: 149px;
	height: 33px;
	background-image: url(../images/button-book-your-stay-plain.gif);
	background-position: top;
}

#footer #information-centre #book-your-stay a:hover {
	background-position: bottom;
}

#footer #information-centre #book-your-stay a:link, #footer #information-centre #book-your-stay a:visited, #footer #information-centre #book-your-stay a:hover, #footer #information-centre #book-your-stay a:active {
	color: #000;
} 

#footer #information-centre #stars {
	width: 80px;
	height: 18px;
	margin-top: 34px;
	float: right;
	margin-right: 38px;
	background: url(../images/bg-information-centre-stars.png);
}

#footer #information-centre #rosette {
	width: 27px;
	height: 33px;
	margin-top: 28px;
	float: right;
	margin-right: 25px;
	background: url(../images/bg-information-centre-rosette.png);
}

#footer #footer-links {
	width: 100%;
	border-top: 6px solid #262626;
	border-bottom: 6px solid #262626;
	margin-top: 14px;
	padding: 6px 0 20px;
	
	float: left;
}

#footer-links a:link, #footer-links a:visited, #footer-links a:hover, #footer-links a:active {
	color: #999999;
} 

#footer #footer-links {
	font-size: 0.6em;
		line-height: 1.7em;
}

#footer #footer-links .column {
	float: left;
	margin: 15px 0 0 0;
	padding-left: 35px;
}

#footer #footer-links .column ul {
	padding: 0 0;
	margin: 0 0;
	list-style-type: none;
}


#footer #footer-links .column ul li ul li {
	padding: 0 0;
	margin: 2px 0 0 0;
	background-image: url('../images/bg-footer-li.gif');
	background-repeat: no-repeat;
	background-position: 3px 7px;
}

#footer #footer-links .column ul li ul li a {
	margin: auto auto auto 8px;

}

#footer #footer-links #footer-rooms{
	padding-left: 5px;
}


#footer #footer-links .column ul li.weddings-and-celebrations{
	width: 155px;
}

#footer #footer-links .column ul li.spa-spa{
	width: 100px;
}

#footer #footer-links .column ul li.health{
	width: 70px;
}

#footer #footer-links .column ul li.about{
	width: 85px;
}

#footer #copyright {
	float: left;
}

#footer #useful-links {
	float: right;
	text-align: right;
}

#footer #useful-links a {
	padding-left: 29px;
}

#footer #copyright, #footer #useful-links {
	margin-top: 11px;
	width: 50%;
	color: #414141;
	font-size: 0.6em;
	line-height: 1.9em;
}

#footer #copyright a:link, #footer #useful-links a:link, #footer #copyright a:visited, #footer #useful-links a:visited, #footer #copyright a:hover, #footer #useful-links a:hover, #footer #copyright a:active , #footer #useful-links a:active {
	color: #414141;
} 


/* ------------------------------------- */
/*                GALLERY                */
/* ------------------------------------- */

#gallery {
	padding: 0px 0 30px;
}


.thumb {
	width: 120px;
	height: 80px;
	overflow: hidden;
	float: left;
	border: 3px solid #444444;
	margin: 0px 8px 8px 0px;
}

.thumb img {
	float: left;

	border: #333;
	margin-right: 15px;
	margin-bottom: 15px;
}


/* ------------------------------------- */
/*              PAGINATION               */
/* ------------------------------------- */
 
.pagination {
	width: 528px;
	clear: both;

}

.pagination .previous, .pagination .next {
	width: 25%;
	float: left;
}

.pagination .info {
	width: 50%;
	float: left;
	text-align: center;
	font-size: 1em!important;
}

.pagination .previous {
	text-align: left;
}

.pagination .next {
	text-align: right;
}

/* ------------------------------------- */
/*              GOOGLE MAPS              */
/* ------------------------------------- */

#map {
	width: 100%;
	height: 400px;
	margin: 20px 0;
	text-align: center;
	background: url(../images/loading.gif) no-repeat center;
}


/* ------------------------------------- */
/*             FORM ELEMENTS             */
/* ------------------------------------- */


form {

}

form ul {
	list-style-type: none;
}

fieldset {
	border: none;
}

.field {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	clear: both;
}

.label {
	float: left;
	width: 200px;
	padding-top: 5px;
	padding-right: 15px;
	text-align: right;
	font-weight: bold;
}

.element, .element-submit {
	float: left;
	width: 300px;
}

.element input {

}

.element .check {
	width: 15px;
	border: none;
}

.element input, .element textarea, .element select {
	border: 1px solid #ccc;
	padding: 6px 10px;
	height: 14px;
	width: 180px;
	/*-moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;*/
	font-family: Arial, Helvetica, sans-serif!important;
	font-weight: normal;
	color: #333333;
		font-size: 1em;
}

.element textarea {
	width: 280px;
	height: 200px;
	border: 1px solid #C8C8C8;
	/*-moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;*/
		font-size: 1.10em;
}

.element input.error, .element textarea.error  {
	border: 1px solid #990000!important;
}

.element-submit input {
	color: #fff;
	border: none;
	background: #000;
	width: 90px;
	height: 28px;
	padding: 3px 2px 4px;
	/*-moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;*/
	font-size: 0.9em;
	font-weight: bold;
}

.element select {
	height: auto;
	width: 202px;
}

.element-submit input:hover {
	background: #212121;
	cursor: pointer;
}


label.error {
	margin-top: 4px;
	border: none!important;
	clear: both;
	float: left;
	color: #990000;
	font-weight: bold;
}

form label.error {
	padding: 6px 0px 6px;

}

.mandatory {
	color: #990000;
}


/* ------------------------------------- */
/*             MISC CLASSES              */
/* ------------------------------------- */

#access, #print-logo {
	height: 0px;
	display: none;
}

.float-left { 
	float: left;
}

.float-right { 
	float: right;
}

.clear {
	clear: both;
}

.error-box, .success-box {
	border: 1px dashed;
	margin:20px auto;
	padding:3px;
}

.error-box p, .success-box p {
	color: #fff;
	font-weight:bold;
	padding:5px;
	margin: 0 0;
}

.success-box {
	border-color: #058c05 ;
}

.error-box p {
	background-color: #b32929;
}

.success-box p {
	background-color:#058c05;
}

.title {
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

.hide, .hidden, .prepare {
	visibility: hidden;
	display:none;
	height: 0px;
}

.show, .visible {
	visibility: visible;
	display: block;
	height: auto!important;
}
 
.webscript { color: #888888; }

.fieldemail {
	height: 0px;
	visibility:hidden;
}

.calcellhover { 
  background-color: #ddd !important;
}

.calcell.selected { 
  background-color: #000 !important;
  color : #fff !important;
}