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



/* Global Styles */

body {
	background-color: #99CCFF;
	background-image: url(/storefrontB2CWEB/images/body.jpg);
	margin-top: 4px;
	}

td {
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	}
	
a {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
a:hover {
	color: #000;
	}

/* Mozilla fix: remove outlines from everything (e.g. links or embeds) */
* {
	outline: none;
	}

img {
	border: 0;
	}




/* ID's */


#wrapper {
	margin: 0px auto;
	width: 1000px;
	}

#main {
	position: absolute;
	width: 970px;
	margin: 0px 15px 0 15px;
	z-index: 1;
	}

#joesNav {
	position: relative;
	width: 970px;
	height: 242px;
	background-image: url(/storefrontB2CWEB/images/joes-navBg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 2;
	}

#content {
	position: relative;
	width: 970px;
	background-image: url(/storefrontB2CWEB/images/joes-contentBg.8.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	z-index: 3;
	}

#joesLinks {
	position: relative;
	width: 965px;
	height: 75px;
	margin-left: 18px;
	padding-top: 153px;
	z-index: 4;
	}

#btnLogo a {
	position: relative;
	color: #999;
	width: 149px;
	line-height: 75px;
	background-image: url(/storefrontB2CWEB/images/joes-logo.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	}

#btnLocations a {
	position: relative;
	color: #999;
	width: 130px;
	line-height: 75px;
	background-image: url(/storefrontB2CWEB/images/btn-locations.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	}

#btnLocations a:hover {
	color: #999;
	background-image: url(/storefrontB2CWEB/images/btn-locationsO.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

#btnMenus a {
	position: relative;
	color: #999;
	width: 90px;
	line-height: 75px;
	background-image: url(/storefrontB2CWEB/images/btn-menus.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	}

#btnMenus a:hover {
	color: #999;
	background-image: url(/storefrontB2CWEB/images/btn-menusO.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

#btnShackShots a {
	position: relative;
	color: #999;
	width: 162px;
	line-height: 75px;
	background-image: url(/storefrontB2CWEB/images/btn-shackShots.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	}

#btnShackShots a:hover {
	color: #999;
	background-image: url(/storefrontB2CWEB/images/btn-shackShotsO.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

#btnAboutUs a {
	position: relative;
	color: #999;
	width: 113px;
	line-height: 75px;
	background-image: url(/storefrontB2CWEB/images/btn-aboutUs.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	}

#btnAboutUs a:hover {
	color: #999;
	background-image: url(/storefrontB2CWEB/images/btn-aboutUsO.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

#btnShop a {
	position: relative;
	color: #999;
	width: 75px;
	line-height: 75px;
	background-image: url(/storefrontB2CWEB/images/btn-shopO.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	}

#btnPlay a {
	position: relative;
	color: #999;
	width: 75px;
	line-height: 75px;
	background-image: url(/storefrontB2CWEB/images/btn-play.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	}

#btnPlay a:hover {
	color: #999;
	background-image: url(/storefrontB2CWEB/images/btn-playO.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

#search {
	position: absolute;
	margin-left: 13px;
	width: 290px;
	height: 574px;
	background-image: url(/storefrontB2CWEB/images/joes-searchBodyBg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 5;
	}

#searchBox {
	position: relative;
	width: 232px;
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 132px 0 0 60px;
	z-index: 6;
	}

#siteNav {
	position: relative;
	width: 653px;
	height: 112px;
	float: right;
	margin-right: 14px;
	background-image: url(/storefrontB2CWEB/images/joes-siteNavBg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 7;
	}

#siteNavLayout {
	position: relative;
	width: 600px;
	height: 30px;
	margin: 35px 0 0 47px;
	z-index: 8;
	}

#btnHome a {
	color: #cb272e;
	width: 115px;
	line-height: 30px;
	background-image: url(/storefrontB2CWEB/images/btn-storeHome.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	}

#btnHome a:hover {
	color: #cb272e;
	background-image: url(/storefrontB2CWEB/images/btn-storeHomeO.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

#btnSearch a {
	color: #cb272e;
	width: 70px;
	line-height: 30px;
	background-image: url(/storefrontB2CWEB/images/btn-search.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	}

#btnSearch a:hover {
	color: #cb272e;
	background-image: url(/storefrontB2CWEB/images/btn-searchO.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

#btnSpecials a {
	color: #cb272e;
	width: 90px;
	line-height: 30px;
	background-image: url(/storefrontB2CWEB/images/btn-specials.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	}

#btnSpecials a:hover {
	color: #cb272e;
	background-image: url(/storefrontB2CWEB/images/btn-specialsO.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

#btnPrivacy a {
	color: #999;
	width: 138px;
	line-height: 40px;
	background-image: url(/storefrontB2CWEB/images/btn-privacy.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	}

#btnPrivacy a:hover {
	color: #999;
	background-image: url(/storefrontB2CWEB/images/btn-privacyO.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

#btnCareers a {
	color: #999;
	width: 103px;
	line-height: 40px;
	background-image: url(/storefrontB2CWEB/images/btn-careers.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	}

#btnCareers a:hover {
	color: #999;
	background-image: url(/storefrontB2CWEB/images/btn-careersO.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

#btnContact a {
	color: #999;
	width: 111px;
	line-height: 40px;
	background-image: url(/storefrontB2CWEB/images/btn-contact.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	}

#btnContact a:hover {
	color: #999;
	background-image: url(/storefrontB2CWEB/images/btn-contactO.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

#btnJoeMail a {
	color: #999;
	width: 111px;
	line-height: 40px;
	background-image: url(/storefrontB2CWEB/images/btn-joeMail.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	}

#btnJoeMail a:hover {
	color: #999;
	background-image: url(/storefrontB2CWEB/images/btn-joeMailO.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

#cart {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 9px;
	}

#cart a {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
	}

#contentHead {
	position: relative;
	float: right;
	width: 653px;
	height: 52px;
	background-image: url(/storefrontB2CWEB/images/joes-contentHeaderBg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-right: 14px;
	z-index: 9;
	}

#contentBody {
	position: relative;
	background-image: url(/storefrontB2CWEB/images/joes-contentBodyBg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	float: right;
	width: 653px;
	margin-right: 14px;
	z-index: 10;
	}

#footer {
	position: relative;
	width: 970px;
	height: 175px;
	background-image: url(/storefrontB2CWEB/images/joes-footerBg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	clear: right;
	z-index: 11;
	}

#footerLayout {
	position: relative;
	width: 610px;
	height: 40px;
	margin-left: 260px;
	padding-top: 115px;
	z-index: 12;
	}

#cat-link {
	width: 130px;
	text-align: center;
	padding: 3px 0 20px 0;
	}

#cat-link a {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	}

#cat-link a:hover {
	color: #666;
	}

#categoryBottom {
	background-image: url(/storefrontB2CWEB/images/joes-categoryBottomBg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 163px;
	}

#breadCrumbs {
	margin: 0 0 10px 60px;
	}

#breadCrumbs a {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: #cb272e;
	}

#breadCrumbs a:hover {
	color: #000;
	text-transform: underline;
	}

#detail-img {
	position: relative;
	width: 210px;
	float: left;
	text-align: center;
	margin-left: 45px;
	}

#detail-form {
	position: relative;
	float: right;
	padding-top: 15px;
	width: 360px;
	margin-right: 30px;	
	}

#detail-dropdown {
	position: relative;
	float: right;
	width: 480px;
	display: block;
	}

#detail-disc {
	position: relative;
	float: right;
	width: 360px;
	margin-right: 30px;
	}

#detail-tabs {
	position: relative;
	width: 640px;
	float: left;
	}

#data {
	width: 575px;
	margin-left: 37px;
	}


#searchResults {
	width: 575px;
	margin-left: 37px;
	border: 2px solid #fff;
	}

#cartResults {
	width: 575px;
	border: 2px solid #fff;
	margin: 3px 0 10px 0;
	}

#discounts {
	position: relative;
	width: 970px;
	height: 20px;
	font: bold 11px Georgia, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	z-index: 13;
	}


/* Class Styles */


.button {
	font: 11px Georgia, Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 2px 2px 2px 0;
	}

.search {
	font: bold 11px Georgia, Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 2px;
	}

.email {
	font: bold 11px Georgia, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 2px;
	}

.noBull {
	list-style-type: none;
	float: left;
	display: block;
	margin: 0px;
	padding-left: 1px;
	}

.noBull2 {
	list-style-type: none;
	float: left;
	display: block;
	margin: 0px;
	padding-left: 27px;
	}

.bodyText {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #000;
	}

.categories {
	font: bold 20px Georgia, Arial, Helvetica, sans-serif;
	width: 130px;
	text-align: center;
	}

.detailText {
	font: 12px Georgia, Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #000;
	margin-top: 10px;
	}
	
.pageName {
	font: bold 14px Georgia, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
	padding: 10px 0 10px 0;
	}

.pageTitle {
	font: bold 22px Georgia, Arial, Helvetica, sans-serif;
	color: #cb272e;
	}
	
.colheader {
	font: bold 11px Georgia, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #cb272e;
	}



/* Default Styles */


.label {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: black;
	}

.text {
	font: 12px Georgia, Arial, Helvetica, sans-serif;
	color: black;
	}

.textbold {
	font: bold 14px Georgia, Arial, Helvetica, sans-serif;
	color: black;
	}

.searchLinks {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: black;
	}

.rowshaded {
	font: 10px Georgia, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(/storefrontB2CWEB/images/transBg-45.png);
	}

.rownotshaded {
	font: 10px Georgia, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(/storefrontB2CWEB/images/transBg-30.png);
	}

.rowdata {
	font: 10px Georgia, Arial, Helvetica, sans-serif;
	color: #000;
	}

.cartMessage {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: black;
	}

.required {
	font: bold 10px Georgia, Arial, Helvetica, sans-serif;
	color: blue;
	}

.confirmMessage {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: #000;
	}

.input {
	font: 12px Georgia, Arial, Helvetica, sans-serif;
	color: #000;
	}

.error {
	font: 12px Georgia, Arial, Helvetica, sans-serif;
	color: red;
	}

.errorbold {
	font: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: red;
	}

.item {
	font: bold 16px Georgia, Arial, Helvetica, sans-serif;
	color: #006699;
	}

.tabtr {
	background-color: #2C51BC;
	color: #FFFFFF;
	font: bold 11px Georgia, Arial, Helvetica, sans-serif;
	}

.tabbg {
	background-color: #00339A;
	}

.replacement {
	font-family: bold 12px Georgia, Arial, Helvetica, sans-serif;
	color: #00339A;
	}

.boxTitle {
	background-color: #c0c0c0;
	}

.boxbg {
	background-color: #ffffff;
	}

.subcategories {
	list-style-type: disc
	}

.subcategoriesnobullet {
	list-style-type: none
	}