/* CSS Document */

body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	font-family: Arial,sans-serif;
	text-align: center;
	color: #074470;
}

#fixed {
	width: 994px;
	margin: 0 auto;
}

#wrapper {
	float: left;
	width: 100%;
	display: inline;
	text-align: left;
}

#header {
	float: left;
	width: 100%;
	height: 131px;
	display: inline;
	background-color: #FFFFFF;
}

a.header-logo {
	float: left;
	display: inline;
	background-image: url(../images/sportingpay_header_logo.jpg);
	background-repeat: no-repeat;
	width: 329px;
	height: 131px;
}

#nav-wrap {
	float: left;
	display: inline;
	width: 665px;
	height: 131px;
}

#sub-nav {
	float: left;
	display: inline;
	width: 665px;
	height: 41px;
	margin: 10px 0 0 0;
}

#main-nav {
	float: left;
	display: inline;
	width: 665px;
	height: 80px;
}

#content-wrap {
	float: left;
	width: 100%;
	display: inline;
}

#content-feature {
	float: left;
	width: 100%;
	display: inline;
	height:139px;
}

#content-feature img {
     display:block;
}

#col-wrap {
	float: left;
	width: 100%;
	display: inline;
	min-height: 228px;
	background-image: url(../images/content_bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#col-1-wrap {
	float: left;
	width: 690px;
	display: inline;
	margin: 20px 0 0 0;
}

#col-2-wrap {
	float: right;
	width: 304px;
	display: inline;
	margin: 30px 0 30px 0;
}

#breadcrumbs {
	float: left;
	width: 626px;
	display: inline;
	margin: 10px 32px;
	font-size: 12px;
}

#breadcrumbs a {
	color: #074470;
}

.front-page #breadcrumbs {
	display: none;
}

#col-1-content {
	float: left;
	width: 626px;
	display: inline;
	margin: 0 32px 20px 32px;
}

#col-2-content {
	float: left;
	width: 268px;
	display: inline;
	margin: 0 18px;
}

#common-wrap {
	float: left;
	width: 100%;
	height: 194px;
	background-image: url(../images/common_bg.gif);
	background-repeat: no-repeat;
}

#common-content {
	float: left;
	display: inline;
	width: 220px;
	height: 160px;
	overflow: hidden;
	margin: 17px 24px 17px 24px;
}

#footer {
	float: left;
	display: inline;
	width: 100%;
	height: 32px;
	margin: 10px 0 10px 0;
}

#footer-nav {
	float: left;
	width: 700px;
	line-height: 32px;
}

#sp-logo {
	float: right;
	display: inline;
}

/* Text Styles */

a img {
	border: none;
}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

a:hover, a.internal-link:hover {
	text-decoration: underline;
	color: #F47D31;
}



p.align-right {
	text-align: right;
}

.csc-header h1 {
	margin: 3px 0;
	color: #074470;
	font-size: 22px;
}

.csc-firstHeader h1 {
	margin: 3px 0;
	color: #074470;
	font-size: 21px;
}

a.alt-internal-link {
color:#728c9c;
}

p.bodytext {
	color: #074470;
	font-size: 12px;
}

#common-content .csc-header h1 {
	font-size: 14px;
}

#common-content p.align-right a.internal-link {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #074470;
	text-align: right;
}

#common-content p.align-right a.internal-link:hover {
	text-decoration: underline;
}

#col-1-content ul li a {
	font-size: 12px;
	color: #074470;
}

/* Menu Styles */
.main-nav-item {
	float: left;
	display: inline;
	height: 80px;
	background-image: url(../images/nav-sprite.jpg);
}

a.nav-1 { width: 111px;	background-position: 0 0; } 
a.nav-1:hover { background-position: 0 -81px; } 
a.nav-2 { width: 110px; background-position: 0 -162px; } 
a.nav-2:hover { background-position: 0 -243px; } 
a.nav-3 { width: 110px; background-position: 0 -324px; } 
a.nav-3:hover { background-position: 0 -405px; } 
a.nav-4 { width: 110px; background-position: 0 -486px; } 
a.nav-4:hover { background-position: 0 -567px; } 
a.nav-5 { width: 110px; background-position: 0 -648px; } 
a.nav-5:hover { background-position: 0 -729px; } 
a.nav-6 { width: 114px; background-position: 0 -810px; } 
a.nav-6:hover { background-position: 0 -891px; }

ul#sub-nav {
	padding: 0;
	text-align: right;
}

ul#sub-nav li {
	display: inline;
	list-style-type: none;
	padding: 0 10px;
	font-size: 10px;
	font-weight: bold;
}

ul#sub-nav li a {
	color: #074470;
	text-transform: uppercase;
	text-decoration: none;
}

ul#sub-nav li.last-item a {
	color: #F27D2E;
	margin-right: 10px;
}

ul#sub-nav li a:hover, ul#sub-nav li.last-item a:hover {
	text-decoration: underline;
}

ul#footer-nav {
	padding: 0;
	margin: 0;
}

ul#footer-nav li {
	display: inline;
	list-style-type: none;
	padding: 0 5px;
	font-size: 11px;
	font-weight: bold;
	float: left;
	height: 32px;
	line-height: 32px;
}

ul#footer-nav li a {
	color: #074470;
	text-transform: uppercase;
	text-decoration: none;
}

ul#footer-nav li.last-item a {
	color: #F27D2E;
}

ul#footer-nav li a:hover, ul#sub-nav li.last-item a:hover {
	text-decoration: underline;
}

ul#footer-nav li.divide {
	width: 1px;
	height: 32px;
	background-image: url(../images/footer-divide.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0 5px;
}


/*CSS FOR MAILFORM START */
.csc-mailform-field input {
    display:inline;
    float:left;
    width:49%;
}
.csc-mailform-field label {
    display:inline;
    float:left;
    margin:0 5px;
    width:45%;
}
.csc-mailform {
    border-color:transparent;
    display:inline;
    float:left;
    font-size:12px;
    margin:0;
    padding:15px;
    width:100%;
}
.csc-mailform-label {
    display:inline;
    float:left;
    font-size:12px;
    font-weight:bold;
    margin:0 5px;
}
.csc-mailform-field {
    display:inline;
    float:left;
    margin:5px;
    width:100%;
}

.csc-mailform-field #mailformsubmit {
    display:none;
}
.csc-mailform-radio fieldset label {
    float:none;
    width:auto;
    margin:0;
}
.csc-mailform-radio fieldset input {
    float:none;
    width:auto;
}
.csc-mailform-radio fieldset legend {
    display:none;
}
.csc-mailform-radio fieldset {
    border:medium none transparent;
    width:48%;
}
.csc-mailform-field select {
    width:49%;
}
.csc-mailform-field textarea {
    width:49%;
}

#mailformformtype_mail  {
    width:auto;
}

/*CSS FOR MAILFORM END */

#common-content a {
	color: #074470;
}