/*
Purple #622567
Brown #AE9A63
Green #7F7A00
Grey #949494
Light Grey #DFDFDF
*/

/* Inns Buttons */

#booking-button-offset{margin-left:10px;}

#button-offset-top{margin-top:189px;}

/* Start Button Styles */
.button-wrap{width:300px; margin-top:10px;}

	/* Start Top */
.button-wrap .top-brown{width:300px; height:10px; background-image:url(../images/buttons/brown-top.gif);}
.button-wrap .top-green{width:300px; height:10px; background-image:url(../images/buttons/green-top.gif);}
.button-wrap .top-purple{width:300px; height:10px; background-image:url(../images/buttons/purple-top.gif);}
.button-wrap .top-grey{width:300px; height:10px; background-image:url(../images/buttons/grey-top.gif);}

.button-wrap .top-winter{width:300px; height:10px; background-image:url(../images/buttons/wine-top.gif);}
.button-wrap .top-spring{width:300px; height:10px; background-image:url(../images/buttons/green-top.gif);}
.button-wrap .top-summer{width:300px; height:10px; background-image:url(../images/buttons/sky-top.gif);}
.button-wrap .top-autumn{width:300px; height:10px; background-image:url(../images/buttons/rust-top.gif);}
	/* Used for back button */
.button-wrap .top-light-grey{width:300px; height:10px; background-image:url(../images/buttons/light-grey-top.gif);}
	/* End Top */

	/* Start Inner */
.button-wrap .inner-wrap-brown{width:300px; min-height:20px; height:auto !important; height:20px; float:left; background-color:#AE9A63;} /* Same as border colour */
.button-wrap .inner-wrap-green{width:300px; min-height:20px; height:auto !important; height:20px; float:left; background-color:#7F7A00;} /* Same as border colour */
.button-wrap .inner-wrap-purple{width:300px; min-height:20px; height:auto !important; height:20px; float:left; background-color:#622567;} /* Same as border colour */
.button-wrap .inner-wrap-grey{width:300px; min-height:20px; height:auto !important; height:20px; float:left; background-color:#949494;} /* Same as border colour */
	/* Used for back button */
.button-wrap .inner-wrap-light-grey{width:300px; min-height:20px; height:auto !important; height:20px; float:left; background-color:#DFDFDF;} /* Same as border colour */
	/* End Inner */

	/* Start Center */
.button-wrap .inner-wrap-brown .center-brown{width:300px; min-height:20px; height:auto !important; height:20px; float:left; background-color:#AE9A63;}
.button-wrap .inner-wrap-green .center-green{width:300px; min-height:20px; height:auto !important; height:20px; float:left; background-color:#7F7A00;}
.button-wrap .inner-wrap-purple .center-purple{width:300px; min-height:20px; height:auto !important; height:20px; float:left; background-color:#622567;}
.button-wrap .inner-wrap-grey .center-grey{width:300px; min-height:20px; height:auto !important; height:20px; float:left; background-color:#949494;}

.button-wrap .inner-wrap-winter .center-winter{width:300px; min-height:70px; height:auto !important; height:80px; float:left; background-color:#882345;}
.button-wrap .inner-wrap-spring .center-spring{width:300px; min-height:70px; height:auto !important; height:80px; float:left; background-color:#7F7A00;}
.button-wrap .inner-wrap-summer .center-summer{width:300px; min-height:70px; height:auto !important; height:80px; float:left; background-color:#64A0C8;}
.button-wrap .inner-wrap-autumn .center-autumn{width:300px; min-height:70px; height:auto !important; height:80px; float:left; background-color:#C75B12;}
	/* Used for back button */
.button-wrap .inner-wrap-light-grey .center-light-grey{width:300px; min-height:20px; height:auto !important; height:20px; float:left; background-color:#DFDFDF;}
	/* End Center */
	
.center-winter h3, .center-spring h3, .center-summer h3, .center-autumn h3{
		width:300px; padding-left:10px; padding-right:10px; color:#FFFFFF;
		font-size:1.30em; text-transform: uppercase; font-weight:200; font-family:"Trebuchet MS", Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
}
.center-winter h3 a, .center-spring h3 a, .center-summer h3 a, .center-autumn h3 a{
		color:#FFFFFF; text-decoration:none; 
}
.center-winter h3 a:hover, .center-spring h3 a:hover, .center-summer h3 a:hover, .center-autumn h3 a:hover{
		text-decoration:underline;
}

.center-winter p, .center-spring p, .center-summer p, .center-autumn p{
		width:280px; padding-left:10px; padding-right:10px; font-size:0.90em; color:#FFFFFF;
}

.center-grey p {width:280px; padding-left:10px; padding-right:10px; font-size:0.70em; color:#fff;}
.center-grey p a{color:#fff; text-decoration:underline;}
.center-grey p a:hover{color:#fff; text-decoration:underline;}

	/* Start Link Style*/

			/* Brown Arrow */
.center-brown .nav-brown{
		width:300px; margin:0; padding:0;
		list-style:none; 
}
.center-brown .nav-brown li {
		height:1%; /* Forces hasLayout (ie6) */
		display: inline; /* Removes additional verticle whitespace (ie7) */
		display:block;
		padding-left:10px; padding-top:0px; padding-bottom:0px;
		background-repeat:no-repeat;
		background-image:url(../images/buttons/brown-arrow.gif);
		background-position:0px 1px;
		color:#fff;
		font-family:"Trebuchet MS", Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
		font-size:1.10em; 
}
.center-brown .nav-brown li a {color:#fff; text-decoration:none;}
.center-brown .nav-brown li a:hover {color:#fff; text-decoration:underline;}

			/* Green Arrow */
.center-green .nav-green{
		width:300px; margin:0; padding:0;
		list-style:none; 
}
.center-green .nav-green li {
		height:1%; /* Forces hasLayout (ie6) */
		display: inline; /* Removes additional verticle whitespace (ie7) */
		display:block;
		padding-left:10px; padding-top:0px; padding-bottom:0px;
		background-repeat:no-repeat;
		background-image:url(../images/buttons/green-arrow.gif);
		background-position:0px 1px;
		color:#fff; 
		font-family:"Trebuchet MS", Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
		font-size:1.10em; 
}
.center-green .nav-green li a {color:#fff; text-decoration:none;}
.center-green .nav-green li a:hover {color:#fff; text-decoration:underline;}

			/* Purple Arrow */
.center-purple .nav-purple{
		width:300px; margin:0; padding:0;
		list-style:none; 
}
.center-purple .nav-purple li {
		height:1%; /* Forces hasLayout (ie6) */
		display: inline; /* Removes additional verticle whitespace (ie7) */
		display:block;
		padding-left:10px; padding-top:0px; padding-bottom:0px;
		background-repeat:no-repeat;
		background-image:url(../images/buttons/purple-arrow.gif);
		background-position:0px 1px;
		color:#fff; 
		font-family:"Trebuchet MS", Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
		font-size:1.10em; 
}
.center-purple .nav-purple li a {color:#fff; text-decoration:none;}
.center-purple .nav-purple li a:hover {color:#fff; text-decoration:underline;}

			/* Grey Arrow */
.center-grey .nav-grey{
		width:300px; margin:0; padding:0;
		list-style:none; 
}
.center-grey .nav-grey li {
		height:1%; /* Forces hasLayout (ie6) */
		display: inline; /* Removes additional verticle whitespace (ie7) */
		display:block;
		padding-left:10px; padding-top:0px; padding-bottom:0px;
		background-repeat:no-repeat;
		background-image:url(../images/buttons/grey-arrow.gif);
		background-position:0px 1px;
		color:#fff; 
		font-family:"Trebuchet MS", Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
		font-size:1.10em; 
}
.center-grey .nav-grey li a {color:#fff; text-decoration:none;}
.center-grey .nav-grey li a:hover {color:#fff; text-decoration:underline;}

			/* Light Grey Arrow */
				/* Used for back button */
.center-light-grey .nav-light-grey{
		width:300px; margin:0; padding:0;
		list-style:none; 
}
.center-light-grey .nav-light-grey li {
		height:1%; /* Forces hasLayout (ie6) */
		display: inline; /* Removes additional verticle whitespace (ie7) */
		display:block;
		padding-right:10px; padding-top:0px; padding-bottom:0px;
		background-repeat:no-repeat;
		background-image:url(../images/buttons/light-grey-arrow.gif);
		background-position:0px 1px;
		color:#622567; 
		font-family:"Trebuchet MS", Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
		font-size:1.10em;
		text-align:right;
}
.center-light-grey .nav-light-grey li a {color:#622567; text-decoration:none;}
.center-light-grey .nav-light-grey li a:hover {color:#622567; text-decoration:underline;}


	/* End Link Style*/

	/* Start Bottom */
.button-wrap .bottom-brown{width:300px; height:10px; background-image:url(../images/buttons/brown-bottom.gif);}
.button-wrap .bottom-green{width:300px; height:10px; background-image:url(../images/buttons/green-bottom.gif);}
.button-wrap .bottom-purple{width:300px; height:10px; background-image:url(../images/buttons/purple-bottom.gif);}
.button-wrap .bottom-grey{width:300px; height:10px; background-image:url(../images/buttons/grey-bottom.gif);}

.button-wrap .bottom-grey-details{width:300px; height:10px; background-image:url(../images/buttons/grey-bottom.gif); margin-bottom:30px;}

.button-wrap .bottom-winter{width:300px; height:10px; background-image:url(../images/buttons/wine-bottom.gif);}
.button-wrap .bottom-spring{width:300px; height:10px; background-image:url(../images/buttons/green-bottom.gif);}
.button-wrap .bottom-summer{width:300px; height:10px; background-image:url(../images/buttons/sky-bottom.gif);}
.button-wrap .bottom-autumn{width:300px; height:10px; background-image:url(../images/buttons/rust-bottom.gif);}
	/* Used for back button */
.button-wrap .bottom-light-grey{width:300px; height:10px; background-image:url(../images/buttons/light-grey-bottom.gif);}
	/* End Bottom */
/* End Button Styles */