/****************************************************************/
/* Default styles for the whole site                            */
/****************************************************************/
.AyB-body-style
 {
 background: #C8FFFF;
 margin: 0px;
 padding: 0px;
 font-family: verdana;
 font-size: medium;
 font-weight: normal; 
 text-align: left;
 }

/****************************************************************/
/* Defines some general styles to be used everywhere.           */
/****************************************************************/
.common-header2
 { margin-top: 20px; border-top: 1px;  text-align: left; font-weight:bold;  font-style:italic; font-size: 107%; line-height: 130%;
 }

.common-header2-centered
 { margin-top: 20px; border-top: 1px; text-align: center; font-weight:bold;  font-style:italic; font-size: 107%;
 }

.common-underline
 { font-style: normal; text-decoration: underline;
 }

.common-italic
 { font-style: italic;
 }

.common-underline-and-italic
 { font-style: italic; text-decoration: underline;
 }

.common-bold
 { font-weight: bold;
 }

.common-bold-indented-underline-forlinks
 { font-weight: bold; text-decoration: underline; margin-left: 2%; font-size: 83%;
 }

.common-indented
 { margin-left: 2%;
 }

.common-testing
 { margin-left: 10%;
 }

.common-noprint
 { 
 }

/****************************************************************/
/* Defines the main central window in which everything is       */
/* displayed                                                    */
/****************************************************************/
.common-container
 {  width: 840px; position: absolute; left: 50%;  margin-left: -420px; 
 }


/****************************************************************/
/* Defines the container for the main image bar on most pages   */
/* except the front page and the gallery.                       */
/****************************************************************/

.common-image-bar-container
 { padding-top: 15px; padding-bottom: 1px; margin-bottom: 5px; width: 110%; position: relative; left: -5%;
 } 


/****************************************************************/
/* Defines the positioning, size etc for the three images that  */
/* form the main image bar on most pages except the front page  */
/* and the gallery.                                             */
/****************************************************************/
#common-image-bar-container-middle
 { width: 230px; height: auto; margin-left:13px; margin-right: 13px;
 }

#common-image-bar-container-left img
 { border: 2px solid #C8FFFF;  width: 260px; height: auto; margin-left: 60px; 
 }

#common-image-bar-container-left img:hover
 { border: 2px solid #0000FF; width:  260px; height: auto; margin-left: 60px; 
 }

#common-image-bar-container-right img
 {border: 2px solid #C8FFFF;  width: 260px; height: auto; margin-left: 0px; 
 }

#common-image-bar-container-right img:hover
 { border: 2px solid #0000FF; width: 260px; height: auto; margin-left: 0px; 
 }


/****************************************************************/
/* Defines the container for the page heading and the badges:   */
/* 'Visit Wales' logo and other awards.                         */
/* Used on most pages except the front page.                    */
/****************************************************************/
.common-header-badges-container
 { clear: both;
 }

.common-header-badges-container img
 { float: right; margin-left: 2px; margin-right: 2px;
 }

.common-header-badges-container h1
 { padding-top: 20px; text-align: left; font-weight: normal;  font-style:italic; font-size: 180%;
 }

/****************************************************************/
/* Defines the area below the main body container for content   */
/* that stretches across the 'page'.                            */
/****************************************************************/
.common-footer
 { clear: both; font-size: 83%; line-height: 130%;
 }



/****************************************************************/
/* Defines the container for the language icons.                */
/* Used on nearly all pages                                     */
/****************************************************************/
.common-languageicons
 { display: none; 
 }


/****************************************************************/
/* Defines the container for the navigation area. This sits on  */
/* on the left hand side and occupies a small portion of the    */
/* vertical space.                                              */
/* Used on nearly all pages.                                    */
/****************************************************************/
.common-mainbody-leftside
 { float: left; width: 27%; clear: right; word-wrap: break-word; 
 }


/****************************************************************/
/* Defines the container for the main body of content. This sits*/
/* on the right hand side and occupies most of                  */
/* the vertical space.                                          */
/* Used on nearly all pages.                                    */
/****************************************************************/
.common-mainbody-rightside
 { float: right; width: 71%; clear: right; 
 }

.common-mainbody-rightside P
 { font-size: 83%; line-height: 130%;
 }

.common-mainbody-rightside UL LI
 {
 margin-top:  -10px; 
 }

.common-mainbody-rightside UL LI P
 {
 /*margin-top: -5px;*/
 }

/****************************************************************/
/* Defines styles for a two column list within the main body,   */
/* e.g the breakfast list.                                      */
/****************************************************************/
.common-two-v-col-list
 { margin-top: 1px; margin-bottom: 1px;
 }

.common-two-v-col-list UL
 { margin-top: 10px;  /* Introduced for Ie6 and IE7 but is still OK for newer browsers */
 }

.common-two-v-col-list LI 
 { list-style-type: none; margin-left: -15%; text-align: left; 
 }

.common-two-v-col-list LI P
 {
 font-size: 75%; 
 }
 
.common-two-v-col-list-left
 { float: left; width: 48%;
 }
* html .common-two-v-col-list-left LI { margin-bottom: -15px; }    /* for IE 6 */
* + html .common-two-v-col-list-left  LI { margin-bottom: -15px; }  /* for IE 7 */

.common-two-v-col-list-right
 { float: right; width: 48%;
 }
* html .common-two-v-col-list-right LI { margin-bottom: -15px; }    /* for IE 6 */
* + html .common-two-v-col-list-right  LI { margin-bottom: -15px; }  /* for IE 7 */

/****************************************************************/
/* Useful style for elements that follow floating elements.     */
/****************************************************************/
.common-clearboth
 { clear: both;
 }

/****************************************************************/
/* Defines styles for the navigation links. Applies to both the */
/* primary links (e.g. "Home Page") and secondary links         */
/* (e.g. "Website Links" ).                                     */
/* This sits in the left side container.                        */
/* Used on nearly all pages.                                    */
/****************************************************************/
.common-navigation 
 { margin-bottom: 0px;
 }

.common-navigation UL LI
 { padding-top: 3px; list-style-type: none; margin-left: -40px; margin-top: 2px; text-align: left;
 }

.common-navigation UL LI A
 { font-size: 85%;
 }


/****************************************************************/
/* Defines styles for the Ael y Bryn email address area. This   */
/* sits in the left hand side container.                        */
/* Used on nearly all pages.                                    */
/****************************************************************/
.common-mailto
 { margin-top: 20px;
 }
* html .common-mailto { margin-top: -10px; }    /* for IE 6 */
* + html .common-mailto { margin-top: -10px; }  /* for IE 7 */

.common-mailto P
 { font-size: 60%;
 }


/****************************************************************/
/* Defines styles for the Ael y Bryn address area. This         */
/* sits in the left hand side container.                        */
/* Used on nearly all pages.                                    */
/****************************************************************/
.common-addressandphone
 { margin-top: 40px;
 }

.common-addressandphone P
 { margin-top: -15px; font-weight: normal; font-size: 90%; line-height: 120%;
 }
* html .common-addressandphone P { line-height: 90%; }    /* for IE 6 */
* + html .common-addressandphone P { line-height: 90%; }  /* for IE 7 */



/****************************************************************/
/* Defines style for the horizontal line.                       */
/* Used on many pages.                                          */
/****************************************************************/
.common-horizontal-line
 { width: 98%; margin-bottom: 20px; clear: both; 
 }
* html .common-horizontal-line { margin-bottom: -20px; }    /* for IE 6  to remove an unwanted margin */
* + html .common-horizontal-line { margin-bottom: -20px; }  /* for IE 7  to remove an unwanted margin */



/****************************************************************/
/* Defines style for printing the url. Used for printing only,  */
/* therefore only defined here to suppress display              */
/*                                                              */
/****************************************************************/
.common-URLaddress-print
 {
 display: none;
 }

/****************************************************************/
/* Defines styles for displaying galleries of                   */
/* thumbnail photographs.                                       */
/*                                                              */
/****************************************************************/

.common-gallery
 {
 text-align: left; word-wrap: break-word; font-size: 79%; width: 105%; 
 }

.common-gallery a img
 { margin-top: 1px; border: 2px solid #C8FFFF;
 }

.common-gallery a:hover img
 { margin-top: 1px; border: 2px solid #0000FF;
 }

.common-gallery-type-133
 { vertical-align: top; display: -moz-inline-box; display: inline-block; width: 137px; height: auto;  padding-top: 10px; 
 }
* html .common-gallery-type-133 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-133 { display:inline; }  /* for IE 7 */


.common-gallery-type-124
 { vertical-align: top; display: -moz-inline-box; display: inline-block; width: 128px; height: auto;  padding-top: 10px; 
 }
* html .common-gallery-type-124 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-124 { display:inline; }  /* for IE 7 */


.common-gallery-type-62
 {  vertical-align: top; display: -moz-inline-box; display: inline-block; width: 66px; height: auto;   padding-top: 10px;
 }
* html .common-gallery-type-62 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-62 { display:inline; }  /* for IE 7 */


.common-gallery-type-140
 {  vertical-align: top; display: -moz-inline-box; display: inline-block; width: 144px; height: auto;  padding-top: 10px;
 }
* html .common-gallery-type-140 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-140 { display:inline; }  /* for IE 7 */


.common-gallery-type-138
 {  vertical-align: top; display: -moz-inline-box; display: inline-block; width: 142px; height: auto;  padding-top: 10px; 
 }
* html .common-gallery-type-138 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-138 { display:inline; }  /* for IE 7 */


.common-gallery-type-135
 {  vertical-align: top; display: -moz-inline-box; display: inline-block; width: 139px; height: auto;  padding-top: 10px;
 }
* html .common-gallery-type-135 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-135 { display:inline; }  /* for IE 7 */


.common-gallery-type-158
 {  vertical-align: top; display: -moz-inline-box; display: inline-block; width: 162px; height: auto;  padding-top: 10px;
 }
* html .common-gallery-type-158 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-158 { display:inline; }  /* for IE 7 */


.common-gallery-type-163
 {  vertical-align: top; display: -moz-inline-box; display: inline-block; width: 167px; height: auto; padding-top: 10px;
 }
* html .common-gallery-type-163 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-163 { display:inline; }  /* for IE 7 */


.common-gallery-type-79
 {  vertical-align: top; display: -moz-inline-box; display: inline-block; width: 83px; height: auto;  padding-top: 10px;
 }
* html .common-gallery-type-79 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-79 { display:inline; }  /* for IE 7 */


.common-gallery-type-90
 {  vertical-align: top; display: -moz-inline-box; display: inline-block; width: 94px; height: auto;  padding-top: 10px;
 }
* html .common-gallery-type-90 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-90 { display:inline; }  /* for IE 7 */


.common-gallery-type-170  
 {  vertical-align: top; display: -moz-inline-box; display: inline-block; width: 174px; height: auto; padding-top: 10px; 
 }
* html .common-gallery-type-170 { display:inline; }  /* for IE 6 */
* + html .common-gallery-type-170 { display:inline; }  /* for IE 7 */



/****************************************************************/
/*                                                              */
/* Styles specific to individual pages.                         */
/*                                                              */
/****************************************************************/
/****************************************************************/
/* ...index.html specific styles                                */
/****************************************************************/
/****************************************************************/
/* Defines the style for the main picture on the front page.    */
/****************************************************************/
.front-page-mainpicture
 { text-align: center; margin-top: 10px;
 }


/****************************************************************/
/* Defines the style for the badges on the front page.          */
/* The badges include the standard sized Visit Wales logo and   */
/* the Gold Award logoamongst others on the front page.         */
/****************************************************************/
.frontpagebadges
 { padding: 1px; float: right;
 }


/****************************************************************/
/* Defines the style for the heading on the front page.         */
/****************************************************************/
.frontpageheading
 { clear: right; 
 }

.frontpageheading H1
 { font-weight: normal;  font-style:italic; font-size: 180%; text-align: left; padding-top: 10px;
 }


/****************************************************************/
/* Defines the styles for the footer at the bottom              */
/* of the front page.                                           */
/****************************************************************/
.frontpagefooter
 { clear: both;
 }

.frontpagefooter P
 { font-style: italic; font-size:  83%; text-align: right; padding-top: 20px;
 }


/****************************************************************/
/* ...BreakfastAndDinner.html specific styles.                  */
/****************************************************************/
/****************************************************************/
/* Defines the styles to be applied to the sample dinner menu.  */
/****************************************************************/
.breakfastanddinner-sampledinner UL LI
 { list-style-type: none; padding-top: 3px;
 }

.breakfastanddinner-sampledinner UL LI P
 { font-style: italic; font-size: 75%;
 }

/****************************************************************/
/* ...EnvironmentPolicy.html specific styles.                   */
/****************************************************************/
#environmentpolicy-policycontainer
 { width: 790px; position: absolute; left: 50%;  margin-left: -395px; margin-top: 20px; background-color: #E0FFE0;
 }

#environmentpolicy-envpolicycontent H1
 { padding-top: 15px; font-weight: bold; font-size: 100%;
 }

#environmentpolicy-envpolicycontent p
 { font-weight: normal; font-size: 80%; line-height: 130%;
 }

#environmentpolicy-envpolicycontent UL LI
 { margin-top: -10px;
 }

#environmentpolicy-envpolicyfootnote P
 { font-style: italic; font-size: 87%; margin-top: 50px;
 }

#environmentpolicy-envpolicyfootnote P
 { text-align: right;
 }


#environmentpolicy-buttonarea form
 { float: right;
 }

/****************************************************************/
/* ...activities.html specific styles.                          */
/****************************************************************/

.activities-submenu
 {background-color: #80F0F0; border-top: 1px solid #000000; border-bottom: 1px solid #000000;
 }

.activities-submenu A
 { font-size: 80%; font-weight:bold; text-decoration: none; 
 }

.activities-submenu A:hover
 { font-size: 80%; font-weight:bold; text-decoration: none; background-color:  #C8FFFF;
 }

.activities-submenu-backtotop
 { float: right; text-align: right; border-top: 1px solid #000000; border-bottom: 1px solid #000000;
 }

.activities-submenu-backtotop A 
 {  font-size: 80%; font-weight:bold; text-decoration: none;  background-color: #80F0F0;  
 }

.activities-submenu-backtotop A:hover
 {  font-size: 80%; font-weight:bold; text-decoration: none;  background-color: #C8FFFF; 
 }


/****************************************************************/
/* ...activities-horseriding.html specific styles.              */
/****************************************************************/
#activities-horseriding-container
 { width: 790px; position: absolute; left: 50%;  margin-left: -395px; margin-top: 20px; background-color: #E0FFE0;
 }

#activities-horseriding-content H1
 { padding-top: 15px; font-weight: bold; font-size: 100%;
 }

#activities-horseriding-content H2
 { padding-top: 15px; font-weight: bold; font-size: 90%;
 }

#activities-horseriding-content p
 { font-weight: normal; font-size: 80%; line-height: 130%;
 }

#activities-horseriding-buttonarea form
 { float: right;
 }


/****************************************************************/
/* ...activities-boattrips.html specific styles.                */
/****************************************************************/
#activities-boattrips-container
 { width: 790px; position: absolute; left: 50%;  margin-left: -395px; margin-top: 20px; background-color: #E0FFE0;
 }

#activities-boattrips-content H1
 { padding-top: 15px; font-weight: bold; font-size: 100%;
 }

#activities-boattrips-content H2
 { padding-top: 15px; font-weight: bold; font-size: 90%;
 }

#activities-boattrips-content p
 { font-weight: normal; font-size: 80%; line-height: 130%;
 }

#activities-boattrips-buttonarea form
 { float: right;
 }



/****************************************************************/
/* ...activities-boattrips.html specific styles.                */
/****************************************************************/

#activities-adphotography-container
 { width: 790px; position: absolute; left: 50%;  margin-left: -395px; margin-top: 20px; background-color: #E0FFE0;
 }
 
#activities-adphotography-content H1
 { padding-top: 15px; font-weight: bold; font-size: 100%;
 }

#activities-adphotography-content H2
 { padding-top: 15px; font-weight: bold; font-size: 90%;
 }

#activities-adphotography-content p
 { font-weight: normal; font-size: 80%; line-height: 130%;
 }

#activities-adphotography-content img
 { margin-left: 8px;
 }


#activities-adphotography-buttonarea form
 { float: right;
 }



/****************************************************************/
/* ...TermasAndConditions.html specific styles.                 */
/****************************************************************/
#termsandconditions-container
 { width: 790px; position: absolute; left: 50%;  margin-left: -395px; background-color: #E0FFE0;
 }

#termsandconditions-content H1
 { padding-top: 15px; font-weight: bold; font-size: 100%;
 }

#termsandconditions-content H2
 { padding-top: 15px; font-weight: bold; font-size: 90%;
 }

#termsandconditions-content p
 { font-weight: normal; font-size: 80%; line-height: 130%;
 }

#termsandconditions-buttonarea form
 { float: right;
 }


/****************************************************************/
/* ...History.html specific styles.                             */
/****************************************************************/
.history-photolist UL
 { list-style-type: none; text-align: left;
 }

.history-photolist UL LI
 { margin-left: -40px; 
 }

.history-photolist UL LI P
 { font-size: 70%; line-height: 130%;
 }

.history-photolist UL LI A IMG
 { vertical-align: bottom; border: 2px solid #C8FFFF;
 }

.history-photolist UL LI A:hover img
 { vertical-align: bottom; border: 2px solid #0000FF;
 }

.history-text P
 { line-height: 160%;
 }


/****************************************************************/
/* ...Activities.html specific styles.                          */
/****************************************************************/
.activities-highlighted-background
 { margin-top: 20px; background-color: #E0FFE0;
 }

.activities-highlighted-background UL LI
 { list-style-type: none; margin-left: -5%;
 }

.activities-highlighted-background UL LI P
 { font-size: 90%; padding-top: 5px;
 }


/****************************************************************/
/* ...Enquiry.html specific styles.                          */
/****************************************************************/
.testclass TD
 {

 font-size: 2500%;
 }

#enquiry-form-table
 { table-layout: auto; border-collapse: collapse; width: 100%;  border: 1px solid #2B2137;
 }

.enquiry-form-row
 { border-collapse: inherit; border: 1px solid #2B2137; padding: 0px;
 }

.enquiry-form-leftcol
 {  border-collapse: inherit; border: 1px solid #2B2137; padding: 0px;
 }
.enquiry-form-rightcol
 { border-collapse: inherit; border: 1px solid #2B2137; padding: 0px;
 }


.enquiry-form-leftcol P
 { padding: 0px; margin: 0px;
 }

.enquiry-form-rightcol P
 { padding: 0px; margin: 0px; 
 }

#enquiry-form-date
 {
}

.enquiry-form-submit
 {
 text-align: right;
 }


#enquiry-form-bedtype P
 { padding: 0px; margin: 0px;
 }



.enquiry-form-error-text
 {
 color: #FF0000;
 font-size: 83%;
 
 }