@charset "utf-8";
/* CSS Document 

Reset stlyes code from 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address,big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt,var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333;
	background: #d1ddf1;
	background-color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font: 10px verdana, geneva, arial, helvetica, helve, sans-serif;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*

End of Reset styles Code

*/


html { font-size:10px; }


body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font: 10px arial, verdana, geneva, arial, helvetica, helve, sans-serif;
	color: #666666;
	background: url(../images/background.gif) #ffffff top left repeat-x;
}

p{
	padding-bottom:20px;
	margin:0;
	font-size:1.3em;
}

#right_content_holder .bodytext{
	padding-top:5px;
}

a{
	color:#00628a8;
	text-decoration:underline;
}

a:hover{
	color:#f57d00;
	text-decoration:underline;
}

strong{
	color:#3284be;
}

h1{
	font-size:2.2em;
	color:#f57d00;
	font-weight:normal;
}

h2{
	font-size:1.8em;
	color:#f57d00;
	font-weight:normal;
}

h3	{
	font-size:1.3em;
	font-weight:normal;
}

/* This layer encapsulates all others and gives the site the side gradients*/

#gradient_wrapper {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width:920px;
	text-align: left;
	background: url(../images/gradient_repeat.gif) top left repeat-y;
	display:block;
	border:0px solid yellow;
	overflow:hidden;
	
	/* Code to fix transparent PNG backgrounds */
}

#left_gradient{
	padding:0;
	margin:0;
	height:671px;
	width:10px;
	background: url(../images/left_gradient_border..gif) top left no-repeat;
	float:left;
}

#right_gradient{
	padding:0;
	margin:0;
	height:671px;
	width:10px;
	background: url(../images/right_gradient_border..gif) top right no-repeat;
	float:left;
}

#container_padding{
	margin:0;
	padding:0;
	float:none;
}

#container{
	float:left;
	margin:0;
	padding:0;
	width:898px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	background:white;
}

#header{
	float:left;
	margin:0;
	padding:0;
	background: url(../images/header.gif) top left no-repeat;
	width:898px;
	height:105px;
	text-align:right;
}

#header #triathlone_logo{
	margin:0;
	padding:0;
	float:left;
	border:none;
}

#header #waterways_ireland_logo{
	margin:0;
	padding:0;
	float:right;
	border:none;
	clear:right;
}

#header_nav{
	padding-right:10px;
	padding-top:5px;
	color:#0062a8;
	height:15px;
	width:400px;
	float:right;
}

#header_nav a{
	text-decoration:none;
}

#header_nav a:hover{
	text-decoration:none;
}



.header_nav_separator{
	color:#c82127;
}

#inner_content_holder{
	float:left;
	margin:0;
	padding:0;
	padding-top:8px;
	padding-left:10px;
	border:0px solid red;
}

#header_content_alt, .csc-header {
	margin:0;
	padding:0;
	border-bottom:1px solid #f57d00;
	padding-bottom:4px;
	margin-bottom:15px;
	margin-top:15px;
	text-align: left;
}

#left_content{
	margin:0;
	padding:0;
	width:663px;
	text-align:left;
	border:0px solid green;
}

#left_content_container{
	margin:0;
	padding:0;
	/*padding-left:8px;*/
	text-align:left;
	float:left;
	border:0px solid red;
	line-height:1.9em;
	width:440px;
}

#left_content_text{
	margin:0;
	padding:0;
	margin-top:5px;
	text-align:left;
	float:left;
	line-height:1.9em;
	width:440px;
	border:0px solid red;
}

#left_content_buttons{
	margin:0;
	padding:0;
	margin-top:15px;
	/*padding-left:8px;*/
	text-align:left;
	float:left;
	line-height:1.9em;
	width:440px;
	border:0px solid red;
}

#left_content_container h3{
	font-size:1.5em;
	color:#262c72;
	padding-bottom:16px;
	font-weight: normal;
}

#left_content_buttoms img{
	border:none;
}

.intro_paragraph{
	font-size:1.5em;
	color:#262c72;
}

#middle_content_top{
	margin:0;
	padding:0;
	/*background: url(../images/middle_panel_top.gif) top left no-repeat; */
	float:right;
	width:210px;
	margin-left:5px;
	border:0px solid red;
}

#middle_content_top p{
	padding-left:10px;
}

#middle_content_top img{
	margin:0;
	padding:0;
	float:right;
}

#middle_content{
	margin-top:8px;
	margin-bottom:8px;
	background: url(../images/middle_content_gradient.gif) #fbfdfe top left repeat-x;
	float:right;
	width:210px;
	border:0px solid red;
}

#middle_content h3{
	color:#f57d00;
	font-weight:normal;
	padding-left:10px;
	padding-bottom:10px;
	font-size:1.3em;
	
}

/* kfor: added this because bold/strong text in the middle_content area
         was being coloured blue, making it look like a link. */
#middle_content strong {
	color:black;
	font-weight:bold;
}


#middle_content_downloads{
	margin:0;
	padding:0;
	float:right;
	border:0px solid green;
	width:215px;
}

#middle_content_downloads ul{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	color:blue;
	font-size:1.1em;
	font-weight:bold;
	
}

#middle_content_downloads ul li{
	color:#f7961d;
	list-style-type:disc;
	
}

#middle_content_downloads ul li a {
	color:#0062a8;
	text-decoration:none;
}

#middle_content_downloads ul li a:hover {
	color:#f7961d;
	text-decoration:none;
}

#middle_content_downloads img{
	margin:0;
	padding:0;
	margin-top:15px;
	/* kfor: removed the border; this causes an orange border to appear
	         around images.  Gosh-darned ghastly thing indeed. */
	/* border:0px solid #f57d00; */
}

#middle_content_holder{
	margin-top:2px;
	float:right;
	width:210px;
	border:0px solid red;
	margin-left:5px;
	padding-bottom:20px;
}

.panel_top_image{
	float:left;
}

#logout_link{
	font-size:1.3em;
	padding-top:5px;
	padding-left:10px;
}

#right_content_holder{
	float:right;
	margin:0;
	padding:0;
	padding-right:7px;
	padding-top:3px;
	font-size:0.85em;
	width:205px;
}

#right_content_holder p{
	padding-left:10px;
	padding-bottom:5px;
	text-align: center;
	
}

#right_content_holder .heading_image{
	margin-left:10px;
	margin-top:0px;
	margin-bottom:5px;
}

#right_content_holder .rbk{
	margin-left:10px;
}

#right_content_rbk h3{
	color:#0062a8;
	font-weight:normal;
	padding-left:10px;
	font-size:1.3em;
}

.bodytext{
	margin:0;
	padding:0;
}

.right_content_a,#right_content_b, .right_content_c,#right_content_d,#right_content_login{
	float:right;
	margin:0;
	padding:0;
	width:205px;
	margin-bottom:10px;
}

.right_content_a {	background: #f0f2f4;  }
#right_content_b { background: #D9F5FB; }

#right_content_holder .right_content_a .right_content_a_container,#right_content_holder #right_content_login .right_content_a_container{
	margin:0;
	padding:0;
	width:205px;
	background: #f0f2f4;
}

#right_content_holder #right_content_b .right_content_b_container{
	margin:0;
	padding:0;
	width:205px;
	background: #d9f5fb;
	float:right;
}


#right_content_holder .right_content_c .right_content_c_container, #right_content_holder #right_content_d .right_content_c_container{
	margin:0;
	padding:0;
	width:205px;
	background: #eef7e2;
	float:right;
	border:0px solid red;
}

.right_content_a_container{
	margin-bottom:100px;
}

.right_content_c_container{
		margin:0;
	padding:0;
	width:205px;
	background: #eef7e2;
	float:right;

}

.right_content_padding{
	padding:0;
	margin:0;
}

#main_nav{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	background: url(../images/main_nav_gr_back.gif) top left repeat-x;
	border:0px solid red;
}

#sponsors_header{
	float:left;
	border-bottom:1px solid #a3a3a3;
	width:868px;
	margin-top:15px;
	padding-right:10px;
}

#sponsors_content{
	margin:0;
	padding:0;
	float:left;
	width:878px;
	border:0px solid red;
}

#sponsors_content img{
	margin:0;
	padding:0;
	border:none;
}

/* CSS For Input forms  */

#registration_area {
	margin:0;
	padding:0;
	margin-top:5px;
	text-align:left;
	float:left;
	line-height:1.9em;
	border:0px solid red;
	
}


#footer {	
	margin: 0 auto;
	padding: 0;
	width: 920px;
	height:20px;
	display:block;
	overflow:hidden;
	background: url(../images/footer_gradient.gif) top left no-repeat;
	border:0px solid green;
	
}

#footer_text{
	margin: 0 auto;
	padding: 0;
	width: 920px;
	padding-right: 15px;
	padding-top: 5px;
	display:block;
	overflow:hidden;
	text-align:right;
	color:#666666;
		margin-bottom:10px;
}

#footer_text a{
	color:#0062a8;
	text-decoration:none;
}

#footer_text a:hover {
	color:#0062a8;

	text-decoration:underline;
}

/* kfor:  this is for the event descriptions on the Register page. */
/*
	.event_descriptions strong {
		color:black;
	}
*/
/* kfor:  this is for the age groups on the Results page. */
.age_groups li {
	color:black;
	font-weight: bold;
	list-style: disc inside;
	margin-left: 30px;
}
/* kfor:  these is for prev/next-type links under gallery thumbnails. */
.csc-menu ul {
	float: left;
}
.csc-menu li {
	width: 24%;
	text-align: center;
	float: left;
}
/* CSS for UL menu */

#navcontainer, #navcontainer_b, #navcontainer_c{
	border:0px solid red;
	margin:0;
	padding:0;
	float:left;
}

#navcontainer ul, #navcontainer_b ul, #navcontainer_c ul{
	margin:0;
	padding:0;	
}

#navcontainer ul li{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a{
color:white;
text-decoration: none;
display: block;
width: 70px;
background: url("../images/main_nav_a.gif") repeat-x 0px;
}

#navcontainer .two a{
color:white;
text-decoration: none;
display: block;
width: 73px;
background: url("../images/main_nav_b.gif") repeat-x 0px;
}

#navcontainer .three a{
color:white;
text-decoration: none;
display: block;
width: 98px;
background: url("../images/main_nav_c.gif") repeat-x 0px;
}

#navcontainer .active a{ background: url("../images/main_nav_a_over.gif") repeat-x 0px; }
#navcontainer a:hover { background: url("../images/main_nav_a_over.gif") repeat-x 0px;}

#navcontainer .two-active a { background: url("../images/main_nav_b_over.gif") repeat-x 0px; }
#navcontainer .two a:hover { background: url("../images/main_nav_b_over.gif") repeat-x 0px;}

#navcontainer .three-active a { background: url("../images/main_nav_c_over.gif") repeat-x 0px; }
#navcontainer .three a:hover { background: url("../images/main_nav_c_over.gif") repeat-x 0px;}

.csc-sitemap {
	font-size:1.2em;
}
/* 

/*

##### ------- AREA SPECIFIC STYLES ---	----  #######

*/

/*		REGISTER	AREA	*/


.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: normal; margin-bottom: 1em; }
.tx-srfeuserregister-pi1 dd, .tx-srfeuserregister-pi1 dt   { text-align:left; }
.tx-srfeuserregister-pi1 dt { padding-left:30px; }
.tx-srfeuserregister-pi1 dd{  color:#000;  }
.tx-srfeuserregister-pi1 form fieldset legend, .tx-srfeuserregister-pi1 dd, .tx-srfeuserregister-pi1 h4  { color:#5f5c5c; font-size:1.2em; font-weight:normal; }
.tx-srfeuserregister-pi1 form fieldset legend{
	padding:0px;
}
.tx-srfeuserregister-pi1-notice, dt { font-size:1.2em; color:#3284be; font-weight:bold;  }
.tx-srfeuserregister-pi1 form fieldset legend strong, .tx-srfeuserregister-pi1 h4  { font-weight:bold; color:#5f5c5c; }
.tx-srfeuserregister-pi1 a { padding:0; background:none; text-decoration:underline; }
.tx-srfeuserregister-pi1 DL  { padding:40px 0 0 100px}

#tx-srfeuserregister-pi1-fe_users_form dl{padding:0px;}

#tx_triuser_team_name_value,#tx_triuser_swim_athlete_value, #tx_triuser_swim_athlete_tshirt_value, #tx_triuser_cycle_athlete_value, #tx_triuser_cycle_athlete_tshirt_value, #tx_triuser_run_athlete_value, #tx_triuser_run_athlete_tshirt_value   { float:left}

.tx-srfeuserregister-pi1 dd.submit-buttons { padding-top:40px; border:1px solid red }
.tx-srfeuserregister-pi1-fe_users_form #button-continue {  }
 
input, select { background:#e9e9e9; border: 1px solid #3284be; }
input.tx-srfeuserregister-pi1-radio { border:0 }
.tx-srfeuserregister-pi1-submit { border:0; background:none; }
dd.buttons { padding-left:30px; } 

.required { color:#ff0000; }

input.button-confirm, input.button-continue, input.button-log-in { height:31px; width:115px;   }
input.button-proceed-to-rdp { height:31px; width:277px; }

input.button { border:0; margin:5px 0 0 0; background:none;  }

input.button-back { margin-right:10px; }

.com-list-col-price { border:0 }

form .buttonspacer { height:30px; }

#tx-srfeuserregister-pi1-fe_users_form dl{
	padding:0px;
	padding-left:100px;
}

#tx-srfeuserregister-pi1-fe_users_form .heading{

	font-size:12px;
	font-weight:bold;
	color:#f57d00;
}

#tx-srfeuserregister-pi1-fe_users_form legend{
	padding-bottom:20px;
}



/*		SUBSCRIPTION	AREA	*/

table.com-list { width:600px; }

.tx-commerce-pi1 table, .tx-commerce-pi1 td, table.com-list td { border:0; text-align:left }
html body .tx-commerce-pi1 table .com-list-action-entry a { text-indent:-9999px; display:block; background:url(../images/button_select.gif) top left no-repeat; width:73px; height:20px; }

.tx-commerce-pi1 { padding:20px; }
.tx-commerce-pi1 h2 { font-size:1.2em; font-weight:bold; color:#000 }
.tx-commerce-pi1 td { font-size:1.2em; color:#000 }
.tx-commerce-pi1 a, .tx-commerce-pi1 p {  font-size:1em; }
.tx-commerce-pi1 a { font-weight:bold;  text-decoration:none;}
TR.com-list-odd {
	background:none;
}

.tx-commerce-pi1 table td label, .tx-commerce-pi1 .com-basket-box td, .tx-srfeuserregister-pi1-password-again { font-weight:bold;  color:#3284be;}
.tx-commerce-pi1 .com-basket-box td.com-text-right { color:#000; }

.com-basket-container .com-basket-list, .com-basket-container .com-basket-list td {  border:0; }

.tx-commerce-pi1 p { float:left }

.tx-commerce-pi1 .com-basket-previous { width:60px; padding-right:20px; }
.tx-commerce-pi1 .com-basket-next { width:115px; }
.tx-commerce-pi3 .com-basket-previous a, .tx-commerce-pi3 dl{
	padding-bottom:10px;
}
.tx-commerce-pi3 .com-basket-previous a, .tx-commerce-pi3 .com-basket-previous{
	float:left;
	width:80px;
	border:0px solid red;
	padding-top:5px;
}

.tx-commerce-pi3 .com-basket-previous a, .tx-commerce-pi3 .com-basket-previous a:hover { text-indent:-9999px; display:block; background:url(../images/button_back.gif) top left no-repeat; width:72px; height:31px; }

.tx-commerce-pi1 .com-basket-previous a, .tx-commerce-pi1 .com-basket-previous a:hover { text-indent:-9999px; display:block; background:url(../images/button_back.gif) top left no-repeat; width:72px; height:31px; }

.tx-commerce-pi1 .com-basket-next a, .tx-commerce-pi1 .com-basket-next a:hover  { text-indent:-9999px; display:block; background:url(../images/button_proceed_to_check.gif) top left no-repeat; width:194px; height:31px; }

.proceedToCheckout a  { text-indent:-9999px; display:block; background:url(../images/button_proceed_to_check.gif) top left no-repeat; width:194px; height:31px; float:left;}

html body .tx-commerce-pi1 table .com-list-action-entry a { text-indent:-9999px; display:block; background:url(../images/button_select.gif) top left no-repeat; width:73px; height:20px; float:left;}

.button-deleteFromBasket a { height:31px; width:115px;  background:url('../images/button_back.gif') top left no-repeat; text-indent:-9999px; display:block; }

.com-chkout-listing-terms input{ border:none;background:none;	
}

.com-chkout-listing-terms{
	padding-bottom:10px;
}

.tx-commerce-pi1{padding:0px; margin:0px;
}

.com-category{padding-top:10px;}

/*		LOGIN	AREA	*/


.tx-newloginbox-pi1 form {  
}
.tx-newloginbox-pi1 form table { display:inline }

.tx-newloginbox-pi1 form table th { font-size:1.2em; color:#3284be; font-weight:bold; padding-right:8px; }
.tx-newloginbox-pi1 form table th { text-align:right;  padding-left:200px }
.tx-newloginbox-pi1 form table td { padding-bottom:8px;}
.tx-newloginbox-pi1 form table td .button { padding-left:8px; }
.tx-newloginbox-pi1 form table .forgotPassword a { font-size:1.1em; }
.tx-newloginbox-pi1 form table .forgotPassword {  padding:0 0 20px 80px; } 

.validationErrorMessage { color:red; }

/* ----    NEWS  -----   */

#left_content_text .news-list-container .news-list-item h3 { font-weight:bold;  color:#3284be; font-size:1.2em; }
#left_content_text .news-list-container .news-list-date {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#000; }
#left_content_text .news-list-container .news-single-item h2 { font-weight:bold;  color:#3284be; font-size:1.2em; }
#left_content_text .news-list-container .news-single-item .backToLink { float:right; font-size:1.2em; }

.news-single-item img{ float:right;margin-top:10px;}
#left_content_text .news-list-container .news-list-morelink, .news-list-container .news-single-backlink{ font-size:1.2em}
#left_content_text .news-list-container img {float:right}
#left_content_text .news-list-container .news-list-date{ padding-right: 7px; width:100%}

#left_content_text .news-single-item .news-single-backlink {font-size:1.2em}
#left_content_text .news-single-item h3 {padding-top:10px;padding-bottom:10px}
#left_content_text .news-single-item .bodytext {padding-bottom:10px}

#left_content_text .news-list-container .news-divider{height:10px; border-bottom:1px solid #f57d00; width:442px }
#left_content_text .news-divider{ height:10px; border-bottom:1px solid #f57d00; width:442px }
h3 { 	color:#3284be; font-size:1.3em; font-weight:bold; }

/*


##### ------- END PAGE SPECIFIC STYLES -------  #######

*/


.float-left { float:left;}

.float-left .csc-textpic { padding:20px 0 0 10px; }

#right_content_holder .right_content_a_container img, #right_content_holder .right_content_b_container img, #right_content_holder .right_content_c_container img { padding-left:10px; }

#right_content_holder .right_content_a .right_content_a_container, .right_content_b_container {  padding-bottom:10px; display:block; background:url('../images/right_panel_a_bottom.gif') bottom left no-repeat; }

#header_image_right .csc-textpic { clear:right; float:right;}

#right_content_holder .csc-textpic { text-align:left; } 

 
.com-list-col-teaser p.bodytext { }

table td.com-list-col-teaser { vertical-align:bottom; }
table td.com-list-col-teaser p{  }

table td.com-list-col-title {vertical-align:bottom; }
table td.com-list-col-title a{ }
table td.com-list-col-price  { vertical-align:bottom; }
table td.com-list-col-action  { }
table td.com-list-action-entry{ background-color:red; }
p.com-basket-header-text{ font-size:1.2em; width:90%}

.com-basket-header-info{font-size:1.2em;}
.com-basket-box{font-size:1.2em;}
.com-basket-even{font-size:0.9em;}

label .bluelabel{font-weight:bold; color:#3284be; width: 4em;margin-right: 0.5em;display: block; }
.bluetext{font-weight:bold; color:#3284be; }
.divspacer{height:150px; min-height:150px}

.cardValidationError-top { color:red; font-weight:bold; font-size:1.2em; }
.error {color:red}

.tx-photogals-pi1-big { padding-bottom:20px; }
.tx-photogals-pi1-big a { border:0; }
.tx-photogals-pi1-big a:hover { border:0; }

#left_content h2, #left_content p.bodytext , #left_content .csc-menu { padding-bottom:1.2em; border:0px solid red }
#left_content .csc-menu  {  float:left }
#left_content .csc-menu  li { padding:0; width:165px; }

.tx-commerce-pi1 .com-list-col-title {  color:#3284be; font-weight:bold; }

#sponsors_content .csc-textpic-clear{
clear:none;
}

#sponsors_content .csc-textpic-image{
float:left;
}