/* Attempt to get all browsers on same playing field */

/* Wire-frame positioning */
body { font: 0.8em Verdana, Arial, Helvetica, sans-serif; color: #5E5E5E; padding: 21px 0 0 0; margin: 0; }
#divContainer { width: 955px; margin: 0 auto; text-align:left; }

#divPanelLeft { float: left; width: 201px; position: relative; clear: both; }
#divNavigation { background: url('../images/bgNavigation.gif') no-repeat; padding: 270px 0 10px 1px; height: 890px; }

#divPanelRight { float: right; width: 731px; margin-left: 23px; overflow: hidden; }
#divTopBanner { margin: 0 0 19px 0; height: 29px; background: url('../images/bgTopBanner.gif') no-repeat;}
#divFeatureBanner { margin-bottom: 21px; }
#divContentLeft { float: left; width: 516px; text-align: left; overflow: hidden; }
#divContentRight { float: right; width: 194px; margin-left: 21px; overflow: hidden;   }

/******************************************************************************************************/

/* Left Hand Side Navigation */

/* Link British Eventing logo to British Eventing site */

#divBritishEventing  {
	position: absolute;
	top: 195px;
	left: 45px;
}

#divBritishEventing a 
{
    display: block;
	width: 120px;
	height: 50px;
	text-decoration: none;
}

/* Link Musto logo to Musto site */

#divMusto  {
	position: absolute;
	top: 615px;
	left: 25px;
}

#divMusto a  {
    display: block;
	width: 150px;
	height: 60px;
	text-decoration: none;
}

/* Link Credit Expert logo to Credit Expert site */

#divCreditExpert {
	position: absolute;
	top: 685px;
	left: 25px;
}

#divCreditExpert a {
    display: block;
	width: 140px;
	height: 40px;
	text-decoration: none;
}

/* Link Horse and Country logo to Horse and Country site */

#divHorseCountry {
	position: absolute;
	top: 735px;
	left: 25px;
}

#divHorseCountry a {
    display: block;
	width: 130px;
	height: 130px;
	text-decoration: none;
}

/******************************************************************************************************/

/* Right Hand Side Component - Buy Tickets */

div.comBuyTickets { 
	padding: 0px;
	overflow: hidden; 
}

/******************************************************************************************************/

/* Right Hand Side Component - Newsletter */

div.comNewsletter { 
    background: url('../resources/images/right_hand_side/bgNewsletter.gif') no-repeat; height: 45px; width: 194px; 
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	overflow: hidden;
}

div.comNewsletter p { 
    font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding: 0px;
	text-align: center;
}

div.comNewsletter a { 
    font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
	font-weight: normal;
	font-style: normal;
}

div.comNewsletter a:hover { text-decoration: underline; }

/******************************************************************************************************/

/* Right Hand Side Component - Win Tickets */

div.comWinTickets { 
    background: url('../resources/images/right_hand_side/bgWinTickets.gif') no-repeat; height: 45px; width: 194px; 
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	overflow: hidden;
}

div.comWinTickets p { 
    font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding: 0px;
	text-align: center;
}

div.comWinTickets a { 
    font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
	font-weight: normal;
    font-style: normal;
}

div.comWinTickets a:hover { text-decoration: underline; }

/******************************************************************************************************/

/* Right Hand Side Component - Latest News */

div.comNews { 
    background: url('../resources/images/right_hand_side/bgNews.gif') no-repeat; height: 120px; width: 194px; 	
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden; 
}

div.comNews p { 
    font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
	font-weight: bold;
	font-style: italic; 
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding: 0px;
}

div.comNews a { 
    font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
	font-weight: normal;
	font-style: normal;
}

div.comNews a:hover { text-decoration: underline; }

/******************************************************************************************************/

/* Right Hand Side Component - Facebook */

div.comFacebook { 
 /*   background: url('../resources/images/right_hand_side/musto.jpg') no-repeat; height: 45px; width: 194px; 
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;*/
	overflow: hidden;
}

div.comFacebook p { 
    font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding: 0px;
	text-align: center;
}

div.comFacebook a { 
    font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
	font-weight: normal;
	font-style: normal;
}

div.comFacebook a:hover { text-decoration: underline; }

/******************************************************************************************************/

/* Homepage Content Area - main image & text */

div.homepagePanel {
	position: relative;
}

p.homepageText {font-size: 0.9em;}

div.homepageImageLeftPanel { 
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 33px;
	width: 300px;
	height: 250px;
	clear:both;
}

div.homepageTextRightPanel { 
	float: right;
	margin: 0px;
	padding-bottom: 33px;
	width: 200px;		
}


/******************************************************************************************************/

/* General Styles */
#divContentLeft img, #divContentRight img { margin-bottom: 10px; }
.heading0 { font-size: 1.5em; font-style: normal; margin: 0; }
h1 { font-style: normal; color: #096D70; font-size: 3.3em; margin: 0 0 0.5em 0; font-weight: normal;}
h1.clsHeadingBelowImage { font-size: 1.9em; }
h1.clsHomeBoxTitle { font-size: 1.6em; color: #99CC33; font-style:italic; font-weight: bold; }
h2 { color: #096D70; font-size: 1em; margin: 1em 0; padding: 0; }
h2.clsNames { font-style:normal; font-size: 2em; margin: 0; padding: 0; font-weight: normal;}
h3 {  font-size: 1em; margin: 0 0 1em 0; padding: 0; }
h4 {  font-size: 1em; margin: 0; padding: 0; }
ul { padding: 0; margin: 0; }
p { margin-top: 0; padding-top: 0; }
p.clsHomeBoxPara { color: #5E5E5E; font-size: 0.9em; font-weight:bold; padding: 2px 0 4px 28px;}
a { color: #007070; text-decoration: none; }
a:hover { text-decoration: underline; }

/******************************************************************************************************/

/* Navigation */
#divNavigation ul { list-style-type: none; }
#divNavigation ul li a { font-size: 0.85em; font-weight:bold; margin-top: 0.3em; color: #fff; text-decoration: none; width: 162px; display: block; padding: 1px 0 1px 28px; }
#divNavigation ul li a:hover { background-color: #007071;}
#divNavigation ul li ul li a { padding-left: 48px; width: 151px; font-weight: normal; margin-top: 0.1em; }
#divNavigation ul li ul li ul li a { padding-left: 58px; width: 141px; font-weight: normal; }

/******************************************************************************************************/

/* Top Banner Navigation */
#divTopBanner { text-align: right; color: #FFF; padding: 3px 15px 0 0; }
#divTopBanner ul { list-style-type: none; display: inline; }
#divTopBanner ul li { display: inline; vertical-align:middle;}
#divTopBanner ul li a { font-size: 0.85em; font-weight:bold; color: #FFF; text-decoration: none;  }
#divTopBanner ul li a:hover { text-decoration: underline; }
#divTopBanner form, #divTopBanner input { display: inline; vertical-align:middle;}
#divTopBanner input.searchBox { height: 15px; width: 138px; border: 0; font-size: 11px; color: #676767; padding-left: 3px; }
#divTopBanner input.clsSearchButton {  }
#divSearch { display:inline;  height: 29px; padding-left:15px; }

/******************************************************************************************************/

/* Bullet styles */

#divContentLeft ul
{
	margin-left: 10px;
	padding-left: 10px;
    list-style-type:disc;
    list-style-position:outside;
}

#divContentLeft li
{
	padding-left: 10px;
	margin-left: 10px;
}

/******************************************************************************************************/

/* Competitors Section - to allow images to float left and text to float right*/

div.allPanels {
	position: relative;
}

div.imageLeftPanel { 
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 130px;
	height: 150px;

}

div.textRightPanel { 
	float: right;
	margin-top: 10px;
	width: 375px;
}

div.titleTextPanel { 
	margin-top: 10px;
	float: left; 
	width: 516px; 
	text-align: left;
}

/******************************************************************************************************/

/* Slideshow Styles - on homepage */

#divRidersSlideshow {

  background: url('../images/bgSlideshow.gif') no-repeat; width:520px; height: 167px;
  clear: both;
  padding-bottom: 10px;
  margin: 0px;
  position: relative;
}

#divRidersSlideshowLink  {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#divRidersSlideshowLink a 
{
    display: block;
	width: 310px;
	height: 160px;
	text-decoration: none;

}

#divRidersSlideshow h3 {

      text-align: left;
	  font-size: 0.9em;
	  color: #FFFFFF;
	  margin-left: 10px;
	  padding-top: 5px;
}

#divRidersSlideshow h4 {

      text-align: left;
	  font-size: 1.3em;
	  color: #000000;
	  font-style: italic;
	  font-weight: bold;
	  margin-left: 0px;
	  padding-top: 10px;
}

#divRidersSlideshow p {

    color: #FFFFFF;
	font-weight: bold;
	font-size: 0.9em;
	margin-left: 0px;
	padding-top: 3px;
}

#divSlideshowTextLeft1 {

	float: left;
	width: 300px;
	height: 100px;
	top: 25px;
	left: 10px;
	position: absolute;
	
}

#divHorizontalScrollingContainer
{
    position: absolute;
    display: block;
    clear: both;
    overflow: hidden;
	width: 105px;
	height: 115px;
	float: left;
	margin-left: 355px;
	padding: 0px;
	top: 25px;
	color: #000000;
	
}

#divHorizontalScrollingContainer ul
{
    width: 700px;
}
#divHorizontalScrollingContainer li
{
    float: left;
    list-style: none;
	font-weight: bold;
	font-size: 0.7em;
	color: #000000;
	text-align: center;
}

#divHorizontalScrollingContainer a
{
    font-weight: bold;
	font-size: 0.7em;
	text-align: center;
}


#divHorizontalScrollingContainer img
{
    padding: 2px;
}

#divContentLeftPanelHeader
{
    float: left;
	margin-left: 330px;
	top: 70px;
    width: 15px;
	height: 17px;
	position: absolute;
}

#divContentRightPanelHeader
{
    float: left;
	width: 15px;
	height: 17px;
	margin-left: 470px;
	top: 70px;
	position: absolute;
}

/* for validation */
.btnArrowLeft, .btnArrowRight {}

/******************************************************************************************************/

/* Win VIP tickets - styles */

div.competitionBG { background: url('../images/bgCompetition.gif') no-repeat; width:515px; height: auto; }

/*Terms and Conditions pop-up window */
div.competitionTermsText { padding: 5px; margin: 5px; }


/******************************************************************************************************/

/* Page Footer */
#divFooterContent { 
		 clear: both;
         text-align: right; 
         color: #FFF;
         margin-top: 5px;
	     margin-left: 0px;
	     margin-right: 0px;
	     margin-bottom: 10px;
		 padding-top: 5px;
	     padding-right: 0px;
	     padding-bottom: 10px;
	     padding-left: 20px;
		 background: url('../images/bgTopBanner.gif') no-repeat; width:731px; height: 29px; 
}

/******************************************************************************************************/


/* Bottom Banner Navigation */

#divFooterContent ul { list-style-type: none; display: inline; margin-right: 70px;  }
#divFooterContent ul li { display: inline;  }
#divFooterContent ul li a { font-size: 0.85em; font-weight:bold; color: #FFF; text-decoration: none; }
#divFooterContent ul li a:hover { text-decoration: underline; }