/* ISC Sports CSS
-------------------------------------------------------------------------------------------------------------------------------------

	Contents:	Global
					Header
					Content
					Footer

-----------------------------------------------------------------------------------------------------------------------------------*/


/* Global Imports
-----------------------------------------------------------------------------------------------------------------------------------*/
@import "navigation.css";
@import "content.css";
@import "colorbox.css";
@import "colorbox-custom.css";


/* Global CSS and Master Reset
-----------------------------------------------------------------------------------------------------------------------------------*/
html, body {
	margin: 0px; 
	padding: 0px;
	background-color: black;
	font-family: Helvetica, Arial, "Century Gothic", sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.container {
	background-color: black;
}

div, dl, dt, dd, ul, ol, li, pre, blockquote {
	margin: 0pt;
	padding: 0pt;
}

ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

:link, :visited { text-decoration: none; }

img, a img, :link img, :visited img { border: none; }

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUnderline { text-decoration: underline; }


/* Typography
-----------------------------------------------------------------------------------------------------------------------------------*/
h1 { font-size: 20px; margin-top: 0; font-weight: normal; }
h2 { font-size: 18px; margin-top: 0; font-weight: normal; }
h3 { font-size: 16px; margin-top: 0; font-weight: normal; }
h4 { font-size: 14px; margin-top: 0; font-weight: normal; }
h5 { font-size: 13px; margin-top: 0; margin-bottom: 10px; font-weight: normal; }
h6 { font-size: 11px; }

p { font-size: 12px; line-height: 1.5em; margin-top: 0; margin-bottom: 20px; }

.left-col-text h1 { font-size: 16px; font-weight: normal; }

h1.normal-h1 { font-size: 16px; font-weight: normal; }
h1.team-lists { font-size: 12px; font-weight: normal; }

.filesize { font-size: 10px; }


/* Links
-----------------------------------------------------------------------------------------------------------------------------------*/
a { color: #555; text-decoration: none; outline: none; }
a:active { color: #555; outline: none; }
a:visited { color: #555; outline: none; }
a:hover { color: white; outline: none; }

.content a { color: white; text-decoration: none; outline: none; }
.content a:active { color: white; outline: none; }
.content a:visited { color: white; outline: none; }
.content a:hover { color: white; outline: none; text-decoration: underline; }

.dark-content-left a { color: white; text-decoration: none; outline: none; }
.dark-content-left a:active { color: white; outline: none; }
.dark-content-left a:visited { color:white; outline: none; }
.dark-content-left a:hover { color: #E67424; outline: none; text-decoration: none; }
.dark-content-left a.activeSlide { color: #E67424; outline: none; text-decoration: none; }

.teams-left-col a { color: white; text-decoration: none; outline: none; }
.teams-left-col a:active { color: white; outline: none; }
.teams-left-col a:visited { color: white; outline: none; }
.teams-left-col a:hover { color: #E67424; outline: none; text-decoration: none; }
.teams-left-col a.active { color: #E67424; }
.bottom-links-teams ul li a.active { color: #E67424; }

.teams-right-col a { color: white; text-decoration: none; outline: none; }
.teams-right-col a:active { color: white; outline: none; }
.teams-right-col a:visited { color: white; outline: none; }
.teams-right-col a:hover { color: #E67424; outline: none; text-decoration: none; }
.teams-right-col a.activeSlide { color: #E67424; outline: none; text-decoration: none; }


/* Tables & Lists
-----------------------------------------------------------------------------------------------------------------------------------*/
.footer ul li { line-height: 1.8em; }
.text-lists {
	margin-left: 20px;
	list-style: disc;
}

.right-col-text ul { margin-bottom: 20px; }

.teams-logo-col ul { margin-left: 10px; }
.teams-logo-col ul li { 
	background-image: url(../images/template/list-arrow.jpg); background-repeat: no-repeat;
	font-size: 13px; height: 20px; background-position: 0 4px; padding-left: 12px;
}

ul.teams-logo-col-list { margin-left: 10px; }
ul.teams-logo-col-list li { 
	background-image: url(../images/template/list-arrow.jpg); background-repeat: no-repeat;
	font-size: 13px; height: 20px; background-position: 0 4px; padding-left: 12px;
}

ul#feature-nav li { height: 20px; }


/* Header CSS
-----------------------------------------------------------------------------------------------------------------------------------*/
.header {
	background-color: black; color: white; background-repeat: repeat-x;
	background-image: url(../images/template/header-bg.jpg);
	width: 100%; height: 127px; margin-top: 40px;
}

.header-content { width: 955px; margin: 0 auto; height: 127px; position: relative; }
.header-logo { 
	float: left; width: 145px; height: 83px;
	margin-top: 29px;
}
.header-menu { float: left; width: 616px; }
.header-tag-line { 
	float: right; margin-top: 65px; height: 26px; 
	width: 194px;
}


/* Content CSS
-----------------------------------------------------------------------------------------------------------------------------------*/
.content { 
	color: white; width: 955px; margin: 0 auto; 
}

.left-col-text { width: 185px; float: left; }
.right-col-text { width: 700px; float: right; }

.text-col-1 { width: 340px; float: left; }
.text-col-2 { width: 340px; float: right; }

.teams-left-col { float: left; position: relative; height: 392px; width: 190px; }
.teams-right-col { float: right; position: relative; width: 220px; height: 412px; }

.teams-left-text-col { float: left; position: relative; height: 392px; width: 130px; }
.teams-right-text-col { float: right; position: relative; width: 290px; }
.teams-left-text-col img.catalogue-pic { margin-bottom: 45px; margin-left: 10px; }

.teams-logo-col { position: absolute; bottom: 5px; width: 200px; }
.teams-logo-col-text { position: absolute; bottom: 5px; width: 130px; }

.isc-team-logos { text-align: right; float: right; width: 750px; margin-right: -20px; }

.teams-content { 
	float: left; width: 437px; background-color: #111; height: 392px; 
	padding-top: 20px; padding-left: 20px; padding-right: 20px;
	min-height: 392px;
}

.dark-content-left { 
	float: left; width: 477px; background-color: #111; height: 392px; 
	padding-top: 20px;
}
.dark-col-1 { float: left; text-align: right; width: 230px; }
.dark-col-2 { float: right; text-align: left; width: 230px; }
.dark-content-right { float: right; width: 478px; }

#nrl-title { width: 170px; text-align: right; }
#nrl-teams { width: 295px; text-align: left; }
#super14-title { width: 170px; text-align: right; }
#super14-teams { width: 295px; text-align: left; }
#afl-title { width: 170px; text-align: right; }
#afl-teams { width: 295px; text-align: left; }
#uksuperleague-title { width: 170px; text-align: right; }
#uksuperleague-teams { width: 295px; text-align: left; }

.bottom-links-teams { position: absolute; bottom: 35px; }
.team-logo { float: left; margin-top: 50px; }
.catalogue-logo { float: right; }


/* Footer CSS
-----------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background-image: url(../images/template/footer-bg-color.jpg);
	background-repeat: repeat-x; background-color: black; 
	color: #4d4d4d; font-size: 10px; height: 60px; padding: 10px 20px;
}

.footer-content {
	background-image: url(../images/template/footer-bg.jpg);
	background-repeat: no-repeat; position: relative; top: -10px;
	width: 955px; margin: 0 auto; padding-top: 25px;
}

.footer-content-left { float: left; margin-top: 10px; }
.footer-content-right { float: right; width: 200px; text-align: right; margin-top: 10px; line-height:1.5em; }

.footer-col-1 { float: left; width: 130px; text-align: center; }
.footer-col-2 { float: left; width: 130px; text-align: center; }
.footer-col-3 { float: left; width: 130px; text-align: center; }
.footer-col-4 { float: left; width: 130px; text-align: center; }
.footer-col-5 { float: left; width: 130px; text-align: center; }

/* Breadcrumb Menu
-----------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb-menu { 
	width: 955px; padding: 0 0px; background-color: black;
	margin-top: -17px; height: 24px; color: #D7D7D7;
	border-bottom: 1px solid #1a1b1a; position: relative;
	border-left: 1px solid #1a1b1a; border-right: 1px solid #1a1b1a;
}
.breadcrumb-menu p { font-size: 10px; margin-bottom: 0; }
.breadcrumb-menu a img { position: relative; top: 5px; }
.pageTitle { 
	float: left; line-height: 2.7em; color: #555;
	background-image: url(../images/template/breadcrumb-menu.gif);
	padding-left: 20px; margin-left: -12px; height: 25px;
}

.breadcrumb-menu a.home { margin-left: 0px; }
.breadcrumb-menu a { 
	font-size: 10px; color: #555; height: 25px; display: block;
	background-image: url(../images/template/breadcrumb-menu.gif);
	float: left; line-height: 2.7em; padding-left: 20px; padding-right: 20px;
	margin-left: -12px; cursor: pointer;
}
.breadcrumb-menu a:hover { font-size: 10px; color: #e2e2e2; }

.breadcrumb-menu a.home { background-position: -14px 0px; }
.breadcrumb-menu a.home:hover { background-position: -14px 50px; }
.breadcrumb-menu a:hover { background-position: 0 50px; }