/* reset.css */

html, body, div, span, object, iframe, h5, h6, blockquote, pre, a, abbr, acronym, 
address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, submit, text {
	margin:0;
	padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}


img { border:none; margin: 0px; padding: 0px; }
a img { border:none; margin: 0px; padding: 0px; }


/* ##################### */
/* GEN/MISC BAR */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif, helvetica;
	background-color: #000000;
	color: #ffffff;
	/*
	background: url('../images/bgBar.jpg');
	background-repeat: no-repeat; 
	background-position: left top fixed; 
	background-position: 0% 0%;
	*/
}

a { text-decoration: underline; }
a:hover { text-decoration: underline; }

img { border:none; margin: 0px; padding: 0px; }
a img { border:none; margin: 0px; padding: 0px; }

hr {
	height: 1px;
	color: #71cef5;
	border: 0px;
	background-color: #71cef5;
	margin: 0px;
	padding: 0px;
}

.clearBoth { clear: both; height: 20px; margin: 0px; padding: 0px; text-align: center; }

.clearBoth p { margin: 0px; padding: 0px; line-height: 16px; }


/* MAIN DIV(S) LAYOUT */
/* ############################################# */


#bg {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#bg { background: url('/themes/discswim/images/header-home.jpg') center; background-repeat: no-repeat; background-position: center top fixed; background-position: 50% 0%; }
#bg.Generic { background: url('/themes/discswim/images/header-home.jpg') center; background-repeat: no-repeat; background-position: center top fixed; background-position: 50% 0%; }
#bg.Lessons { background: url('/themes/discswim/images/header-lessons.jpg') center; background-repeat: no-repeat; background-position: center top fixed; background-position: 50% 0%; }
#bg.Training { background: url('/themes/discswim/images/header-training.jpg') center; background-repeat: no-repeat; background-position: center top fixed; background-position: 50% 0%; }
#bg.Shaw { background: url('/themes/discswim/images/header-shaw.jpg') center; background-repeat: no-repeat; background-position: center top fixed; background-position: 50% 0%; }
#bg.Triathlon { background: url('/themes/discswim/images/header-triathlon.jpg') center; background-repeat: no-repeat; background-position: center top fixed; background-position: 50% 0%; }



#container {
	width: 810px;
	margin: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
}



/* HEADER & MENU */
/* ############################################# */

#header {
	width: 810px;
	height: 255px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


#header ul {
	display: block;
	width: 600px;
	height: 25px;
	overflow: hidden;
	float: left;
	overflow: hidden;
	margin: 60px 0px 0px 40px;
	padding: 0px;
	list-style-type: none;
}

#header ul li {
	padding: 0px;
	margin: 0px 35px 0px 0px;
	float: left;
	text-align: left;
}

#header ul li a {
	color: #ffffff;
	text-transform: uppercase;
	font-family: arial, verdana;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#header ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}


#header #logo {
	width: 420px;
	height: 70px;
	margin: 60px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}
/* hack */ 
#header #logo { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #header #logo { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 

#header #logo a {
	display: block;
	width: 305px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
/* hack */ 
#header #logo a { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #header #logo a { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 




/* CONTENT AREAS */
/* ############################################# */


#NarrowCol {
	width: 190px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}

#NarrowCol.left {
	float: left;
	text-align: left;
}



#utilBar {
	width: 580px;
	height: 20px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: right;
}

#utilBar ul {
	display: block;
	width: 429px;
	height: 20px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: url('/themes/discswim/images/lozBG.gif');
	background-repeat: no-repeat; 
	list-style-type: none;
}

#utilBar ul li {
	display: inline;
	padding: 0px;
	margin: 0px 3px 0px 12px;
	float: left;
	text-align: left;
}

#utilBar ul li.contact { background: url('/themes/discswim/images/icoContact.gif'); background-repeat: no-repeat; }
#utilBar ul li.calendar { background: url('/themes/discswim/images/icoCalendar.gif'); background-repeat: no-repeat; }
#utilBar ul li.forum { background: url('/themes/discswim/images/icoForum.gif'); background-repeat: no-repeat; }
#utilBar ul li.twitter { background: url('/themes/discswim/images/icoTwitter.gif'); background-repeat: no-repeat; }
#utilBar ul li.facebook { background: url('/themes/discswim/images/icoFacebook.gif'); background-repeat: no-repeat; }
#utilBar ul li.blog { background: url('/themes/discswim/images/icoBlog.gif'); background-repeat: no-repeat; }

#utilBar ul li a {
	color: #0f566f;
	font-family: arial, verdana;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	margin-left: 20px;
}

#utilBar ul li a:hover {
	color: #0f566f;
	text-decoration: underline;
}




#ContentShopHomepage {
	width: 393px;
	margin: 0px 20px 0px 20px;
	padding: 0px;
	text-align: left;
	float: left;
}

#ContentShopPage {
	width: 590px;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	text-align: left;
	float: left;
}


#RightCol {
	clear: right;
	float: right;
	width: 187px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}


#miniBasket {
	width: 187px;
	margin: 0px 0px 10px 0px;
	background: url('/shop/userdata/images/shopBasketBG.jpg');
	background-repeat: no-repeat; 
	color:#ffffff;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}

#miniBasket a {
	color:#ffffff;
}

#miniBasket .mbFooter {
	width: 187px;
	height: 15px;
	overflow: hidden;
	background: url('/shop/userdata/images/shopBasketBase.jpg');
	background-repeat: no-repeat; 
	margin: 0px;
	padding: 0px;
}

#shopSearch {
	width: 393px;
	height: 40px;
	overflow: hidden;
	background: url('/shop/userdata/images/productSearchLrgBG.gif');
	background-repeat: no-repeat; 
	margin: 0px;
	padding: 0px;
}

#shopSearch input#SearchBtn { /* Submit Button */
	display: block;
	margin: 0px;
	padding: 0px; 
	width: 26px;
	height: 21px; 
	overflow: hidden;
	text-align: left;
	background-color: #ffffff;
	border: none;
	background: url('/shop/userdata/images/productSearchBtn.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}
/* hack */ 
#shopSearch input#SearchBtn { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #shopSearch input#SearchBtn { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 






/* SIDEBOXES */
/* ############################################# */

#generalBox {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#generalBox .BookingSupport {
	width: 187px;
	height: 69px;
	overflow: hidden;
	text-align: left;
	background: url('/themes/discswim/images/box-booking-support.gif');
	background-repeat: no-repeat; 
}
/* hack */ 
#generalBox .BookingSupport { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #generalBox .BookingSupport { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 


#generalBox .NeedHelp {
	width: 187px;
	height: 57px;
	overflow: hidden;
	text-align: left;
	background: url('/themes/discswim/images/box-need-help.gif');
	background-repeat: no-repeat; 
}
#generalBox .NeedHelp a {
	display: block;
	width: 187px;
	height: 57px;
	overflow: hidden;
}
/* hack */ 
#generalBox .NeedHelp a { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #generalBox .NeedHelp a { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 


#generalBox .SiteSearch {
	width: 187px;
	height: 49px;
	overflow: hidden;
	text-align: left;
	background: url('/themes/discswim/images/box-search-bg.gif');
	background-repeat: no-repeat; 
}

#generalBox .SiteSearch #searchForm {
	width: 167px;
	overflow: hidden;
	margin: 20px 5px 0px 15px;
	padding: 0px;
}

#generalBox .SiteSearch #searchForm .searchText input {
	margin: 0px;
	padding: 0px;
	border: 1px #90c092 solid;
	color:#49724b;
	background-color:#ffffff;
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 18px;
	height: 18px; 
	width: 120px;
	float: left; 
}





#venues {
	width: 187px;
	height: 104px;
	overflow: hidden;
	text-align: left;
	background: url('/themes/discswim/images/box-venues.gif');
	background-repeat: no-repeat; 
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#venues a {
	display: block;
	width: 187px;
	height: 104px;
	overflow: hidden;
}
/* hack */ 
#venues a { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #venues a { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 



#emailSignup {
	width: 187px;
	height: 102px;
	overflow: hidden;
	text-align: left;
	background: url('/themes/discswim/images/box-stay-updated.jpg');
	background-repeat: no-repeat; 
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#emailSignup a {
	display: block;
	width: 187px;
	height: 102px;
	overflow: hidden;
}
/* hack */ 
#emailSignup a { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #emailSignup a { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 


#SpecialOffers {
	width: 187px;
	height: 102px;
	overflow: hidden;
	text-align: left;
	background: url('/themes/discswim/images/box-shop-offers.gif');
	background-repeat: no-repeat; 
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#SpecialOffers a {
	display: block;
	width: 187px;
	height: 102px;
	overflow: hidden;
}
/* hack */ 
#SpecialOffers a { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #SpecialOffers a { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 



#latestNews, #Submenu {
	width: 187px;
	text-align: left;
	background: url('/themes/discswim/images/box-news-bg.gif');
	background-repeat: no-repeat; 
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#latestNews h3, #Submenu h3 {
	display: block;
	height: 30px;
	width: 150px;
	color:#ffffff;
	text-transform: uppercase;
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	margin: 0px 0px 0px 15px;
	padding: 7px 0px 0px 0px;
}

#latestNews a {
	display: block;
	color:#2398b5;
	text-decoration: none;
	font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	margin: 5px 10px 10px 15px;
	padding: 0px;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 5px;
}

#latestNews a:hover {
	color:#4ac2e0;
	text-decoration: underline;
}

#latestNews .newsFooter, #Submenu .SubmenuFooter {
	width: 187px;
	height: 15px;
	overflow: hidden;
	background: url('/themes/discswim/images/box-news-base.gif');
	background-repeat: no-repeat; 
	margin: 0px;
	padding: 0px;
}

#Submenu ul {
	list-style-type: none;
	width: 165px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#Submenu ul li {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color:#2398b5;
	text-decoration: none;
	border-bottom: 1px dotted #cdcdcd;
}


#Submenu ul li a {
	color:#2398b5;
	text-decoration: none;
	font-size: 11px;
	line-height: 18px;
	margin: 0px;
}

#Submenu ul li a:hover {
	color:#4ac2e0;
	text-decoration: underline;
}



/* FOOTER */
/* ############################################# */

#footer {
	clear: both;
	width: 810px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	border-top: solid 1px #595d5e;
}

#footer .footerBox {
	width: 810px;
	margin: 10px auto 15px auto;
	padding: 0px;
	text-align: left;
}

#footer #copyright.footerBox {
	border-top: solid 1px #595d5e;
}

#footer .footerBox h3 div.clears {
	clear: both;
	width: 800px;
	height: 1px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#footer .footerBox h3 {
	width: 180px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	text-align: left;
	color: #4bc0de;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
}

#footer .footerBox ul {
	display: block;
	width: 620px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
}

#footer .footerBox ul li {
	display: inline;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
}


#footer .footerBox ul li a {
	color: #bbc3c5;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	margin: 0px 7px 0px 7px;
}

#footer .footerBox ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}


#footer .footerBox p.copyright {
	float: left;
	margin-top: 10px;
	padding-top: 0px;
	color: #ffffff;
	font-size: 10px;
	line-height: 14px;
}

#footer .footerBox p.tag {
	float: right;
	margin-top: 10px;
	padding-top: 0px;
	color: #ffffff;
	font-size: 10px;
	line-height: 14px;
}

#footer .footerBox p.tag a {
	color: #ffffff;
	text-decoration: none;
}

#footer .footerBox p.tag a:hover {
	color: #ec008c;
	text-decoration: none;
}











/**/
.SiteSearch form#searchForm_SearchForm { /* Search Form */
	margin: 0px;
	padding: 0px;
	text-align: left; 
	border: none;
}

.SiteSearch form#searchForm_SearchForm fieldset { /* Surrounding fieldset */
	margin: 0px;
	padding: 0px;
	border: none;
}

.SiteSearch form#searchForm_SearchForm fieldset legend { /* Legend */
	margin: 0px;
	padding: 0px;
	height: 0px;
	display: none;
}

.SiteSearch form#searchForm_SearchForm fieldset div#Search { /* Div surrounding the Text Box */
	float: left; 
	margin: 0px; 
	padding: 0px; 
	text-align: left;
	width: 115px;
}

.SiteSearch form#searchForm_SearchForm fieldset div#Search input#SearchForm_SearchForm_Search { /* Text Box */
	margin: 20px 0px 0px 15px;
	padding: 0px;
	border: 1px solid #71cef5;
	color:#559ab8;
	background-color:#ffffff;
	font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 16px;
	height: 18px; 
	width: 110px;
	float: left; 
}


.SiteSearch form#searchForm_SearchForm fieldset input#SearchForm_SearchForm_action_results { /* Submit Button */
	float: left; 
	display: block;
	margin: 20px 0px 0px 15px;
	padding: 0px; 
	width: 23px;
	height: 18px; 
	overflow: hidden;
	text-align: left;
	background-color: #ffffff;
	border: none;
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 16px;
	color:#559ab8;
	background: url('/themes/discswim/images/srchBtn.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}
/* hack */ 
.SiteSearch form#searchForm_SearchForm fieldset input#SearchForm_SearchForm_action_results{ letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .SiteSearch form#searchForm_SearchForm fieldset input#SearchForm_SearchForm_action_results { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 

.SiteSearch form#searchForm_SearchForm fieldset input#SearchForm_SearchForm_action_results:hover { /* Submit Button */

}




/* TYPO */
/* ############################################# */

.typography, .typography p, .typography td {
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #ffffff;
}

.typography h1 {
	font-family: arial, verdana, helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #f0a248;
	margin-top: 0px;
	margin-bottom: 20px;
}

.typography h2 {
	font-family: arial, verdana, helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #f0a248;
	margin-top: 0px;
	margin-bottom: 16px;
}

.typography a {
	color: #60d1ec;
	text-decoration: underline;
}

.typography a:hover {
	color: #ffffff;
	text-decoration: underline;
}