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


body  	{
	font: 13px/16px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #1c3a4a;
}

ul {
	padding-left:10px;
}

li {
	margin-left:5px;
}

a:link 	{
	color: #00549f;
	text-decoration: none;
}

a:visited 	{
	color: #0081bc;
	text-decoration: none;
}

a:hover 	{
	color: #0081bc;
	text-decoration: underline;
}

a:active 	{
	color: #ff5e00;
}

p 	{
	margin: 0 0 8px 0;
}

.imageFloatRight {
	float:right;
	padding:10px;
	border:0px;
}

.imageFloatLeft {
	float:left;
	padding:10px;
	border:0px;
}

.clearFloat {
	clear:both;
}
	
/* primary container for page content */
#snContainer {
	position:relative;
	width:970px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	left:0px;
	top:0px;
	z-index:1;
}

/* Sportnetting logo */
#logo {	
	position:absolute;
	width:330px;
	height:90px;
	left:0px;
	top:0px;
}


/* container for menu including bounding borders and elements generated by infinite menus */
#menuContainer {
	position:absolute;
	width:640px;
	height:24px;
	left:330px;
	top:66px;
	z-index:2;
}


#menuBorderLeft {
	position:absolute;
	width:39px;
	height:24px;
	left:0px;
	top:0px;
	display:inline;
}


#menuBorderTop {
	position:absolute;
	width:561px;
	height:2px;
	background-color:#7d3e69;
	left:39px;
	top:0px;
	display:inline;
}


#menuContents {
	position:absolute;
	width:561px;
	height:22px;
	left:39px;
	top:2px;
	background-color:#7d3e69;
	display:inline;
}


#menuBorderRight {
	position:absolute;
	width:40px;
	height:24px;
	top:0px;
	left:600px;
	display:inline;
}


#banner {
	position:absolute;
	width:970px;
	height:141px;
	left:0px;
	top:90px;

}


#pageContainer {
	position:absolute;
	width:970px;
	left:0px;
	top:231px;
}


#pageBody {
	position:absolute;
	width:968px;
	height:auto;
	left:1px;
	top:2px;
	background-image:url(/images/page_background.gif);
	background-repeat:no-repeat;
}


#pageBorderRight {
	position:absolute;
	width:0px;
	height:auto;
	left:969px;
	top:0px;
}

#pageBorderLeft {
	position:absolute;
	width:1px;
	height:auto;
	left:0px;
	top:0px;
}

#pageContent {
	position:relative;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:25px;
	padding-right:25px;
	height: auto;
	
}

#flashMovie {
	float:left;
	margin:0 0px 0 10px;
	padding-left:10px;
	width: 400px;
	height: 400px;
}

#pageContent h2 {
	font: 15px/16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 8px 0;
	color: #5a7e92;
}

.embeddedElement {
	position:relative;
	display:inline;
}


#featuresContainer {
	position:relative;
	width:968px;
	height:353px;
	
}


#featureGolfCages {
	position:absolute;
	width:267px; 
	height:162px;
	left:32px;
	top:0px;
}


#featureNetting {
	position:absolute;
	width:267px;
	height:162px;
	left:355px;
	top:0px;
}


#featureCatchAll {
	position:absolute;
	width:267px;
	height:162px;
	left:677px;
	top:0px;
}


#featureMats {
	position:absolute;
	width:267px;
	height:162px;
	left:32px;
	top:191px;
}


#featureSimulators {
	position:absolute;
	width:267px;
	height:162px;
	left:355px;
	top:191px;
}


#featureHotProducts {
	position:absolute;
	width:267px;
	height:162px;
	left:677px;
	top:191px;
}

.subFeatures {
	padding: 15px 10px 10px 15px;
}

.subFeatures h2 {
	font: 15px/16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 8px 0;
	color: #5a7e92;
}


#subFeatureContainer {
	position:relative;
	width:970px;
	height:136px;
	left:0px;
	top:28px;
	float: left;
}

#subFeatureHeader {
	font: 15px/16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 8px 0;
	color: #5a7e92;
}

#subFeatureA {
	position:absolute;
	width:299px;
	height:135px;
	left:-1px;
	top:0;
	background-image:url(/images/sub_feature_a.gif);
	background-repeat:no-repeat;
}


#subFeatureB {
	position:absolute;
	width:298px;
	height:135px;
	left:323px;
	top:0px;
	background-image:url(/images/sub_feature_b.gif);
	background-repeat:no-repeat;
}


#subFeatureC {
	position:absolute;
	width:299px;
	height:135px;
	left:646px;
	top:0px;
	background-image:url(/images/sub_feature_c.gif);
	background-repeat:no-repeat;
}


#footer {
	position:relative;
	width:970px;
	height:120px;
	padding-top:56px;
	font: 13px/16px Arial, Helvetica, sans-serif;
	color: #5a7e92;
	text-align:center;
	background-image:url(/images/footer.gif);
	background-repeat:no-repeat;
}


#footer_main {
	position:relative;
	top:60px;
	width:970px;
	height:120px;
	padding-top:56px;
	font: 13px/16px Arial, Helvetica, sans-serif;
	color: #5a7e92;
	text-align:center;
	background-image:url(/images/footer.gif);
	background-repeat:no-repeat;
	float: left;
}

/* CATEGORY DIVS */

.cat {
	float:left;
	width:429px;
	padding:0px;
	margin:15px;
	font-size:12px;

}

div.nameCat {
	float:left;
	width:29px;
	padding:0px;
	margin:0px;
}


div.nameTopCat {
	float:left;
	width:29px;
	height:125px;
	padding:0px;
	margin:0px;
	background-image:url(/images/cat_name_top.jpg);
	background-repeat:no-repeat;
}

div.nameMidCat {
	float:left;
	width:29px;
	height:auto;
	padding:0px;
	margin:0px;
	background-image:url(/images/cat_name_middle.jpg);
	background-repeat:repeat-y;
	position:relative;
}
  
div.nameBtmCat {
	float:left;
	width:29px;
	height:15px;
	padding:0px;
	margin:0px;
	background-image:url(/images/cat_name_bottom.jpg);
	background-repeat:no-repeat;
}


div.topCat {
	float:left;
	width:400px;
	height:20px;
	padding:0px;
	margin:0px;
	background-image:url(/images/cat_top.jpg);
	background-repeat:no-repeat;
}

div.bottomCat {
	float:left;
	width:400px;
	height:20px;
	padding:0px;
	margin:0px;
	background-image:url(/images/cat_bottom.jpg);
	background-repeat:no-repeat;
}

div.contentCat {
	float:left;
	width:400px;
	height:auto;
	padding:0px;
	margin:0px;
	background-image:url(/images/cat_content.jpg);
	background-repeat:repeat-y;
}

img.imgNameCat {
	position:absolute;
	bottom:0;
}

img.imgMainNameCat {
	position:absolute;
	bottom:0;
	padding-bottom:15px;
}

img.imgCat {
	float:left;
	width:171px;
	height:156px;
	padding:0px 10px;
	border:none;
}

div.copyCat {
	float:left;
	width:199px;
	padding:0px 10px 0px 0px;
}

/*MAIN CAT DIV*/
div.nameMainCat {
	float:left;
	width:29px;
	height:230px;
	padding:0px;
	margin:0px;
	background-image:url(/images/cat_name.jpg);
	background-repeat:no-repeat;
	position:relative;
}

div.contentMainCat {
	float:left;
	width:400px;
	height:190px; 
	padding:0px;
	margin:0px;
	background-image:url(/images/cat_content.jpg);
	background-repeat:repeat-y;
}


/* PRODUCT DIVS */

.allprod {
	width:850px;
	margin:0px auto;
	position:relative;
	clear: both;
}

.prod {
	float:left;
	width:850px;
	padding:10px;
	margin:0px auto;
}

div.nameProd {
	float:left;
	width:36px;
	padding:0px;
	margin:0px;
}


div.nameTopProd {
	float:left;
	width:36px;
	height:145px;
	padding:0px;
	margin:0px;
	background-image:url(/images/prod_name_top.jpg);
	background-repeat:no-repeat;
}

div.nameMidProd {
	float:left;
	width:36px;
	height:auto;
	padding:0px;
	margin:0px;
	background-image:url(/images/prod_name_middle.jpg);
	background-repeat:repeat-y;
	position:relative;
}
 
div.nameBtmProd {
	float:left;
	width:36px;
	height:20px;
	padding:0px;
	margin:0px;
	background-image:url(/images/prod_name_bottom.jpg);
	background-repeat:no-repeat;
}

div.nameSingleBtmProd {
	float:left;
	width:36px;
	height:145px;
	padding:0px;
	margin:0px;
	background-image:url(/images/prod_single_name_btm.jpg);
	background-repeat:no-repeat;
}

div.nameSingleMidProd {
	float:left;
	width:36px;
	height:auto;
	padding:0px;
	margin:0px;
	background-image:url(/images/prod_name_middle.jpg);
	background-repeat:repeat-y;
	position:relative;
}

div.nameSingleTopProd {
	float:left;
	width:36px;
	height:32px;
	padding:0px;
	margin:0px;
	background-image:url(/images/prod_single_name_top.jpg);
	background-repeat:no-repeat;
}

div.topProd {
	float:left;
	width:775px;
	height:40px;
	padding:0px;
	margin:0px;
	background-image:url(/images/prod_top.jpg);
	background-repeat:no-repeat;
}

div.btmProd {
	float:left;
	width:775px;
	height:40px;
	padding:0px;
	margin:0px;
	background-image:url(/images/prod_bottom.jpg);
	background-repeat:no-repeat;
}

div.contentProd {
	float:left;
	width:761px;
	height:auto;
	padding:0px 20px 0px 15px;
	margin:0px;
	background-image:url(/images/prod_content.jpg);
	background-repeat:repeat-y;
}

img.imgProd {
	float:left;
	padding:0px 5px 10px 5px;
	max-width:348px;
}

img.imgFullProd {
	float:left;
	padding:0px 10px 10px 0px;
	max-width:275px;
	clear:both;
}


.imgSmlProd {
	float:right;
	padding:0px 5px 10px 10px;
}

img.imgNameProd {
	position:absolute;
	bottom:0;
}

img.imgSingleNameProd {
	position:relative;
}

div.copyProd {
	float:left;
	width:375px;
	padding:0px;
	margin-right:10px;
}

div.copyFullProd {
	float:left;
	width:450px;
	padding:0px;
	margin-right:10px;
}

div.copyRightProd {
	float:left;
	width:348px;
	padding-left:10px;
	
} 

div.copyRightFullProd {
	float:left;
	width:280px;
	padding:0px 10px;
}

div.copyTopProd {
	float:left;
	width:730px;
	padding:0px 20px 0px 0px;
}

div.orderInfoProd {
	float:left;
	width:750px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
}

div.catclear {
	clear:both;
}

div.topLink {
	float:left;
	width:811px;
	text-align:center;
}

div.imgCenter {
	margin: 0px auto;
}

.quote {
	font-style:italic;
	color:#606;
	font-weight:bold;
	font-size:12px;
}

/* TABLE PROD */

div.topTableProd {
	float:left;
	width:810px;
	height:40px;
	padding:0px;
	margin:0px;
	background-image:url(/images/prod_table_top.jpg);
	background-repeat:no-repeat;
}

div.btmTableProd {
	float:left;
	width:810px;
	height:40px;
	padding:0px;
	margin:0px;
	background-image:url(/images/prod_table_bottom.jpg);
	background-repeat:no-repeat;
}

div.contentTableProd {
	float:left;
	width:775px;
	height:auto;
	padding:0px 20px 0px 15px;
	margin:0px;
	background-image:url(/images/prod_table_content.jpg);
	background-repeat:repeat-y;
}

div.copyTableProd {
	float:left;
	width:375px;
	padding:0px;
	margin-right:10px;
}

div.copyTableRightProd {
	float:left;
	width:362px;
	padding-left:10px;
	
} 

.imgStaff {
	 border:2px solid #7d3e69; 
}

.chartLink {
	color:#7d3e69;
	font-size:15px;
	font-weight:bold;
}

/* INDEX CATS & TEXT */

.heading {
	font-size:14px;
	font-weight:bold;
	color:#1C3A4A;
}

div.mainAllCopy {
	float:left;
	width: 492px;
	height: auto;
}

div.mainContent {
	float:left;
	width:459px;
	height:auto;
}

div.mainCopy {
	float:left;
	width:204px;
	height:auto;
	padding: 10px 15px 20px 10px;
}

div.mainCat {
	padding:0px 0px 25px 0px;
}

img.mainCat {
	border:none;
}

div.allMain {
	clear:both;
	position: relative;
	width: 918px;
}

/* FIREFOX FIXS */

html {
	min-height:100%; 
	margin-bottom:1px
	}
	
a:active, a:focus {

	outline: none;
	-moz-outline-style: none;

}

.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

.tooltipContent {
	padding: 9px 15px;
	width:200px;
	background-color: #fff;
	border:2px solid #5a7e92;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius-topleft:0px; 
	-webkit-border-top-left-radius:0px;
}
.tooltipContent p {
	margin:3px
}