/* Used mainly to set the bottom footer colour and to create a faux footer */

body.home {background: #000 url(http://www.clubspeedtiming.com/images/CS_web_background.jpg) no-repeat top center scroll}

.clr { clear: both; height: 1px; overflow: hidden;}

#mainContent ul, ol { margin: 5px 0 10px;}

.containerBG {margin-top: 0px;/*background: #fff*/} 
.fullWrap {margin-top: 0px}

.topRow {padding: 0} 
.topRow .containerBG {background: #f9f9f9;border-bottom: 1px solid #ddd}

.logoRow {}
.logoRow .containerBG {margin: 0}

.navRow {padding: 0; background:url(images/bg_nav-bar.png) repeat-x;}
.navRow .containerBG {padding: 0;background: transparent; height: 119px;}
.navRow .innerContainer { width: 992px !important;}

.bannerRow {}
.bannerRow .containerBG {border-bottom: 1px solid #ddd;border-width: 1px 0;padding: 30px 0;background: #f9f9f9}

.grid1Row {}
.grid1Row .containerBG {background: #fafafa;border-bottom: 1px solid #ddd}

.grid2Row {}
.grid2Row .containerBG {background: #eee;border-bottom: 1px solid #ddd}

.grid3Row {}
.grid3Row .containerBG {background: #fafafa;border-bottom: 1px solid #ddd}


/* callouts */
.grid4Row {}

.grid4Row .containerBG { padding: 0 0 20px 0; }


.grid4Row .innerContainer { width: 992px !important; margin-left: 0px !important; }


div#grid13,
div#grid15 { width: 320px !important; margin-right:0px !important;}

div#grid14 { width: 320px !important; margin-left: 15px; margin-right: 15px  !important; }



.grid5Row {}
.grid5Row .containerBG {background: #eee;border-bottom: 1px solid #ddd}

.grid6Row {}
.grid6Row .containerBG {background: #fafafa;border-bottom: 1px solid #ddd}

.mainRow {}
.mainRow .containerBG {padding-top: 0;}

#botGridWrap { }

.bottomRow {}
.bottomRow .containerBG {border-bottom: 1px solid #333}

.footerRow {text-transform: uppercase;}
.footerRow .containerBG {}

#footerLeft { width: 500px !important; }

div.bottomRow .innerContainer { border-top: solid 1px #333; } 
div.bottomRow h3 { text-transform: uppercase; font-size:11px; margin-top: -20px; }
div.bottomRow { font-size: 10px; text-transform: uppercase; background: #000;}
div.bottomRow a:link, div.bottomRow a:visited {  color: #999;}
div.bottomRow a:hover {  color: #fff;}
div.bottomRow ul li { list-style: none; margin: 0;}


.moduletable_ft_social { float:left; width: 259px;  position:relative;}
.moduletable_ft_social a.follow_link {  position: absolute; bottom: 0; left:0; margin:0 0 12px 70px; overflow: hidden; width: 123px; height: 16px; text-indent: -1000px; display: block;  }
.moduletable_ft_social a.follow_link:hover { border: solid 1px #333;}

.moduletable_ft_experience { float:left; width: 157px;}
.moduletable_ft_kartracing {float:left; width: 170px; }
.moduletable_ft_groups {float:left; width: 170px; } 
.moduletable_ft_contact  {float:right; color: #999; width: 203px;   } 


.moduletable_ft_contact form { margin: 0 0 10px 0;}
.moduletable_ft_contact #email { width: 149px; height: 18px; text-transform:uppercase; font-size: 10px; background: #333; color: #999; border: none; padding: 0 0 0 2px;}
.moduletable_ft_contact .submit { background: #666; color: #333; text-transform: uppercase; border: solid 1px #666; }


#facebook_link a { margin: 10px 0 0 0; width: 177px; height: 30px; display: block; overflow: hidden; text-indent: -1000px; background:url(images/bg_facebook_link.png);}

#tweet {width: 221px; background: url(images/bg_twitter_feed.png); height: 126px;}
#tweet ul { padding: 8px 9px 0 14px;}
#tweet ul li { color: #eee; font-family:"Courier New", Courier, monospace; font-size: 11px;}
#tweet ul li a:link, #tweet ul li a:visited { color: #eee; }
#tweet ul li a:hover { color: #fff; }

/* Pathway Classes */
#breadcrumb {margin: 0 0 20px;width: 100%;padding: 8px 0}
#breadcrumb .moduletable {text-align: right}
.pathway img {margin: 6px 2px 0}

/* Left Column */
#leftCol { padding-top: 85px; background:url(images/bg_left-col.jpg) no-repeat 0 85px; width: 250px;}

#leftCol #left { width: 231px !important;  }



#leftCol.


/* Center Column */
#center {}

/* Main Content Row Classes */
/* Left Column */
#midCol { width: 681px !important;}
.mainRow {}

#mainContent {margin-bottom: 10px; text-align: right !important; margin-top: 36px; background:url(images/bg_transparent.png); padding: 0px 17px 17px 17px;}
#mainContent div {text-align: left !important;}

/* Right Column */
#right {}


/* Bottom Row Classes */
.bottomRow {}
.bottomRow .containerBG {}


/* Footer Row Classes */
.footerRow {background: #000;/*margin-bottom: 50px*/}
.footerRow .containerBG {border: 0;padding: 0px 0 5px 0}
.footerRow .innerContainer { margin-left: 0 !important;}

/* Search Styling */
#search {}
#search .inputbox,#search_searchword {border: 1px solid #ddd;padding: 8px;margin: 4px 0;background: url(images/fieldShadow.jpg) repeat-x;	border: 1px solid #c8c8c8; font-size: 13px;color: #333333;padding-bottom: 0;margin: 0 20px}
#searchForm .button {margin-top: 8px}


/* Links */

a {color:#999}

/* Headings */
h1,.componentheading {color: #333} 
h2,.contentheading,h2 a {color: #fff;line-height: 1.4em}
h3,.moduletable h3 {color: #fff;font-size: 1.6em}
h4 {color: #999} 
h5 {color: #ffff00;padding: 10px 0 2px 0px; font-size: 14px;}
h6 {color: #fff;background: #999;padding: 2px 0 2px 4px}


/*Nav - Top levels */


#navWrap.navLeft  {float: left;}
#navWrap.navLeft ul {float: left;margin: 8px 0 0 0}
#navWrap.navLeft ul li {margin: 0}
#navWrap {float: right;}


#nav ul {float: right;margin: 8px 0px 0 0;}
#nav ul li {margin: 0;padding: 0; cursor:pointer;}
#nav ul li a {text-transform: uppercase;font-size: 1em;/*padding: 10px 20px 8px;*/color: #989898;margin: 0; font-weight: bold;}
#nav ul li a .cufon {padding-top: 5px;}
#nav ul li a:hover {color: #fff;}
#nav span.expanded {text-transform: uppercase;margin: 0;padding: 0 0 0 8px}
#nav a.mainlevel.sf-with-ul,#nav a.mainlevel_active.sf-with-ul {}
#nav a.mainlevel.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul {background:#fff  url(images/navParent.png) no-repeat 10px center}

#nav a.mainlevel_active,#nav .mainlevel_current,#nav ul li a:hover { color:#fff;}


#nav .moduletable_mainmenu { float: left; width: 140px; margin-left: 240px; }
#nav .moduletable_mainmenu ul li { clear: left; }
#nav .moduletable_mainmenu ul li a { background:url(images/bg_nav_plus.png) no-repeat left center;}
#nav .moduletable_mainmenu ul li a:hover { background:url(images/bg_nav_plus_active.png) no-repeat left center;}




#nav sub { display: none;}
#nav .moduletable_featuremenu { float: right;}
#nav .moduletable_featuremenu ul {margin:0px 0 0 0;}
#nav .moduletable_featuremenu ul li a { border-left: 4px solid #000000; float: left; height: 104px; padding: 0; text-indent: -1000px; overflow: hidden;}

#nav .moduletable_featuremenu ul li a#menulink_1 { width:184px; background:url(images/nav_the-experience.png) top; }
#nav .moduletable_featuremenu ul li a#menulink_1:hover,
#nav .moduletable_featuremenu ul li a#menulink_1.mainlevel_current { width:184px; background:url(images/nav_the-experience.png) bottom; }

#nav .moduletable_featuremenu ul li a#menulink_2 { width:184px; background:url(images/nav_kart-racing.png) top;}
#nav .moduletable_featuremenu ul li a#menulink_2:hover,
#nav .moduletable_featuremenu ul li a#menulink_2.mainlevel_current { width:184px; background:url(images/nav_kart-racing.png) bottom;}

#nav .moduletable_featuremenu ul li a#menulink_3 { width:161px; background:url(images/nav_group-events.png) top; }
#nav .moduletable_featuremenu ul li a#menulink_3:hover,
#nav .moduletable_featuremenu ul li a#menulink_3.mainlevel_current { width:161px; background:url(images/nav_group-events.png) bottom; }


/*numbers*/


#nav ul li a sub,
#leftCol ul li a sub { font-size:9px; padding: 4px 3px 0 0; color:#cbcbcb;}

/*#nav ul li a sub .cufon {padding-top:7px;}
#leftCol ul li a sub .cufon {padding-top:4px;}
*/
#leftCol ul li sub { font-size:9px; padding: 2px 3px 0 0; color:#cbcbcb; float: left; font-weight: bold;}
#leftCol ul li sub .cufon {padding-top:8px;}

/* #leftCol ul li a .cufon { margin-right: -4px;} */



/* Nav - Second and third levels */
#nav li:hover ul,#nav ul li.sfHover ul {left:0px;top:17px}
#nav li ul {background: #fff;border: 1px solid #ddd;border-width: 0 1px 1px 1px}
#nav ul li li a {border-bottom: 1px solid #ddd;color: #333;font-size: 0.9em}
#nav ul li li span.expanded {padding-left: 15px;font-size: 90%}


#logo { position: absolute;}

/* Left and right lists and panel menu */
#leftCol ul li, #rightCol ul li {margin: 0 0 15px 10px;padding: 0; display: block; }
#leftCol ul li a,#rightCol ul li a,#leftCol ul li span.separator,#rightCol span.separator{border-bottom: none;font-size: 18px; text-transform: uppercase; font-weight: bold;}
#leftCol ul li a:hover { color: #fff;}


/* Left and right Sub menus */
#leftCol ul li li a,#rightCol ul li li a{font-size: 1.1em;color: #371F1F;font-weight: normal;padding-left: 20px}


/* Styling for parent on panel menu */
#leftCol span.expanded,#rightCol span.expanded {border-bottom: 1px solid #f1f1f1;background: url(images/panelParent.png);font-size: 1.4em;display: block;padding-left: 20px;cursor: pointer;padding: 4px 0 4px 20px;color: #006699} 




/* Input Styling */
.inputbox,input#email {border: 1px solid #ddd; url(images/fieldShadow.jpg) repeat-x;	border: 1px solid #c8c8c8;	font-size: 13px; color: #333333}


/* Overrides */

/* Page classes */
div.jbFrontPage {}
div.jbArticle {}
div.jbSection {}
div.jbCategory {}

/* Pdf Buttons etc */
div.buttons {}

/* Div around the title and author, date etc */
div.jbMeta {} 

/* Section and Categories */
div.jbSectCat {}
span.jbSections {}
span.jbCategories {}

/* Author and date styling */
div.jbAuthorDate {}
span.jbModifydate {float: right}
span.jbAuthor {float: right}

div.jbCreatedate {}
div.jbCreatedate span.dateday {}
div.jbCreatedate span.datemonth {}
div.jbCreatedate span.dateyear {}

/* Read more */
div.jbReadmore {}


/*homepage*/
body.home #mainWrap { display: none;}
body.home #below {/* margin-top: 50px;*/ height: 546px; position: relative;}

.moduletable_homewelcome { width: 431px; position: absolute; top: 0; right: 0; background: url(images/bg_transparent.png); text-align: right; }
.moduletable_homewelcome .padding { padding: 34px 14px 14px 14px;}

.moduletable_homewelcome .quicklinks { position: absolute; bottom: 0; left: 0; margin-bottom: -56px; background: #000; width: 431px; border-bottom: solid 2px #ffff00; border-top: solid 2px #ffff00;}

/*callouts homepage footer*/
.moduletable_callout img { border-bottom: solid 5px #99cc00; padding-bottom: 5px; padding-top:30px; background: url(images/icon_arrow_dwn.png) no-repeat top left;}



/*page layout*/
.itemHeader { background: url(images/bg_page_titles.png) no-repeat top right; display: block; height: 134px; margin: 0 -15px 15px 0; padding: 0 15px 0 0;}

h4.itemSubTitle { font-size: 38px; letter-spacing: -2px; color: #33cc00;  padding-top:6px; font-weight: normal; }
h2.itemTitle { font-size: 84px; letter-spacing: -2px; color: #fff; text-transform: uppercase; font-weight: bold; }

.itemBody { overflow: hidden;}
.itemFullText h4 { color: #99ff00; font-weight: bold; font-size: 16px; text-transform: uppercase; }

.itemFullText ul li { color: #999; font-size: 12px;}

#k2Container #callouts { float: left; width: 315px; margin-right: 20px; margin-left: -63px;}

#k2Container #callouts img { padding-bottom: 5px; padding-top:30px; border-bottom: solid 5px #99cc00; margin-bottom: 47px; background: url(images/icon_arrow_dwn.png) no-repeat top left; } 

/*misc*/
.separator { border-bottom: solid 3px #ffff00; height: 1px; overflow: hidden; margin: 10px 0;}

.separator_Grey { border-bottom: solid 3px #666; height: 1px; overflow: hidden; margin: 10px 0;}

.arrow_link { font-size: 30px; text-transform: uppercase; font-weight: bold; color:#fff; background:url(images/icon_arrow_rt.png) no-repeat left center; padding-left: 35px;}

a.arrow_link:hover { color: #FFFF00;}


/* Testimonials */
#testimonial_list  {
	margin-top: 15px;
}

#testimonial_list .itemContainer {
	float: left;
	width: 16.3% !important;
	padding-bottom: 15px;
}
.catItemBody .catItemPadding { padding: 15px; }

/*#testimonial_list .column_2 a { margin: 0 auto; }
#testimonial_list .column_3 a { float: right; }*/

h3.testimonial_catItemTitle {
	display: none;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	/*padding: 2px 0 2px 10px;*/
	padding:6px 0 3px 10px;
	text-transform: uppercase;
}
#midCol #testimonial_list .catItemImageBlock a {
	display: block;
	width: 98px;
	text-align: center;
	text-transform: uppercase;
	color: #535353;
	font-weight: bold;
	

}
#midCol #testimonial_list .catItemImageBlock a:hover { color: #333; border: solid 3px #000; margin: -3px;}

#testimonial_list .separator {
	margin-top: 15px;
}
#testimonial_list span.catItemImage {margin:0 0 5px;}

#testimonial_list span.catItemImage .cropper { overflow: hidden; display: block;}

#testimonial_list .catItemBody { width: 700px; }




/* Tooltips */
.tool-tip {
   float: left;
   background: #99ff00;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
}

.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   color: #000;
   /*background: url(../images/selector-arrow.png) no-repeat;*/
}

.tool-text {
   font-size: 100%;
   margin: 0;
   color: #000;
}


/*news styles*/

.news_list h3.catItemTitle { margin: 0 0 4px; padding: 0;}

.news_list .catItemTitle a,
.news_details .article_title { color: #fff; text-transform: uppercase; font-size: 16px;}

.news_list .catItemDateCreated,
.news_details .itemDateCreated { color: #99cc00; display: block; margin-bottom: 15px; font-size: 12px;}

.news_list .itemContainer { padding: 10px 0; border-bottom: solid 3px #ffff00;}


#mainContent .news_details div.itemCategory { border-top: solid 3px #ffff00; text-align: right !important; padding: 10px 0; margin: 10px 0; font-size: 11px;}
.news_details div.itemCategory a { color: #fff;}


/* booking form */

#com_form1 {}

#com_form1 input,
#com_form1 .inputbox { width: 380px; border: solid 1px #313524; background: transparent;}
#com_form1 label { color:#dfe100; margin: 0; padding: 0; }

#form_submit_button img { display: none;}

#form_submit_button { background: #93d300; color: #fff; text-transform: uppercase; border: solid 1px #93d300;}