body {
		background: url(../images/bg_fade.gif) repeat-x #f1f1f1 top center;

}
#header {
	color: #c3dce8;
	background:   url(../images/gscom/bg_gsheader2b.jpg) repeat-x bottom left #00b8fe;
	/*height: 315px;*/
	margin-bottom: 8px;
	padding-bottom: 10px;
	border-bottom:1px solid #eee;
	/*padding: 10px 15px*/
}
	
#footer {
	color: #c3dce8;
	background:   url(../images/bg_headwe.jpg) repeat-x center #0af;
	border-bottom:1px solid #aaa;
}
			
#header div {
	/*border: 1px solid white;*/
}
		#header a,
		#header a:visited,
		#footer a,
		#footer a:visited {
			color: #fff;
		}
		
			#header a:hover,
			#footer a:hover {
				background-color: #06d;
				color: #fff;
			}	
	
			#header a.selected,
			#header a.selected:visited,
			#header a.selected:hover,
			#footer a.selected,
			#footer a.selected:visited,
			#footer a.selected:hover
			{
				color: #000;	
				background-color: #3cf; 
			}	

			html  #header .active,
			html #header a.active:visited,
			html #header a.active:hover
			{
				background-color: #06d;	
				/*background-color: #234;*/
				color: #fff;
			}	
			
		#header #logo {
			margin: 11px 0px 0px;
			height: 65px;
			padding-left: 12px;
			position: absolute;
			z-index: 100;
		}	
		
		#headermore {
			position: relative;
			clear: both;
			height: 130px;
			margin-top:38px;
		}
		
		#pagetitle {
			color: #fff;
			width: 600px;
			margin: 0 25px;
			position: relative;
			height: 100%;
		}
		
		#pagetitle p, #pagetitle h1 {
			bottom:0;
			left:0;
			position: absolute;
			margin: 0px;
			line-height: 128%;
			font-size: 31px;
			padding-bottom: 0px;
		/*	font-family: georgia, serif;*/
		}
		#pagetitle a {
			background-color: transparent !important;
			padding: 0;
		}
		#pagetitle img.h1_prod {
			font-size: 40px;
			line-height: 100%;
			margin-left: -18px;
			width:  325px;
			height:  85px;
		}
		#pagetitle img.h1_prod2 {
			font-size: 40px;
			line-height: 100%;
			margin-left: -12px;
			margin-bottom: -15px;
			width:  195px;
			height:  51px;
			margin-right: 10px;
		}
		#pagetitle .small {
			font-size: 14px;
		}
		
		
		body #header #logo a {
			padding: 3px 6px 10px 9px !important;
			display: block;
		}
		
		body #header #logo img {
			border: 0 !important;
		}
		

		
		
		body #header #logo #sublogo {
			font-size: 12px;
			width: auto;
			text-align: right;
			display: block;
			color:  #ccc;
			margin: -2px -2px -12px 0px;
		}
		
				#nav2 {
			float: right;
			width: 260px;
			clear: both;
			position: relative;
			height: 100%;
			
		}
		
		#nav2 a, #nav2 a:link, #nav2 a:visited {
			color: #fff;
			padding: 4px 12px 4px 8px;
			font-weight: bold;
			font-size: 15px;
			margin: 0;
		}
		
		#nav2 a:hover {
			
		}
		
		#nav2 a.selected {
			color: #000 !important;
			background: transparent !important;
			font-weight: bold;
			cursor: default;
			
		}
		
				
		#nav2 ul {
			text-align: right;
			margin: 0px;
			padding: 0px;
			position: absolute;
			bottom: 0;
			width: 100%;
		}
		
				
		#nav2 li {
			text-align: right;
			margin: 0px;
			padding: 0px;
			padding: 4px 0px;
			background: transparent;
			list-style-type: none;
			color: #fff;
			
		}
		
		
		div.hoverbox a {
			padding: 15px 15px 8px;
			margin: 0px 0px 0 -15px;
			  -moz-border-radius: 10px;
			  border-radius: 10px;
			border: 2px solid #fff;
			clear: both;
			display:block;
		}
		

			
			*html div.hoverbox a {
				margin-left:  -5px;
			}
		
		div.hoverbox:hover a,  div.hoverbox a:hover {
			/*background-color: #def;*/
			border: 2px solid #ccc;
			background: url(../images/bg_input.gif) repeat-x #fff;
		}
		
		
		div.hoverbox p {
			padding-bottom: 10px;
			color: #444;
			font-size: 130%;
			margin:0;
		}
		
		div.hoverbox:hover p {
			color: #222;
		}
		
		
		div.hoverbox h2 {
			margin:0;
			padding: 0px 0 4px;
		}
		
		div.hoverbox a img {
			position: relative;
			zoom: 1;
		}
		
		div.breadcrumb {
			display: none !important;
		}
		
	 	h1 {
			margin-top: 25px !important;
			margin-left: 30px;
		}
		
	 	.modMain h2 {
	 		border: 0;
	 		color: #f90;
	 		font-weight: bold;
	 		font-size: 24px;
	 		margin-top: 8px;
	 		margin-bottom: 10px;
	 		padding: 0px;
	 		line-height: 28px;
		}
		
	 	.modMain h2 a {
	 		color: #f90;
	 		padding: 2px 5px;
	 		margin: 0 -5px;
		}
		
	 	.modMain h2 a:hover {
	 		background-color: #f90;
	 		color: #fff;
		}
		
		
		div.globalnav div.logout {
			/*margin: 5px 10px !important;*/
			margin-top: 5px !important;
			padding: 6px 10px !important;
		}
/*** for  groupswim landing page ***/
	
	.homebtn {
		/*background: url(../images/home_btn3.jpg) no-repeat #8e2;*/
		background: url(../images/home_btn4.jpg) no-repeat #1af;
		height: 170px;
		width: 600px;
		padding: 0px 0px;
		overflow: hidden;
		color: #fff;
	}
	
	.homesell {
		font-size: 28px;
		text-align: center;
		line-height: 33px;
		/*font-weight: bold;*/
		color: white;
		padding: 9px 6px 6px;
		
	}
	

	div.modMain div.mod {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	div.modFull {
		width: auto;
		margin-left: 15px;
		margin-right: 10px;
	}
	
	html div.main1 div.modSide div.mod {
		/*margin-bottom: 20px !important;*/
	}
	
	

p {
	font-size: 15px;
	line-height: 140%;
}

html body div.tabrow {
	color: #ccc;
	font-size: 16px !important;
	background: transparent;
	border: 0;
	margin: 15px 5px 10px 7px;
	padding: 0;
	line-height: 28px;
	padding-bottom: 10px !important;
}

html body div.modMain .tabrow {
	margin: 7px 0px 10px 22px !important;
}

 div.tabrow a,  div.tabrow a:visited {
	color: #666;
	padding: 3px 5px;
	font-size: 14px
}

html body div.tabrow .selected, html body div.tabrow h2 {
	color: #f90 !important;
	font-size: 24px;
	background: transparent;
	font-weight: bold;
	border: 0 !important;
	margin-left: -3px;
	margin-right: -3px;
	display: inline;
	padding: 3px 5px;
}

 html body div.tabrow h2 {
	margin-left: 0px;
	}
/**** customer quotes ***/

	#customerquotes {
		display: none;
		position: relative;
		width: auto;
		padding: 0px;
		margin-top: 0;
		padding-top: 0px;
		margin-right: 10px;
		height: 210px;
		overflow: visible ;
	}
	
	*html #customerquotes {
		margin-top: -5px !important;
		
	}
		#customerquotes div {
			/*display: none;*/
			position: absolute;
			width: 100%;
			
		}
		.modSide .cusquote {
			height: 220px;
			overflow: hidden;
			/*background-color: #fff;*/
			/*opacity: 0;
			filter: alpha(opacity=0);*/	
			padding-top: 3px;
		}
		.modMain .cusquote {
			margin: 24px 0;
			border-top: 1px solid #aaa;
			padding-top: 6px;
		}
		
		
		#cusquote0 {
			/*display: block !important;*/
		}
		
		.pullquote {
			font-size: 17px;
			line-height: 120%;
			color:#888;
			font-family: georgia, times, serif;
			font-style: italic;
			padding-bottom: 6px;
			margin-bottom: 0;
		}
		.modMain .pullquote {
			color:#444;
			margin-bottom: 1px;
		}
		
		.cusquote .big {
			font-size: 20px;
		}
		
		.cusquote .midbig {
			font-size: 18px;
		}
		
		.quoteattribution {
			border-top: 1px solid #ccc;
			padding-top: 3px;
		}
		.modMain .quoteattribution p {
			margin-right: 150px;
		}
		
		.modMain .quoteattribution {
			border-top: 1px solid #eee;
		}
		
		.quoteattribution img.logo{
			float: right;
			display: block;
		}
 		.modSide .quoteattribution img.logo{
			position: absolute;
			right: 0;
			z-index: 100;
		}
		
		.quoteattribution p{
			/*float: left;
			clear: left;*/
			margin: 0;
			width: auto;
		}
		
		.quoteattribution p.name{
			font-size: 16px;
			font-weight: bold;
			color:#888;
		}
		
		.quoteattribution p.role{
			font-size: 12px;
			color:#888;
		}
		

/**/


div.trialbtn {
	height: 110px;
	font-weight: bold;
	margin-right: 10px;
	overflow: hidden;
	padding: 0;
	height: 0px;
	margin-bottom: 0px;
	display: none;
}

div.trialbtn a{
	background: #f90 url(../images/gscom/bg_btn_trial.gif);
	text-align: center;
	display: block;
	height: 100%;
	width: auto;
	padding: 1 10px 10px;
	margin: 0;
}

div.trialbtn a:hover {
	background-position: 0 -150px;
}

div.trialbtn a:active {
	background-position: 0 -300px;
}


div.trialbtn a h3 {
	border: 0px;
	color: #222;
	font-weight: bold;
	text-transform: uppercase;
	font-size:24px;
	padding: 15px 0 8px;
}

div.trialbtn a p {
	color: #222;
	font-weight: normal;
	margin: 0;
	font-size: 14px;
}


p.firstpara {
	color: #333;
	font-size: 21px;
}


a.demobtn {
	background: #f90 url(../images/gscom/bg_btn_demo.gif);
	text-align: center;
	display: block;
	padding: 0;
	height: 100%;
	width: auto;
	margin: 0;
	height: 36px;
	color: #444 !important;
	font-weight: bold;
	font-size: 14px;
	width: 120px;
	line-height: 36px;
	margin-bottom: 18px;
}

	*html a.demobtn {
		margin-bottom: 0px;
	}
	
	a.demobtn:hover {
		background-position: 0 -150px;
	}
	
	a.demobtn:active {
		background-position: 0 -300px;
	}
	
	div.trialbtn a.selected,
	div.trialbtn a.selected:hover {
		background: #d90 url(../images/gscom/bg_btn_trial_down.gif) repeat-x;
		cursor: default;
	}
	a.demobtn.selected,
	a.demobtn.selected:hover{
		background-position: 0 -300px !important;
		cursor: default;
	}
	
	.modSide .modHalfR {
		margin-right: 7px;
		padding: 0;
	}


/****/
	.modMain ul  {
		margin-left: 20px;
		margin-bottom: 15px;
	}
	
	.modMain ul li {
		font-size: 14px;
		margin: 00px;
		padding: 5px ;
		list-style-type: disc;
		background: none;
		line-height: 120%;
	}
	

/****/
	ol  {
		/*margin-left: 20px;
		margin-bottom: 15px;
		border: 1px solid green;*/
	}
	
	ol li {
		font-size: 14px;
		/*margin: 00px;
		padding: 5px 5px 5px 0px;*/
		line-height: 120%;
	}
/***/

	img.demoscreen {
		float: right;
		width: 154px;
		height: 102px;
		padding: 31px 0px 10px 14px;
		
	}

	*html img.demoscreen {
		padding: 0;
		margin: 31px 0px 10px 14px !important;
		
	}

img.homegraphic {
	float: left;
	padding-top: 12px;
	padding-left: 5px;
	padding-right: 20px;
	width: 72px;
	height: 80px;
}


*html img.homegraphic {
	padding: 0;
	margin-top: 12px;
	margin-left: 5px;
	margin-right: 20px;
}
/**/
	.bandtable td {
		background-color: #fff;
		border-right: 1px solid #ddd;
		vertical-align: baseline;
		padding: 4px 4px 4px 6px;
		text-align: center;
	}
	
	td.headercol {
		background-color: #ddd;
		text-align: right;
		font-weight: bold;
		font-size: 12px;
	}
	
	span.viewall {
		color: #888;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		padding: 2px 0px;
	}

	a.triallink {
		color: #f90;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		padding: 2px 4px;
		margin: 0 -4px;
	}

	a.triallink:hover {
		background-color: #f90;
		color: #fff;
	}
	
	div.modMain div.mod table.itemtable {
		width: 100%;
	}
	
	.sampledata {
		width: 80px;
	}
	
	.additionaloptions li {
		padding-top: 1px;
		padding-bottom: 1px;
		margin-left: 20px;
		font-size: 13px;
	}
	
	
/***/

.mathtable td {
	padding: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: baseline;
}



td.totalrow {
	font-weight: bold;
	margin-left: 20px;
	padding-top: 4px;
	font-size: 120%;
	border-top: 1px solid #444;
}


.mathtable2  {
	border: 1px solid #ccc;
	margin-top: 5px !important;
	clear: both;
}

	.mathtable2 td {
		padding: 6px 6px;
		vertical-align: baseline;
		font-size: 16px;
	}
	
	.mathtable2 td a.triallink{
		font-size: 15px;
	}


td ul, td li {
}

div ul li.badpoint {
	background: url( ../images/ic12_x.gif);
}

div ul li.goodpoint {
	background-image: url( ../images/ic12_check.gif);
}

div td ul li.badpoint,
div td ul li.goodpoint {
	background-position: 3px 3px;
	font-size: 13px;
}

div ul li.badpoint,
div ul li.goodpoint {
	margin-right: 2px;
	margin-bottom: 3px;
	padding-left: 20px;
	list-style: none;
	background-repeat: no-repeat;
	background-position: 1px 8px;
}

img.tour1 {
	float: right;
	width: 250px;
	height: 300px;
	margin-left: 10px;
	margin-top: 8px;
}

img.tour2 {
	float: right;
	width: 250px;
	height: 200px;
	margin-left: 2px;
	padding-top: 8px;
	margin-top: 5px;
	margin-right: -20px;
}

.viewoptions2 {
	font-size: 16px;
	margin-top: 25px;
	float: none !important;
	display: block;
	margin-bottom: 10px;
}


div.viewoptions2 b {
	font-size: 24px ;
	color: #f90;
}


.viewoptions2 a {
	font-size: 16px;
}

/**/

.dialogbox {
	z-index: 100000;
}

.dialogbox .fade{
	padding: 10px 20px 10px 15px;
}

#di_signin {
	width: 300px;
}

.teamGrid2 p.small {
	font-size: 13px;
	line-height: 125%;
	margin-top: 2px;
}



.teamGrid2 h2 {
	color: #333;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	
}

div.successheader {
	padding: 10px 10px 0px 26px ;
}

.modMain input.wide1, .modMain textarea.wide1 {
	width: 540px;
}

div p.fieldMinidesc {
	margin: 0;
	font-size: 11px;
	color: #888;
	padding: 0;
	margin-top: -1px !important;
}

div p.errorText {
	margin-left: 15px;
	color: #f70;
	clear:none;
}


body div.modMain div.pagination a {
	font-size: 15px;
	color: #f90;
	border: #f90 2px solid;
	padding: 3px 7px;
	font-weight: bold;
}

body div.modMain div.pagination a:hover {
	background-color: #f90 !important;
	border: #f90 2px solid;
	color: #fff;
}

body div div.pagination a.prev {
	color: #bbb;
	border-color: #bbb;
}

div p.fieldLabel {
	margin-top: 14px;
	padding: 0;
	margin-bottom: 0px;
}

div p.fieldValue {
	margin-bottom:1px;
}

/*** for feedburner formatting **/

.feedTitle {
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}

.feedTitle a {color: #444; }
.feedTitle a:hover { color: #fff; }

#creditfooter {
	display: none !important;
}
		
		.feedburnerFeedBlock ul li {
			padding: 2px 0 0px 15px;
			line-height: 14px;
			font-size: 11px !important;
		}
		
		.feedburnerFeedBlock {
			margin-bottom:15px;
}


.modSide {
	margin-top:2px;
}
/*****/

div div.productAnnounce {
	padding: 0px 20px 4px 27px;
	border: 1px dashed #09f;
	border-width: 1px 0px;
	background-color: #ddf6ff;
	margin: 1px 0 15px !important;
}

	div.productAnnounce h2 {
		color: black;
		margin: 13px 0 8px;
		font-size: 18px;
		font-weight: normal;
	}
	
	div.productAnnounce p {
		margin: 0px 0 10px;
		padding: 0px;
		font-size: 14px;
	}
	
	div.productAnnounce .viewoptions {
		margin-top: 10px;
		margin-right: -5px;
	}

/* @group Pricing calc */
table.priceCalc {
	border: 1px solid #999;
	border-width: 1px 2px 2px 1px;
}
table.priceCalc td {
	font-size: 115%;
	line-height: 140%
}
*html table.priceCalc {
	width: 565px;
}

#inPricing, #exPricing  {
	border-top: 1px solid #999;
}

#inPricing td, #exPricing td  {
	/*font-size: 15px;*/
	cursor: pointer !important;
}
#inPricing td:hover, #exPricing td:hover  {
	cursor: pointer !important;
}
body div h3 {
	padding: 16px 0 9px;
}
body div.modMain .mod h3 {
	padding: 9px 0 9px;
	font-size: 18px;
	color: #444;
}

div table.mathtable2  {
	/*border-color: #999 !important;
	border-width: 1px 2px 1px 1px;
	border-bottom-color: #ddd !important;*/
	margin-top:0 !important;
	padding-top:0 !important;
	border:0 !important;
}
table.mathtable2 td  {
	line-height: 20px;
}
table.mathtable2 .item td {
	padding:8px; 
	background: url(/include3/images/bg_input.gif) top repeat-x;
	vertical-align:middle;
}
div.features {
    background: url(/include3/images/bg_input.gif) 0px -2px repeat-x ;
    padding-top: 10px;
    font-size: 96%;
}
div.features ul li {
    margin-top: 1px !important;
    margin-bottom: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 95%;
}
div.features ul {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}


div.contactform {
    border: 1px solid #ddd;
    background: #eee;
    padding: 10px;
    margin-right: 20px;
}



/* @end */
	
.underfoot {	
	margin: -15px auto 20px;
	width: 900px;
	text-align: left;
	font-size: 13px;
	color: #888;
	padding: 0 0px 18px;
	line-height: 16px;
}	

.underfoot a {	
	color: #888 !important;
	background: transparent  !important;
	text-decoration: underline;
	font-size: 11px;
	/*font-variant: small-caps;*/
	text-transform: uppercase;
}	

div.sidebarbit {
	border: 1px solid #ccc;
	background-color: #eee !important;
	margin-right: 10px;
	padding: 10px  !important;
	color:  #222 !important;
	margin-top: -4px !important;
}
	
	
.filmbox {margin: 0 -7px 30px;border:1px solid #aaa; padding: 0; width:600px; background:#eee;height:435px;}
.filmbox embed, .filmbox object {margin: 0; padding: 0;}

	div.contactform {
		border: 1px solid #ddd;
		background: #eee;
		padding: 10px;
		margin-right: 20px;
	}

	div.floater {
		float: left;
		width: 45%;
		margin-right: 20px;
	}