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


/*to fully remove the coming-soon sign, you will also need to edit the ie7hacks.css file, or remove the DIVs from the HTML file.*/
.coming-soon {
width:583px;
height:118px;
background-image:url('../images/coming-soon.png');
background-repeat:no-repeat;
position:relative;
top:0px;
left:75px
}











body {
background-color:#c5c5c5;
background-image:url('../images/body-gradient.jpg');
background-repeat:repeat-x;
padding-top:5px;
font-family:arial, helvetica, "sans-serif";
position:relative
}

img {
border:none;
}

a {
text-decoration:none;
}

#outer-wrapper {
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;

width:978px;
position:relative;
}

#logo-wrapper {
height:50px;
}

h1 {
display:none;
}


#logo {
float:left;
padding: 0 0 0 9px;
cursor:pointer;
}

#ballmap {
float:right;
padding:0 10px 0 0;
}

#ballmap img {
padding: 0 0 0 5px;
filter:alpha(opacity=70);
opacity:0.7;
}

#ballmap img:hover {
opacity:1;
filter:alpha(opacity=100);
}

#ballmap img.ausmap {
padding-left:10px;
opacity:1;
filter:alpha(opacity=100);
position:relative;
top:5px;
}

#ballmap ul {
padding:0;
margin:0;
}

#ballmap ul li {
padding:0;
margin:0;
display:inline;
}


#horizontal-top-menu-bar, #horizontal-bottom-menu-bar {
height:23px;
background-color:#252525;
}

#horizontal-top-menu-bar ul {
padding:0;
margin:0 0 0 1em;
}

#horizontal-top-menu-bar ul li {
display:inline;
margin:0 1em 0 0;
}

#horizontal-top-menu-bar ul li a {
color:#7d7d7d;
text-transform:uppercase;
text-decoration:none;
font-size:0.7em;
font-weight:bold;
}

#horizontal-top-menu-bar ul.menu1 {
float:left;
}

#horizontal-top-menu-bar ul.menu2 {
float:right;
text-transform:none;
}

#horizontal-top-menu-bar ul li a:hover {
color:white;
}




/*these are instructions for the outermost slider...............................................*/


#slide-wrapper1 {
height:440px;
background-color:#3a7083;
OVERFLOW: hidden; 
WIDTH: 978px; 
position:relative;
}


#slide-wrapper1 P {
	FONT-SIZE: 85%; 
	MARGIN: 13px 0px; 
	WIDTH: 410px; 
	LINE-HEIGHT: 1.4em;
	color:white;
	padding: 0 0 0 17px;
}

#hometext {
min-height:167px;
margin-left:16px;
}



#slide-wrapper1 p.mainpara {
font-weight:bold;
text-transform:uppercase;
MARGIN: 17px 0px 13px 0;
}

#slide-wrapper1 H2 {
display:none;
	MARGIN: 10px 0 5px 15px;
	COLOR: white;
	background-color:#286881;
	padding: 2px;
	font-weight:bold;
	text-transform:uppercase;
	FONT-SIZE: 85%; 
	width:16em;
}

#slide-wrapper1 A {
	FONT-WEIGHT: bolder; 
	COLOR: #777; 
	TEXT-DECORATION: none;
}

#slide-wrapper1 UL {
width:12000px;
}
#slide-wrapper1 LI {
	FLOAT: left;
	width:978px;
	height:440px;
	list-style-type:none;
	padding:0 0 0 0px;
}



#homepage {
background-color:#3a7083;
background-image:url('../images/photo-for-home-layout4.jpg');
background-repeat:no-repeat
}


#intro {
float:left;
width:480px;
}


.scroll {
position:relative;
}


#features {
float:left;
background-image:url('../images/key-features.png');
background-repeat:no-repeat;
background-position: left top;
height:288px;
overflow:hidden; margin-left:0px; margin-right:0; margin-top:16px; margin-bottom:0; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0
}







#features-list {
width:205px;
float:left;
margin:0 15px 0 3px;
padding:0;
}

#features-list ul {
margin:0 0 0 0px;
width:150px;
margin:0;
padding:0;
}

#features-list li {
height:auto;
display:block;
float:none;
font-weight:normal;
margin-bottom:1px;
width:205px;
background-image:url('../images/full-features-arrow-outline.png');
background-position: right 50%;
background-repeat:no-repeat; margin-left:0px; margin-right:0; margin-top:0; padding-left:0; padding-right:5px; padding-top:2px; padding-bottom:2px
}

#features-list li:hover {
background-color:#73D000;
cursor:pointer;
}


#features-list li a {
font-weight:normal;
padding:0 5px 0 10px;
text-transform:uppercase;
font-size:70%;
color:white;
}

#features-list li.coloured-arrow {
background-image:url('../images/full-features-arrow-blue.png');
}



.num {
border-right:1px solid black;
text-align:center;
width:1em;
height:1em;
padding-right:5px;
margin-right:8px;
}



#features-info {
width:250px;
height:278px;
margin:0px;
padding:5px;
float:left;
overflow:hidden;
position:relative;
}


#features-info ul {
width:232px;
margin-top:0;
position:relative;
}

#features-info ul li{
border:2px dotted #016484;
padding-left:15px;
padding-right:8px;
width:228px;
height:283px;
background-color:#73D000;
position:relative;
}

h3 {
text-transform:uppercase;
color:white;
font-size:90%;
margin-top:15px;
}

#features-info ul li p {
padding:0 0 10px 0;
margin:0;
width:228px;
float:left;
font-size:75%;
line-height:1.3em;
}


.highlight {
font-weight:bold;
border:1px dotted white;
padding:0 1px;
color:white;
}

.stand-out {
font-weight:bold;
}

.slightly-smaller {
font-size:65%;
}


#news-button {
position:relative;
top:20px;
}






#features-info a.moreinfolink {
color:white;
text-transform:none;
font-size:70%;
}

#features-info a.moreinfolink:hover {
text-decoration:underline;
}


#homepage-instructions-wrapper {
width:450px;
clear:both;
padding:17px 0 0 510px;
font-size:70%;
}



#lets-get-started {
height:122px;
width:50px;
background-image:url('../images/lets-get-started.png');
background-repeat:no-repeat;
background-position: left top;
text-transform:uppercase;
font-weight:bold;
float:left;
font-size:120%
}

#lets-get-started p {
padding:8px 0 0 15px;
width:50px;
}

#homepage-step1 {
height:122px;
width:90px;
background-image:url('../images/homepage-step1.png');
background-repeat:no-repeat;
background-position: left top;
float:left;
margin-left:50px;
text-transform:uppercase;
font-weight:bold
}

#homepage-step1 p {
padding:8px 0 0 15px;
width:90px;
}

#homepage-step1 p:hover {
cursor:pointer;
color:#B8EF77;
}


#homepage-step2 {
height:122px;
width:90px;
background-image:url('../images/homepage-step2.png');
background-repeat:no-repeat;
background-position: left top;
float:left;
margin-left:30px;
text-transform:uppercase;
font-weight:bold
}

#homepage-step2 p {
padding:8px 0 0 15px;
width:90px;
}

#homepage-step2 p:hover {
cursor:pointer;
color:#B8EF77;
}


#homepage-step3 {
height:122px;
width:70px;
background-image:url('../images/homepage-step3.png');
background-repeat:no-repeat;
background-position: left top;
float:left;
margin-left:30px;
text-transform:uppercase;
font-weight:bold
}

#homepage-step3 p {
padding:8px 0 0 15px;
width:70px;
}

#homepage-step3 p:hover {
cursor:pointer;
color:#B8EF77;
}








#full-features {
background-image:url('../images/full-features-background2.jpg');
background-repeat:no-repeat
}



#full-features ul {
padding:0;
margin:0;
}


#full-features #full-features-menu {
width:300px;
margin:10px 5px 0 0;
float:left;
}


#full-features-menu li {
width:250px;
height:auto;
display:block;
float:none;
font-size:70%;
font-weight:bold;
text-transform:uppercase;
color:white;
border-bottom:1px dotted #014c64;
background-image:url('../images/full-features-arrow-outline.png');
background-repeat:no-repeat;
background-position: right 50%;
cursor:pointer; margin-left:0px; margin-right:0; margin-top:4px; margin-bottom:4px; padding-left:16px; padding-right:0; padding-top:1px; padding-bottom:3px
}

#full-features-menu li:hover {
background-color:#73D000;
color:white;
}


#full-features-menu li:hover {
cursor:pointer;
}

#full-features-menu li.coloured-arrow {
background-image:url('../images/full-features-arrow-blue.png');
}



#full-features #detailed-info-list {
float:left;
width:660px;
padding:0; 
margin:0;
height:420px;
overflow:hidden;
position:relative;
}

#detailed-info-list li {
height:auto;
font-size:80%;
color:white;
padding:0px;
margin:5px;
position:relative;
}

#detailed-info-list h5 {
border-bottom:1px dotted white;
font-size:110%;
text-transform:uppercase;;
padding:20px 0 0 0; 
margin:0;
}

#detailed-info-list img {
position:absolute;
top:50px;
left:490px;
}


#detailed-info-list p {
width:450px;
font-size:110%;
margin-left:0;
padding-left:0;
}

#detailed-info-list dl {
width:450px;
padding:3px 0;
margin:0 0 0 0px;
font-size:100%;
border-bottom:1px dotted #014c64;
}

dt {
margin:0;
display:block;
cursor:pointer;
font-size:90%;
font-weight:bold;
background-image:url('../images/full-features-arrow-outline-down.png');
background-repeat:no-repeat;
background-position: left 50%;; padding-left:24px; padding-right:0; padding-top:2px; padding-bottom:2px
}

dt:hover {
background-image:url('../images/full-features-arrow-blue-down.png');
}


#detailed-info-list .dt-down-arrow {
background-image:url('../images/full-features-arrow-blue-down.png');
}



dd {
margin:0;
padding:0px 0 5px 24px;
font-size:90%;
line-height:1.4em;
}





#full-features-step1 {
position:absolute;
left:15px;
bottom:15px;
height:185px;
width:92px;
background-image:url('../images/features-page-step1.png');
background-position: left bottom;
background-repeat:no-repeat

}

#full-features-step1 a {
color:white;
font-size:55%;
position:absolute;
bottom:1px;
right:0;
font-weight:normal;
text-transform:uppercase;
}










.sports-templates {
padding:0;
margin:0;
width:978px;
height:440px;
overflow:hidden;
}


#sports-pages {
height:440px;
width:auto;
overflow:visible;
}








#sports {
background-image:url('../images/background-double-rays.jpg');
background-repeat:no-repeat
}




#invites {
position:relative;
margin-left:120px;
padding:30px 0 0 0;
}

#examples-step2 {
height:381px;
width:46px;
background-image:url('../images/examples-step2.png');
background-repeat:no-repeat;
float:left; margin-left:20px; margin-right:0; margin-top:30px; margin-bottom:0
}

#examples-step2 p {
color:white;
padding:0 0 0 15px;
margin:20px 0 0 0px;
width:60px;
text-transform:uppercase;
font-weight:bold;
font-size:70%;
}


#examples-step3 {
height:381px;
width:46px;
background-image:url('../images/examples-step3.png');
background-repeat:no-repeat;
float:right; margin-left:0; margin-right:20px; margin-top:0px; margin-bottom:0
}







#football-invite {
display:inline;
width:159px;
float:left;
}

#netball-invite {
display:inline;
width:159px;
float:left;
}

#cricket-invite {
display:inline;
width:159px;
float:left;
}

#table-tennis-invite {
display:inline;
width:159px;
float:left;
}


.spacerfix {
width:30px;
height:400px;
float:left;
}



#football-bg1 {
border:3px solid white;
opacity:0.9;
filter:alpha(opacity=90);
width:159px;
cursor:pointer;
}

#football-bg1:hover {
opacity:1;
filter:alpha(opacity=100);
cursor:pointer;
}

#netball-bg1 {
border:3px solid white;
opacity:0.9;
filter:alpha(opacity=90);
width:159px;
cursor:pointer;
}

#netball-bg1:hover {
opacity:1;
filter:alpha(opacity=100);
cursor:pointer;
}

#cricket-bg1 {
border:3px solid white;
opacity:0.9;
filter:alpha(opacity=90);
width:159px;
cursor:pointer;
}

#cricket-bg1:hover {
opacity:1;
filter:alpha(opacity=100);
cursor:pointer;
}


#table-tennis-bg1 {
border:3px solid white;
opacity:0.9;
filter:alpha(opacity=90);
width:159px;
cursor:pointer;
}

#table-tennis-bg1:hover {
opacity:1;
filter:alpha(opacity=100);
}





#football-ball2 {
position:relative;
left:-5px;
top:-100px;
}

#netball-ball2 {
position:relative;
left:-5px;
top:-100px;
}

#cricket-ball2 {
position:relative;
left:-10px;
top:-100px;
}


#table-tennis-ball2 {
position:relative;
left:-4px;
top:-100px;
}







#football ul.sports-dropdown, #netball ul.sports-dropdown, #cricket ul.sports-dropdown, #table-tennis ul.sports-dropdown  {
padding:0;
margin:10px 0 0 19px;
width:205px;
float:left;
}


#football .sports-dropdown li, #netball .sports-dropdown li, #cricket .sports-dropdown li, #table-tennis .sports-dropdown li{
height:auto;
width:200px;
float:none;
border-bottom:1px dotted black;
background-image:url('../images/full-features-arrow-outline.png');
background-repeat:no-repeat;
background-position: right center;
padding-left:0; padding-right:0; padding-top:3px; padding-bottom:3px
}

#football .sports-dropdown li:hover, #netball .sports-dropdown li:hover, #cricket .sports-dropdown li:hover, #table-tennis .sports-dropdown li:hover {
background-image:url('../images/full-features-arrow-blue.png');
cursor:pointer
}


#football .sports-dropdown li.active-sport, #netball .sports-dropdown li.active-sport, #cricket .sports-dropdown li.active-sport, #table-tennis .sports-dropdown li.active-sport {
background-image:url('../images/full-features-arrow-blue.png');
}

#football .sports-dropdown li.active-sport p, #netball .sports-dropdown li.active-sport p, #cricket .sports-dropdown li.active-sport p, #table-tennis .sports-dropdown li.active-sport p {
color:white;
}

#football .sports-dropdown li img, #netball .sports-dropdown li img, #cricket .sports-dropdown li img, #table-tennis .sports-dropdown li img {
float:left;
}


#football .sports-dropdown li a, #netball .sports-dropdown li a, #cricket .sports-dropdown li a, #table-tennis .sports-dropdown li a {
color:white;
}


#football .sports-dropdown li p, #netball .sports-dropdown li p, #cricket .sports-dropdown li p, #table-tennis .sports-dropdown li p {
display:inline;
padding:5px 10px 0 10px;
margin-top:5px;
font-size:70%;
text-transform:uppercase;
color:#7B96B0;
}


#football .template-title, #netball .template-title, #cricket .template-title, #table-tennis .template-title {
padding:40px 0 0 62px;
clear:both;
}


#football .templates-inner-wrapper, #netball .templates-inner-wrapper, #cricket .templates-inner-wrapper, #table-tennis .templates-inner-wrapper {
margin-top:14px;
}

#football .templates-inner-wrapper li, #netball .templates-inner-wrapper li, #cricket .templates-inner-wrapper li, #table-tennis .templates-inner-wrapper li {
width:115px;
height:115px;
border:1px solid white;
float:left;
margin-left:10px;
opacity:0.9;
filter:alpha(opacity=90);
}

#football .templates-inner-wrapper li:hover, #netball .templates-inner-wrapper li:hover, #cricket .templates-inner-wrapper li:hover, #table-tennis .templates-inner-wrapper li:hover {
opacity:1;
filter:alpha(opacity=100);
}

#football .templates-inner-wrapper li p, #netball .templates-inner-wrapper li p, #cricket .templates-inner-wrapper li p, #table-tennis .templates-inner-wrapper li p {
border:1px solid white;
width:115px;
height:26px;
padding:4px 0 0 0;
margin:0;
overflow:hidden;
position:relative;
left:-1px;
text-transform:uppercase;
font-size:70%;
font-weight:bold;
}

#football .templates-inner-wrapper li p span, #netball .templates-inner-wrapper li p span, #cricket .templates-inner-wrapper li p span, #table-tennis .templates-inner-wrapper li p span {
font-size:2.5em;
margin-right:5px;
padding-left:3px;
position:relative;
font-weight:bold;
color:#C3C3C3;
top:4px;
}

.left-arrow {
float:left;
padding:10px 0px 0 17px;
width:36px;
}

.right-arrow {
float:left;
padding:10px 0 0 10px;
width:36px;
}

.left-arrow img, .right-arrow img{
padding-top:50px;
opacity:0.6;
filter:alpha(opacity=60);
display:none;
}

.left-arrow img:hover, .right-arrow img:hover{
opacity:1;
filter:alpha(opacity=100);
cursor:pointer;
}

#football .the-steps ul, #netball .the-steps ul, #cricket .the-steps ul, #table-tennis .the-steps ul {
padding:0;
margin:8px 0 0 0;
position:relative;
width:1000px;
}

#football .the-steps li, #netball .the-steps li, #cricket .the-steps li, #table-tennis .the-steps li {
width:140px;
height:auto;
float:left;
margin:10px;
}

#football .the-steps li p, #netball .the-steps li p, #cricket .the-steps li p, #table-tennis .the-steps li p {
width:140px;
height:80px;
font-size:70%;
LINE-HEIGHT: 1.3em;
}

#football .the-steps li p a, #netball .the-steps li p a, #cricket .the-steps li p a, #table-tennis .the-steps li p a {
color:white;
font-weight:normal;
font-size:inherit;
}

#football .the-steps li p a:hover, #netball .the-steps li p a:hover, #cricket .the-steps li p a:hover, #table-tennis .the-steps li p a:hover {
text-decoration:underline;
}

#football .the-steps li.sports-step1, #netball .the-steps li.sports-step1, #cricket .the-steps li.sports-step1, #table-tennis .the-steps li.sports-step1 {
margin-left:85px;
}

#football .the-steps li.sports-step2, #netball .the-steps li.sports-step2, #cricket .the-steps li.sports-step2, #table-tennis .the-steps li.sports-step2 {
margin-left:79px;
}

#football .the-steps li.sports-step3, #netball .the-steps li.sports-step3, #cricket .the-steps li.sports-step3, #table-tennis .the-steps li.sports-step3 {
margin-left:87px;
}














h4 {
display:none;
}



#football {
background-image:url('../images/football-background.jpg');
background-repeat:no-repeat
}

#netball {
background-image:url('../images/netball-background.jpg');
background-repeat:no-repeat
}

#cricket {
background-image:url('../images/cricket-background.jpg');
background-repeat:no-repeat
}

#table-tennis {
background-image:url('../images/pingpong-background.jpg');
background-repeat:no-repeat
}







/*contact US page............................................................................................*/

#contactus {
background-image:url('../images/contact-us-page.jpg');
background-repeat:no-repeat
}


#contact-us-text {
width:450px;
float:right;
margin:20px;
font-weight:bold;
}


#contact-us-form-background {
width:390px;
height:390px;
border:1px dotted white;
float:left;
margin:25px;
background-color:white;
filter:alpha(opacity=90);
opacity:0.9;
position:relative;
}

#contact-us-form-inner {
background-color:#73d000;
filter:alpha(opacity=100);
opacity:1;
position:absolute;
top:0;
left:0;
margin:10px;
width:370px;
}

#contact-us-form-inner p {
width:320px;
margin:10px;
}

#contact-us-list {
width:305px;
float:left;
margin:0 15px 0 3px;
padding:0;
}

#contact-us-list ul {
margin:0 0 0 0px;
width:305px;
margin:0;
padding:0;
}

#contact-us-list li {
height:auto;
display:block;
float:none;
font-weight:bold;
padding:0 5px 0 10px;
text-transform:uppercase;
font-size:70%;
color:white;
margin-bottom:1px;
width:305px;
}

#contact-us-list input {
background-color: white;
}




























/*bottom nav bar.........................................................................................*/








#horizontal-bottom-menu-bar ul {
padding:0;
margin:0 0 0 1em;
}

#horizontal-bottom-menu-bar ul li {
display:inline;
margin:0 1em 0 0;
}

#horizontal-bottom-menu-bar ul li a {
color:#7d7d7d;
text-decoration:none;
font-size:0.6em;
font-weight:bold;
}

#horizontal-bottom-menu-bar ul li a:hover {
color:white;
}