* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: verdana;
	color: #000;
}

body {
	background: url(/images/global/BG.gif) repeat-x top #000;
}

div.siteContain {
	width: 100%;
	background: url(/images/global/BG_interior.jpg) no-repeat top center;
	text-align: center;
	padding-bottom: 40px;
}

div#pageContain {
	width: 940px;
	margin: 0px auto;
	text-align: left;
	background: url(/images/global/BG_content.jpg) repeat-y;
	position: relative;
}

div#pageBorder {
	float: left;
	background: url(/images/global/BG_leftnav_bottom.jpg) no-repeat bottom left;
}

/* -----------------=====| SITE HEAD |=====----------------- */

div#globalLinks {
	height: 21px;
	width: 940px;
	text-align: right;
	margin: 0px auto;
}

div#globalLinks ul {
	list-style-type: none;
	padding-top: 2px;
}

div#globalLinks li {
	display: inline;
}

div#globalLinks a {
	text-decoration: none;
	color: #464646;
	font-size: 10px;
}

div#globalLinks a.rightBorder {
	border-right: 1px solid #464646;
	padding-right: 9px;
	margin-right: 5px;
}

div#globalLinks a:hover {
	text-decoration: underline;
}

div#globalLinks form {
	display: inline;
}

div#globalLinks input#zip {
	font-size: 9px;
	width: 40px;
}

/* -----------------=====| END SITE HEAD |=====----------------- */

/* -----------------=====| PAGE HEAD |=====----------------- */

div#pageHead {
	width: 940px;
	text-align: left;
	margin: 0px auto;
	height: 102px;
}

img#extrasportLogo {
	margin: 25px 0px 4px 0px;
}

/* -----------------=====| END PAGE HEAD |=====----------------- */

/* -----------------=====| LEFT NAV |=====----------------- */

div.leftNav {
	background: url(/images/global/BG_leftnav.jpg) no-repeat top left #111;
	width: 188px;
	float: left;
	overflow: hidden;
}

div.leftNav img {	color:#fff; }

img.navHeader {
	margin: 25px 0px 20px 9px;
}

div.leftNav ul {
	list-style-type: none;
}

div.leftNav ul.leftLinks {
	margin-left: 8px;
	width: 171px;
	background: url(/images/global/BG_subcatLink.gif) repeat-x left bottom;
	padding-bottom: 1px;
}

ul.leftLinks a.currentSubcat img {
	background: url(/images/global/BG_leftnav_current.jpg) no-repeat top;
}

div.leftNav ul.leftLinks li {
	padding-top: 1px;
	background: url(/images/global/BG_subcatLink.gif) repeat-x left top;
}

ul.sublinks li {
	margin-bottom: 5px;
}

div.leftNav ul.sublinks li {
	background: none;
}

ul.sublinks a {
	color: #FFF;
	font-size: 10px;
	padding-left: 6px;
	background: url(/images/global/bullet_leftnav_product.gif) no-repeat left center;
	text-decoration: none;
	display: block;
}

ul.sublinks a:hover,
ul.sublinks a.currentProduct,
ul.sublinks a.currentContent {
	color: #FA0;
}

img.bug {
	margin: 9px 0px 0px 8px;
}


/* -----------------=====| END LEFT NAV |=====----------------- */

/* -----------------=====| BODY |=====----------------- */

div#contentContain {
	float: right;
	width: 752px;
	background-color: #FFF;
	overflow: hidden;
}

div.clearer {
	width: 1px; height: 1px; line-height: 1px; clear: both; font-size: 1px;
}

div#overlay 
{
    top: 0px;
    left: 0px;
    background-color: #000;
    opacity: .5;
    position: absolute;
    z-index: 500;

}

/* -----------------=====| END BODY |=====----------------- */

/* -----------------=====| RIGHT COLUMN |=====----------------- */


/* -----------------=====| END RIGHT COLUMN |=====----------------- */

/* -----------------=====| FOOTER |=====----------------- */

div#footer {
	clear: both;
	background: #000 url(/images/global/BG_footer.jpg) no-repeat;
	text-align: right;
	position: relative;
	height: 54px;
}

div#footer p,
div#footer a {
	color: #ccc;
	text-decoration: none;
	font-size: 10px;
}

div#footer p {
	margin: 0px 20px 0px 0px;
}

a#joLogo {
	position: absolute;
	top: 17px;
	left: 55px;
}

ul.footLinks {
	list-style-type: none;
	padding: 15px 17px 1px 0px;
}

ul.footLinks li {
	display: inline;
}

ul.footLinks a {
	text-decoration: none;
	padding-right: 13px;
	background: url(/images/global/bullet_sm_grey_square.gif) no-repeat right center;
	margin-right: 6px;
	color: #ccc;
}

ul.footLinks a.lastLink {
	padding-right: 0px;
	background: none;
	margin-right: 0px;
}

div#footer a:hover {
	color: #fff;
}

/* -----------------=====| END FOOTER |=====----------------- */
