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

body {
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	color:#111;
	background:#fcfed2;
	font-size:62.5%;   /* set the body height to 62.5% so 1em = 10px,, 1.2em = 12px, etc */
}

a {
	text-decoration:none;
	color:#333;
}

a:hover {
	color:#111;
}

.clear {
	clear:both;
}

p {
	line-height:1.5em;
}

img {
	border:0;
}

/**** HEADERS ****/

h1 {
	font-size:1.6em;
	font-weight:bold;
	color:#660000;
}

h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#660000;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
	}

/**** STICKY HEADER ****/

#stickyheader {
	width:100%;
	height:123px;
	background:url(images/header-bg.png) repeat-x;
	position:fixed;
	top:0;left:0;
	z-index:999;
}

	#innerheader {
		width:950px;
		margin:0 auto;
		height:120px;
		overflow:hidden;
	}
	
		#innerheader .logo {    /* logo icon */
			float:left;
			width:93px;
			height:113px;
			background:url(images/sxgolf-logo.gif) no-repeat;
			margin-left:30px;
			display:inline;
		}
		
		#innerheader .header {	/* title */
			float:left;
			width:463px;
			height:120px;
			margin-left:30px;
			display:inline;
		}
		
			#innerheader .header ul {	/* top nav */
				list-style:none;
				margin:0;
				padding:0;
			}
			
			#innerheader .header ul li {
				list-style:none;
				display:inline;
				float:left;
				margin:12px 12px 2px 12px;
			}
			
			#innerheader .header ul li a {
				display:block;
				padding:5px;
				color:#FFC;
				font-size:1.2em;
				font-weight:500;
			}
			
			#innerheader .header ul li a:hover {
				background:#737373;
			}

		#innerheader .search {
			width:255px;
			height:120px;
			float:right;
			margin-right:40px;
			text-align:right;
			color:#fff;
			display:inline;
		}
		
		#innerheader .search input[type=image] {
			float:right;
			margin-left:2px;
			width:98px;
			height:21px;
			margin-bottom:2px;
		}
		
		#innerheader .search input[type=text] {
			height:20px;
		}
		
			.viewcart {
				width:100px;
				height:23px;
				background:url(images/viewcart.gif) no-repeat;
				float:left;
				display:inline;
				margin-left:37px;
				margin-top:30px;
			}
			
			.checkout {
				width:100px;
				height:23px;
				background:url(images/checkout.gif) no-repeat;
				float:left;
				display:inline;
				margin-top:28px;
				margin-left:15px;
			}
			
			.checkout2 {
				width:118px;
				height:27px;
				background:url(images/checkout2.gif) no-repeat;
				float:right;
				display:inline;
				}
				
				.continueshopping {
					width:118px;
					height:27px;
					background:url(images/continueshopping.gif) no-repeat;
					display:inline;
					float:right;
					margin-left:3px;
				}
			
			.viewcart:hover, .checkout:hover  {
				background-position: 0px -23px;
			}
			
			.continueshopping:hover, .checkout2:hover {
				background-position: 0px -27px;
			}

/*** END STICKY HEADER ***/

#page {
margin-top:125px;
}

#pagecontainer {
	width:980px;
	background:url(images/pagebg.gif) repeat-y;
	padding:0 15px 0 14px;
	margin:0 auto;
	overflow:auto;
}

* html #page {    /* I hate IE6 */
	margin-top:2px;
}

	#leftcolumn {
		width:240px;
		float:left;
		display:inline;
		margin:2px;
		padding:3px;
		height:auto;
	}
	
	* html  #leftcolumn {		/* IE 6 sucks */
		overflow:hidden;
		width:230px;
		float:left;
		display:inline;
		padding:2px;
		}
	
			.subcategories ul {
				list-style:none;
				margin:0;
				padding:0;
				background:#DEDEDE;
			}

			.subcategories ul li {
				background:#DEDEDE!important;
				width:180px!important;
			}
			
				.subcategories ul li a {
					display:block;
					padding:0px!important;
					font-size:1.1em!important;
					background:#DEDEDE!important;
					margin:0;
					width:80%;
					}
				
					.subcategories ul li a:hover {
						color:#660000;
					}
					
					.subcategories ul li a {
						padding-left:5px!important;
						color:#660000;
						margin:0;
					}
			
	
		#leftcolumn ul.categories {   /* categories */
			list-style:none;
			margin:0;
			padding:0;
		}
		
		#leftcolumn ul.categories li {
			list-style:none;
			width:230px;
			padding:2px;
			margin:2px;
		}
		
		#leftcolumn ul.categories li a {
			display:block;
			font-size:1.2em;
			margin-left:3px;
			padding:5px 0 3px 5px;
			width:220px;
			background:#f6f6f6;
			height:20px;
		}
		
		#leftcolumn ul.categories li a:hover {
			font-weight:bold;
			color:#660000;
		}
	
	* html #maincolumn {	/* IE 6 really sucks */
		width:640px;
		padding:10px 20px 0px 20px;
		float:left;
		display:inline;
		}
		
	#maincolumn {
		width:650px;
		padding:10px 20px 0px 20px;
		float:left;
		display:inline;
	}
	
	
	#maincolumn p {
		font-size:1.2em;
	}

			/*** PRODUCT LAYOUT ***/

			td.prodlist {
				width:135px;
				overflow:hidden;
				margin:10px 25px 10px 15px;
				float:left;
				display:inline;
				}

			.prodimage {
				width:325px;
				height:auto;
				float:left;
				margin:2px;
				padding:2px;
				display:inline;
			}

			.prodattributes {
				width:300px;
				height:auto;
				float:left;
				margin:2px;
				padding:2px;
				display:inline;
				font-size:1.2em;
				line-height:1.6em;
				}
						
				.attributeboxContainer {
					width:270px;
					}

					.clearfix:after {
						content: ".";
						display: block;
						height: 0;
						clear: both;
						visibility: hidden;
					}


				.attributebox {
					width:100px;
					float:left;
					display:inline;
					margin:2px;padding:0;
					}

			.proddesc {
				width:600px;
				padding:10px;
				margin:5px;
				font-size:1.2em;
				}

				.price {
				font-size:1.2em;
				font-weight:bold;
				color:#660000;
				}

				.cost {
				text-decoration:line-through;
				color:#333;
				}

				.largerimage {
				text-decoration:underline;
				color:#660000;
				}
			
			.related {
				width:150px;
				height:220px;
				margin:0 3px 0 3px;
				float:left;
				display:inline;
				border-bottom:1px solid #ccc;
			}
			
			.related a {
				font-size:1.1em;
				text-decoration:underline;
			}
			
			.related a:hover {
				color:#990000;
			}

/* newsletter */

.newsletter {
	width:200px;
	margin:2px auto;
	border:1px solid #666;
	padding:5px;
	background:#f4f4f4;
	margin-top:8px;
}
	
#footercontainer {
	width:980px;
	background:url(images/pagebg.gif) repeat-y;
	padding:0 15px 0 14px;
	margin:0 auto;
}

	#footerinside {
		margin-left:250px;
		color:#660000;
		padding:5px 20px 5px 20px;
		font-size:1.1em!important;
		width:250px;
		float:left;
		display:inline;
	}
	
	#utilitynav {
		width:220px;
		float:right;
		margin-right:25px;
		display:inline;
		margin-top:40px;
		padding-right:15px;
		padding-bottom:15px;
		text-align:right;
	}
	
	#utilitynav a {
		font-size:1em;
		text-decoration:underline;
		color:#660000;
	}
	
	#utilitynav a:hover {
		color:#333;
	}