body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #363636;
	margin: 0px;
	padding: 0px;
	background-color: #8e8e8e;
	background-image: url(/global/images/kona/bodyBG.jpg);
	background-repeat: repeat-x;
}
#wrapper {
	background-image: url(/global/images/kona/pageBG.jpg);
	background-repeat: repeat-y;
	width: 1007px;
	margin-right: auto;
	margin-left: auto;
}
#WrapBottom {
	background-image: url(/global/images/kona/pageBottomBG.jpg);
	height: 22px;
}
#page {
	margin-right: 9px;
	margin-left: 9px;
}
#header {
	height: 63px;
}
#SprintsLogo {
	float: left;
}
#SAPLogo {
	float: right;
}
#navigation {
	background-image: url(/global/images/kona/navBG.jpg);
	background-repeat: repeat-x;
	height: 28px;
	clear: both;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navigation ul li {
	display: inline;
}
#navigation ul li a {
	display: block;
	float: left;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
}
#navigation ul li a.firstNav {
	margin-left: 6px;
}
#navigation ul li a.lastNav {
	float: right;
	margin-right: 5px;
}
#navigation ul li a:hover {
	background-image: url(/global/images/kona/navHoverBG.jpg);
	background-repeat: repeat-x;
}
#hero {
	background-image: url(/global/images/kona/headerBG.jpg);
	background-repeat: no-repeat;
	height: 341px;
}
#mainImg {
	float: left;
}
#signupBox {
	float: left;
	width: 260px;
}
a.signUpNowLink {
	height: 35px;
	width: 226px;
	display: block;
	margin-top: 68px;
	margin-left: 13px;
	margin-bottom: 64px;
}
a.signUpNowLink:hover {
	background-image: url(/global/images/kona/SignUpNowHover.jpg);
}
a.signInLink {
	height: 26px;
	width: 74px;
	display: block;
	margin-left: 88px;
}
a.signInLink:hover {
	background-image: url(/global/images/kona/SignInHover.jpg);
}
#content {
	padding-top: 30px;
	padding-bottom: 30px;
}
.clearer {
	clear: both;
}

.leftCol {
	float: left;
	width: 658px;
}



.right {
	float: left;
	width: 200px;
	margin-top: 33px;
	padding-top:20px;
	margin-left: 76px !important;
	margin-left: 63px;
	margin-right: 0px !important;
	margin-right: 13px;
	padding-bottom: 5px;
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
}


.main {
	float: left;
	width: 600px;
	margin-left: 26px !important;
	margin-left: 13px;
	margin-right: 0px !important;
	margin-right: 13px;
	margin-bottom: 20px;
}

#content a {
	color: #0a3a5a;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}


.wide {
	float: left;
	width: 600px;
	margin-left: 26px !important;
	margin-left: 13px;
	margin-right: 0px !important;
	margin-right: 13px;
	margin-bottom: 20px;
}

.narrow {
	float: left;
	width: 300px;
	margin-left: 26px !important;
	margin-left: 13px;
	margin-right: 0px !important;
	margin-right: 13px;
	margin-bottom: 20px;
	text-align:center;
}

.twoCol {
	float: left;
	width: 634px;
	margin-left: 26px !important;
	margin-left: 13px;
	margin-right: 0px !important;
	margin-right: 13px;
}

.oneCol {
	float: left;
	width: 296px;
	margin-left: 26px !important;
	margin-left: 13px;
	margin-right: 0px !important;
	margin-right: 13px;
}

.rightCol {
	float: left;
	width: 298px;
	margin-left: 26px !important;
	margin-left: 13px;
	margin-right: 0px !important;
	margin-right: 13px;
}

#content h1 {
	font-size: 16px;
	color: #0a3a5a;
	text-transform: uppercase;
	margin-top: 0px;
}
#content h2 {
	font-size: 12px;
	font-weight: bold;
/*	text-transform: uppercase; */
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 15px;
}
#content h3 {
	font-size: 12px;
	font-weight: bold;
/*	text-transform: uppercase; */
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 15px;
}
#content h4 {
	font-size: 12px;
	font-weight: bold;
	color: #8e8e8e;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 15px;
}
#content p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#content p span {
	font-size: 10px;
	color: #999;
	display: block;
}
#content h3.fb {
	color: #2949a2;
}
.socnetIcon {
	margin-top: 5px;
	margin-bottom: -5px;
}
#footer {
	width: 987px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	color: #FFF;
	padding-left: 20px;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

.oneCol a {
	font-weight: bold;
	color: #0a3a5a;
}

a.TlinkIcon {
	background-image: url(http://www.12sprints.com/images/twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 36px;
	padding-top: 6px;
	padding-bottom: 16px;
	font-weight: bold;
	width: 150px;
	color: #0a3a5a;
}
a.FlinkIcon {
	background-image: url(http://www.12sprints.com/images/facebook.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 36px;
	padding-top: 6px;
	padding-bottom: 16px;
	font-weight: bold;
	width: 200px;
	color: #0a3a5a;
}
a.YlinkIcon {
	background-image: url(http://www.12sprints.com/images/youtube.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 36px;
	padding-top: 6px;
	padding-bottom: 18px;
	font-weight: bold;
	width: 200px;
	color: #0a3a5a;
}




/* Easy Slider */

#slider {
	float: right;
	background: url(/global/images/kona/sliderBG.jpg) no-repeat;
		overflow:hidden;
}
     #slider a img { border:none;}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:298px;
		height:220px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:23px;
		height:23px;
		position:relative;
		left:31px;
		top:79px !important;
		top:-157px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:248px;
		top:57px !important;
		top:-179px;
		}			
		/*
			#prevBtn, #nextBtn, #slider1next, #slider1prev {top:-141px;}	
			#nextBtn, #slider1next {top:-163px;}	
		*/
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:23px;
		height:23px;
		background: url(/global/images/kona/leftBtn.png) no-repeat 0 0 !important;	
		background: url(/global/images/kona/leftBtn.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/global/images/kona/rightBtn.png) no-repeat 0 0 !important;	
		background:url(/global/images/kona/rightBtn.gif) no-repeat 0 0;	
		}	


/* table style for use within body area */

.table_main {
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	border-collapse: collapse;
	border-spacing: 2px;
}


.table_main th {
	color:#333333;
	background-color: #EFEFEF;
	font-size: 11px;
	padding: 3px 5px 3px 3px;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	text-align:left;
}

.table_main td {
	border-right: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	padding: 3px 5px 3px 3px;
	text-align:left;
}

.table_main img {
	margin:3px 5px 0px 5px;
}

.table_main p {
	line-height: 20px;
}

/*for form*/

.formitem {
	position:relative;
	float:left;
	width: 600px;
	margin: 0px 0px;
	padding: 0px 0px 5px 0px;
}

.formline { 
	position:relative;
	float:left;
	width: 600px;
	margin: 0px 0px;
	padding: 0px 0px 5px 0px;
}


.formleft {
	position: relative;
	float: left;
	width: 200px;
	height: auto;
	margin: 0px 0px;
	padding: 0px 0px 0px 10px;
	z-index:0;
	
}

.formleft p {
	text-align:right;
}

.formright {
	position: relative;
	float: left;
	width: 300px;
	height: auto;
	margin: 0px 0px;
	padding: 0px 0px 0px 10px;
	z-index:0;
}

.formauto {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin: 0px 0px;
	padding: 0px 0px 0px 10px;
	z-index:0;
	
}
