body { margin:0px 0px 0px 0px; padding:0px;  }
body, p, td, h1, h2, h3, h4 {color:#333333; font-family:Arial, Helvetica, sans-serif; margin:0px; font-weight:normal; font-size: 12px;}

h1 {font-size: 18px; color:#f4aae4; padding:5px 0px 20px 0px; margin:0px; font-weight:bold;}
h2 {font-size: 16px; padding:5px 0px 0px 0px; margin:0px; font-weight:bold;}
h3 {font-size: 14px; padding:5px 0px 20px 0px; margin:0px; font-weight:bold;}
h4 {font-size: 12px; padding:5px 0px 20px 0px; margin:0px; font-weight:bold;}
p  {font-size: 12px; padding:5px 0px 10px 0px; margin:0px; font-weight:normal;}

img 	{border:none;}

.Blue 	{color:#a9c4c5;}
.Pink 	{color:#f4aae4;}
.White	{color:#ffffff;}
.Black	{color:#000000;}

/* ========= Sitewide Styles ========= */

#ContainerOuter {position:relative; width:920px; margin:10px auto 0px auto; background-image:url(../images/BG.png);}

#Container 		{position:relative; margin:0px 50px 0px 50px; padding:0px 10px 0px 10px  }

#Header			{position:relative; height:150px;}
#PhotoBanner	{position:absolute; width:380px; height:500px; right:-60px; top:10px; z-index:5;}
#PhotoBannerGallery	{position:absolute; width:250px; height:110px; right:-60px; top:10px; z-index:5;}
#Logo 			{position:absolute; left:15px; top:40px;}

#Content 		{position:relative; background-color:#3f3f3f; _height:240px; min-height:240px; z-index:0 }
#BottomBar 		{position:relative; background-color:#f4aae4; margin:2px 0 2px 0; _height:80px; min-height:80px; padding:0 20px 20px 20px; }
#Footer 		{position:relative; padding:13px 80px 0px 80px;_height:44px; min-height:44px; background-image:url(../images/BG-Footer.png);}
#MenuMain		{position:absolute; right:190px; top:20px; text-align:right; z-index:50;}

#Footer img 	{position:absolute; bottom:0px;}
#Copyright		{position:relative; float:right; width:250px;}

#MenuMain ul{
	list-style:none;
	margin:0px;
	}
	
#Content img {
	padding:5px;
}
/* ============ Template Layouts ============ */


#BodyTextMainTemplate{
	margin-right:300px;
	padding: 20px;
	background-color:#3f3f3f;
	}
#BodyTextMainTemplate p, #BodyTextFullWidth p{
	color:#FFF;
}

#BodyTextFullWidth{
	padding: 0 20px 20px 20px;
	margin-top:-20px;
}

#BottomBarLeftCol{
	position:relative;
	width:210px;
	float:left;
	margin:10px 20px 0 0px;
	}

#BottomBarCentre{
	position:relative;
	width:210px;
	float:left;
	text-align:center;
	margin:20px 0 0 10px;
	}
#BottomBarRightCol{
	position:relative;
	width:210px;
	float:left;
	margin:20px 0 0 10px;
	}

#BottomBarRightCol img, #BottomBarRightCol h4, #BottomBarCentre img, #BottomBarCentre h4{
	float:left;
}

#BottomBarRightCol h4, #BottomBarCentre h4{
	font-size:14px;
	width:100px;
	text-align:center;
	padding:20px 20px 0 0;
	
}
/* ============ LINKS ============ */
a {
	color:#666666;
	text-decoration:none;
}
a:hover, a:active {
	color:#7F442A;
	text-decoration:underline;
}
a.MenuMain {
	font-size:12px;
	text-align:right;
	line-height:19px;
	text-decoration:none;
	color:#ec64ce;
	font-weight:bold;
	font-style:italic;
}

a.MenuMain.current, a.MenuMain:hover, a.MenuMain:active {
	color:#558F42;
}

a.menu {
	font-size:12px;
	text-align:right;
	line-height:22px;
	text-decoration:none;
	color:#ec64ce;
	font-weight:bold;
	font-style:italic;
}

a.menu.current, a.menu:hover, a.menu:active {
	color:#ffffff;
}

/* ====== CONTACT STYLES  ============== */

#ContactForm {
	padding:20px;
	color:#FFF;
}
#ContactForm p{
	color:#FFF;
}

fieldset {
	border:none;
	padding:0px;
	margin:0px;
}
fieldset legend{
    display:none;
}

fieldset label {
    display:block;
    margin:10px 0 0 0;
	padding:0px;
}

fieldset label.first{
    margin:0;
}

fieldset input{
    border:1px solid #515151;
    width:308px;
    height:14px;
    margin:0px;
    color:#000000;
    font-size:11px;
	padding:2px;
}
  
fieldset textarea {
    border:1px solid #515151;
    width:308px;
    height:10em;
    padding:2px 2px 1px 2px;
    margin:0 0 3px 0;
    font-family:Arial, Verdana, Sans-Serif;
    color:#000000;
    font-size:11px;

}

fieldset input:focus, fieldset textarea:focus{
	border:1px solid #558F42;
}

fieldset input.error, fieldset textarea.error, fieldset div.error input{
    border:1px solid #ff0000;
}

fieldset input.error:focus {
	border:1px solid #aa0000;
}

fieldset button {
    border:none;
    color:#558F42;
    padding:0 7px 0 0;
    margin:10px 0;
    background:url('http://www.weybridgeequestriancentre.co.uk/media/Assets/arrow_right.gif') no-repeat right 50%;
}

.mceContentBody {
background-color:#ffffff;
}

div#GalleryNav {
position:relative;
float:left;
width:160px;
padding:20px;
}

/* cross-fade */
ul.crossfade {
	position: relative;
	padding:0px;
	margin-left: 180px;
	_margin-top:-220px;
	margin-top:0px;
	list-style: none;
	width:580px;
	height:220px;
}

ul.crossfade li {
	position: absolute;
	top: 0px;
	left: 0;
	visibility: hidden;
	width:580px;
}
#Content ul.crossfade img {
	border:thick #FFF solid;
	padding:0px;
}


    /* Generic Carousel Properties */
.carousel { 
	position:relative; 
	clear:both;  
    }
 .carousel .navButton {
    cursor:pointer; 
	display:block; 
	text-indent:-9999px; 
	background-repeat:none; 
	z-index:10;
    }
.carousel .container { 
	position:absolute; 
	overflow:hidden; 
}
.carousel .items { position:absolute; }
.carousel .item { 
 	position:relative;
    cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    list-style-type:none; 
	margin:0px; 
    }
.carousel .item.hover, .carousel .item.selected { 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;    
    }


    /* Horizontal Carousel */
    #GalleryCarousel { left:0px; top:20px; height:70px; overflow:hidden; width:755px; }
    #GalleryCarousel .itemContainer { left:20px; top:12px;  }        
    #GalleryCarousel .items { width:auto;}
    #GalleryCarousel .item { height:70px;  width:80px; float:left; clear:right; }
    #GalleryCarousel .item img { border:solid 5px #FFF;  }
    #GalleryCarousel .item .icon img { position:relative; left:0px; width:65px !important; height:65px; cursor:pointer; }
    #GalleryCarousel .navButton { position:absolute; bottom:0px; width:24px; height:87px; background-color:#ff0000; }
    #GalleryCarousel .navButton.previous {  left:0px; background-image:url('http://www.weybridgeequestriancentre.co.uk/css/images/interface/button.left.png'); }
    #GalleryCarousel .navButton.next { right:0px; background-image:url('http://www.weybridgeequestriancentre.co.uk/css/images/interface/button.right.png'); }

    /* Hide data items from selector */
    #GalleryCarousel .item .key { display:none;}
    #GalleryCarousel .item .picture { display:none;}
	#ImageCrossfade { width:350px; height:220px; text-align:center; padding:10px 0 0 0; margin:0px; }
.GalleryIageDescription {
	width:250px;
	position:absolute;
	top:50px;
	left:330px;
	background-color:#3f3f3f;
	height:150px;
}
.GalleryIageDescription p {
color:#ffffff;
}
.GalleryIageDescription h2 {
color:#f4aae4;
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
p {
font-size: 12px; padding:5px 0px 10px 0px; margin:0px; font-weight:normal;
}

h2 {
font-size: 16px;
padding:5px 0px 0px 0px;
margin:0px; font-weight:bold;
}

h3 {
font-size: 14px; padding:5px 0px 20px 0px; margin:0px; font-weight:bold;
}

.Blue {
color:#a9c4c5;
}

.Pink {
color:#f4aae4;
}

.Black {
color:#000000;
}

.White {
color:#ffffff;
}