/*
Stylesheet For: VSI Template V4.1
URL: http://www.vsitemplate4.co.uk
Version: v1.0
Author: VSI-Thinking, http://www.vsi-thinking.com
*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* CONTENTS

   A: Universal Elements
      1. Body & Html
      2. Hyperlinks
      3. General Divs
      4. Headings

   B: Structure
      1. Header & Navigation
      2. Content Wrapper
      3. Sidebar
      4. Main Body
	  5. Footer

	C: Modules
                                                               */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* *********************************************************** */
/* A. Universal Elements                                       */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* A1. Body & Html                                             */
/* ----------------------------------------------------------- */
body, html {
	background: #27583C;
	margin: 0px;
	padding: 0px;
	color: #2B2B2A;
}
body, p, div, td {
	font-family: "Lucida Sans",Arial,Verdana;
	font-size: small;
}

/* ----------------------------------------------------------- */
/* A2. Hyperlinks                                              */
/* ----------------------------------------------------------- */
a {
	color: #145A2E;
	text-decoration: none;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}
/* ----------------------------------------------------------- */
/* A3. General Divs                                            */
/* ----------------------------------------------------------- */
div.clearfix {
	clear: both;
}
div.content {
	width: 974px;
	padding-left: 10px;
	padding-right: 10px;
	margin: auto auto;	
}
div.hr {	
	border-top: #C3C3C3 1px solid;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.hr hr {
	display: none;
}

/* ----------------------------------------------------------- */
/* A4. Headings                                                */
/* ----------------------------------------------------------- */
h1 {
	color: #145A2E;
	margin-top: 0px;
	font-size: x-large;
	font-weight: bolder;
}
h2 {
	color: #490C0C;
	font-size: 150%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 100%;
}
/* *********************************************************** */
/* B. Structure                                                */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* B1. Header & Navigation                                     */
/* ----------------------------------------------------------- */
#Top {
	background: #450A0A url(../../pics/bg-top.gif) repeat-x bottom left;
	height: auto !important;
	height: 30px;
	min-height: 30px;
}
#Top .content {
	background: transparent url(../../pics/logo-top.gif) no-repeat bottom left;
	height: auto !important;
	height: 30px;
	min-height: 30px;
	text-align: right;
}
#Top span.tel {
	display: block;
	width: 145px;
	padding: 4px;
	font-size: 120%;
	color: #FFFFFF;
	font-weight: bold;
	background: transparent url(../../pics/tel.gif) no-repeat 0px 2px;
	float: right;
}
#Header {
	background: #FFFFFF url(../../pics/bg-head.gif) repeat-x top left;
	height: auto !important;
	height: 110px;
	min-height: 110px;
}
#Header .content {
	background: transparent url(../../pics/bg-head-content.gif) no-repeat top right;
	height: auto !important;
	height: 110px;
	min-height: 110px;
}
#Header img {
	float: left;
}
#Header h1 {
	margin: 0px;
	padding-top: 27px;
	padding-left: 150px;
	color: #FFFFFF;
	text-indent: -9999px;
	background: transparent url(../../pics/greens-of-southern-wales.gif) no-repeat 150px 24px;
}

#Header h1 strong{
	color: #99CE84;
}


#Menu {
	height: 32px;
}
#Menu ul {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	list-style: none;
	height: 32px;
}
#Menu ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
}
#Menu ul li a {
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
}
#Menu ul li.selected a {
	background: #002739;
	color: #FFFFFF;
	font-weight: bold;
}
#Menu ul li a:hover {
	color: #FFFFFF;
	background: #002739;
}

/* ----------------------------------------------------------- */
/* B2. Content Wrapper                                         */
/* ----------------------------------------------------------- */
#Wrapper {
	padding-bottom: 10px;
	padding-top: 10px;
	background: #FFFFFF;
}

/* ----------------------------------------------------------- */
/* B2. Banner & Features                                       */
/* ----------------------------------------------------------- */
#Wrapper #PageBanner {
	background: #CCCCCC url(../../downloaddocument.aspx?imageid=154) no-repeat top left;
	width: 780px;
	height: 220px;
}
#Wrapper #PageBanner #Banner {
	width: 780px;
	height: 220px;
}
#Wrapper #Features {
	float: right;
	width: 183px;
	height: 220px;
}
#Wrapper #Features .feature a {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 13px;
	height: 53px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#Wrapper #Features .featureTelephone a {
	color: #FFFFFF;
	text-decoration: none;
}
#Wrapper #Features .feature a span {
	font-size: 150%;
}
#Wrapper #Features .feature a:hover,
#Wrapper #Features .featureTelephone a:hover {
	color: #99CE84;
}

#Wrapper #Features .featureTelephone {
	background: #450A0A url(../../pics/features/telephone.gif) no-repeat top left;
	height: 53px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 13px;
	font-weight: bold;
}
#Wrapper #Features .featureTelephone span {
	font-size: 150%;
}
#Wrapper #Features .featureTeeTime {
	background: #0A4526 url(../../pics/features/golf.gif) no-repeat top left;
	margin-top: 11px;
}
#Wrapper #Features .featureOffers {
	background: #4E0E0E url(../../pics/features/grass.gif) no-repeat top left;
	margin-top: 11px;
	text-align: right;
}
/* ----------------------------------------------------------- */
/* B3. Side Bar                                                */
/* ----------------------------------------------------------- */
#Wrapper #Navigation {
	width: 199px;
	padding-right: 10px;
	padding-top: 10px;
	float: left;
}
#Wrapper #Navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#Wrapper #Navigation ul li {
	width: 190px;
	margin-bottom: 1px;
	margin-top: 1px;
}
#Wrapper #Navigation ul li a {
	display: block;
	padding: 5px;
	color: #2A0505;
	border-bottom: #E7EEEA 1px solid;;
	text-decoration: none;
	font-size: 120%;
}
#Wrapper #Navigation ul li.buttonSubMenu {
	font-size: 85%;
}
#Wrapper #Navigation ul li.buttonSubMenu a {
	padding-left: 25px;
	color: #145A2E;
}
#Wrapper #Navigation ul li a:hover {
	background: #2A0505;
	color: #FFFFFF;
	text-decoration: none;
}

/* ----------------------------------------------------------- */
/* B4. Main Body                                               */
/* ----------------------------------------------------------- */
#Wrapper #Page {
	width: 755px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	float: right;
	padding-left: 10px;
	padding-top: 10px;
}


/* ----------------------------------------------------------- */
/* B5. Footer                                                  */
/* ----------------------------------------------------------- */
#Footer {
	background: transparent url(../../pics/bg-footer.gif) repeat-x top left;
}
#Footer .content {
	padding-bottom: 40px;
	padding-top: 10px;
}
#Footer #GOSW {
	background: transparent url(../../pics/logo-footer.gif) no-repeat top left;
	height: auto !important;
	height: 55px;
	min-height: 55px;
	color: #93C1A2;
	padding-left: 65px;
	padding-top: 5px;
	width: 500px;
	float: left;
}
#Footer #GOSW span {
	display: block;
	background: transparent url(../../pics/greens-of-southern-wales-sm.gif) no-repeat top left;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: -9999px;
}
#Footer #GOSW strong {
	font-weight: normal;
	color:#FFFFFF;
}
#Footer #Copyright {
	width: 400px;
	float: right;
	text-align: right;
	color: #99CE84;
}

#Footer #Copyright .copytext {
	 margin-bottom: 5px;
}

#Footer #Copyright .visitwales {
	margin-bottom: 12px;
}

#Footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#Footer ul li {
	list-style-type: none;
	float: left;
	padding: 5px;
}
#Footer ul li a {
	font-size: small;
	color: #2B2B2A;
	text-decoration: none;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#Footer ul li a:hover {
	color: #00AFFF;
	background: #003D5A;
}


/* *********************************************************** */
/* C. Modules                                                					    */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* Site Search                                                		 */
/* ----------------------------------------------------------- */
table.siteSearchResults {
	width: 100%;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 10px;

}
table.siteSearchResults th {
	margin: 0px;
	background: #00405D;
	padding: 3px;
	color: #FFFFFF;
	text-align: left;
}
table.siteSearchResults th.siteSearchRank {
	width: 80px;
}
table.siteSearchResults td {
	padding: 3px;
	margin: 0px;
	border-bottom: #E9E9E9 1px  solid;
}


/* ----------------------------------------------------------- */
/* Pagination 1                                                */
/* ----------------------------------------------------------- */
table#tblNav {
	width: 100%;
	background: #E9E9E9;
	padding: 5px;
}

div#paginationOptions{
	position: absolute;
	z-index: 100;
	border: 1px solid black;
	padding: 5px;
	background-color: #ffffff;
	width: 180px;
	margin-left: 12%;
	display: none;
	margin-top: -100px;
}

/* ----------------------------------------------------------- */
/* Boxes		                                               */
/* ----------------------------------------------------------- */
.box {
	background: #E7EEEA;
	padding: 10px;
}
.box table {
	width: 100%;
}
.box table td {
	padding: 5px;
}


.boxA {
	background: #E7EEEA;
	padding: 10px;
	margin-bottom: 10px;
}
.boxA img {
	float: left;
}
.boxA h2 {
	padding: 0px;
	padding-left: 126px;
	margin: 0px;
}
.boxA p {
	padding-left: 126px;
}


.boxB {
	background: #EDE7E7;
	padding: 10px;
	margin-bottom: 10px;
}
.boxB img {
	float: right;
}
.boxB h2 {
	padding: 0px;
	padding-right: 126px;
	margin: 0px;

}
.boxB p {
	padding-right: 126px;
}


.boxA h2 a,.boxB h2 a {
	color: #490C0C;
	text-decoration: none;
	font-weight: bold;
}
.boxA h2 a:hover,.boxB h2 a:hover {
	color: #99CE84;
}
.boxA p a,.boxB p a {
	font-weight: bold;
}

/* ----------------------------------------------------------- */
/* Accommodation                                               */
/* ----------------------------------------------------------- */

/* ACCOMODATION LIST BOX */
.boxAccom {
	background: #E7EEEA;
	padding: 10px;
	margin-bottom: 10px;
}
.boxAccom h2 {
	margin: 0px;
	padding: 0px;
}
.boxAccom p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.boxAccom p.link {
	text-align: right;
	margin-bottom: 0px;
}

/* ACCOMODATION VIEW */
.accommodation {
	width: 493px; 
	float: left; 
	border-right: #99CE84 2px solid; 
	padding-right: 10px;
}
.accommodation .slideshow {
	background:#E7EEEA; 
	margin-top: 20px; 
	padding: 0px; 
	margin: 0px;
}
.accommodation .slideshow #accommodationSlideshow  {
	width: 300px; 
	height: 148px; 
	float: left;
}
.accommodation .accommodationDescription {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* RATINGS BOX */
#accommodationRating {
	width: 193px; 
	float: right;
}
ul.ratings {
	margin: 0px;
	padding: 10px;
	list-style: none;
}
ul.ratings li {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
ul.ratings li span {
	font-weight: normal;
	font-size: 85%;
}
ul.ratings li span.r5 {
	background: transparent url(../../pics/rating-5.gif) no-repeat top left;
	padding-left: 65px;
}
ul.ratings li span.r4 {
	background: transparent url(../../pics/rating-4.gif) no-repeat top left;
	padding-left: 53px;
}
ul.ratings li span.r3 {
	background: transparent url(../../pics/rating-3.gif) no-repeat top left;
	padding-left: 41px;
}
ul.ratings li span.r2 {
	background: transparent url(../../pics/rating-2.gif) no-repeat top left;
	padding-left: 29px;
}
ul.ratings li span.r1 {
	background: transparent url(../../pics/rating-1.gif) no-repeat top left;
	padding-left: 17px;
}
ul.ratings li span.r0 {
	padding-left: 0px;
}

/* SIDE BOX */
.accommodationSide {
	width: 240px; 
	float: right; 
	margin-left: 10px;
}

/* ----------------------------------------------------------- */
/* Clubs                                              */
/* ----------------------------------------------------------- */

/* ACCOMODATION LIST BOX */
.boxClub {
	background: #E7EEEA;
	padding: 10px;
	margin-bottom: 10px;
}
.boxClub h2 {
	margin: 0px;
	padding: 0px;
}
.boxClub p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.boxClub p.link {
	text-align: right;
	margin-bottom: 0px;
}

/* CLUB VIEW */
.club {
	width: 493px; 
	float: left; 
	border-right: #99CE84 2px solid; 
	padding-right: 10px;
}
.club .slideshow {
	background:#E7EEEA; 
	margin-top: 20px; 
	padding: 0px; 
	margin: 0px;
}
.club .slideshow #clubSlideshow  {
	width: 493px; 
	height: 240px; 
	float: left;
}
.club .clubDescription {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* ----------------------------------------------------------- */
/* Featured Accommodation                                      */
/* ----------------------------------------------------------- */

.accommodationFeatured h3 {
	background: #0B4626; 
	padding: 3px; 
	color: #FFFFFF; 
	margin: 0px;
}
.accommodationFeatured div {
	background: #E7EEEA; 
	padding: 10px; 
	margin-bottom: 10px;
}
.accommodationFeatured div h4 {
	margin:0px;
	padding:0px;
}
.accommodationFeatured div p {
	font-size:85%; 
}
.accommodationFeatured div p.link {
	text-align: right; 
	margin: 0px; 
	padding: 0px;
}

/* ----------------------------------------------------------- */
/* Special Offer		                                       		*/
/* ----------------------------------------------------------- */

.specialOffer {
	margin-bottom: 10px;
}
.specialOffer h3 {
	background: #450A0A; 
	padding: 3px; 
	color: #FFFFFF; 
	margin: 0px;
}
.specialOffer div {
	background: #E7EEEA; 
	padding: 10px; 
	border-bottom: #99CE84 1px solid;
}

/* ----------------------------------------------------------- */
/* Golf Breaks			                                       */
/* ----------------------------------------------------------- */
.golfBreaks {
	background:#D1DDD6;
}
.golfBreaks .golfBreak,
.golfBreaks .golfBreakAlternate {
	width:355px; 
	float:left; 
	padding:5px;
}
.golfBreaks .golfBreakAlternate {
	text-align:right;
}
.golfBreaks .golfBreak a,
.golfBreaks .golfBreakAlternate a {
	font-weight:bold;
	font-size:medium;
	color:#297445;
}
a.BookNowButton {
	padding:4px;
	color:#FFFFFF;
	background:#145A2E;
	border:1px solid #000000;
}
a.BookNowButton:hover {
	text-decoration:none;
	background:#339966;
}

/* ----------------------------------------------------------- */
/* Enquiry Form			                                       */
/* ----------------------------------------------------------- */
table.enquiryForm td {
	padding: 3px;
}

div.vsiNewsArticle {
	background: #E7EEEA;
	padding: 10px;
	margin-bottom: 10px;
}
div#articleLargeImage{
	position:absolute;
	padding: 10px;
	background-color: #ffffff;
	display: none;
	cursor: pointer;
	border: 3px solid #dddddd;
}

div#articleLargeImage img{
	border: 1px solid #dddddd;
}

div#articleMediumImage{
	cursor: pointer;
}


/* ----------------------------------------------------------- */
/* C2. Google Map                                              	*/
/* ----------------------------------------------------------- */

.googleMap {
    border: #27583C 1px solid;
    padding: 5px;
    height: 350px;
	margin-bottom: 10px;
	background: #E7EEEA;
}
.googleMap .GoogleMap {
    height: 345px;
}
.googleMap .GoogleMap .MapWindow h2 {
    color: #27583C;
	font-size: medium;
}


/* ----------------------------------------------------------- */
/* C2. Packages                                                	*/
/* ----------------------------------------------------------- */

#packages { }
#packages .package {
	margin: 8px 0px 0px 0px;
	padding: 4px;
}
#packages h2,
#packages .package h3,
#packages .package p {
	margin: 0px;
	padding: 0px;
}
#packages h2 {
	margin-top:12px;
}
#packages h3 {
	font-size:145%;
	height:40px;
	border-bottom:1px solid #D5E2DA;
}
#packages h3 a {
	color:#297445;
	text-decoration:none;
}
#packages h3 a:hover {
	color:#000000;
	text-decoration:underline;
}
#packages .price {
	text-align:right;
	font-size:180%;
	float:right;
	color:#ffffff;
	height:32px;
	padding:4px 4px 4px 14px;
	width:230px;
	background: url('../../pics/priceBg.gif') left top no-repeat;
}
#packages .package p { margin:4px 0px 4px 0px; }
#packages .package { background: #EEEEEE; }
td#packages .package { background: #EEEEEE; }


#smallBreakInfo{
	font-size:9pt;
	padding:5px;
	width:100%;
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
}


/* ----------------------------------------------------------- */
/* Submit BUtton                                               	*/
/* ----------------------------------------------------------- */

#Wrapper #contentArea .submitButton {
	padding: 4px;
	color: #FFFFFF;
	background: #145A2E;
	border: 1px solid #000000;
}