* { padding: 0; margin: 0; }
/*--------------------------------------------
Global Styles
---------------------------------------------*/
body {
  background: #151515;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans;
	color: #999;	
	line-height: 18px;
	border-top: 7px solid #000;
}
div#page_wrap {
	width: 800px;
	margin: 0 auto;
}
div#header { width: 800px; float: left; }
	div#header div.shopping_bag {
		background: url('../images/shopping_bag.gif') no-repeat	right;
		float: right; 
		height: 24px;
		width: 350px;
		text-align: center;
		color: #d5d5d5;
	}
		div#header div.shopping_bag a{ color:#fff; text-decoration: none; }
		div#header div.shopping_bag a:hover{ text-decoration: underline; }		
	div#header div.logo{
		padding-top: 25px;
	}
	div#header div.nav {float: right; margin: 20px 0 10px 0; border-top: 1px solid #2e2e2e; border-bottom: 2px solid #2e2e2e; width: 800px; text-align: center; }
	div#header div.nav ul{	
		list-style: none;
		margin: 0 0 0 80px;
	}
		div#header div.nav ul li{	
			float: left;
			font-size: 14px;
			display:block;
			height:20px;
			margin:0px 0px 0px 10px;	
		}
		 		div#header div.nav ul li a{ 
					color: #999; 
					text-decoration: none; 
					display:block;
					height:20px;
					padding:1px 12px 0;		
					float: left;			
				}
				div#header div.nav ul li.active { background:transparent url('../images/nav_bg_left.gif') no-repeat; }		
		 			div#header div.nav ul li.active a{ color: #fff; background:transparent url('../images/nav_bg_right.gif') no-repeat right top; }			
		 		div#header div.nav ul li a:hover{ color: #fff; }	
div#footer {
	background: url('../images/footer_bg.gif') no-repeat center;
	width: 800px;
	height: 128px;
	margin-top: 30px;
	float: left;
}		
	div#footer div.inner{
		padding: 15px 0px 25px 50px;
	}
		div#footer div.inner ul{ 
			list-style: none;
			float: left;
			margin-right: 90px;
			padding-top: 10px;
		}
			div#footer div.inner ul.last{ margin-right: 0px; }
			div#footer div.inner ul li{ 
				padding: 2px 0px 3px 0px;
			}
				div#footer div.inner ul li a{ color: #b8b8b8; text-decoration: none; }
				div#footer div.inner ul li a:hover{ color: #fff; }
		div#footer div.inner div.copyright {
			text-align: right;
			padding-right: 15px;
			color: #b8b8b8;
		}
		div#footer div.inner div.copyright a {
			text-align: right;
			color: #b8b8b8;
			text-decoration: none;
			font-weight: normal;
		}
/*--------------------------------------------
Typography
---------------------------------------------*/
h2 {
	font-weight: normal;
	font-size: 15px;
	color: #fff;

	border-bottom: 1px solid #2e2e2e;	
	padding: 10px 0px 10px 5px;
}
	div.section_title {
	border-top: 1px solid #2e2e2e;	
		position: relative;
	}
		div.section_title ul{ 
			list-style: none;
			position: absolute;
			top: 10px;
			right: 10px;
		}
			div.section_title ul li{ 
				float: left;
				margin-left: 20px;
			}
				div.section_title ul li.active a,
				div.section_title ul li a:hover{
					border-bottom: 6px solid #7c903e;
					padding-bottom: 5px;
				}
					div.section_title ul li.active a{color:#fff;font-weight: bold;}
				div.section_title ul li a{ color: #555; text-decoration: none; display: block; } 
				div.section_title ul li a:hover{ color: #fff; text-decoration: none; } 
h3 {
	font-weight: normal;
	font-size: 15px;
	color: #fff;	
	margin-bottom: 15px;
}				
/*--------------------------------------------
Page Styles
---------------------------------------------*/
div#intro_banner {
	margin: 10px 0px;
	border: 1px solid #222;
	height: 264px;
	float: left;
	width: 800px;
}
	div#intro_banner div.photo{
		position: relative;
		float: left;
	}
		div#intro_banner div.photo div{
			position: absolute;
			bottom: 0;
			left: 0;
			width: 400px;
			height: 43px;
			background: url('../images/featured_bg.png') no-repeat bottom;
		}
			div#intro_banner div.photo div p{
				font-size: 12px;
				padding: 13px 0px 0px 10px;
			}
			div#intro_banner div.photo div img {
				float: right;
				margin: -18px 15px 0px 0px;
			}
	div#intro_banner div.details{
		float: right;
		background: #000;
		height: 244px;
		width: 375px;
		padding: 10px;
		position: relative;
	}
		div#intro_banner div.details ul{ 
			list-style: none;
			padding-bottom: 40px;
			padding-left: 8px;
			position: absolute;
			top: 214px;
			left: 0px;
		}
			div#intro_banner div.details ul li{ 
				float: left;
				margin-left: 20px;
				font-size: 17px;
				font-family: "Trebuchet MS";
				font-style: italic;
			}
				div#intro_banner div.details ul li.active a, 
				div#intro_banner div.details ul li a:hover{
					border-bottom: 6px solid #7c903e;
					padding-bottom: 27px;
				}
					div#intro_banner div.details ul li.active a{color:#fff;font-weight: normal;}
				div#intro_banner div.details ul li a{ color: #555; text-decoration: none; display: block; } 
				div#intro_banner div.details ul li a:hover{ color: #fff; text-decoration: none; }
div#featured_items,
div#catalog_items {
	margin-top: 25px;
	width: 800px;
	float: left;
}
	div#featured_items div.items{
		margin-top: 25px;
	}
		div#featured_items div.items a{
			background: #000;
			padding: 6px;
			float: left;
			margin-right: 55px;
			border: 1px solid #222;
		}
			div#featured_items div.items a.last{ margin: 0; }
			div#featured_items div.items a:hover{ background: #222; }
	div#catalog_items div.item {
		border-bottom: 1px solid #222;
		padding-bottom: 25px;
		padding-top: 25px;
	}
	div#catalog_items div.single {padding-top: 35px;}
		div#catalog_items div.item div.photo{
			float: left; 
			width: 230px;
		}		
			div#catalog_items div.item div.photo img#larger{ margin-right: 20px; }
		div#catalog_items div.item div.description{	
			float: left;
			width: 350px;
		}
			div#catalog_items div.item div.description p{	
				font-size: 12px;
				line-height: 18px;
			}
		div#catalog_items div.item div.price{
			float: left;
			width: 220px;
			text-align: center;
			padding-top: 10px;
		}
			div#catalog_items div.item div.price span{ font-size: 48px; font-family: "Trebuchet MS"; letter-spacing: 1px; display: block; margin-bottom: 70px; }
			div#catalog_items div.item div.price span.less_margin { margin-bottom: 50px; }
				div#catalog_items div.item div.price img#details{ margin-right: 20px; }
			div#catalog_items div.item div.price p.options{
				text-align: right;
				line-height: 35px;
			}
			div#catalog_items div.item div.price p.options img{ margin-top: 20px; }
/*--------------------------------------------
Utilities
---------------------------------------------*/
.clear {clear:both;}
img {border: 0;}	
a {outline: none; color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
#main a { color: #0D2D62; }


/*--------------------------------------------
Garb Specific Styles
---------------------------------------------*/

#ee-container { width: 800px; margin: 0 auto; }

div.shopping_bag ul li { float: left; display: inline; padding: 0 10px; }

div.shopping_bag ul li.first { padding: 0 10px 0 45px; }

.clearer { clear: both; }

#header .logo img.logo-img { float: left; width: 200px; }

.contact { width: 300px; float: right; text-align: right; margin: 20px 0 0 0; }

.contact h2 { border: 0; }

.contact a { text-decoration: none; color: #999; }

.contact a:hover { color: #fff; text-decoration: underline; }

#buttons { width: 800px; float: left; }

#buttons a.big-golf-button { width: 259px; height: 67px; display: block; background: url('../images/golf-button.jpg') top left no-repeat; text-indent: -9999px; margin: 15px 0 15px 60px; float: left; }

#buttons a.big-college-button { width: 259px; height: 67px; display: block; background: url('../images/college-button.jpg') top left no-repeat; text-indent: -9999px; margin: 15px 60px 15px 0; float: right; }

#buttons a.big-golf-button:hover { background: url('../images/golf-button.jpg') bottom left no-repeat; }

#buttons a.big-college-button:hover { background: url('../images/college-button.jpg') bottom left no-repeat; }

/*--------------------------------------------
EE Specific Styles
---------------------------------------------*/

#ee-wrap { margin: 15px 0 0 0; float: left; width: 800px; }

#ee-content { width: 575px; float: right; border-left: 1px solid #2e2e2e; padding: 0 0 0 25px; }

#ee-sidebar { width: 160px; float: left; padding: 10px; }

* html #ee-sidebar { padding: 0; width: 125px; }

#ee-sidebar li { list-style-type: none; }

#ee-sidebar li a { border-bottom: 1px solid #2e2e2e; display: block; padding: 4px; color: #999; text-decoration: none; font-size: 14px; }

#ee-sidebar .sub-navigation li a { border-bottom: 1px solid #2e2e2e; display: block; padding: 4px; font-size: 14px; font-weight: bold; }

#ee-sidebar li a:hover, #ee-sidebar .sub-navigation li a:hover { background: #2e2e2e; color: #fff; }

#ee-sidebar .sub-navigation li ul li a, #ee-sidebar li ul li a { padding-left: 15px; font-size: 13px; font-weight: normal; }

#ee-sidebar .sub-navigation li ul li ul li a, #ee-sidebar li ul li ul li a { padding-left: 30px; }

#ee-sidebar .sub-navigation li ul li ul li ul li a, #ee-sidebar li ul li ul li ul li a { padding-left: 45px; }

#ee-sidebar ul.level0 li.nav-golf-clearance a { color: red; }

#ee-sidebar ul.level0 li.nav-golf-clearance .level2 a { color: #999; }

/* #ee-wrap a { color: #999; text-decoration: none; }

#ee-wrap a:hover { color: #fff; } */

#ee-wrap h2 { font-size: 28px; font-weight: bold; line-height: 28px; margin: 0 0 15px 0; }

#ee-wrap h3 { font-size: 18px; font-weight: bold; line-height: 18px; margin: 0 0 10px 0; color: #999; }

#ee-wrap h4 { font-size: 16px; font-weight: bold; line-height: 18px; margin: 10px 0; color: #999; }

#ee-wrap h5, #ee-wrap h5 a, #ee-content h5, #ee-content h5 a { font-size: 18px; font-weight: bold; line-height: 18px; margin: 0 0 10px 0; color: #999; }

#ee-wrap h6 { font-size: 12px; font-weight: bold; line-height: 18px; margin: 0 0 10px 0; color: #999; }

#ee-wrap p { padding: 0 0 20px 0; font-size: 14px; line-height: 18px; }

#ee-wrap .archive-box { width: 40%; float: left; margin: 0 10px; }

#ee-wrap .namedrops, #ee-wrap .colleges { width: 575px; }

#ee-wrap .archive-box li { list-style-type: none; }

#ee-wrap .namedrops li { float: left; width: 100px; border: 1px solid #999; text-align: center; font-weight: bold; margin: 0 10px 0 0; }

#ee-wrap .colleges li a { float: left; display: block; width: 33%; border-bottom: 1px solid #999; text-align: left; font-weight: bold; }

#ee-wrap .colleges li a:hover { background: #2e2e2e; color: #fff; }

#ee-wrap .archive-box h4 { font-size: 14px; color: #CEC9C9; border-bottom: 1px solid #CEC9C9; padding: 10px 0 2px 0; margin: 0 0 5px 0; }

#ee-wrap .archive-box p { font-size: 10px; color: #CEC9C9; font-style: italic; line-height: 12px; padding: 0 0 4px 0; }

#ee-wrap .paginate { display: none; }

#ee-wrap input, #ee-wrap textarea { font-size: 11px; font-family: Arial, Helvetica, Verdana, sans; border: 1px solid #999; padding: 4px 8px; width: 300px; background: #2e2e2e; color: #f4f4f4; }

#ee-wrap input.small-input { width: 25px; }

#ee-wrap input.button { width: 300px; float: left; cursor: pointer; }

#ee-wrap input.button:hover { background: #f4f4f4; color: #2e2e2e; }

#ee-wrap ol.commentlist { list-style-type: decimal; padding: 0 0 0 20px; margin: 0 0 15px 0; }

#ee-wrap ol.commentlist li { border-bottom: 1px solid #2e2e2e; padding: 4px 0; margin: 4px 0; }

#ee-wrap ol.commentlist li p { padding: 2px; }

#ee-wrap .rss-icon { float: right; width: 32px; }