#front { margin: 0px; text-align: center; font-family: arial, helvetica, sans-serif; line-height: 180%; font-size: 90%; background: #ffffff url(../images/background.gif) left top repeat-x; }
#iframeBody { font-size: 90%; font-family: arial, helvetica, sans-serif; }

img { border: 0px; }
input, select, textarea { font-size: 1em; font-family: arial, helvetica, sans-serif; }
small { font-size: 75%; }

p { margin-bottom: 20px; }

#front label { height: auto !important; height: 30px; min-height: 30px; display: block; width: 180px; float: left; clear: left; }
#front form strong { display: block; padding-bottom: 20px; }
#front select, #front input { height: auto !important; height: 20px; min-height: 20px; line-height: 22px; margin-bottom: 10px;  }
#txtExisting { width: 500px; }
.requiredAst { font-size: 1.2em; font-family: "courier new", courier; color: #ea8638; font-weight: bold; }
fieldset { border: none; padding: 0px 0px 20px; }
.checkbox { float: left; width: 1.1em; margin: 0px 20px 0px 0px; }
.element {  }
.element .note { margin-left: 160px; }
.note { font-size: 0.9em; color: #0470c3; }
.blacknote { font-size: 0.9em; line-height: 150% !important; }
.warning { margin-top: 20px; border-top: 2px solid #bb0000; border-bottom: 2px solid #bb0000; padding-top: 10px; font-size: 0.9em; }
.warning_text { font-weight: bold; color: #bb0000; }

h1, .fusionH1 { font-size: 4em; color: #cacaca !important; font-family: arial, helvetica, sans-serif; font-weight: normal; line-height: 110%; margin: 0px 0px 20px; letter-spacing: -2px }
h2, .stronger, .fusionH2 { line-height: 120%; font-family: arial, helvetica, sans-serif; font-weight: normal; }
#page-body h2 { font-size: 1.4em !important; margin: 10px 0px 20px; }
h3, .fusionH3 { font-size: 1.2em; font-weight: normal;  margin: 20px 0px 0px; }
h4, .fusionH4 { font-size: 1.2em; font-weight: bold; margin:0px 0px 5px; color: #404040; }
h5, .fusionH5 { font-size: 1em; font-weight: bold; margin:20px 0px 5px; }
.haspicture { height: 130px; width: 580px; background-repeat: no-repeat; background-position: top right; margin-bottom: 20px; }
.haspicture h1 { padding-top: 50px; padding-left: 10px; margin: 0px; color: #ffffff !important; }
#alertMessage { color: #ffffff; background-color: #ea5618; padding: 5px; margin-bottom: 10px; font-family: arial; font-size: 1.1em; display: none; }

.stronger { font-size: 1.4em; }
.five { font-size: 2.6em; font-weight: bold; }
.internal h2 { margin: 6px 0px; }
#wayne-heath h2 { color: #5e5e5e; font-size: 1.4em }
.hr { clear: both; margin: 10px 0px; height: 3px; overflow: hidden; background: #f3f3f4 url(../images/hr.gif) left top repeat-x; }

.call-to-upgrade { margin: 10px 0px; padding: 5px 0px; border-top: 2px solid #f3f3f4; border-bottom: 2px solid #f3f3f4; }

#call-to-action .right { margin: 10px 0px 2px; }
#call-to-action .right .stronger { display: block; margin-bottom: 3px; }

#club-management { background: url(../images/page-background.png) left top repeat-y; text-align: left; }
#header { width: 950px; height: 60px; margin: 0px 10px; background: url(../images/menu-background.gif) left top repeat-x; }
#header, #supplementary-menu li a img { position: relative; }
#club-manager, #menu { position: absolute; }
#menu  { z-index: 99; font-size: 0.8em; }
#club-manager { z-index: 50; top: 10px; left: 20px; width: 211px; height: 41px; }
#menu dl { margin: 0px; padding: 0px; float: right; position: relative; width: 160px; }
#menu dt { text-align: center; float: right; width: 160px; height: 56px; background: url(../images/menu-divider.gif) left top no-repeat; }
#menu dd { margin: 0px; padding: 0px; overflow:hidden; display: none; background: #e6e6e6 url(../images/menu-bottom.gif) left bottom repeat-x; position: absolute; z-index: 99; left: 2px; top: 56px; font-size: 1em; }
#menu { right: 0px; top: 0p; }

#getStarted { background: url(../images/get-started.gif) left top repeat-x !important; }
#getStarted a { line-height: 18px !important; padding: 8px 10px !important; color: #ffffff !important; }

#menu ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 5px; }
#menu ul li { background-image: none; height: auto !important; text-align: left; padding: 0px !important; width: 159px; border-top: 1px solid #d0d0d0; }
#menu ul li span { background-color: #b6b6be; color: #ffffff; display: block; }
#menu ul li a, #menu ul li a:visited, #menu ul li span { font-size: 1em; line-height: 20px; padding: 10px 10px; display: block; font-weight: bold; }
#menu ul li a, #menu ul li a:visited { color: #92929a; }
#menu ul li a:hover { background-color: #f0f0f0; color: #f26526 !important; }
#menu a , #menu a:visited { display: block; line-height: 56px; color: #8f8279; text-decoration: none; font-size: 1.1em; }
#menu a:active, #supplementary-menu li a:active { color: #000000; }
#menu a:hover, #supplementary-menu li a:hover, #supplementary-menu li a:hover { color: #f26526 !important; }

#page { width: 950px; background-color: #ffffff; margin: 0px 10px; padding-bottom: 20px; height: auto !important; height: 600px; min-height: 600px; }
#supplementary-menu { font-size: 0.9em; list-style-type: none; background: #e8e8ea url(../images/supplementary-background.gif) left top repeat-x; margin: 0px; padding: 0px; height: 20px; }
#supplementary-menu li { float: right; padding: 0px 2px 0px 38px; margin: 0px; font-size: 0.8em; line-height: 20px; color: #858585;  }
#supplementary-menu li a, #supplementary-menu li a:visited { text-decoration:none; color: #858585; }
#supplementary-menu li a img { margin-top: 1px; }

#interior { margin: 20px 20px 0px 20px; }

#page-body { float: left; width: 580px; font-size: 1.1em; font-family: arial; height: auto !important; height: 500px; min-height: 500px; margin-right: 20px; }
#page-body a, #page-body a:visited { text-decoration: none; font-weight: bold; color: #ea8638; }
#page-body a:active { color: #000000; }
#page-body a:hover { color: #f26526; }
#page-body .internal { width: 500px; }
.action-button { margin-left: 160px; width: 140px; }

#feature_image { position: relative; float: left; margin-right: 20px; width: 580px; height: 280px; }
#main-picture1, #main-picture2 { position: absolute; top: 0px; left: 0px; }
#main-picture1 { z-index: 90; }
#main-picture2 { z-index: 2; }
#call-to-action { background-color: #ea8638; color: #ffffff; }
#call-to-action, #wayne-heath { width: 310px; height: auto !important; height: 130px; min-height: 130px; float: left; margin-bottom: 20px; }
#call-to-action .left { margin: 10px 0px 2px; display: block; width: 125px; float: left; cursor: pointer; }
#call-to-action .right { display: block; width: 145px; float: right; cursor: pointer; }
#call-to-action a, #call-to-action a:visited { color: #ffffff; text-decoration: none; }
#call-to-action .internal, #wayne-heath .internal { padding: 3px 10px 10px; line-height: 120%; }

#call-to-action a:hover .link { color: #ffd000; background: url(../images/white-arrow-hover.gif) right 1px no-repeat; }
.link { display: block; clear: both; text-align: right; font-weight: bold; font-size: 1em; line-height: 22px; padding-right: 30px; }
#call-to-action .link { background: url(../images/white-arrow.gif) right 1px no-repeat; }
.middle-logo { margin: 0px 40px; }

#wayne-heath { background-color: #ebebed; color: #585858; }
#wayne-heath .link { margin-top: 23px; background: url(../images/grey-arrow.gif) right 1px no-repeat; }
#wayne-heath a, #wayne-heath a:visited { color: #585858; text-decoration: none; }
#wayne-heath a:hover .link { color: #ea8638; background: url(../images/grey-arrow-hover.gif) right 1px no-repeat; }

.feature-item { margin: 10px 0px; width: 227px; font-size: 1.1em; float: left; text-align: center; height: 120px; background: url(../images/feature-line.gif) right top repeat-y; }
.feature-item img { display: block; margin: 5px auto 10px; }
.feature-item .internal { margin: 0px 20px; }
.end { background-image: none !important; }
.telephone { font-family: arial; }

.highlight, a.highlight, a.highlight:visited { color: #ea8638 !important; }
a.highlight:hover { color: #000000 !important; }

#club-management, #footer { width: 970px; margin: auto; }
#footer { text-align: left; font-size: 0.7em; color: #777777; background: url(../images/page-footer.png) left top no-repeat; padding-bottom: 40px; }
#footer .internal { padding: 10px; width: 960px; float: left; }
#footer a, #footer a:visited  { color: #ea8638; text-decoration: none; }
#footer a:hover { color: #000000 !important; }
#front #telephone { float: right; width: 530px; padding: 0px 10px; text-align: right; font-size: 1.6em; line-height: 150%; }
address { font-style: normal; display: inline; }
#footer ul { display: inline; margin: 0px; padding: 0px; list-style-type: none; }
#footer ul li { display: inline; margin: 0px 0px 0px 20px; padding: 0px; }
#fia-logo { float: right; margin-left: 10px; }

.label { display:block;width:120px;float:left; }

#testimonials { float: left; width: 580px; margin: 10px 20px 0px 0px; }
#testimonials-collection { width: 580px; }
#testimonials-collection blockquote { font-size: 1.1em !important; margin-top: 40px !important; }
#testimonials-collection cite { font-size: 0.8em !important; }
blockquote { text-align: right; font-size: 1.7em; color: #4c4c4c; margin: 20px 0px 5px; padding: 0px; font-style: italic; }
cite { text-align: right; font-style: normal; font-size: 1.2em; display: block; padding-right: 40px; margin-bottom: 40px; }
#features { width: 310px; float: left; height: auto !important; height: 280px; min-height: 280px; background-color: #f0f0f2; margin-top: 10px; color: #666666; }
#features .internal { margin: 10px; }
#features ul { list-style-type: none; margin: 10px 0px; padding: 0px; }
#features ul li { margin: 8px 0px; padding: 0px; }
.features li { margin: 20px 0px; }
#sub-menu { float: right; width: 310px; }
#sub-menu a, #sub-menu a:visited { text-decoration: none; color: #ea8638; }
#sub-menu a:hover { color: #808080; }
#side-menu { margin: 0px; padding: 0px; list-style-type: none; }
.title { padding: 4px 0px; border-bottom: 3px solid #ea8638; color: #777777; text-transform: uppercase; font-size: 1.1em; font-weight: bold; }
#side-menu li { margin: 0px; padding: 0px; border-bottom: 1px solid #d0d0d0; }
#side-menu span { display: block; padding: 4px 0px; }
#side-menu li a, #side-menu li a:visited { display: block; padding: 4px 0px; color: #003399; text-decoration: none; }
#side-menu li a:hover { background-color: #f4a90b; color: #ffffff; font-weight: bold; padding-left: 4px !important; }
#side-menu li a:active { color: #000000; }
#upgrade-form { width: 580px; }

#bookmark { display: block; margin-top: 20px; }

.tag { padding: 0px 7px; color: #808080; }
.tag1 { font-size: 0.9em; }
.tag2 { font-size: 1.2em; }
.tag3 { font-size: 1.4em;  }

.smaller { font-size: 0.8em; }

.tag-field { margin: 10px 0px; padding: 10px 0px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: center; }
.feature-list { width: 580px; clear: both; }
.feature-list h2 { margin: 0px !important; line-height: 58px; font-size: 1em !important; font-weight: bold; color: #777777; text-transform: uppercase; }
.feature-box h3 { margin: 0px; }
.feature-box { display: block; }
.feature-box ul { font-size: 0.8em; margin-top: 20px; padding-top: 0px; margin-bottom:20px; padding-bottom: 0px; }
.feature-box ul li { margin-bottom: 10px; }
.feature-box img { margin: 0px 40px 0px 0px; float: left; clear: left; }
.dropdown-image { margin-left: 28px; margin-right: 20px; position: relative; top: 15px; float: left; }
#imgbaa { margin-right: 19px; }
#imgaaa { margin-left: 26px; }
#imgcaa { margin-left: 31px; top: 14px; margin-right: 24px; }
#imgeaa { margin-left: 27px; top: 17px; }
#imgdaa { margin-left: 26px; top: 13px; margin-right: 21px; }
.feature-box .inner {  padding-top: 10px; }

.feature-title { margin: 0px; padding: 0px; height: 68px; width: 589px; position: relative; left: -4px; background: url(../images/popopen-button.jpg) left top no-repeat;  cursor: pointer; }
.feature-title:hover { background: url(../images/popopen-button-over.jpg) left top no-repeat; }
.feature-title:hover h2 { color: #f05510; }

#bar { width: 930px; background: url(../images/bar.gif) left top no-repeat; position: relative; left: -10px; height: 30px; color: #ffffff; margin: 20px 0px 10px; }
#bar a { font-size: 1.05em; color: #ffffff; text-decoration: none; padding: 0px 10px; line-height: 30px; display: block; }

#contact { width: 288px; float: left; }
#contact-form { width: 620px; float: left; }
#contact-form h2, #contact h2 { color: #ea8638; }
#contact-form .boxy { width: 290px; min-height: 250px; margin-right: 20px; float: left; }
#contact-form .end { margin-right: 0px !important; }
.label { color: #525252; }
.boxy .label { clear: both; height: 70px; width: 80px !important; }
.third .label { width: 110px !important; }
.boxy a { font-size: 0.85em; }
.boxy span { display: block; }
#contact-form label, #contact label { width: 100px !important; float: left; }
#contact-form .requiredAst { display: inline !important; }
#contact input, #contact textarea { width: 170px; float: left; }
#contact .element { float: left !important; min-height: 32px; width: 170px !important; }
#uk { background: url(../images/uk.gif) top right no-repeat; }
#usa-canada { background: url(../images/usa-canada.gif) top right no-repeat; }
#uk-address { display: inline-block; margin-top: 10px; font-weight: bold; font-size: 0.9em; color: #ec5c1b; }

#enquiry { height: 500px; }


#third-party-form-setup { font-size: 1.1em; font-family: arial;padding-top: 30px; border-top: 1px solid #e0e0e0; margin-top: 30px; clear: both; }

.clr_both { height: 1px; overflow: hidden; clear: both; position: relative; top: -1px; }

.break { height: 20px; clear: both; }
.third { _width: 32%; width: 30%; padding: 0px 1%; float: left; margin-right: 2%;  min-height: 130px; margin-bottom: 0px; font-size: 0.8em; }
.third .title { margin-top: 0px !important; padding-top: 0px !important }
.third blockquote { font-size: 1.2em; }
.third img { float: left; margin-right: 5px; margin-bottom: 50px; }
.third-end { margin-right: 0px !important; }

.bigScreenshot { clear: both; float: left; margin-right: 40px; margin-bottom: 20px; }
.bigScreenshotRight { clear: both; float: right; margin-left: 40px; margin-bottom: 20px; }

#articles { margin: 0px; padding: 0px; font-size: 0.85em; list-style-type: none; }
#articles li { margin: 4px 0px; padding: 0px; }

#home { color: #222222 !important; font-family: arial, helvetica, sans-serif !important; text-align: center; margin-bottom: 0px; line-height: 150%; font-size: 2em; letter-spacing: 0px !important; }

#break1 { margin-top: -30px !important; }
#getting-started { position: relative; top: -50px; left: 20px; z-index: 70; }
.homebreak { height: 1px; overflow: hidden; background-color: #dddddd; margin: 30px 0px; clear: both; }
.homesummary { position: relative; z-index: 60; margin-top: 8px; text-align: center; font-size: 1.2em; line-height: 150%; color: #444444; }
.home h2 { position: relative; z-index: 50; text-align: center; color: #444444 !important; font-family: arial, helvetica, sans-serif !important; font-size: 2.4em; margin: 0px !important; }
.home h2 span { position: relative; z-index: 60; }
#novat { right: -20px; position: absolute; z-index: 40; }
.leftHome { float: left; width: 443px; text-align: right; line-height: 160%; margin: 30px 0px 10px;  }
.leftHome img { float: right; margin-left: 10px; }
.rightHome { float: right; width: 443px; line-height: 160%; margin: 30px 0px 10px;  }
.rightHome img { float: left; margin-right: 10px; }

#affordable img, #affordable div { float: left; margin-right: 20px; }
#affordable div { width: 270px; font-size: 0.8em; }
#affordable li { font-size: 0.95em; margin: 0px 0px 10px; padding: 0px; }

h2.highlight a { font-weight: bold; color: #eb8d00; }



/*   Slider  */
/*
    AnythingSlider v1.4.1+ Default (base) theme

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	width: 910px;
	height: 540px;	        
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
	background: #777;
	color: #000;
        
}
div.anythingSlider .anythingWindow {
}
div.anythingSlider .start-stop {
	background-color: #040;
	color: #fff;
        display: none;
}
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/* Active State */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #ffa425;
        color: #ffffff;
}
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
	background-color: #ffa425;
        color: #ffffff; 
}
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	position: relative;
        z-index: 40;
	/* padding: 0 45px 28px 45px; */
}
/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 67%;
	position: absolute;
        z-index: 60;
        display: block;        
        
}
div.anythingSlider .arrow a {    
	display: block;
	height: 95px;
	margin-top: -47px; /* half height of image */
	width: 45px;
	outline: 0;
	background: url(../images/arrows-metallic.png) no-repeat;
	text-indent: -9999px;
}

div.anythingSlider .forward { right: -20px; }
div.anythingSlider .back { left: -20px; }
div.anythingSlider .forward a { background-position: right bottom; }
div.anythingSlider .back a { background-position: left bottom; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right top; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left top; }

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; }
div.anythingSlider .thumbNav { margin: 0; display: none; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {	
	display: inline-block;
	text-decoration: none;
	padding: 2px 12px;
	height: 18px;
	margin: 0 5px 0 0;
	background-image: url(../images/cellshade.png);
	background-repeat: repeat-x;
	text-align: center;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .thumbNav a:hover {
	background-image: none;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-image: url(../images/cellshade.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}