﻿/** Main Style **/
html 
{
    height:100%;    
}

body {
	font-family: Arial,"Century Gothic", "Gill Sans",  sans-serif;
	font-size: 12px;
	color: #FFF;
		
    height:100%;    
	text-decoration:none;	
	text-align: center;	
	margin: 0;  

}

.themenu 
{
    z-index:1;
    position:relative;
}

.mainBackground
{
 /** Background Colour **/
   
    background-image:url('../images/generic/background.jpg');
	background-repeat:repeat-x;
    background: -moz-linear-gradient(top, #003b65 0%, #73a0c1 100%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003b65), color-stop(100%,#73a0c1))  no-repeat; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #003b65 0%,#73a0c1 100%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #003b65 0%,#73a0c1 100%) no-repeat; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #003b65 0%,#73a0c1 100%) no-repeat; /* IE10+ */
    background: linear-gradient(top, #003b65 0%,#73a0c1 100%) no-repeat; /* W3C */
    background-color: #73a0c1; /* Old browsers */    
}


.headingStyle
{
    font-size: 14px;
	font-weight:bold;
}


   
#wrapper
{

    width:960px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	
	/** Footer **/
    min-height: 100%; 
    margin-bottom: -50px;   
    position: relative;
}

#top
{
	border-bottom: solid 1px #6dc3f3; 
	height:100px;
	margin-bottom:10px;
}

#mainContent
{
	margin-top:10px; 
}

#logo
{
	position:absolute; 
	font-size: 11px; 
	margin-top: 35px; 
	left:0; 
	top:0;
}

#advertise
{
	position:absolute;
	right:0; 
	top:0;	
}

#newsletter
{
	position:absolute; 
	right:150px; 
	top:0;  
	margin-top: 35px;	
}

#footer 
{   
    height: 50px;   
    position: relative;
    border-top: solid 1px #6dc3f3;
    width:960px;
    padding-top:10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.clearfooter 
{   
    height: 50px;   
    clear: both;
}


/*********************/
/* MAIN NAV */
/*********************/

.navTemplate
{
	font-size: 10px;
	text-align:center;
	font-weight: bold;	
	line-height:24px;
	margin-right:2px;
}

.DynamicMenuStyle
{
    background-color:#042d55;
    
}

.DynamicMenuItemStyle
{
   color: #ffffff; 
   padding: 5px 5px 5px 5px;
   border-bottom: 1px solid #fff;
}    

.dynamichoverstyle
{
     background-color:#729fc0 !important;
     color:#000;
     border-bottom: 1px solid #fff;
}

 
.primaryDynamicHover
{
   background-color: red !important;
}   

.StaticHoverStyle
{
    color:#CCCC00;
}


/*********************/
/* Form Elements */
/*********************/

.subscribeButton
{
	background-image:url('../images/generic/subscribeButton.jpg');
	border: solid 1px 549fcd;
	width:75px;
	height:18px;
 	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left:5px;
	border: #549fcd 1px solid;
	color:#FFF;
}

.subscribeText
{
	background-image:url('../images/generic/subscribeTextbox.jpg');
	width:160px;
	height:14px;
	text-align: left;
	padding-left: 5px;
	border: #549fcd 1px solid;
	color:#FFF;
}

/*********************/

/**Home Style**/

#headers
{
	width:236px;
	position:absolute;
	left:715px;
}

.mainImage
{
	position:absolute;
	left:10px;
}

#homeBox 
{
	height:270px; 
	padding:10px; 	
	
    
    /** Background Colour **/
    background-repeat:no-repeat;
	background: #013c68; /* Old browsers */
    background: -moz-linear-gradient(top, #013c68 0%, #729fc0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#013c68), color-stop(100%,#729fc0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #013c68 0%,#729fc0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #013c68 0%,#729fc0 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #013c68 0%,#729fc0 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013c68', endColorstr='#729fc0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #013c68 0%,#729fc0 100%); /* W3C */
}

#homeBottom
{
	margin-top:10px; 
}

#homeLeft
{
	width:480px;
	float:left;
}

#homeRight
{
	width:478px;
	height:290px;
	float:left;
}

.linkImage
{
	float:right;
	margin-bottom:5px;
	margin-left:5px;
}

#welcome
{
    margin-top: -5px;
	border-bottom: solid 1px #57a2d0; 
	color:#6abdec; 
	font-weight:bold; 
	font-size:18px;
}

/** Events Home **/
.eventsHome
{
    width:465px; 
    height:300px; 
    margin-left:5px;
    float:left;
    padding-left:5px;
}

 .events_content
{
   margin-top:10px;
   background-color:#3c6f95;
	   
   width: 447px;
   height: 100px;
   padding: 5px;
}   

 .events_img {
	        margin: 0px;
	        padding: 0px;
	        float: left;
	        height: 80px;
	        width: 100px;
        }
        
        .events_header {
	        margin: 0px;
	        float: left;
	        padding-top: 0px;
	        padding-right: 0px;
	        padding-bottom: 0px;
	        padding-left: 10px;
	        width: 200px;
        }
        
        .events_header h2 a {
	        margin: 0px;
	        font-size: 12px;
	        font-weight: bold;
	        color: #CCCC00;
	        padding: 0px;
        }
        
        .events_header h2 {
	        margin: 0px;
	        padding: 0px;
        }  
        
.events_header a:hover {
    text-decoration: underline;
}

  .events_text {
	        margin: 0px;
	        float: left;
	        width: 335px;
	        padding-top: 5px;
	        padding-right: 0px;
	        padding-bottom: 0px;
	        padding-left: 10px;
        }
        
     
  
       .events_text .textScroll {
        height:50px;
        overflow:auto;
        padding:2px;

       }
        

/**Main Style**/

#MainAdvertLeftMenu
{
	margin-right:10px;
	float:left;
	width: 234px;
}

.MainAdvertLeftContents
{
	width: 234px;
	height:300px;
	background-color:#6dc3f3;
	margin-bottom:10px;
	border:solid 1px #57a2d0;
}


#MainAdvertMainArea
{
	width: 590px; 
	border-top: solid 1px #57a2d0;
	float:left;
}

#MainAdvertRight
{
	
	
	width: 111px;
	float:right;
	
}

.MainAdvertRightContents
{
	width: 111px;
	height:300px;
	background-color:#6dc3f3;
	margin-bottom:10px;
}

.smallTitle
{
	
	margin-top:2px; 
	height:28px; 
	padding:5px; 
	background-repeat:no-repeat; 
	font-size:16px; 
	font-weight:bold; 
	font-style:italic;	
}

.fullTitle
{
	background-image:url('../images/theloch/topbar.jpg');
	width:950px;
	margin-top:2px; 
	height:28px; 
	padding:5px; 
	background-repeat:repeat-x; 
	font-size:16px; 
	font-weight:bold; 
	font-style:italic;	
}

/**Quarter Style**/


.advertBanner
{
	margin-top:2px; 
	height:20px; 
	padding:5px; 
	background-repeat:no-repeat; 
	font-size:16px; 
	font-weight:bold; 
	font-style:italic;	
}

.advertContainer
{
	 border:solid 1px #57a2d0; 
	 height:230px; 
	 width:265px; 
	 float:left; 
	 margin-top:8px; 
	 margin-right:8px; 
	 position:relative;
	 text-align:center;
     background-color:#3c6f95;
    
}

.advertTitle
{
	background-repeat:no-repeat; 
	height:18px; 
	padding:2px;	
	text-align:center;
	color:#CCCC00;
}


.advertTopText
{
    padding-top:10px;
    clear:both;	
}

.bottomAd
{
    margin-top:5px;
}
.bottomAd a
{
	color:#CCCC00;	
}


 a
{
	color:#FFF;	
}

/** Standard Advert **/



.standardAdvertBannerContainer
{
	padding-top:3px;
	background-repeat:no-repeat; 
	font-size:12px; 	
	position:absolute;
	left:240px;	
	width:465px;
	border-top:solid 1px #57a2d0;	
	border-bottom:solid 1px #57a2d0;
	height:170px;
}

.standardAdvertBanner
{
	left:240px;	
	height:16px; 
	padding:0px; 
	background-repeat:no-repeat;
	font-size:12px; 
	font-weight:bold; 
	font-style:italic;	
	padding-bottom:5px;
	padding-left:5px;
}

.standardAdvertContainer
{
	 height:177px; 
	 width:715px; 
	 float:left; 
	 margin-top:8px; 
	 margin-right:8px; 
	 position:relative;
}

.imgPosition
{
	position:absolute;
	left:0;		
	border:solid 1px #57a2d0;
}




#leftMenu
{
	float:left;
}

#mainAdvertArea
{
	width: 832px; 
	float:left;
	margin-left:10px;
}

#rightAdvert
{
	
	float:right;
	width: 111px;
}

.rightAdvertContents
{
	width: 111px;
	height:300px;
	background-color:#6dc3f3;
	margin-bottom:10px;
}



/** Whats On **/

#WhatsOnMainArea
{
	width: 720px; 
	float:left;
}

#WhatsOnAdvertRight
{
	
	
	width: 234px;
	float:right;
}

.WhatsOnRightContents
{
	width: 234px;
	height:300px;
	background-color:#6dc3f3;
	margin-bottom:10px;
	border:solid 1px #57a2d0;
}

/* Table */
#customers
    {
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        width:100%;
        border-collapse:collapse;
        background-color:#6dc3f3;        
    }
#customers td, #customers th 
    {
        font-size:1em;
        border:1px solid #013c68;
        padding:3px 7px 2px 7px;
    }
#customers th 
    {
        font-size:1.1em;
        text-align:left;
        padding-top:5px;
        padding-bottom:4px;
        background-color:#013c68;
    }
#customers tr.alt td 
    {
        color:#000000;
        background-color:#ffffff;
    }

#customers caption
    {
    	text-align:right;
    	
    }
    
  
.staticHover
{
	cursor:pointer;
	cursor:hand;

}

/** CSS3 **/

.roundedCorners
{
	/** Rounded Corners **/
	border: solid 1px #57a2d0; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    
}

/** Background Colours **/

.Accommodation
{
    background-image:url('../images/backgrounds/accommodation.jpg');
	background-repeat:repeat-x;
    background: -moz-linear-gradient(top, #d5703a 0%, #f4b490 100%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5703a), color-stop(100%,#f4b490))  no-repeat; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d5703a 0%,#f4b490 100%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d5703a 0%,#f4b490 100%) no-repeat; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #d5703a 0%,#f4b490 100%) no-repeat; /* IE10+ */
    background: linear-gradient(top, #d5703a 0%,#f4b490 100%) no-repeat; /* W3C */
    background-color: #f4b490; /* Old browsers */
}

.Restaurant
{
    background-image:url('../images/backgrounds/restaurant.jpg');
	background-repeat:repeat-x;
    background: -moz-linear-gradient(top, #594707 0%, #ad931a 100%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#594707), color-stop(100%,#ad931a))  no-repeat; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #594707 0%,#ad931a 100%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #594707 0%,#ad931a 100%) no-repeat; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #594707 0%,#ad931a 100%) no-repeat; /* IE10+ */
    background: linear-gradient(top, #594707 0%,#ad931a 100%) no-repeat; /* W3C */
    background-color: #ad931a; /* Old browsers */
}

.ThingsToDo
{
    background-image:url('../images/backgrounds/thingsToDo.jpg');
	background-repeat:repeat-x;
    background: -moz-linear-gradient(top, #80194e 0%, #cc93b3 100%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80194e), color-stop(100%,#cc93b3))  no-repeat; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #80194e 0%,#cc93b3 100%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #80194e 0%,#cc93b3 100%) no-repeat; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #80194e 0%,#cc93b3 100%) no-repeat; /* IE10+ */
    background: linear-gradient(top, #80194e 0%,#cc93b3 100%) no-repeat; /* W3C */
    background-color: #cc93b3; /* Old browsers */
}

.OnTheWater
{
    background-image:url('../images/backgrounds/onthewater.jpg');
	background-repeat:repeat-x;
    background: -moz-linear-gradient(top, #6c4186 0%, #beacc4 100%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c4186), color-stop(100%,#beacc4))  no-repeat; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6c4186 0%,#beacc4 100%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6c4186 0%,#beacc4 100%) no-repeat; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #6c4186 0%,#beacc4 100%) no-repeat; /* IE10+ */
    background: linear-gradient(top, #6c4186 0%,#beacc4 100%) no-repeat; /* W3C */
    background-color: #beacc4; /* Old browsers */
}

.Weddings
{
    background-image:url('../images/backgrounds/wedding.jpg');
	background-repeat:repeat-x;
    background: -moz-linear-gradient(top, #601239 0%, #bf3b77 100%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#601239), color-stop(100%,#bf3b77))  no-repeat; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #601239 0%,#bf3b77 100%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #601239 0%,#bf3b77 100%) no-repeat; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #601239 0%,#bf3b77 100%) no-repeat; /* IE10+ */
    background: linear-gradient(top, #601239 0%,#bf3b77 100%) no-repeat; /* W3C */
    background-color: #bf3b77; /* Old browsers */
}

.TheLoch
{
    background-image:url('../images/backgrounds/theloch.jpg');
	background-repeat:repeat-x;
    background: -moz-linear-gradient(top, #007fa6 0%, #4ec9d9 100%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fa6), color-stop(100%,#4ec9d9))  no-repeat; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #007fa6 0%,#4ec9d9 100%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #007fa6 0%,#4ec9d9 100%) no-repeat; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #007fa6 0%,#4ec9d9 100%) no-repeat; /* IE10+ */
    background: linear-gradient(top, #007fa6 0%,#4ec9d9 100%) no-repeat; /* W3C */
    background-color: #4ec9d9; /* Old browsers */
}

.Golf
{
    background-image:url('../images/backgrounds/golf.jpg');
	background-repeat:repeat-x;
    background: -moz-linear-gradient(top, #41421a 0%, #869173 100%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41421a), color-stop(100%,#869173))  no-repeat; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #41421a 0%,#869173 100%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #41421a 0%,#869173 100%) no-repeat; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #41421a 0%,#869173 100%) no-repeat; /* IE10+ */
    background: linear-gradient(top, #41421a 0%,#869173 100%) no-repeat; /* W3C */
    background-color: #869173; /* Old browsers */
}

.WhatsOn
{
    background-image:url('../images/backgrounds/whatson.jpg');
	background-repeat:repeat-x;
    background: -moz-linear-gradient(top, #359a1a 0%, #b5c94c 100%) no-repeat; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359a1a), color-stop(100%,#b5c94c))  no-repeat; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #359a1a 0%,#b5c94c 100%) no-repeat; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #359a1a 0%,#b5c94c 100%) no-repeat; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #359a1a 0%,#b5c94c 100%) no-repeat; /* IE10+ */
    background: linear-gradient(top, #359a1a 0%,#b5c94c 100%) no-repeat; /* W3C */
    background-color: #b5c94c; /* Old browsers */
}

   /** Box Styles **/
        .tourlist_box_white_content
        {
            margin-top:10px;
            background-color:#3c6f95;
	   
	        width: 820px;
	        height: 180px;
	        padding: 5px;
        }       
           
        
        .tourlist_img {
	        margin: 0px;
	        padding: 0px;
	        float: left;
	        height: 140px;
	        width: 226px;
        }
        
        .tourlist_header {
	        margin: 0px;
	        float: left;
	        padding-top: 0px;
	        padding-right: 0px;
	        padding-bottom: 0px;
	        padding-left: 10px;
	        width: 290px;
        }
        
        .tourlist_header h2 a {
	        margin: 0px;
	        font-size: 12px;
	        font-weight: bold;
	        color: #CCCC00;
	        padding: 0px;
        }
        
        .tourlist_header h2 {
	        margin: 0px;
	        padding: 0px;
        }  
        
        .tourlist_header a:hover {
	        text-decoration: underline;
        }
        
        .tourlist_rating {
	        margin: 0px;
	        padding: 0px;
	        float: left;
	        height: 16px;
	        width: 80px;
	        text-align:center;
        }
        
        .tourlist_phone {
	        margin: 0px;
	        float: right;
	        width: 200px;
	        height: 16px;
	        padding: 0px;
	        text-align:right;
	        font-weight: bold;
        }               
                
        .tourlist_header a {
	        font-weight: bold;
	        margin: 0px;
	        padding: 0px;
	        text-decoration: none;
        }
                        
        .tourlist_subheader {    
	        float: left;
	        padding-top: 0px;
	        padding-right: 0px;
	        padding-bottom: 0px;
	        padding-left: 10px;
	        width: 365px;
	        font-weight:bold;
	        margin-top:5px;    
	        margin-bottom: 0px;
	        margin-left: 0px;
	        margin-right: 0px;
        }
       
        
        .tourlist_text {
	        margin: 0px;
	        float: left;
	        width: 580px;
	        padding-top: 5px;
	        padding-right: 0px;
	        padding-bottom: 0px;
	        padding-left: 10px;
        }
        
        .tourlist_text p {
	        margin: 0px; 
	        padding-top:8px;
	        padding-bottom:0px;
	        padding-left:0px;
	        padding-right:0px;
        }
                
        .tourlist_text a {
	        color: #CCCC00;
        }
        
        .tourlist_text a:hover {
	        color: #CCCC00;
	        text-decoration: none;
        }
  
       .tourlist_text .textScroll {
        height:110px;
        overflow:auto;
        padding:2px;

       }
       
 /* Gallery*/
 .imageContainer
{
	 border:solid 1px #57a2d0; 
	 float:left; 
	 margin:5px;
	 padding:5px;
	 text-align:center;
     background-color:#3c6f95;
    
}

.imageContainer img
{
    width:214px; 
    height:205px; 
}

