* {
padding: 0; margin: 0;
}

#wrapper {
  font-size:9pt; /* global font */
  width: 998px;
  margin: 0 auto;
  padding: 10px 0;
  background: #c9d6a5 url(images/vert-re.jpg) repeat-x top left;
  min-height: 750px;
}
#content {
  width: 900px;
  margin: 0 auto;
  font-family: arial;
  clear: both;
}
*.clear {
  clear: both;
}
a img {
  border: none;
}
/**************************************************************************/
/* white boxes */

div.whitebox {
  width:200px;
  margin: 20px auto;
  position: relative;
}
div.whitebox .content {
  clear: both;
  background-color: #fff;
}

/*** Top And Bottom ***/
div.whitebox .m {
  background-color: #fff;
  width: 850px;
  height: 25px;
  float: left
}
/*** Top Only ***/
div.whitebox .row .tl {
  background: url(images/whiteb/tl.png) no-repeat top left;
  height: 25px;
  width: 25px;
  float: left;
}
div.whitebox .row .tr {
  background: url(images/whiteb/tr.png) no-repeat top right;
  height: 25px;
  width: 25px;
  float: left;
}
/*** Bottom Only ***/
div.whitebox .row .bl {
  background: url(images/whiteb/bl.png) no-repeat bottom left;
  height: 25px;
  width: 25px;
  float: left;
}
div.whitebox .row .br {
  background: url(images/whiteb/br.png) no-repeat bottom right;
  height: 25px;
  width: 25px;
  float: left;
}

div.greenad {
  height: 83px;
  width: 265px;
  padding: 8px;
  background: url(images/greenad.jpg) center no-repeat;
  margin-bottom: 2px;
  position: relative;
}
div.greenad img {
  float:left;
  left:6px;
  position:relative;
  top:5px;
}
div.greenad p {
  width: 160px;
  float: right;
  color: #fff;
  text-align: left;
  font-size: 12pt;
}
div.greenad a {
  color: #fff;
  text-decoration: none;
}
/* All */
div.cmod .green .gl {
  background: url(images/greenb/gleft.png) no-repeat left;
  height: 35px;
  width: 17px;
  float: left;
}
div.cmod .green .gm {
  background-color: #88a935;
  text-align: left;
  height: 28px;
  padding-top: 6px;
  padding-bottom: 1px;
  float: left;
  font-size: 14pt;
  color: #fff;
}
div.cmod .green .gr {
  background: url(images/greenb/gright.png) no-repeat right;
  height: 35px;
  width: 17px;
  float: left;
}
/*************************************************************************
**************************************************************************/

div.menu {
  float: left;
  width: 144px;
  text-align: center;
}
div.menu ul {
  list-style: none;
  list-style-position: outside;
  position: relative;
  top: 5px;
  text-align: left;
}
div.menu ul li {
  background: url(images/menuback.png) no-repeat center;
  padding-left: 10px;
  padding-top:6px;
  margin: 3px 0;
  height: 22px;
}
div.menu ul li a{
  text-decoration: none;
  color: #4d611c;
  font-size: 10pt;
  display: block;
}
div.menu ul li.sel {
  background: url(images/menubacklong.png) no-repeat center;
  padding-left: 5px;
  height: 22px;
  width: 160px;
}
div.menu ul li.sel a {
  display: block;
  padding-left: 5px;
  /*line-height: 38px;*/
  font-weight: bold;
  /*margin-top: 10px;*/
}


/***** Google Ads placement ****/
div.bodybox .content .adverts {
  position: absolute;
  right: 15px;
  top: 40px;
}

div#bodygad {
  float: right;
  position: relative;
  top: -10px;
}

/************** GENERAL STYLES ***************/
*.error {
  margin: 0 auto;
  border: 1px dashed red;
  font-size:1em;
  padding: 10px;
  width: 400px;
}
*.errorstar {
  position: relative;
  top: 10px;
  font-size: 1.6em;
  color: #ff0000;
  line-height: 10px;
}

/* user menu placement */
div#usermenu {
  position: absolute;
  right: 20px;
  bottom: 5px;
  width: 650px;
  text-align: right;
  font-size: 12pt;
}
div#usermenu a {
  color:#4D611C;
  text-decoration:none;
  font-size: 0.9em
}


/***** Display *****/
/* Header White box overrides */
div.header {
  width:900px;
  margin: 20px auto;
  position: relative;
}
div.header .content h1 {
  position: absolute;
  left: 200px;
  top: 20px;
  color: #88a935;
  font-style: italic;
  font-weight: normal;
  font-size: 20pt;
}
div.header .content .adverts {
  position: absolute;
  right: 15px;
  top: 40px;
}
div.header .content {
  clear: both;
  height: 60px;
  padding: 0 25px;
  background-color: #fff;
}
div.header .content img{
  position: relative;
  top: -18px;
}

/********** White Body Box Overrides *********/
/**************** Body Box **************/
/* white boxes */
div.bodybox {
  width: 610px;
  margin: 0 auto;
  float:right;
  position: relative;
  right: 10px;
  top: -10px;
}

/*** Top And Bottom ***/
div.bodybox .m {
  background-color: #fff;
  width: 560px;
  height: 25px;
  float: left
}

div.bodybox .content {
  clear: both;
  padding: 0 25px;
  min-height: 380px;
  background-color: #fff;

}

div.bodybox p {padding:5px 0 ;}

/* white boxes */
div.footerbox {
  width: 910px;
  margin: 0 auto;
  position: relative;
  padding: 0;

}

div.footerbox .left {
  background: url(images/footl.png) left no-repeat;
  float: left;
  width:10px;
  height: 28px;
}
div.footerbox .cont {
  padding-top: 3px;
  height: 22px;
  float: left;
  width: 880px;

  border: 1px solid white;
  background: #fff;
}
div.footerbox .right {
  float: left;
  background: url(images/footr.png) right no-repeat;
  height: 28px;
  width: 10px;
}
div.footerbox .cont,
div.footerbox .cont a {
  background-color: #fff;
  font-size: 0.85em;
  color: #627d21;
  text-align: center;
}
div.footerbox .cont .l {
  float: left;
  width: 203px;
  margin-top: 3px;
}
div.footerbox .cont .r {
  float: right;
  width: 203px;
  margin-top: 3px;
}
/******** Green Box Overrides *********/
/*** Green Box ***/
/* Top */
div.cmodtop {
  padding: 10px 20px 0 8px;
}
div.cmodtop img {
  float: left;
  margin-bottom:7px;
  margin-right:7px;
}
div.cmodtop p {
  width: 375px;
  float: right;
  font-size: 9pt;
  margin:5px 0;
}
div.cmodtop p span {
  color: #627d21;
}
div.cmodtop .green {
  position: absolute;
  top: 15px;
  left: 15px;
}
/* Left */
div.cmodleft {
  float: left;
  width: 275px;
  text-align: center;
}
div.cmodleft img {
  margin:4px 11px;
}
div.cmodleft p {
  padding-top: 5px;
  text-align: left;
  width: 272px;
  font-size: 9pt;
  color: #627d21;
}
div.cmodleft a {
  color:#88A935;
}
/* Right */
div.cmodright {
  float: right;
  width: 275px;
}

/* Login */
div.cmodlogin {
  position: relative;
  margin:0 auto;
  width: 200px;
  text-align: center;
  margin-top: 10%;
  margin-bottom: 10%;
}
div.cmodlogin .green {
   margin:0 auto;
   padding: 5px;
}
div.cmodlogin .green .gm {
     width: 150px;
	 text-align: center;
}
div.cmodlogin .button {
   margin:0 auto;
   width: 110px;
}
div.cmodlogin .button input {
  position: relative;
  width: 65px;
  bottom: 3px;
  border: none;
  background: none;
  color:#FFFFFF;
  font-size:14pt;
  cursor: pointer;
}
div.cmodlogin p {
  padding-top: 5px;
  width: 272px;
  font-size: 9pt;
  color: #627d21;
}

/********** Registration Style ***********/
div#usermenu a.register {
  color: #ff0000;
  font-weight: bold;
}
div.cmodregister {
  position: relative;
  margin:-20px auto 0;
  width: 550px;
  text-align: center;
}
div.cmodregister .green {
  margin:0 auto;
  padding:5px;
  position:relative;
  top:-10px;
}
div.cmodregister .green .gm {
     width: 505px;
}
div.cmodregister .button {
   margin:0 auto;
   width: 110px;
}
div.cmodregister .button input,
div.cmodregister .button a {
  position: relative;
  text-decoration: none;
  width: 65px;
  bottom: 5px;
  border: none;
  background: none;
  color:#FFFFFF;
  font-size:14pt;
  cursor: pointer;
}
div.cmodregister form {
  padding: 0 5%;
  text-align: left;
}
div.cmodregister p {
  padding-top: 5px;
  width: 272px;
  font-size: 9pt;
  color: #627d21;
}
/* Form style*/
form.register fieldset {
  padding: 10px;
}
form.register fieldset legend {
  margin-left: 10px;
  font-size: 1.1em;
  color: #88A935;
}
form.register hr {
  margin:5px auto 2px;
  width:31em;
}

form.register input,
form.register label,
form.register textarea,
form.register iframe {
  margin-top: 3px;
}
form.register input.price {
  background: url(images/pound.png) left center no-repeat;
  padding-left: 15px;
}
form.register label {
  /*display: inline-block;*/
  float: left;
  width: 9em;
}
form.register input {
  width: 20em;
}
form.register textarea {
  width: 20em;
  height: 5em;
}
/* Article Display */
div.article {
  position: relative;
  top: -10px;
  /* border: 2px solid #88a935; */
}
div.article .content {
  padding: 0 10px 10px 10px;
}
div.article .green {
  position: relative;
  top: -20px
}
div.article .green .gl {
  background: url(images/greenb/gleft.png) no-repeat left;
  height: 35px;
  width: 17px;
  float: left;
}
div.article .green .gm {
  width: 522px;
  background-color: #88a935;
  height: 28px;
  padding-top: 6px;
  padding-bottom: 1px;
  float: left;
  font-size: 14pt;
  color: #fff;
}
div.article .green .gr {
  background: url(images/greenb/gright.png) no-repeat right;
  height: 35px;
  width: 17px;
  float: left;
}
div.article div.floatright {
  float: right;
  padding-left: 15px;
}
div.article div.floatright span {
  display: block;
  max-width: 250px;
  text-align: center;
  color: #888888;
  font-size: 0.8em;
  font-style: italic;
}

div.article div.details {
  margin: 0 10px;
  position: relative;
  top: -18px;
  font-size: 0.85em;
  border-bottom: 1px dotted #555555;
}
div.article div.details span {
    font-style: italic;
}

table.articleSummary {
  margin: 0 auto;
}
table.articleSummary td {
  vertical-align: top;
}
table.articleSummary div.mod {
  position: relative;
  width: 210px;
  /*border: 2px solid #88a935;*/
  padding: 0 5px 5px 5px;
}
table.articleSummary div.mod a {
  color: #88a935;
}
table.articleSummary div.mod table {
  margin: 0 auto;
}
table.articleSummary div.mod table td {
  text-align: left;
  font-size: 10pt;
  padding: 0 5px;
  line-height: 10pt;
}


table.articleSummary div.mod .green {
  position: absolute;
  top: -20px;
  left: 0;
}
table.articleSummary div.mod .green .gl {
  background: url(images/greenb/gleft.png) no-repeat left;
  height: 35px;
  width: 17px;
  float: left;
}
table.articleSummary div.mod .green .gm {
  width: 185px;
  background-color: #88a935;
  height: 28px;
  padding-top: 6px;
  padding-bottom: 1px;
  float: left;
  font-size: 14pt;
  color: #fff;
}
table.articleSummary div.mod .green .gr {
  background: url(images/greenb/gright.png) no-repeat right;
  height: 35px;
  width: 17px;
  float: left;
}
table.articleSummary div.art {
  margin: 10px 0;
}

div.mod div.thin {
  width: 190px;
}
table.articleSummary div.thin .green .gm {
  width: 166px;
}
table.articleSummary div.med {
  width: 290px;
}
table.articleSummary div.med .green .gm {
  width: 266px;
}
table.articleSummary div.wide {
  width: 550px;
}
table.articleSummary div.wide .green .gm {
  width: 520px;
}
/*###############################################
###        LIGHTBOX CSS
################################################*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/************************************************
	GAVIN'S MAGICAL WORLD OF CSS
************************************************/

#eventsPage h2 {
	width: 567px;
	height: 30px;
	background: #88a935 url(images/header2.gif) no-repeat;
	font-weight: normal;
	color: white;
	font-size: 1.3em;
	margin: -16px 0 1em -11px;
	padding: 5px 0 0 17px;
}

#eventsPage form, #directoryPage form {
	margin: 1em 0;
}

#eventsPage fieldset , #directoryPage fieldset {
	padding: 1em;
	color: #333;
}

#eventsPage legend, #directoryPage legend {
	color: #88a935;
	font-weight: bold;
	font-size: 14px;
}

#eventsPage input, #eventsPage select, #directoryPage input, #directoryPage select {margin-bottom: 10px;}

#eventsPage select, #directoryPage select {
	display: block;
	float: left;
	margin-right: 5px;
}

#eventsPage form br, #directoryPage form br {clear: both;}

#eventsPage label, #directoryPage label {
	display: block;
	float: left;
	width: 9em;
	font-size: 12px;
	text-transform: capitalize;
}

#eventsPage option, #directoryPage option {padding-right: 8px;}
#eventsPage optgroup option, #directoryPage optgroup option {padding-left: 15px;}

#eventsPage .textSelect, #directoryPage .textSelect {width: 17em;}

#eventsPage div.event {
	padding-bottom: 1.5em;
	margin-top: 1.5em;
	border-bottom: 1px dashed silver;
}

#eventsPage h3 {
	color: #88a935;
}

#eventsPage p {line-height: 1.4em;}

#eventsPage p.year {
	border-bottom: 3px solid #88a935;
	font-style: italic;
	font-size: 1.5em;
	margin-bottom: 1em;
}

#eventsPage .event .date {
	font-size: 1.5em;
	float: left;
	text-align: center;
	margin: 2px 20px 3px 0;
	color: #333;
	background-color: white;
	border: 1px solid #8e2d44;
	line-height: 1;
	padding: 0 0 5px;
}

#eventsPage .event .date span {
	display: block;
	font-weight: bold;
	background-color: #8e2d44;
	color: white;
	font-size: 65%;
	padding: 6px 3px 7px;
	text-transform: uppercase;
	margin-bottom: 4px;
}

#eventsPage .event p {
	font-size: 88%;
}

#eventsPage .error, #directoryPage .error {
	margin: 1.5em auto 1em;
	padding: 1em;
	text-align: center;
}

#eventsPage p.connector {
	float: left;
	margin: 6px 10px 0 -10px;
	font-size: 2em;
}

#suggestForm textarea {
	width: 24em;
	height: 10em;
	margin-bottom: 1em;
}

*.invalid {border: 1px solid red;}
*.success {border: 1px dotted #88A935; color: #88A935; padding: 10px;}

#suggestForm .help {
	font-size: 0.8em;
	color: #888;
	margin-bottom: 1em;
}

#eventsPage .alert, #directoryPage .alert {
	border: 1px solid #ffe8cd;
	background-color: #fff9d8;
	color: #444;
	padding: 1em;
	text-align: center;
	margin-bottom: 2em;
}


/************************************************
	        DIRECTORY PAGE CSS
************************************************/

#directoryPage #categories {
	float: left;
	list-style: none;
	margin-bottom: 1em;
}

#directoryPage ul.sub-categories {
	position: absolute;
	list-style: none;
	top: 0;
	left: 150px;
	padding-left: 16px;
	background: transparent url(images/categorySelect.gif) top left no-repeat;
}

#directoryPage #categories li {
	position: relative;
	float: left;
	clear: left;
	margin-bottom: 4px;
}

#directoryPage .sub-categories li {
	float:left;
	margin-bottom: 4px;
}

#directoryPage #categories li:hover ul {display: block;}

#directoryPage #categories li a, #directoryPage #categories li.current {
	display: block;
	float: left;
	clear: left;
	text-decoration: none;
	color: white;
	background-color: #a3cc4b;
	padding: 3px 4px 5px;
	width: 142px;
	height: 14px;
	z-index: 1; /* solves stacking bug in IE */
}

#directoryPage .sub-categories li a, #directoryPage .sub-categories li.current {
	display: block;
	text-decoration: none;
	color: white;
	background-color: #88a935;
	padding: 3px 4px 5px;
	width: 142px;
	height: 19px;
}

#directoryPage #categories .sub-categories li.current, #directoryPage #categories .sub-categories li a:hover {
	background: #4d611c;
	width: 142px;
}

#directoryPage .hidden ul {
	display: none;
}

#directoryPage .resultsCount {
	border-bottom: 1px dashed silver;
	font-size: 0.8em;
	color: #888;
	font-style: italic;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

#directoryPage .businessListing {
	border-bottom: 1px dashed silver;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

#directoryPage h3 {
	color: #88a935;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

#directoryPage .businessListing p {
	text-align: justify;
	color: #333;
	font-size: 0.9em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}

#directoryPage .businessListing ul {
	list-style: none;
}

#directoryPage .businessListing .contactDetails {
	float: right;
	text-align: right;
}

#directoryPage #pagination {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dashed silver;
}

#directoryPage #pagination li {
	display: inline;
	margin-left: 5px;
}

#directoryPage #pagination a {
	background-color: #4d611c;
	color: white;
	padding: 3px 6px;
	text-decoration: none;
}

#directoryPage #pagination a:hover {
	color: #4d611c;
	background-color: white;
}

#directoryPage .actions {
	clear: both;
	padding-bottom: 1em;
}

#directoryPage .actions a {
	color: #4d611c;
	padding: 2px 3px 4px;
}

#directoryPage .actions a:hover, #directoryPage .actions a:focus{
	text-decoration: none;
	color: white;
	background-color: #4d611c;
}

#directoryPage #featured {
	list-style: none;
	font-size: 0.9em;
}

#directoryPage #featured li {
	padding: 0.4em;
	background-color: #eee;
	color: #444;
	border-bottom: 3px solid white;
}

#directoryPage #featured li span {
	text-transform: uppercase;
	color: #4d611c;
}

/********************************************/
/*                ADS                       */
/********************************************/

#bannerad, #leftad, #leftad2, #bodygad {
/*	background-color: #ffc;*/
}

#bannerad {
	margin-top: -18px;
	width: 468px;
	height: 60px;
}

#leftad, #leftad2 {
	margin: 0 auto 15px;
	width: 125px;
	height: 125px;
}

#bodygad {
	width: 120px;
	height: 600px;
}
/*********************************
    LINKS PAGE
*********************************/
/* Priority Links */
div.priolinks div {
  border: 1px dashed #88A935;
  padding: 5px;
}
div.priolinks div.priosec {
  border: none;
  text-align: center;
  color: #88A935;
  font-size: 14pt;
}
div.priolinks span.title {
  font-weight: bold;
  color: #88A935;
}
div.priolinks span.desc {
  font-style: italic;
}
div.priolinks span.uri a {
  color: #88A935;
}
/* Normal Links */
div.normlinks div {
  padding: 5px;
}
div.normlinks div.normsec {
  border: none;
  text-align: center;
  color: #000;
  font-size: 14pt;
}
div.normlinks span.title {
  font-weight: bold;
  color: #000;
}
div.normlinks span.desc {
  font-style: italic;
}
div.normlinks span.uri a {
  color: #000;
}

/**********************
    Pagination
**********************/

div.paginationTracker {
  padding: 5px;
  border: 2px solid #88a935;
  text-align: center;
}
div.paginationTracker span.pages {
  display: inline-block;
}
div.paginationTracker span.prev,
div.paginationTracker a.prev,
div.paginationTracker span.next,
div.paginationTracker a.next {
  font-size: 18px;
  text-decoration: none;
}
div.paginationTracker span.first,
div.paginationTracker a.first,
div.paginationTracker span.last,
div.paginationTracker a.last {
  font-size: 22px;
  text-decoration: none;
}

div.paginationTracker span.pages a {
  display: inline-block;
  padding: 0 2px;
  font-size: 12pt;
}

/***********************
    SALE STUFF
***********************/
div.sale {
  width: 550px;
  position: relative;
}
div.sale div.row {
  border: 1px dashed #88A935;
  padding-bottom: 5px;
  margin: 5px 0;
  clear: both;
}
div.sale td.nostyle {
  border: none;
}
div.sale .green {
  position: relative;
  left: 0;
  top: -20px;
}
div.sale .green .gm {
  width: 512px;

}

div.sale div.img {
  padding: 2px;
  width: 96px;
  float: left;
  text-align: center;
}
div.sale div.img a {
  color: #88A935;
  text-decoration: none;
  padding-left: 16px;
  background: url(images/enlarge.gif) left center no-repeat;
}
div.sale p {
  float: left;
  padding: 5px;
  height: 15px;
  width: 430px;
}


/*************
 VIEW ADVERT
*************/
div.advert .details strong {
  display: block;
  float: left;
  margin-left: 10px;
  width: 100px;
}
div.advert div.images {
  text-align: center;
  margin-top: 30px;
}

div.advert div.images a {
  margin: 0 1px;
}
div.advert div.images a img {
  border: 4px solid #88A935;
}

div.advert div.footer{
 margin-top: 10px;
}


/*******************
 RESPOND TO ADVERT
*******************/
form fieldset {
  /* global mozilla only css to keep the layout the same as IE */
  -moz-border-radius: 5px;
}

form.contact {
  margin-bottom: 1em;
}
form.contact fieldset {
	padding: 1em;
	color: #333;
}
form.contact legend {
	color: #88a935;
	font-weight: bold;
}
form.contact label {
  display:block;
  float:left;
  font-size:0.8em;
  text-transform:capitalize;
  width:8em;
}
form.contact p {
  line-height:1.4em;
  clear: both;
}
form.contact textarea {
  width: 30em;
  height: 15em;
}

form.contact input,
form.contact textarea {
  margin-bottom:10px;
}
form.contact input {
  width: 29.35em;
}
/* reset submit button to normal size */
form.contact input.send {
  float: right;
  margin-right: 30px;
  width: 6em;
}



/*************
 Control Panel Styling
**************/

div.usercp {
  min-height: 200px;
  padding: 5px;
}
div.usercp .title {
  color: #88a935;
  font-size: 1.1em;
  width: 190px;
  font-size: 12pt;

}

div.usercp  a {
  color: #88a935;
  background: transparent url(images/arrow.jpg) left center no-repeat;
  padding-left: 22px;
  border: none;
  cursor: pointer;
  font-size: 1em;
}

/********************
 Chaneg PW Form
********************/
form.changepw {
  width: 315px;
  margin: 0 auto;
}
form.changepw label {
  float: left;
  width: 125px;
  clear: both;
}
form.changepw fieldset {
  padding: 1em;
  color: #333333;
}
form.changepw legend {
  color:#88A935;
  font-weight:bold;
}
form.changepw label,
form.changepw input {
  margin-top: 3px;
}
form.changepw input.submit{
  margin-top: 5px;
  float: right;
}

/****** Horse School  ***/
div.school div.row {
  padding: 5px;
	width: 100%

}

div.school div.title {
  padding-bottom: 5px;
}
div.school div.title a {
  font-size: 12pt;
  color: #88A935;
  text-decoration: none;
}

div.school div.details {
  float: left;
  width: 230px;
}
div.school div.body {
  float: right;
  padding: 5px;
  height: auto;
  width: 290px;
}


div.school div.paginationTracker {
  border: none;
}

/*********************************
Outings Full View Page CMAR
*********************************/
#viewOuting p.title , #viewOuting p.fullDetails{font-size:14px;font-weight:bold;}
#viewOuting p.available {font-weight:bold;}


/***************************
      Payment Options
***************************/
form.buycredits td {
  vertical-align: top;
}
div.paymentoption {
  width: 300px;
  padding: 5px;
  margin-bottom: 2px;
}
div.paymentoption .title {
  font-size: 1.3em;
  font-weight: bold;
  color: #88A935;
}
div.paymentoption .green {
   margin:0 auto;
   padding: 5px;
}
div.paymentoption .green .gm {
     width: 505px;
}
div.paymentoption .button {
   margin:0 auto;
   width: 110px;
}
div.paymentoption .button input,
div.paymentoption .button a {
  position: relative;
  text-decoration: none;
  width: 65px;
  bottom: 5px;
  border: none;
  background: none;
  color:#FFFFFF;
  font-size:14pt;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  margin-top: 3px;
  text-align: center;
}
div.paymentoption span.new {
  color: #88A935;
  font-weight: bold;
}
div.paymentoption span.old {
  color: #9a9a9a;
  font-weight: bold;
}

/**************
Manage Ads
*************/
table.manageads {
  border: 1px solid black;
  border-collapse: collapse;
}
table.manageads th,
table.manageads td {
  padding: 5px;
  margin: 3px;
}

table.manageads th {
  color: #88A935;
  font-size: 1.2em;
}
table.manageads td.center {
  text-align: center;
}
table.manageads td a {
  text-decoration: none;
  color: #88A935;
}
table.manageads td.center a {
  display: block;
  text-align: center;
}
	width: 100%;
	height: 100%;
	text-indent: -9999em;
	overflow: hidden;
}

/********************************************/
/*                       GALLERY                           */
/********************************************/

#imagePage {
	font-family: Helvetica, Calibri, Arial, sans-serif;
}

#imagePage h2 {
	color: #777;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 1em;
	font-size: 18px;
	margin-top: 1em;
}

#imagePage .desc {
	text-align: center;
	font-size: 22px;
	line-height: 1.5em;
	letter-spacing: 1px;
	padding-bottom: 1em;
	border-bottom: 1px dashed silver;
	margin-top: 0.8em;
}

#imagePage .desc span {
	text-transform: uppercase;
	font-size: 88%;
}

#imagePage .desc span.capital {
	font-size: 1.2em;
	line-height: 1.4em;
}

#imagePage .desc em {
	font-style: italic;
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	font-size: 100%;
}

#imagePage ul {
	list-style: none;
}

#imagePage #galleryNav {
	float: left;
	clear: both;
}

#imagePage .imagetypes {
	width: 560px;
}

#imagePage .imagetypes li {
	margin-bottom: 3px;
	margin-left: 3px;
	display: block;
	float: left;
	width: auto;
	height: auto;
}

#imagePage .imagetypes li a {
	background-color: #88A935;
	text-align: center;
	padding: 3px 12px 5px;
	text-decoration: none;
	color: #fff;
	display: block;
}

#imagePage .imagetypes li a:hover, #imagePage .imagetypes li a:focus {background-color: #4d611c;}

#imagePage .thumbnails li {
	height: 176px;
	display: block;
	float: left;
	width: 176px;
	margin: 5px;
}

#imagePage .thumbnails li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#imagePage .clear {
	clear: both;
}

/** EVENTS ADDITIONS */
p span.eventnormal {
  color: #88A935;
}
p span.eventposponed,
p span.eventcancelled {
  color: #ff0000;
 }
/* BUG FIXES */

/* Different size login boxes in IE */
.cmodlogin input {
  width: 150px;
}

/*second styling for suggest form
Fully styled through form id only
*/
form#suggestform2 {
width:570px;}


#suggestform2 fieldset {
color:#333333;
padding:1em;}

#suggestform2 p {padding:5px 0;}

#suggestform2 p.help {
color:#888888;
font-size:0.8em;
margin-bottom:1em;
padding:5px 0;
font-family:arial;
}

#suggestform2 textarea {
height:10em;
margin-bottom:1em;
width:24em;
}

#suggestform2 input.textSelect {
width:17em;
margin-bottom:5px;
}

#suggestform2 p label {
display:block;
float:left;
font-size:0.8em;
text-transform:capitalize;
width:10em;
color:#333333;
font-family:arial;
}

#suggestform2 p.warning {color:#ff0000;font-size:10px;}

/*CMAR Additions 04 2009*/
a.reviewImageBuyLink {text-decoration:none;}
a.reviewImageBuyLink:hover {text-decoration:underline;}
div#buyImageOptions {margin:20px 0;}
div#buyImageOptions h1 {font-size:16px;}
div#buyImageOptions table.options {margin:10px 0;}
div#buyImageOptions table.options th {background-color:#CCC;}
div#buyImageOptions table.options th  {padding:12px;}
div#buyImageOptions table.options td {padding:5px}
div#buyImageOptions table.options, div#buyImageOptions table.options td  {border:1px solid #ccc;}

table.subOptions {text-align:center;border:none !important;}
table.subOptions  td, table.subOptions  th {border:none !important;}

/*******************************************/
/*START OF FORCED CSS FOR CLASS fckContent */
/*******************************************/
div.fckContent {font-size:12px;text-align:justify;}
div.fckContent ul {list-style-image:url(../images/bullet_green.gif);}
div.fckContent ol {list-type:decimal;}
div.fckContent li {padding:0 15px 6px 10px;}

div.fckContent ul,
div.fckContent ol {padding:3px 0;margin:10px 0px 10px 20px;}

div.fckContent div , div.fckContent p {padding:3px 0;}

div.fckContent p {padding:3px 0;}
div.fckContent div {font-size:12px;padding:3px 0;}
div.fckContent pre {}
div.fckContent address{}
div.fckContent h1,
div.fckContent h2,
div.fckContent h3,
div.fckContent h4,
div.fckContent h5,
div.fckContent h6{font-weight:bold;margin:3px 0;}

div.fckContent h1 {font-size:26px;}
div.fckContent h2 {font-size:24px;}
div.fckContent h3 {font-size:22px;}
div.fckContent h4 {font-size:20px;}
div.fckContent h5 {font-size:18px;}
div.fckContent h6 {font-size:16px;}

/*Match Font Sizes - These have been set to absolute units so need no matching*/

/*INDENT CLASSES*/
div.fckContent .Indent1
{
margin-left: 40px;
}

div.fckContent .Indent2
{
margin-left: 80px;
}

div.fckContent .Indent3
{
margin-left: 120px;
}

/*JUSTIFY CLASSES*/
div.fckContent .JustifyLeft
{
	text-align: left;
}

div.fckContent .JustifyRight
{
	text-align: right;
}

div.fckContent .JustifyCenter
{
	text-align: center;
}

div.fckContent .JustifyFull
{
	text-align: justify;
}

/*******************************************/
/* END OF FORCED CSS FOR CLASS fckContent  */
/*******************************************/

/*********************************/
/*    SHOPPING CART              */
/*********************************/

a.continueShopping {color:#E50D62;text-decoration:none;font-size:12px;}
a.continueShopping:hover {text-decoration:underline;}
div.shoppingCart {font-size:11px;clear:both;}
div.shoppingCart p {margin:5px 0;}
div.shoppingCart a {color:blue;}

div.shoppingCart p.total {font-weight:bold;font-size:14px;}

div.shoppingCart table {margin:10px 0;border-collapse:collapse;font-size:11px;}
div.shoppingCart table th ,div.shoppingCart table td {padding:1px 8px;border:1px solid #ddd;}
div.shoppingCart table th {height:20px;background-color:#DDD;}
div.shoppingCart table td {height:20px;}

table#checkoutDetails {margin:10px auto;}
table#checkoutDetails tr.middle td {vertical-align:middle;}
table#checkoutDetails td {vertical-align:top;border:none;}

table#totalsTable {font-weight:bold;border-collapse:collapse;}
table#totalsTable tr#totalRow td {border:1px solid #000;}

div.validationWarning {border:1px dotted #000;margin:10px 0;padding:5px;color:#E50D62;}
div.validationWarning p {line-height:9px;}

ul#checkoutPleaseNote {font-weight:bold;font-size:11px;margin-left:16px;}
ul#checkoutPleaseNote li {padding:2px 0;}
ul#checkoutPleaseNote a {color:#E50D62;text-decoration:none;}
ul#checkoutPleaseNote a:hover {text-decoration:underline;}

/*****************************************/
/*  Gallery Page, Image Pricing Display  */
/*****************************************/

div.imagePricing h1 {font-size:16px;margin:20px 0;}
div.imagePricing td {padding:3px;}
div.imagePricing th {padding:10px;background-color:#E8E8E8;}
div.imagePricing table,div.imagePricing td, div.imagePricing th  {border:1px solid #ccc;}
div.imagePricing table.subOptions td {width:75px;}