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

body  {
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: bold;
	background: url(images/background.jpg);
	background-attachment: fixed;	
}

a:focus {outline-style: none;}
a img {border: none;}

a:link {
	color: #a61e00;
	text-decoration: none;
}
a:visited {color: #a61e00;text-decoration: none;}
a:hover {
	color: #333;
	text-decoration: underline;
}

.clear {clear: both;}

/*=============== STRUCTURE ===============*/

#container {
	width: 980px;
	margin: 0 auto;
	font-size: .8em;
	line-height: 1.5em;
}

#topnav {
	padding-top: 5px;
	text-align: right;
	color: #a61e00;
}

#nav {
	width: 260px;
	height: 220px;
	float: left;
}

.polaroids {
	margin: 20px 0 20px 0;
}

h1 {
	display: block;
	float: left;
	margin-bottom: 10px;
	padding: 3px 5px 3px 5px;
	margin-top: 0;
	text-transform: uppercase;
	font-size: 1.5em;
}

br {
	clear: left;
}

/*=== Navigation ===*/

#nav a {
	display: block;
	width: 260px;
	height: 25px;
	background: url(images/nav.png) left top no-repeat;
	text-indent: -5000px;
}

#nav #nav1 {height: 31px;}
#nav #nav1:hover {background-position: right top;}

#nav #nav2 {background-position: left -31px;}
#nav #nav2:hover {background-position: right -31px;}

#nav #nav3 {background-position: left -56px;}
#nav #nav3:hover {background-position: right -56px;}

#nav #nav4 {background-position: left -81px;}
#nav #nav4:hover {background-position: right -81px;}

#nav #nav5 {background-position: left -106px;}
#nav #nav5:hover {background-position: right -106px;}

#nav #nav6 {background-position: left -131px;}
#nav #nav6:hover {background-position: right -131px;}

#nav #nav7 {background-position: left -156px;}
#nav #nav7:hover {background-position: right -156px;}

#nav #nav8 {height: 39px; background-position: left -181px;}
#nav #nav8:hover {background-position: right -181px;}

/*=== Deal of the Day ===*/

#dotd {
	width: 670px;
	height: 155px;
	float: right;
	padding: 50px 20px 15px 20px;
	background: url(images/dotd.png) center top no-repeat;
}

#dotd-col1, #dotd-col2, #dotd-col3 {
	float: left;
	width: 180px;
	margin-right: 10px;
}

#dotd-col1 {
	margin-top: 35px;
}

#dotd-col2 {
	height: 130px;
	margin-top: 25px;
	overflow: hidden;
}

#dotd-col3 {
	width: 290px;
	height: 155px;
	margin-right: 0;
	text-align: center;
}

h2 {
	margin: 0 0 10px 0;
	font-size: 1.5em;
}

#dotd-price {
	display: block;
	font-size: 2.5em;
	padding-bottom: 10px;
}

#discount {
	font-size: 1.5em;
}

#dotd-col3 form {
	margin: 0;
	padding: 0;
}

#dotd-col3 label, #dotd-col3 select {
	float: left;
	margin: 10px 5px 15px 0;
}

#dotd-col3 label {
	font-size: 1.2em;
	line-height: 20px;
}

#dotd-col3 #size {
	margin-right: 20px;
}

#color {
	width: 120px;
}

#dotd-col3 a {
	display: block;
	float: left;
	height: 30px;
	margin-right: 15px;
	text-indent: -5000px;
}

#add {
	width: 94px;
	background: url(images/add_to_cart.gif) center top no-repeat;
}
#add:hover {background-position: center bottom;}

#other-deals {
	width: 128px;
	background: url(images/other_deals.gif) center top no-repeat;
}
#other-deals:hover {background-position: center bottom;}

#dotd-col3 #dotd-rss {	
	width: 38px;
	margin-right: 0;
	background: url(images/rss.gif) center top no-repeat;
}
#dotd-col3 #dotd-rss:hover{background-position: center bottom;}

/*=============== MODULES ===============*/

.mod {
	margin-bottom: 30px;
}

.mod-top {
	height: 75px;
}

.mod-content {
	width: 980px;
	float: left;
	background: url(images/mod_back.png) center repeat-y;
}

.content {
	padding: 10px 30px 0 30px;
}

.mod-bottom {
	height: 20px;
	background: url(images/mod_bottom.png) center top no-repeat;
}

.bottom-nav {
	display: block;
	color: #000;
}

.bottom-nav a {
	color: #000;
	text-decoration: none;
}

.bottom-nav a:hover {
	color: #a61e00;
	text-decoration: underline;
}

/*=== Locations ===*/

#locations {
	background: url(images/mod_top_locations.png) center top no-repeat;
}

.purple {
	background: #462e83;
	clear:left;
}

#map {
	float: right;
	margin-bottom: 20px;
}

.location {
	width: 220px;
	float: left;
	margin-right: 13px;
	margin-bottom: 20px;
	*margin-bottom: 10px;
	font-size: .9em;
	line-height: 1.4em;
	padding-top: 10px
}

.location1 {
	width: 135px;
	float: left;
}

.location2 {
	width: 80px;
	float: right;
	font-size: .9em;
}

.location2 span {
	color: #a61e00;
}

.line {
	display: block;
	clear: left;
	margin: 0 0 10px 0;
	padding: 0;
	height:1px;
	border-bottom: 1px solid #fff;
}

/*=== Products & Services ===*/

#products {
	background: url(images/mod_top_products_services.png) center top no-repeat;
}

.green {
	background: #4c962e;
}

#products1, #products2 {
	width: 435px;
	float: left;
}

#products2 {
	float: right;
}

.pands {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}

.pands h1 {
	*margin-bottom: 0;
}

.pands p {
	clear: left;
	margin-top: 0;
	*margin-top: auto;
}

/*=== Online Store ===*/

#onlinestore {
	background: url(images/mod_top_online_store.png) center top no-repeat;
}

.orange {
	background: #e3821b;
}

.item {
	width: 210px;
	float: left;
	margin: 0 25px 20px 0;
	text-align: center;
}

.item img {
	margin-bottom: 10px;
}

.right {
	margin-right: 0;
}

.category {
	width: 90px;
	float: right;
	padding-right: 10px;
	margin: 0 0 15px 10px;
	text-align: right;
	border-right: 1px solid #fff;
}

#browse {
	float: left;
}

/*=== Calendar ===*/

#calendar {
	background: url(images/mod_top_calendar.png) center top no-repeat;
}

.red {
	background: #a61e00;
}

#allevents {
	width: 920px;
	float: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #fff;
}

.more-events {

}

.cal-left {
	width: 450px;
	float: left;
	margin-bottom: 10px;
	padding-right: 10px;
	border-right: 1px solid #fff;
}

.cal-right {
	width: 450px;
	float: right;
	margin-bottom: 10px;
}

.calcolumns {
	height:100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
}

.bottom {
	border-bottom: none;
}

.calcolumns p, .cal-left p, .cal-right p {
	display: block;
	width: 450px;
	float: left;
	clear: left;
	margin-bottom: 5px;
	border-bottom: 1px dashed #666;
}

.calcolumns h1 {
	display: block;
	float: left;
	font-size: 1.2em;
	padding: 1px 3px 1px 3px;
}

.calcolumns p a, #allevents p a {
	color: #fff;
}

.calcolumns p a.more, #allevents p a.more {
	color: #a61e00;
}

.info {
	font-weight: normal;
	font-style: italic;
}

.calrss {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
	text-indent: -5000px;
	background: url(images/calendar_rss.gif) center top no-repeat;
}

.calrss:hover {
	background-position: center bottom;
}


/*=== Featured Staff ===*/

#featuredmod {
	float: left;
	*margin-bottom: 0;
}

.featuredstaff {
	width: 690px;
}

#featuredhead {
	background: url(images/mod_top_featured_staff.png) center top no-repeat;
}

.yellow {
	background: #eedf3f;
	color: #a61e00;
}

#featuredbottom {
	background: url(images/featured_bottom.png) center top no-repeat;
}

.staff {
	width: 200px;
	float: left;
	margin: 0 15px 15px 0;
}

.staff img {
	margin-bottom: 15px;
}

#meetstaff {
	display: block;
	width: 208px;
	height: 30px;
	float: right;
	margin-bottom: 15px;
	background: url(images/meet_staff.gif) center top no-repeat;
	text-indent: -5000px;
}

#meetstaff:hover {
	background-position: center bottom;
}

/*=== Awards ===*/

#awardsmod {
	float: right;
	*margin-bottom: 0;
}

.awards {
	width: 260px;
}

#awardshead {
	background: url(images/mod_top_awards.png) center top no-repeat;
}

#awardsbottom {
	background: url(images/awards_bottom.png) center top no-repeat;
}

#awardstitle {
	font-size: 1.2em;
}

#seeawards {
	display: block;
	width: 154px;
	height: 30px;
	float: right;
	margin-top: 15px;
	*margin-right: 30px;
	background: url(images/see_awards.gif) center top no-repeat;
	text-indent: -5000px;
}

#seeawards:hover {
	background-position: center bottom;
}

/*=== Blog ===*/

#blog {
	float: left;
	*margin-bottom: 0;
}

.half {
	width: 475px;
 
 
}

#bloghead {
	background: url(images/mod_top_blog.png) center top no-repeat;
}

.halfbottom {
	background: url(images/blog_bottom.png) center top no-repeat;
}

#blogrss {
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	margin: 15px 15px 0 0;
	text-indent: -5000px;
	background: url(images/blog_rss.gif) center top no-repeat;
}

#blogrss:hover {
	background-position: center bottom;
}

.blog h1 {
	margin-bottom: 0;
	text-transform: none;
	padding: 0;
}

.blog a {
	margin-bottom: 15px;
}

.blog ul {
	*width: 415px;
	margin: 0;
	padding: 0;
}

.blog li {
	list-style: none;
	margin-bottom: 20px;
}

/*=== Ask the Experts ===*/

#askhead {
	background: url(images/mod_top_ask.png) center top no-repeat;
}

#ask {
	float: right;
	*margin-bottom: 0;
}

#ask p {
	margin-top: 0;
}

#ask form {
	margin: 0;
	padding: 0;
}

#ask textarea, #ask input {
	border: none;
	margin-bottom: 10px;
}

#ask textarea {
	width: 415px;
	height: 65px;
}

#ask label {
	float: left;
	width: 170px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

#ask input {
	width: 245px;
	*width: 235px;
}

#ask .boxes {
	width: 1em;
	float: left;
}

#ask #submit-button {
	width: 174px;
	height: 30px;
	float: right;
	border: none;
	cursor: pointer;
}

#ask ul {
	clear: left;
	margin: 0 0 10px 0;
	padding-left: 15px;
}

/*=== Running Club ===*/

#runninghead {
	background: url(images/mod_top_running_club.png) center top no-repeat;
}

#running p {
	clear: left;
}

#running h1 {
	*margin-bottom: 0;
}

/*=== Whats Hot ===*/

#whatshothead {
	background: url(images/mod_top_whatshot.png) center top no-repeat;
}

#whatshot p {
	clear: left;
}

#whatshot h1 {
	*margin-bottom: 0;
}

.blue {
	background: #336699;
}
/*=== Footer ===*/

#footer {
	background: url(images/mod_top_footer.png) center top no-repeat;
}

.grey {
	background: #666;
}

#footernav {
	width: 200px;
	float: left;
	border-right: 1px solid #fff;
}

#footernav a {
	display: block;
	width: 147px;
	height: 21px;
	float: left;
	background: url(images/footer_nav.png) left top no-repeat;
	text-indent: -5000px;
}

#footernav #nav1:hover {background-position: right top;}

#footernav #nav2 {background-position: left -21px;}
#footernav #nav2:hover {background-position: right -21px;}

#footernav #nav3 {background-position: left -42px;}
#footernav #nav3:hover {background-position: right -42px;}

#footernav #nav4 {background-position: left -63px;}
#footernav #nav4:hover {background-position: right -63px;}

#footernav #nav5 {background-position: left -84px;}
#footernav #nav5:hover {background-position: right -84px;}

#footernav #nav6 {background-position: left -105px;}
#footernav #nav6:hover {background-position: right -105px;}

#footernav #nav7 {background-position: left -126px;}
#footernav #nav7:hover {background-position: right -126px;}

#footernav #nav8 {background-position: left -147px;}
#footernav #nav8:hover {background-position: right -147px;}

#footernav #nav9 {background-position: left -168px;}
#footernav #nav9:hover {background-position: right -168px;}

#footernav #nav10 {background-position: left -189px;}
#footernav #nav10:hover {background-position: right -189px;}

#footernav #nav11 {background-position: left -210px;}
#footernav #nav11:hover {background-position: right -210px;}

#footer2 {
	width: 700px;
	float: right;
}

.address {
	width: 165px;
	float: left;
	margin: 0 13px 20px 0;
}

/*=== Contact form ===*/

#contacttop {
	background: url(images/mod_top_contact.png) center top no-repeat;
}

#general #contact label, #contacttop #contact label {
	float: left;
	width: 170px;
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
}

#general #contact input, textarea, #contacttop #contact input, #contacttop textarea {
	width: 270px;
	margin-bottom: 5px;
}

#general #contact select, #contacttop #contact select {
	margin-bottom: 5px;
}

#general #contact textarea, #contacttop #contact textarea {
	width: 700px;
	height: 150px;
}

#general #contact #comment-button, #contacttop #contact #comment-button {
	margin-left: 180px;
}

/*=============== GENERAL ===============*/

#generalhead {
	height: 50px;
	background: url(images/mod_top_general.png) center top no-repeat;
}

.byline {
	float: left;
	margin-right: 20px;
	font-style: italic;
}

.chiclets {
	float: left;
}

.chiclets img {
	margin-right: 5px;
}

.comment {
	margin-top: 20px;
}

.comment-top {
	height: 5px;
	background: url(images/comment_top.png) center top no-repeat;
}

.comment-float {
	float: left;
	background: url(images/comment_tile.png) left repeat-y;
}

.comment-content {
	width: 900px;
	padding: 0 10px 5px 10px;
}

.comment-bottom {
	height: 24px;
	background: url(images/comment_bottom.png) center top no-repeat;
}

#general form {
	margin: 0 0 15px 0;
	padding: 0;
}

#general label {
	width: 70px;
	float: left;
}

#general input, #general textarea {
	width: 200px;
	float: left;
	margin-bottom: 10px;
	padding: 2px;
	border: none;
}

#general textarea {
	width: 600px;
	height: 150px;
	float: none;
}

#general #captcha-label {
	width: auto;
	margin-left: 10px;
}

#general #captcha-input {
	width: 70px;
	margin-left: 10px;
}

#general #captcha {
	float: left;
	margin-bottom: 10px;
}

#general #checkbox {
	float: left;
	width: auto;
	background: none;
}

#general #comment-button, #general #contact #comment-button, #contacttop #contact #comment-button {
	width: 94px;
	height: 30px;
	border: none;
	cursor: pointer;
}

/*=============== PRR BLOG ===============*/

#prrbloghead {
	background: url(images/mod_top_prr_blog.png) center top no-repeat;
}

.redlink {
	color: #a61e00;
}

.spacer {
	display: block;
	margin-bottom: 20px;
}

/*=== Pagination ===*/

#pagination {
	margin-bottom: 20px;
}

#pagination a {
	color: #fff;
	padding: 3px 7px 3px 7px;
	text-decoration: none;
}

#pagination a:hover, #pagination #selected {
	background: #a61e00;
	color: #fff;
}

#pagination .inactive {
	color: #fff;
}

#pagination .inactive:hover {
	text-decoration: none;
	cursor: default;
	color: #fff;
	background: none;
}
/*=== Small Navigation ===*/

#nav-sm a {
	display: block;
	width: 205px;
	height: 25px;
	background: url(images/nav_sm.png) left top no-repeat;
	text-indent: -5000px;
}

#nav-sm #nav1:hover {background-position: right top;}

#nav-sm #nav2 {background-position: left -25px;}
#nav-sm #nav2:hover {background-position: right -25px;}

#nav-sm #nav3 {background-position: left -50px;}
#nav-sm #nav3:hover {background-position: right -50px;}

#nav-sm #nav4 {background-position: left -75px;}
#nav-sm #nav4:hover {background-position: right -75px;}

#nav-sm #nav5 {background-position: left -100px;}
#nav-sm #nav5:hover {background-position: right -100px;}

#nav-sm #nav6 {background-position: left -125px;}
#nav-sm #nav6:hover {background-position: right -125px;}

#nav-sm #nav7 {background-position: left -150px;}
#nav-sm #nav7:hover {background-position: right -150px;}

#nav-sm #nav8 {background-position: left -175px;}
#nav-sm #nav8:hover {background-position: right -175px;}
#header, #header-sm {
	height: 200px;
	margin-bottom: 10px;
	background: url(images/header.png) center top no-repeat;
}

#header-sm {
	background: url(images/header_sm.png) right top no-repeat;
}

.news-signup-box {
border-top: 1px solid #ffffff;
margin-top: 10px;
padding-top: 10px;
}

.news-signup-box-head {
background-color: #666666;
font-size: 12px;
width: 180px;
padding: 2px 2px 2px 10px;
}

.news-signup-box2 {
padding-top: 5px;
padding-left: 10px;
}

.news-signup-submit {
text-align: right;
padding-top: 5px;
padding-right: 5px;
}

#signup-popup-box {
background: url("images/signup_popup_back.png") no-repeat;
width:620px;
height: 370px;
}

#signup-popup-text {
position: relative;
top: 100px;
margin-left: auto;
margin-right: auto;
padding: 20px;
font-family: arial, verdana;
font-size: 14px;
color:#ffffff;
width: 450px;
}

#signup-popup-form {
position: relative;
top: 125px;
margin-left: auto;
margin-right: auto;
border: 1px solid #ffffff;
padding: 20px;
width: 450px;
text-align: center;
}

.popup-form-field {
padding-right: 20px;
padding-left: 10px;
float:left;
}

.popup-form-label {
float:left;
}

input.popup-submit
{
  width: auto;
  background: #BE3B00;
  border: 2px solid #ffffff;
  padding: 5px;
  color: #ffffff;
}