/*CREDITS
COMPANY: www.clickstream.ie
DESIGN: Aoife Ní Chionnaith/Wojtek
CSS: Aoife Ní Chionnaith
XHTML: Aoife Ní Chionnaith
PHP: xxxName
*/

/*.................................................. GENERAL ...............................................*/
html {background: #303030;}
body {margin:0;  padding:0;  font-size:100.01%; font-family: Arial, Helvetica, sans-serif;  color: #ccc;  text-align:left; }
* { margin: 0; padding:0;}
a img {border:none;}
/***** GENERAL STYLES *****/
.alignleft {float:left;}
.alignright {float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
.toDo {background: yellow; color:#000}
.widecolumn {
width:700px;
}
.narrowcolumn  {
width:700px;
}
.article{border:1px solid #FFFF99; float:left; margin:0 15px 10px 0; clear:both;
}
.label strong {color:#FFFF99; margin:0 0 5px 0; font-size:16px; font-weight:bold;}
/*LINKS*/
a:link, a:visited {color: #fff; text-decoration:none;}/* unvisited link and visited link */
a:hover {color: #fff; text-decoration:underline; } /* mouse over link */
a:active {color: #666} /* selected link */

acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/* WIDTHS */
/* style widths and percentage widths this way
.s30 { width:30px; }
.pc30 { width:30%;}*/

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. WRAP ALL ................................................*/
#pageWrap { margin:0 auto; font-size: 0.85em; width:968px;text-align: left; }
#page {padding: 0 4px;  background:url(/img/bg/page.png) repeat-y; width: 961px; float:left; }

/*.................................................. HEADER ................................................*/
#header { padding: 0 8px; width:945px; float: left; }
#header h1 {margin-right: 8px; background: #ab001c; float:left; display:inline;}
#header h1 img {display: block}
#contactInfo {margin: 25px 0 0 0; float: left; }
#header h2 {color: #fff; font-size: 1.5em;}

/*.................................... MAIN NAVIGATION ................................................*/
#mainmenu {padding: 10px 0; margin: 10px 0; width: 100%; clear:both; float:left; font-size: .9em; border-bottom: 1px solid #333; border-top: 1px solid #333; }
#mainmenu ul {float: left; width: 100%; text-align:center}
#mainmenu ul li {display: inline; float:left; text-transform:uppercase;}
#mainmenu ul li a { color:#fff; text-decoration: none; display:block; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; font-size:14px;}
/*home*/
#mainmenu ul li#m01 {width: 59px;}
/*welcome*/
#mainmenu ul li#m02 {width: 112px;}
/*background*/
#mainmenu ul li#m03 {width: 96px;}
/*workshop*/
#mainmenu ul li#m04 {width: 100px;}
/*arrive and drive*/
#mainmenu ul li#m05 {width: 126px;}
/*Event Facilities*/
#mainmenu ul li#m06 {width: 136px;}
/*For Sale*/
#mainmenu ul li#m07 {width: 86px;}
/*Results, News*/
#mainmenu ul li#m08 {width: 130px;}
/*Contact*/
#mainmenu ul li#m09 {width: 108px;}


#mainmenu ul li a:focus { outline: none}
#mainmenu ul li.on a, #mainmenu ul li a:hover { color:#fcff00; text-decoration:none; }

/*........................ MAIN this wraps the left and right columns........................*/
#main {float:left; width: 100%; }
#main a {color: #ffff99}
#main p {font-size:12px;}
/*.................................................. SIDEBAR ...............................................*/
#sidebar {margin: 0 0 0 0; padding: 0 20px 0 10px; float:left; width: 144px; vertical-align:top;}
#main.home #sidebar {padding: 0 5px 0 0; width: 478px; }
#sidebar h4 {color:#FFFF99; margin:0 0 5px 0; font-size:16px; font-weight:bold;}
#sidebar p {color:#FFF; padding:0 0 10px 0; font-size:12px; font-weight:bold;}
#sidebar p b{color:#FFFF99;}

/*......... RIGHTCOL HOME ...............................................*/
#rightCol {float: left; width: 761px; width:508px;}
#main.home #rightCol {width: 478px;}

/*.........  HOME TRIPANEL   ...............................................*/
ul#home_tri {width:960px; margin: 0 7px 0 8px; padding:0;}
ul#home_tri li{width:305px; float:left; display:block; padding:0 0 20px 0;}
ul#home_tri li.middle{width:305px; margin:0 15px;}
ul#home_tri li h3{}


/*.........  HOME slider   ...............................................*/
#mainSlider {height: 350px;	width: 945px; float: left; margin: 0 0 13px 0; position:relative; padding:0 0 0 8px;}
#mainImg {position:absolute; overflow:hidden;}
#featured-item {display:block; float:left; height:350px; position:relative; width:945px;}
#featured-itemContent {position:absolute; width:945px;}
.featured-itemImage {display:none; float:left; position:relative;}
.featured-itemImage span {font-size:12px; top:0px; background-color:#333; color:#FFF; display:none; right:0px; line-height:15px; position:absolute; width:300px; height:350px; padding:0 20px 0 0;   /* for IE */  filter:alpha(opacity=90);  /* CSS3 standard */   opacity:0.9;}
.featured-itemImage span strong {line-height:26px; color:#DFEA14; display:block; font-size:20px; font-weight:normal; margin:15px 0 5px 15px !important; }
.featured-itemImage span b {color:#fff; display:block; font-weight:normal; line-height:16px; margin:3px 0 12px 15px !important; }
.clear {clear:both;}

/*............................................. COLUMN THREE ...............................................*/
#thirdCol {float: right; width:150px;}
#img-gallery {padding:0 0 15px 0; float:right; width:250px; display:block; margin:0 0 10px 0; border-top: 1px solid #333333; border-right: none; border-bottom: 1px solid #333333; border-left: 1px solid #333333; }
#img-gallery ul {padding:0; margin:0;}
#img-gallery ul li{list-style:none; padding:0; margin:0; height:90px; width:115px; float:left;}
#img-gallery ul li a{padding:0; margin:0;}
#img-gallery ul li a img{border: 1px solid #333333; float:left; margin:15px 0 0 15px;}

/*.................................................. CONTENT ...............................................*/
.breadcrumb {margin: 0 0 10px 0; font-size: .85em; color: #888 ; text-transform:capitalize}
#main .breadcrumb a {color:#ddd}

h3 {margin: 0; padding: 0; color: #fff; font-size: 1.6em; text-transform:uppercase; font-style: italic; }
h4 {margin: 0; padding: 0; color: #fff; font-size: 1.4em; }

#content {padding: 0 10px 0 0; margin: 5px 0 0 0; float:left; position:relative}

#content h3 {margin: 0 0 15px 0; color: #fff;}
#content h4 {margin: 10px 0 5px 0; color:#ffff99; text-transform:capitalize}
#content h5 {margin: 10px 0 5px 0; color:#ffff99; text-transform:capitalize}
#content p {margin: 5px 0 12px 0; line-height: 1.5em; }
#content li {line-height: 1.5em}

blockquote {margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #000; font-family: Georgia, "Times New Roman", Times, serif;}
blockquote p {font-size: 1.2em}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}

/*************************** TABLES ***************************************/
table {border-collapse: collapse}
table td {text-align: left; vertical-align: top; }

/*************************** FORMS ***************************************/
fieldset {border: 0px}
form.inputform input {padding: 2px 3px; font-size: 1.0em;}
form.inputform select {padding: 2px 0px; font-size: 1.0em;}
form.inputform textarea {padding: 2px 3px; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; font-size: 1.0em;}
form.inputform tr.action td {text-align: center;}
input.submit {background: red; }
form.inputform table {margin: 0 0 10px 0; }
form.inputform table td {padding: 2px 3px; }
.mand {color: red;}
/*Styling Error Messages*/
p#errMsg {background: red; }

/*.................................................. FOOTER ...............................................*/
#footerWrap {float: left; width: 100%; font-size: .85em; color:#888;}
#footer {border-top: 1px solid #333; margin: 0 0 10px 0; padding: 8px; width: 950px; float:left; clear:both;  background:url(/img/bg/footer.png) no-repeat bottom left }
#footer h5 {font-weight: bold; }
#mitsubishi {float: left; width: 350px; }
#mitsubishi img {margin: 0 5px 0 0; float: left;}
#sitemap {float: right; }
#sitemap ul {margin: 0 20px 0 0; float: left; }
#sitemap ul.column3 {margin: 0px; }
#sitemap a {color: #878787; text-decoration:none;}
#sitemap a:hover {color: #fff; text-decoration:none;}
#credits {margin: 10px 0; width: 100%; clear:both;}
#credits p {padding: 0 10px 0 0; display: inline; }

.panel {margin: 0 0 5px 0; padding: 0 8px 0 0; float: left;  }
.panelWrap {padding: 0 0 5px 0; float: left; background:#1d1d1d}
.panelHeadings {padding: 5px; float: left; background:#fff;}
#main .panelHeadings h3 {color: #c90000}
#main .panelHeadings h4 {color: #000; font-size: .95em; font-weight:bold; }
.panel p {margin: 5px 0; padding: 0 5px; font-size: .85em}
.panel p.linkTo {margin: 10px 0 5px 0; font-weight: bold; text-align:right;}
.panel p.linkTo a {display:block}

	/*Video*/
#video {padding: 0; width: 478px; background: url(/img/sample_car.jpg) no-repeat; height: 280px; }
#video .panelHeadings {background: none; width: 468px}
#video .panelHeadings h3 {color: #fff;}
#video .panelHeadings h4 {color: #fff;}

#rallyNews .panelHeadings {width: 466px}

	/*latest news*/
#latestNews {padding-right: 0; width: 476px;}
#latestNews .panelWrap {background: #0f1434;}
#latestNews .panelHeadings {width: 466px}

	/*for sale*/
#forSale {padding-right: 0; width: 476px;}
#forSale .panelHeadings {width: 466px; clear:both;}

	/*event facilities*/
#eventFacilities {width: 235px; }
#eventFacilities .panelHeadings {width: 225px;}

#arriveDrive .panelHeadings {width: 225px;}
#arriveDrive {padding-right: 0; width: 235px;}

#rallyNews {padding-right: 0; width: 476px;}
#rallyNews .panelWrap {background: #0f3412;}