﻿
/* MAIN SHEETS */
@import "normalize.css";
@import "common.css";

/* MODULES */
@import "news.css";
@import "faq.css";
@import "docs.css";
@import "events.css";
@import "home.css";

/* OTHER SHEETS */
@import "form.css";
@import "fontsize.css";
@import "flash.css";
@import "widgets.css";
@import "share.css";
@import "sitemap.css";
@import "main_navigation.css";
@import "images.css";

/** Harold Primat 2006 v2.0 **/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
/** Harold Primat 2006 v2.0 **/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-size:0.7em;
	line-height:1.3em;
	background-color:#FFFFFF;
	margin:0;
	padding:0 0 0 0;
	background-image:url(../images/shd/bodyBG.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}
table{
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
}

p {
	margin: 0px 0px 6px 0px;
	font-size:1.0em;
}

h1 {/* HP main page title */
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1.7em;
}

h2 {
	margin: 6px 0 12px 0;
	padding: 0;
	font-weight:bold;
	padding:0;
	font-size:1.5em;
}

h3 {/* HP panel red titles */
	margin: 0px;
	padding:6px 0 6px 0;
	font-size:1.4em;
}

h4 {/* HP panel grey titles */
	color: #666666;
	margin:0;
	padding:6px 0 6px 0;
	font-size:1.4em;
	font-weight:bold;
}

h5 {/* HP login red titles */
	color: #CC0000;
	margin:0;
	padding:3px 0 0 0;
	font-size: 1.0em;
	font-weight:bold;
}

form {/* HP form style */
	padding:0;
	margin:0;
}
a, a:visited, a:link {
	text-decoration: none;
	color:#000;
}
a:hover, a:active, a:hover *, a:active *{
    color:#000;
	text-decoration: underline;
}

a:hover img
{
    text-decoration:none;
}

a img
{
    border:1px none #fff;
}

div.hr
{
    display:block;
    width:100%;
    clear:both;
    float:left;
    height:1px;
    background-color:#fff;
    margin:0;
    padding:0;
}

div.hr hr 
{
    display:none;
}
.floatLeft{float:left;}
#moreLatestNewsList a.floatLeft{ clear: both; }

.floatRight{float:right;}
.clear{clear:both;}
.noclear{clear:none;}

.arrows
{
	padding-left:15px;
	background-image:url(../images/shd/arrows.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}

.boxHeader a
{
	display:block;
	overflow:hidden;
	padding-top:14px;
	height:0px;
	width:140px;
	background-repeat:no-repeat;
}
#latestNewsHeadlines .boxHeader h1 a
{
	background-image:url(../images/home/titles/latestNews.gif);
}
#riderProfile .boxHeader h2 a
{
	background-image:url(../images/home/titles/riderProfiles.gif);
}
#latestImages .boxHeader h3 a
{
	background-image:url(../images/home/titles/latestImages.gif);
	border-right:0;
	float:none;
}
#simonSays .boxHeader h4 a
{
	background-image:url(../images/home/titles/simonSays.gif);
}


#latestNewsHeadlines .boxHeader h1 a:hover
{
	background-position:left -20px;
}
#riderProfile .boxHeader h2 a:hover
{
	background-position:left -20px;
}
#latestImages .boxHeader h3 a:hover
{
	background-position:left -20px;
	filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border-right:0;
}
#simonSays .boxHeader h4 a:hover
{
	background-position:left -20px;
}


#innerHeaderImage
{
	width:529px;
	float:left;
}


/****** FORM ELEMENTS **/
        #form
        {
            float:left;
            clear:both;
            width:100%;
        }
        #form div
        {
            margin:4px 0 0 0;
            display:block;
            float:left;
            width:100%;
            clear:both;
        }
        
        #form label
        {
            width:80px;
            float:left;
            margin-right:10px;
            text-align:right;
            line-height:1.7em;
        }
        
        #form input,#form select,#form textarea
        {
            float:left;
            font-size:0.9em;
            width:100px;
        }
        
        #form #submit
        {
            margin:8px 0 4px 0;
            float:left;
        }
        
        #submit a.submitbtn
        {
            margin-left:90px;
        }
    /** CUSTOM ELEMENTS **/
        #searchKeywords input
        {
            width:300px;
        }
        #searchDate select
        {
            width:auto;
            margin-right:2px;
        }
        #gallerySelect
        {
            float:left;
            display:block;
            padding:0 0 10px 0;
        }
        
        #gallerySelect select 
        {
            padding:0;
            margin:0;
            width:auto;
        }
        #gallerySelect input 
        {
            margin:0 0 0 4px;
        }
        
        /** REGISTRATION PAGE **/
        #registrationPage label
        {
            width:150px;
        }
        #registrationPage input,#registrationPage textarea
        {
            width:170px;
        }
        #registrationPage select
        {
            width:250px;            
        }
        #registrationPage #dateOfBirth select
        {
			width:54px;
			margin-right:5px;
        }
        
  
        
        #emailOption1,#emailOption2
        {
        }
        
        #emailOption1 input,#emailOption2 input
        {
            width:auto;
        }
        #emailOption1 label,#emailOption2 label
        {
            width:300px;
        }
        
        #registrationPage #submit a.submitbtn
        {
            margin-left:160px;
        }
        .submit span
        {
			margin:5px 0px;
			line-height:1.2em;
        }
        
        .teamHolder
        {
			width:349px;
			padding:10px;
			text-align:center;
			float:left;
        }    
        .teamHolder a
        {
			clear:both;
        }
        .profileHolder
        {
			width:534px;
			float:left;
        }
        .imgHolder
        {
			width:190px;
			float:right;
        }
      

/***********************************************/
/* Content Styles                              */
/***********************************************/
#header
{
    float:left;
    width:100%;
    margin:0 0 6px 0;
    position:relative;
}


#header img
{
    float:left;
}

.standardBox{
	background:#F2F2F2;
	padding:6px 6px 6px 6px;
	border: 1px solid #CCCCCC;
}
.contentBox{
	margin:6px 0px 0px 0px;
	float:left;
	clear:both;
	width:738px;
}

html>body .contentBox
{
    width:746px;    
}

#flagBG
{
    padding-top:30px;
    width:100%;
    float:left;
	background:transparent url(../images/shd/flagBG.jpg) no-repeat top right;
}

#pageContainer{/* HP outer div */
	margin:auto;
	width:760px;
}

#contentContainer, #innerContentContainer
{
	width:758px;
	border-bottom:0px solid #686868;
	border-top:1px solid #686868;
	border-right:1px solid #686868;
	border-left:1px solid #686868;
	float:left;
	padding-bottom:1px;
	background-color:White;
}
#borderBox{
	background-image:url(../images/shd/pageBG.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	
	padding:0px 0px 23px 0px;
	display:block;
	float:left;
}

#innerContentContainer .col1
{
    width:100%;
    border:1px none #000;
}

#innerContentContainer .col1 .content
{
    width:100%;
}

.content
{
    padding:1px 0 0 0;
    clear:both;
    float:left;
    width:100%;
}

#flashImage
{
    float:left;
    width:528px;
    height:190px;
    background-color:#789EB1;
}

#moreAboutParkalgar
{
	width:228px;
	height:0px;
	background-image:url(../images/shd/moreAboutParkalgar.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	padding-top:190px;
	float:left;
	margin-left:2px;
}
#moreAboutParkalgar:hover
{
	background-position:left -190px;
}
#moreAboutParkalgarInner
{
	width:228px;
	height:0px;
	background-image:url(../images/shd/moreAboutParkalgar.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	padding-top:190px;
	float:left;
	margin-left:1px;
}
#moreAboutParkalgarInner:hover
{
	background-position:left -190px;
}

#crossfade
{
    /*position:relative;
    float:left;
    width:100%;*/
}

#homeflashImage
{
    width:758px;
    height:190px;
}

.col1
{
    float:left;
    /*width:529px;*/
    width:529px;
    border-right:1px solid white;
    margin-top:1px;
}

.col2
{
    float:left;
    width:228px;
    margin-top:1px;
}

.col2 .content
{
}

.boxHeader
{
    float:left;
    width:100%;
    background-color:#CCCCCC;
    color:#fff;
}

.boxHeader h1,.boxHeader h2,.boxHeader h3,.boxHeader h4,.boxHeader h5
{
    font-size:1.1em;
    padding:4px 6px 4px 6px;
    margin:0;
    color:#000;
    text-transform:uppercase;
}

.noPadding
{
    margin:6px 0 0 0;
}

#latestImages
{
    float:left;
    width:100%;
}

#latestImages .boxHeader,
#latestNewsHeadlines .boxHeader,
#lemansFlash .boxHeader,
#homePartners .boxHeader,
#innerContentContainer .col1 .boxHeader
{
    background-position:right center;
    background-repeat:no-repeat;
}

#latestImages .boxHeader {background-image:url(../images/home/imagesBG.gif);}
#latestNewsHeadlines .boxHeader {background-image:url(../images/home/latestnewsBG.gif);}
#riderProfile .boxHeader {background-image:url(../images/home/riderprofileBG.gif);}
#simonSays .boxHeader {background-image:url(../images/home/simonsaysBG.gif);}
#innerContentContainer .col1 .boxHeader {background-image:url(../images/home/latestnewsBG.gif);}

#latestImages a
{
    float:left;
    border-right:1px solid white;
}

#latestImages a:hover
{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#latestImages .lastImage
{
    border-right:1px none white;    
}
#simonSays .content
{
	background-image:url(../images/home/simonSays.jpg);
	width:228px;
	height:90px;
	padding:0;
	background-repeat:no-repeat;
}
#simonSays .content p
{
	padding:10px 10px 0px 120px
}
#simonSays h4
{
	padding:3px 6px 19px 6px;
}



#pageContent
{
    clear:both;
}

#latestNewsHeadlines
{
    float:left;
    width:100%;
}

#footer {
	color:#fff;
	float:left;
	display:block;
	width:100%;
	text-align: center;
	font-size:0.9em;
	margin-top:5px;
}
.leftouter{/* HP deƒines width of left main block*/
	width:470px;
	float: left;
	margin-top: 9px;
}

.rightouter{/* HP defines width of right main block */
	width: 283px;
	float: right;
	margin-top: 9px;
}

.newinnerlft {
	width: 320px;
	float:left;
	margin: 0px 10px 0px 0px;
	padding: 6px;
}
#divNews{
	float:left;
	clear:left;
	margin:6px 0px 0px 0px;
}

#imageListing
{
    float:left;
    clear:both;
    width:100%;
}

#imageListing img:hover
{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;    
}

#imageListing img
{
    float:left;
    margin-right:1px;
}


.riderProfiles 
{
	padding-left:120px;
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:1px;
	height:78px;
}
h4
{
	padding:16px 0 0 0;
	width:96px;
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
	display:block;
	font-size:1.3em;
	height:0;	
}
.riderProfiles a.arrows
{
	margin-right:4px;
	float:right;
}

.riderProfiles span
{
	font-size: 10px;
}

.craig h4
{
	background-image:url(../images/home/craigJones_h4.gif);
}

.eugene h4
{
	background-image:url(../images/home/eugeneLaverty_h4.gif);
}


.miguel h4
{
	background-image:url(../images/home/miguelPraia_h4.gif);
}
.craig
{
	background-image:url(../images/home/craigJones.jpg);
}

.miguel
{
	background-image:url(../images/home/miguelPraia.jpg);
}

.eugene
{
	background-image:url(../images/home/eugeneLaverty.jpg);
}


/***********************************************/
/* Form Styles                                 */
/***********************************************/

        .form
        {
            width:100%;
            float:left;
            clear:both;
        }

        .form div
        {
            margin:2px 0;
            display:block;
            float:left;
            width:100%;
        }
        

        .form div div
        {
            width:100%;
            clear:both;
        }
        

        .form div div div
        {  
            clear:both;
            width:100%;
        }

        .form label
        {
            width:140px;
            margin-right:15px;
            text-align:right;
            display:block;
            float:left;
            color:#000;
            line-height:1.4em;
            text-transform:capitalize;
        }

        .form input,
        .form textarea,
        .form select
        {
            width:230px;
            display:block;
            float:left;
            border:1px solid black;
	        background-color:white;
	        color:black;
	        font-size:1.0em;
        }
        
        .form input[type="file"]
        {
            width:256px;
        }
        
        .form select
        {
            width:256px;
            margin:0;
            padding:0;
        }
        
         .form textarea
         {
            min-height:80px;
         }
        
        /****** HOVER/FOCUS STYLES ***/
        		
        .form div input:hover, .form div input:focus,
        .form div textarea:hover, .form div textarea:focus,
        .form div select:hover, .form div select:focus
        {
	        background-color:white;
        }

		.noPadding
		{
			padding:0;
		}
        /****** SUBMIT STYLES ***/
        

        .form .submit
        {
            padding-left:155px;
            line-height:1.0em;
            width:auto;
        }
        
        .submit a,
        .submit a:visited,
        .submit a:link
        {
	        background-color:white;
	        color:black;
	        text-decoration:none;
	        padding:2px 4px 2px 4px;
            border:1px solid black;
	        font-size:0.9em;
	        float:left;
	        width:auto;
	        text-align:center;
	        text-transform:uppercase;
	        cursor:pointer;
        }
        
        .submit input
        {
            width:auto;
	        color:black;
	        text-transform:uppercase;
	        background-color:white;
	        font-size:0.9em;
	        cursor:pointer;
        }

        .submit a:hover,
        .submit a:active,
        .submit a:focus
        {
	        background-color:#cccccc;
	        color:#fff;
	        text-decoration:none;
        }
        
        /*** TO OVERIDE PREVIOUSLY SPECIFIED #HOLDER STYLES ***/

        .submit a,.submit input
        {
            margin-right:5px;
        }
        
        /*** SPECIFIC STYLES ***/
        
        /*** LOGIN ***/
        
        #headerLogin
        {
            float:right;
            padding:0;
            position:absolute;
            bottom:0;
            right:0;
            color:black;
        }
        
        #headerLogin .form
        {
            padding:0;
            width:auto;
        }
        
        #headerLogin span
        {
            float:left;
            width:auto;
            margin-right:2px;
            line-height:1.4em;
        }
        
        #headerLogin .form div  
        {
            width:auto;
            float:left;
            clear:none;
            margin:0;
            margin-left:2px;
        }
        
        #headerLogin .form input,
        #headerLogin .form textarea,
        #headerLogin .form select
        {
            background-color:white;
            border:1px solid black;
            width:8em;
        }
        
        #headerLogin label
        {
            width:auto;
            text-align:left;
            margin-right:2px;
            margin-left:5px;
            color:black;
        }
        
        #headerLogin .submit
        {
            padding:0;
            margin-left:0;
        }
        
        #headerLogin .submit a
        {
            background-color:#fff;
            color:#000;
            margin:0 0 0 2px;
        }
        
        #loginEmail .submit a.noclear
        {
            float:none;
        }
        

/***********************************************/
/* News Styles                                 */
/***********************************************/
#latestNewsHeadlines a
{
    cursor:pointer;
}

#latestNewsList a span
{
    float:left;
    width:527px;
    padding:10px;
    display:block;
}

#moreLatestNewsList a span
{
    float:left;
    width:253px;
    padding:10px;
    display:block;
}

#latestNewsHeadlines a span span
{
    float:left;
    clear:both;
    width:100%;
    padding:0;
}

#moreLatestNewsList a span span
{
    float:left;
    clear:both;
    width:100%;
    padding:0;
}

#latestNewsList a span span
{
    float:left;
    clear:both;
    width:100%;
    padding:0;   
}


#latestNewsHeadlines img,#latestNewsList img,#moreLatestNewsList img
{
    float:left;
}

.headline
{
    font-size:1.4em;
    font-weight:bold;
    margin:6px 0 6px 0;
}

#moreLatestNewsList .headline
{
    font-size:1.2em;
}

#latestNewsHeadlines a span span.arrow,#latestNewsList a span span.arrow,#moreLatestNewsList a span span.arrow,.arrow
{
    float:right;
    background:white url(../images/shd/dbl_arrow.gif) no-repeat center left;
    padding-left:15px;
    clear:both;
    width:auto;
}

#latestNewsList .content div
{
    float:left;
}

#latestNewsList .content a,#moreLatestNewsList .content a
{
    cursor:pointer;
    float:left;
    display:block;
}

.contentInner
{
    width:738px;
    padding:10px;
    float:left;
}
.contentInnerImages
{
    width:758px;
    float:left;
    padding:1px;
}

#latestNewsList .headline
{
    font-size:1.4em;
    margin:6px 0 6px 0;
    font-weight:bold;
}

#latestNewsList .arrow
{
    margin:6px 0 6px 0;
}

.container
{
    float:left;
    margin-bottom:1px;
}

#moreLatestNewsList .form
{
    padding:10px;
    width:738px;
}

#moreLatestNewsList .form label
{
    color:#000;
}

#moreLatestNewsList .form input,#moreLatestNewsList .form select
{
}



#newsItemDisplay
{
    padding:10px;
}

#newsItemDisplay img
{
    float:right;   
    padding:0pt 0pt 5px 8px; 
}

#newsItemDisplay .date
{
    font-weight:bold;
}
#newsItemDisplay h2
{
    font-weight:bold;
    font-size:1.6em;
    line-height:1.2em;
}
#newsItemDisplay .arrow
{
    float:left;    
}

/***********************************************/
/* User-defined Styles                         */
/***********************************************/

.txtErr{
	color:#CC0000;
	font-weight:bold;
}
.headline
{
    line-height:1.1em;
}

.arrow img
{
    margin-left:6px;
    vertical-align:text-top;
    clear:none;
}
.arrow:link,.arrow:active,.arrow:visited,.arrow:hover
{
    color:#666666;
}

.arrow img
{
    border:none;
}

.arrow img
{
	border:none;
}

.nostyle {
	border: 0 !important;
	margin: 0;
	padding: 0;
}

.noborder {
	border: 0 !important;
}
img.paddedImg{
	margin:4px;
}

div.homeIntro p{
}
div.mediaRegContent{
	width: 700px;
	margin: 0px 10px 0px 0px;
	padding: 6px;
}

img.galleryPanelMainImage{
	margin:0px 0px 5px 0px;
}

div.images a img{
	border: 2px solid #f2f2f2;
}

div.images a:hover img{
	border: 2px solid #FFFFFF;
}

.hidden
{
    display:none;
}
        
/****** FOOTER ELEMENTS **/
        #footer
        {
            float:left;
            width:100%;
            clear:both;
            font-size:0.9em;
            color:#fff;
        }
        #footer p
        {
            margin:10px 0 10px 0;
        }
        
        #footer a,#footer a:link,#footer a:visited,#footer a:active
        {
            text-decoration:underline;
            color:#fff;
        }

        #footer a:active,#footer a:hover,#footer a:visited hover
        {
            text-decoration:none;
        }
        .newsArchive .floatLeft, .newsArchive .floatRight
        {
			margin-bottom:10px;
        }
        .allNewsHeadlinesItem
        {
			display:block;
			float:left;
			clear:both;
			margin-bottom:15px;
			padding-bottom:15px;
			border-bottom: solid 1px #cccccc;
			width:100%;
        }
        .updateProfileButton
        {
			height:0;
			width:94px;
			padding-top:17px;
			overflow:hidden;
			display:block;
			float:left;
			background-image:url(../images/shd/updateProfile.gif);
			background-repeat:no-repeat;
			background-position:left top;
			margin-left:180px;
        }
        
        .homeNewsBorderRight
        {
			border-right: solid 1px #cccccc;
			padding-right:8px;
			margin-right:8px;
        }
        .homeNewsBorderBottom
        {
			border-bottom: solid 1px #cccccc;
			margin-bottom:5px;
			padding-bottom:4px;
        }
