f:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }

body {
	background: #abcded url(images/bg.gif) repeat-x;
	padding:43px 0 0 0;
	font:11px verdana, arial;
	color:#ffffff;
	}

#container {
	width:960px;
	margin:0 auto 10px auto;
	}

#header {
	height:94px;
	width:930px;
	margin:0 auto;
    margin-left:30px;
	background:url(images/menubg.gif) left bottom no-repeat;
	overflow:hidden;
	}

#content-container {
	width:920px;
	padding:20px;
	background:#20609d url(images/contentpic.jpg) no-repeat;
	overflow:hidden;
	}

#index-body #content-container {
	padding:0;
	background:none;
	}

#main-content {
	float:left;
	width:660px;
	padding:20px;
	overflow:hidden;
	}

#index-body #main-content {
	float:none;
	width:960px;
	padding:0;
	}

#index-body #container {
		width:960px;
		background:url(images/indexpic.jpg) left 94px no-repeat;
	}

#sidebar-right {
	float:right;
	width:170px;
	padding:15px;
	overflow:hidden;
	}

#prevcontainer {
	width:960px;
	padding:105px 0 0 0;
	margin-bottom:20px;
	overflow:hidden;
}

#index-body #prevcontainer {
	width:960px;
	padding:105px 0 0 0;
	background:none;
}


#footer {
    padding:0px 0 30px 0 ;
	text-align:center;
	}

	#footer a {
			color:#ffffff;
			text-decoration:underline;
		}

	#footer a:hover {
			text-decoration:none;
		}

#footer p {
		color:#006cb8;
        font-weight:none;
	}


.header-logo {
		width:326px;
		float:right;
	}

#header-right {
		float:left;
		height:94px;
		overflow:hidden;
	}


	#header-nav ul#navlist  {
			height:44px;
			margin:0 0 0 150px;
			padding:0;
			list-style:none;
			line-height:44px;
			overflow:hidden;
		}

	#header-nav ul#navlist li {
			float:left;
			padding-right:12px;
			margin-right:12px;
			background:url(images/secmenu.png) right 50% no-repeat;
		}

	#header-nav ul#navlist li.last {
			padding-right:0;
			margin-right:0;
			background:none;
		}


	#header-nav a {
			color:#D7EDF4;
		}

#navi h2 {
		display:none;
	}

	#navi ul {
		height:50px;
		line-height:50px;
        margin-left:15px;
	}

	#navi li {
		float:left;
		padding-right:12px;
		margin-right:12px;
		background:url(images/headerspacer.gif) right 50% no-repeat;
	}

	#navi li.last {
		padding-right:0;
		margin-right:0;
		background-image:none;
	}

	#navi a {
			color:white;
            font-weight:bold;
		}


#sidebar-right h2 {
		font:bold 16px arial;
		margin-bottom:12px;
		padding-bottom:6px;
		border-bottom:1px solid #E3E1CE;
	}

	#sidebar-right .block {
			margin-bottom:30px;
		}

	#sidebar-right ul ul {
			margin-bottom:10px;
			padding-top:10px;
		}

	#sidebar-right li {
			margin-bottom:6px;
			padding:0 0 0 16px;
			background:url(images/sb.gif) left 2px no-repeat;
		}

	#sidebar-right a {
			color: #ffffff;      		font:bold 12px arial;
		}


	#sidebar-right ul.features {
			margin-bottom:10px;
			padding-top:0px;
		}

	#sidebar-right ul.features li {
			margin-bottom:6px;
			padding:0 0 0 16px;
			background:url(images/icon_yes.gif) left 4px no-repeat;
		}


a,
a:link,
a:visited {
	color:#00CCCC;
    text-decoration:none;
	}

a:hover {
 	text-decoration:underline;
	}


h1,h2,h3,h4,h5,h6 {

	}

h1 {
	font:bold 26px arial, verdana;
	margin-bottom:20px;
    color:#23629e;
	}

#index-body h1.title {
		display:none;
        color:#23629e;
	}

p {
	margin-bottom:10px;
	line-height:1.5;
	}

 p.spc {
	margin-left:11px;
    margin-top:5px;
	line-height:1.5;
    color: #ffffff;
    font-size: 12px;
    font-weight:normal;
	}


img {
	border:none;
	}


#welcometext {
		height:207px;
		padding:42px 495px 0 45px;
	}

	#welcometext h2 {
		display:none;
	}

	#welcometext h1 {
    padding:48px 0 0 0;
    margin-bottom:10px;
    overflow:hidden;
    background:url(images/header-beach-soccer-is-here.png) no-repeat;

    height: 0px !important;
    height /**/:48px;
}

#first {
		float:left;
		width:270px;
		height:128px;
		padding:0 0 0 35px;
		margin:0 18px 20px 0;
	}

	#first li {
		list-style:none;
		padding:0 0 0 20px;
		margin:0 0 6px 0;
		background:url(images/bullet.gif) left 50% no-repeat;
	}

	#first a {
		color:white;
        text-decoration:underline;
	}

	#first a:hover {
		color:white;
        text-decoration:none;
	}

	#second {
		float:left;
		width:292px;
		height:128px;
		padding:0 0 0 18px;
		margin:0 18px 20px 0;
	}

	#second li {
		list-style:none;
		padding:2px 0 2px 20px;
		margin:0 0 6px 0;
		background:url(images/bullet.gif) left 50% no-repeat;
	}

	#second a {
		color:white;
        text-decoration:underline;
	}

	#second a:hover {
		color:white;
        text-decoration:none;
	}

.findoutmore a  {
		text-decoration:underline;
	}

.findoutmore a:hover,
{
		text-decoration:none;
	}

#third {
		float:right;
		width:250px;
		height:128px;
		color:white;
		padding-right:40px;
		margin-bottom:20px;
	}


	#third li {
		list-style:none;
		padding:2px 0 2px 20px;
		margin:0 0 6px 0;
		background:url(images/bullet.gif) left 50% no-repeat;
	}

	#third a {
		color:white;
        text-decoration:underline;
	}

	#third a:hover {
		color:white;
        text-decoration:none;
	}



#support {
		float:left;
		height:88px;
		width:168px;
		margin-right:20px;
		padding:38px 120px 0 17px;
		background:url(images/bottom1.gif) no-repeat;
	}

	#support p {
		color:#94CFE2;
		margin-bottom:6px;
	}

	#support a {
		color:white;
		text-decoration:underline;
	}

	#support a:hover {
		text-decoration:none;
	}


#cpanel {
		float:left;
		height:88px;
		width:173px;
		margin-right:20px;
		padding:38px 120px 0 17px;
		background:url(images/bottom2.gif) no-repeat;
	}

	#cpanel p {
		color:#94CFE2;
		margin-bottom:6px;
	}

	#cpanel a {
		color:white;
		text-decoration:underline;
	}

	#cpanel a:hover {
		text-decoration:none;
	}

#transfer {
		float:left;
		height:88px;
		width:168px;
		padding:38px 120px 0 17px;
		background:url(images/bottom3.gif) no-repeat;
	}

	#transfer p {
		color:#94CFE2;
		margin-bottom:6px;
	}

	#transfer a {
		color:white;
		text-decoration:underline;
	}

	#transfer a:hover {
		text-decoration:none;
	}




.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


* html .clearfix {height: 1%;}
.clearfix {display: block;display:inline-block;}



/* TABLES   */

#tablemain a{ color: #ffffff; font-weight:bold;}
#tablemain a:hover{ color: #ffffff; text-decoration:underline; }
	.getStartedButton{
	  float: right;
	  background: url('images/getStarted.gif') no-repeat left;
	  width: 298px;
	  height: 64px;
	}
	.getStartedButton a:hover{
	  background: url('images/getStartedOver.gif') no-repeat left;

	}
.planname {
    font-weight: bold;
    cursor: pointer;
}
.tool-tip {
	font-size: 11px;
	text-align: center;
	background: #000;
	width: 250px;
	overflow: hidden;
}

.tool-tip .tool-title {
	color: #00cccc;
	font-weight: bold;
	padding: 10px 10px 0;
}

.tool-tip .tool-text {
	color: #fff;
	padding: 5px 10px 10px;
}
.feature img {
    border: 1px solid #4e4e4e;
    padding: 4px;
}
#featuresList {
    list-style-type: none;
    padding-left: 8px;
    font-family: Arial, Helvetica, Sans-serif;
    margin: 0;
    margin-top: 10px;
}
#featuresList li {
    background: url('images/icon_yes.gif') left no-repeat ;
    padding-left: 22px;
    margin-top: 5px;
    margin-bottom: 10px;
}
hr {
    height: 0;
    width: 100%;
    border: none;
    border-top: 1px solid #4e4e4e;
}

.colored {
	color: #00cccc;
}

.BorderLeft { background-image: url(../../image_files/bg_dot_orange1.gif); background-repeat: repeat-y; background-position: left top; }
.difcolor { background-color:#719cc4; font-size: 11px; color: #FFF; }
.bbcolor { border-bottom:1px solid #8DAB45 font-size: 11px; }
.bbcolor2 { border-bottom:1px solid #D4950D font-size: 11px; }
.TitleCompare { font-family: Arial, Helvetica, sans-serif; background-image:url(../../image_files/bg_green.gif); background-repeat:repeat-x; background-position: left top; color:#FFFFFF; font-weight:bold; }
.title2 { font-family: Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; background-color: #719cc4 }
TR {  font-size: 11px; }
.text{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#FFF; text-decoration:none; line-height:17px; }
.text12{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#6F6F6F; text-decoration:none; line-height:17px; }
.textsmall{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; color:#9F9F9F; text-decoration:none; line-height:14px; }
.style1 {
	color: #00cccc;
	font-size: 13pt;
	font-weight: bold;
}
.extable {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
#expanelback {
	margin-top: 15px;
	margin-left: 10px;
	background: url('images/ex_panel.gif') no-repeat center top;
	height: 250px;
	width: 275px;
}
#expanel a img {
    padding-left: 0px;
    padding-bottom: 9px;
    border: 1px solid #4e4e4e;
    padding: 3px;
}
#expanel a:hover img {
    background: #333333;
}

