/*RESETS*/

html, body, textfield, textarea, input, table, th, td, tr, button, fieldset, text, img, blockquote, form {
margin:0;
padding:0;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

p, ul, li, ol {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a {
   outline: none;
}

img {
	border: none;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

p {
  margin-bottom: 9px;
  line-height: 18px;
  text-align: left;
}

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

a:hover {text-decoration: none;}

#Banner h1 {
  position: absolute;
  z-index: 10;	
}


#HomePage h1, .LandingPages h1{
  color: #888;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 36px; 
  line-height: 42px;
  letter-spacing: -1px;
  padding: 15px 0px 0px 20px;
}

#HomePage h1 {
  color: #888;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 36px; 
  line-height: 42px;
  letter-spacing: -1px;
  padding: 15px 0px 0px 20px;
}

h1 {
  color: #333;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 27px; 
  line-height: 36px;
  letter-spacing: -1px;
  padding: 0px;
}

h2 { /*In the columns on home page*/
  font-size: 20px;
  color: #0d3d5a;
  padding: 5px 0px 0px 0px;
  color: #333;
  letter-spacing: -1px;
  line-height: 20px; 
  margin-bottom: 10px;
  /*	overflow: auto;*/ /*Stinking ie*/
}

h3 { /*(Normal h3 is on the details page, below the pics)*/
  clear: both;
  display: block;
  font-size: 13px;
  padding: 9px 0px 0px 0px;
  border-bottom: 1px dashed #cbcbcb;
  color: #333;
  font-weight:bold;
  line-height: 20px; 
  margin-bottom: 10px;
}

/*PAGES*/

.Column p, .ColumnRight p {
  font-size: 11px;
}

.Column a {
  padding-right:18px;
  background: url(../images/icons/go.png) right no-repeat;	
  text-align:center;
}


/*FOOTER*/

h4 { /*Used for footer*/
  color:#ccc;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  margin-bottom: 10px; /*To push the pictures down*/
}

#Footer p{color: #fff;}

/*WRAPPERS AND GENERICS*/

body {background: #f3f0ee url(../images/main/page_back.png) repeat-x scroll center top;}

#Wrapper {
  width: 980px;
  padding-left: 20px;
  margin: auto;
  background: url(../images/main/wrapper_shadows.png) repeat-y scroll center top;
}

.fl {float: left;}

.fr {float: right;}

.ClearBoth {clear: both;}

.arc90_extlinkIMG {
  background: transparent url(../images/icons/external.png) no-repeat 3px 2px;
  margin-left: 2px;
  height: 12px;
  width: 12px;
  cursor: pointer;
  padding-left: 15px;
}

#tooltip {
  position:absolute;
  border:1px solid #333;
  background:#f7f5d1;
  padding:2px 5px;
  color:#333;
  display:none;
}

/*------*/
/*HEADER*/
/*------*/

#Header {
  width: 960px;
  background: #fff;
  float: left; /*To contain it's floats*/
  position: relative;
}

#Header .cards {
  float: left;
  margin: 8px 0px 0px 5px;
}

#MainNavContainer {
  clear: both;
  height: 42px;
  width: 960px;
}

#logo {
  margin-left: -20px;
  float: left;
}

#PayPalCartForm fieldset {
  position: absolute;
  top: 20px;
  right: 10px;
  border: 0;
}

ul#ContactDetails {
  position: absolute;
  right:15px;
  top:90px;
}
#ContactDetails li {
  color: #333;
  display: inline !important;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
}

.EmailAddress, .LandPhone{
  padding-left: 18px;
  margin-left: 5px;
}

.EmailAddress {background: url(../images/icons/email.png) 0px 1px no-repeat;}

.LandPhone {background: url(../images/icons/telephone.png) 0px -2px no-repeat;}

/*------*/
/*BANNER*/
/*------*/

#Banner {
  clear: both;
  position: relative;
  height: 300px;
  width: 960px;
  z-index: 1;
  overflow: hidden;
}

.BannerScroller {
  overflow: hidden;	
  height: 300px;
  width: 960px;
}

.Banner1, .Banner2, .Banner3, .Banner4 {
  width: 960px;
  height: 300px;
  overflow: hidden;
}

/*Do this with one long sprite later*/
.Banner1 {background: url(../images/main/home_banner_bowling.jpg) no-repeat; }

.Banner2 {background: url(../images/main/home_banner_boat.jpg) no-repeat; }

.Banner3 {background: url(../images/main/home_banner_walking.jpg) no-repeat;}

.Banner4 {background: url(../images/main/home_banner_safety.jpg) no-repeat;}

#BannerRightNav, #BannerLeftNav {
  position: absolute;
  width: 20px;
  height: 40px;
  top: 165px;
}

#BannerLeftNav {
  left: -20px;	
  background: url(../images/main/home_banner_bowling_ln.jpg) no-repeat;
}

#BannerRightNav {
  right: -20px;
  background: url(../images/main/home_banner_bowling_rn.jpg) no-repeat;
}

.BannerInfoBox p {margin: 0px;}

.BannerInfoBox a {color: #fff;}

.BannerInfoBox {
  font-size: 11px;
  font-family: Verdana, Geneva, sans-serif;
  margin-top:137px;
  margin-left:20px;
  width: 220px;
  height: 120px;
  background: #000;
  color: #fff;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.BannerInfoBoxHeading {
  display: block;
  width: 210px;
  padding: 5px;
  background: #333;
  font-weight: bold;
}

.BannerInfoBoxText {padding: 0px 7px 7px 7px}

/*------*/
/*CONTENT*/
/*------*/

#HomePage #ContentContainer, .LandingPages #ContentContainer {
  padding-top: 0px;
  padding-right: 0px;
  width: 940px;
  background: #f3f0ee;
}

#ContentContainer {
  clear: both;
  float: left;
  background: #fff;
  padding: 20px 20px 0px 20px;
  width: 920px;
  min-height: 250px;
}

/*------------------*/
/*HOME PAGE SPECIFIC*/
/*------------------*/

.Column1, .Column2, .Column3, .Column4 {	
  float: left;
  width: 200px;
  height: 340px;
  background: url(../images/main/home_column_1_back.jpg) no-repeat;
  margin-right: 20px;
  padding-right: 20px;
}

.Column1 a, .Column2 a, .Column3 a, .Column4 a {
		background: url(../images/icons/go.png) top right no-repeat;
		padding-right:15px;
}

.Column2 {background: url(../images/main/home_column_2_back.jpg) no-repeat;}

.Column3 {background: url(../images/main/home_column_3_back.jpg) no-repeat;}
					
.Column4 {	
  background: url(../images/main/home_column_4_back.jpg) no-repeat;
  margin-right: 0px;
}

/*------------------*/
/*LANDING PAGES SPECIFIC*/
/*------------------*/

/*All landing pages*/

.LandingPages #PageColumn {display:none}

.LandingPages .Column1, .LandingPages .Column2, .LandingPages .Column3, .LandingPages .Column4 {
		width: 199px;
		height: 380px;
		border-right: 1px solid #ccc;
}

.LandingPages .Column4 {width: 200px; border: none}

.LandingPages .Column1 a, .LandingPages .Column2 a, .LandingPages .Column3 a, .LandingPages .Column4 a  {
		background: #578AAC url(../images/icons/go.png) top right no-repeat;
		color: #fff;
		text-decoration: none;
		padding: 1px 20px 1px 5px;
		margin-top: 7px;
		display: inline-block;
}

a.LandingPageWomensLink {background-color: #AC5874 !important}

.LandingPages .Column4 a {background-color: #333}

.LandingPages .page_display {
  clear: both;
  float: left;
  background: #f3f0ee;
  padding: 0px 0px 20px 0px;
  width: 940px;
}

.LandingPages .page_display p {text-align:left}

.LandingPages .page_display h2 {
  font-size: 20px;
  color: #0d3d5a;
  padding: 5px 0px 0px 0px;
  color: #333;
  letter-spacing: -1px;
  line-height: 20px; 
  margin-bottom: 10px;
  font-weight: normal;
}

/*Each variation of landing page*/

/*Banners*/
#WalkingBootsPage #Banner { background: url("../images/landing_pages/walking_banner.jpg") no-repeat scroll 0 0 transparent}
#BowlsPage #Banner { background: url("../images/landing_pages/bowls_banner.jpg") no-repeat scroll 0 0 transparent}
#SafetyPage #Banner { background: url("../images/landing_pages/safety_banner.jpg") no-repeat scroll 0 0 transparent}
#BoatPage #Banner { background: url("../images/landing_pages/boat_banner.jpg") no-repeat scroll 0 0 transparent}

/*Columns*/
#WalkingBootsPage .Column1 {background: url(../images/landing_pages/walking_boot.jpg) no-repeat;}
#WalkingBootsPage .Column2 {background: url(../images/landing_pages/walking_shoe.jpg) no-repeat;}
#WalkingBootsPage .Column3 {background: url(../images/landing_pages/walking_bundle.jpg) no-repeat;}
#WalkingBootsPage .Column4 {background: url(../images/landing_pages/accessory.jpg) no-repeat;}

#BowlsPage .Column1 {background: url(../images/landing_pages/bowling_shoe.jpg) no-repeat;}
#BowlsPage .Column2 {background: url(../images/landing_pages/bowling_shoe_bargains.jpg) no-repeat;}
#BowlsPage .Column3 {background: url(../images/landing_pages/bowling_shoe_best_seller.jpg) no-repeat;}
#BowlsPage .Column4 {background: url(../images/landing_pages/accessory.jpg) no-repeat;}

#SafetyPage .Column1 {background: url(../images/landing_pages/safety_boot.jpg) no-repeat;}
#SafetyPage .Column2 {background: url(../images/landing_pages/safety_shoe.jpg) no-repeat;}
#SafetyPage .Column3 {background: url(../images/landing_pages/safety_bargains.jpg) no-repeat;}
#SafetyPage .Column4 {background: url(../images/landing_pages/accessory.jpg) no-repeat;}

#BoatPage .Column1 {background: url(../images/landing_pages/boat_shoe.jpg) no-repeat;}
#BoatPage .Column2 {background: url(../images/landing_pages/boat_shoe_bargains.jpg) no-repeat;}
#BoatPage .Column3 {background: url(../images/landing_pages/boat_shoe_best_seller.jpg) no-repeat;}
#BoatPage .Column4 {background: url(../images/landing_pages/accessory.jpg) no-repeat;}

/*------------------*/
/*USER MADE SPECIFIC*/
/*------------------*/

/*Can use this unique hook: .page_display for user pages!*/

.page_display {
  padding-right: 20px;
  padding-left:10px;
  float: left;
  width: 600px;
}

.page_display p {text-align:justify;	}

.page_display h1 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.page_display h2 {
  color:#333;
  font-weight: bold;
  font-size:14px;
  line-height:20px;
  margin-bottom:0px;
  padding: 0px;
}

.page_display ul {margin-bottom: 10px;	}

.page_display li {
  line-height: 20px;
  margin-left: 30px;
}

#PageColumn {
  float: right;
  width: 230px;
  height: 800px;
  padding: 10px;
  background: url(../images/main/page_side_bar_back.jpg) no-repeat;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

.IntroText {
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
}

/*TESTIMONIALS*/

blockquote {
  background:transparent url(../images/main/quotes.png) no-repeat scroll 0 0;
  margin:18px 0 18px 25px;
  padding-left:90px;
  padding-right:45px;
  line-height: 18px;
  min-height: 75px;
}

/*---------------------*/
/*--------SITEMAP------*/
/*---------------------*/

.SiteMapPage {padding-bottom: 20px;}

ul.SiteMapList {margin: 10px 0px 20px 40px;}

li.SiteMapListItem {
  line-height: 20px;
  list-style-type: disc;
}
.sf-menu a, .sf-menu a:visited  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #fff;
  z-index: 999;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {list-style: none;  z-index: 999;}

.sf-menu {
  line-height: 18px;
  float: left;
}

.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 210px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {width: 100%;}

.sf-menu li:hover {visibility:	inherit; /* fixes IE7 'sticky bug' */}

.sf-menu li { /*Standard back*/
  float: left;
  position:	relative;
  background: url(../images/nav/nav_back.png)
}

.sf-menu a.NavLinkRight {
  padding: 12px 24px 12px 24px;
  border-right: none;
}

.sf-menu a {
  display: block;
  position:	relative;
  border-right:1px solid #fff;
  padding: 12px 23px 12px 24px;
  text-decoration: none;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 42px; /* match top ul list item height */
  z-index: 99;
}

/*Dropdown color*/
.sf-menu li li { 
  background: url(../images/nav/nav_back.png) repeat-x 0px 0px;
  margin-left: -1px; /*God I am fussy*/
}

.sf-menu li.DropLast {border-bottom: 1px solid #fff;}


.sf-menu li li a{ 
  border:1px solid #fff;
  border-bottom:none;
}

/*Basic rollover*/
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: url(../images/nav/nav_back.png) repeat-x 0px -50px;
  outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right: 30px;
  min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
  position:	absolute;
  display: block;
  right: 11px;
  top: 1.05em; /* IE6 only */
  width: 10px;
  height:	10px;
  text-indent: -999em;
  overflow:	hidden;
  background:	url('../images/nav/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top: 17px;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {background-position: -10px 0; }

.sf-menu ul a > .sf-sub-indicator {background-position: 0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/nav/shadow.png') no-repeat bottom right;
	padding: 0 10px 15px 0;
/*	-moz-border-radius-bottomleft: 19px;
	-moz-border-radius-topright: 19px;*/
	-webkit-border-top-right-radius: 19px;
	-webkit-border-bottom-left-radius: 19px;
}

.sf-shadow ul.sf-shadow-off {background: transparent;}

/*--------------------------
----------FOOTER-----------
--------------------------*/

#FooterWrapper {
	clear: both;
	width: 940px;
	background: #302927;
	padding-left: 20px;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}

#FooterWrapper a {color: #999;}

#FooterWrapper ul li {
	list-style-type: none;
		margin-bottom: 9px;
	
	}

#FooterContent1, #FooterContent2, #FooterContent3 {
	height: 210px;
	display: inline;
	float: left;
	border-left: solid 1px #666;
	padding-left: 10px;
}

#FooterContent1 {
	width: 330px;
	border: none;
/*	margin-left: 10px;	*/
}

#FooterContent2 {
	padding-left:30px;
 width:310px;
}

#FooterContent3 {width: 220px;}

/*Latest additions*/

.LatestShoeImage  {
	padding: 3px;
	margin-right: 4px;
	border: 1px solid #555;
	margin-bottom: 7px;
	width: 88px;
	height: 66px;
}

/*News feed*/

#FooterContent2 a {
	padding-left: 5px;
}

/*Meta*/

#FooterHelp {
	float: right;
}

#FooterHelpNumber {
	clear: both;
	font-size: 20px;
	color: #ccc;
	font-weight: bold;
	margin: 0px;
	padding-top: 3px;
}

#FooterHelp img {
	padding-right: 6px;

}

#FooterContent3 p{
	text-align: right;
		margin: 0px;
}

#FooterContent3 li a{
	color: #666;

}
#FooterContent3 ul {
	margin-top: 20px;
	text-align: right;
}

.MetaFeed {
	background: url(../images/icons/rss_small.gif) no-repeat;
	padding-left: 22px;
}

.FaceBookFooterLink {
	background: url(../images/icons/facebook.gif) no-repeat;
	padding-left: 22px;
}

/*TOP*/

#NextPrevWrapper { 
	border-top: 3px solid #ddd;
	margin:0 15px 0 35px;
	padding:10px 0 28px 10px;

}

#NextPrevWrapper img{
  border: none;
  vertical-align: middle;
}

.NextPreviousPages {display: inline;}

.NextPreviousPages a, .CurrentPageNumber {
  font-weight:bold;
  border: 1px solid #333;
  padding: 1px 4px 1px 4px;
  margin-left: 3px;
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
}

.CurrentPageNumber, .NextPreviousPages a:hover {
  background-color: #333;
  color: #fff;
}

.Info {float: left}

.JumpToPage {
	float: right;
	margin-top:-6px;
}


/*BOTTOM*/

#NextPrevBottomWrapper {
  clear:both;
  float:right;
  margin:-15px 15px 10px 35px;
  padding:5px 0 5px 10px;
}

#NextPrevBottomWrapper img{
  border: none;
  vertical-align: middle;
}