body { text-align:center; background-color:#000; font:75% Arial ,Verdana, Helvetica, sans-serif;}

img { display:block; }

a img 
{border: none;}
.Right 
{float:right; }
.Left 
{float:left; }

* 
{margin : 0; padding : 0; }
.clearme {
	clear:both;
	position: relative;
}
.orange { color:#ff6600; }

ul 
{list-style-type : none;}

/* fonts */
p 
{padding : .5em 0 .5em 0; line-height: 1.5em; font-size:1.1em;}

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

h2 { color: #ff6600; font-size:15px; text-transform:uppercase; font-weight:bold; margin-left:31px; margin-top:28px; margin-bottom:15px; }
h3 
{font-size: 1.4em; color : #2b2B2B;}
h4 { color: #fff; font-size:12px; text-transform:uppercase; }

#container {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	border:18px solid #fff;
	background-color:#fff;
	text-align:left;
	position: relative;
}

	#header { background:url('../images/header_bg.gif') repeat-x; height:161px; }
		#header img {
	float:left;
	padding-top: 8px;
}

#StickFigures
{position:absolute; width: 347px; height: 55px; left: 300px; top: 35px; background:url('../images/stickmen.gif') no-repeat;}
		#navigation { float:left; width:650px; list-style:none; position:relative; top:13px;}
			#navigation li { float:left; margin:0;display:inline; }
				#navigation li a {
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	line-height: 39px;
	padding: 0 1.7em;
	background: url("../images/menu_bg.gif") repeat-x 0 39px;
}
			#navigation li.back { background: url("../images/button.gif") no-repeat right -20px; width: 9px; height: 20px; z-index: 8; position: absolute; padding-right:0; }
            #navigation li.back .left { background: url("../images/button.gif") no-repeat top left; height: 20px; margin-right: 8px;  }
            #navigation li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            color: #fff; outline: none;
            height: 39px;
            z-index: 10;
            float: left; display: block;
        }
		
		#navigation li a:hover
		{background: url("../images/menu_bg.gif") repeat-x 0 0;}
		
ul#NavSec 
{float:right;  position:relative; top:13px;}
ul#NavSec li 
{float : left; }
ul#NavSec li a
{ display : block; padding: 0 1.7em; line-height : 39px; color : #000; text-decoration : none; font-size: 12px; font-weight: bold; text-transform:uppercase; background: url("../images/menu_bg.gif") repeat-x 0 39px;}
ul#NavSec li a:visited
{ text-decoration : none; }
ul#NavSec li a:hover
{ background: url("../images/menu_bg.gif") repeat-x 0 0; text-decoration : none; }
ul#NavSec li#LogIn a
{ color: #6A0F0F;}
ul#NavSec li#Register a
{ color: #6A0F0F;}


ul#NavTri 
{position:absolute; top: 0; right: 0;}
ul#NavTri li
{display:inline;}
ul#NavTri li a, ul#NavTri li a:visited
{color : #ff6600; font-size: 12px; font-weight: bold; padding-left: 15px;}
ul#NavTri li a:hover
{color : #999; font-weight: bold;}
		
				
	#homePageTop {
	height:300px;
	background: url("../images/banner_bg.gif") repeat-x #000;
	position: relative;
}
		#homePageTop img { float:right; }
		
		div#ArrowRight a {position:absolute; width: 21px; height:21px; left:522px; top:37px; background : url("../images/arrow_right.png") no-repeat left 100%; z-index: 40; text-indent: -9999px; outline: none;}
		div#ArrowLeft a {position:absolute; width: 21px; height:21px; left:494px; top:37px; background : url("../images/arrow_left.png") no-repeat left 100%; z-index: 40; text-indent: -9999px; outline: none;}

		
		div#FrontBanner {
	float:left;
	width:550px;
	margin-left:15px;
	margin-top:15px;
	height: 270px;
	display: inline;
}

			
div#FrontBanner img
{width: 550px;height: 270px;padding:0;margin:0;display: inline;overflow: hidden;position: absolute;}
#TextStrip
{position:absolute; background : #000; left:15px; top:210px; width: 550px; height: 75px;filter:alpha(opacity=75);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    -moz-opacity: 0.75; opacity:0.75;}
#TextStripText
{position:absolute; left:15px; top:210px; width: 552px; height: 75px;}
#TextStripText h2
{
	text-indent: -9999px;
	width:126px;
	height:75px;
	background: url("../images/feetfirst_latest.gif") no-repeat;
	margin: 0;
	float: left;
	}
	
#TextStripText h3
{
	
	padding-left: 140px; padding-right: 15px;
	font-size: 1.9em;


}	
#TextStripText h3 a
{
	
	
	font-weight:bold;
	color:#fff;
		text-decoration: none;
}
#TextStripText p
{
	line-height: 1em;
	font-weight:bold;
	color:#FF6600;
	padding-left: 140px;
	padding-top: 20px;
	text-transform:uppercase;
	padding-bottom: 0px;
}
#FrontBannerWrapper  a
{font-weight:bold;  }
			
			
			
			#homePageInnerBlock { float:right; width:240px; margin-right:10px; }
			
	#homePageMiddle 
	{background-color:#fff; position: relative; width: 900px;}
		p.homepage { color:#000; font-size:11px; width:530px; margin:20px; float:left; line-height:120%; }
		#newsBlock { float:right; width:280px; }
			#ticker { font-size: 10px; margin-left:30px; line-height:110%; height:50px; }
				#ticker li { width:200px; }
					#ticker li a { color: #57a6d6; text-decoration:none; }
					#ticker li strong { font-size:11px; }
		
	#homePageBottom { height:276px}
		#conditions, #visitUs { background-image:url('../images/bottomBG.gif'); background-color:#444; background-repeat:repeat-x; width:312px; height:276px;}
		#conditions, #homePageBottom img { float:left; }
			#conditionsList { float:right; width:280px; list-style:none; }
				#conditionsList li { float:left; margin:0;display:inline; width:130px; }
					#conditionsList li a { color:#fff; text-decoration:none; font-size:11px; }
					#conditionsList li a:hover { color:#ff6600; }
			
	#page_content { }
		#topmenu { background:url('../images/navsec_bg.gif') repeat-x; height:38px; }
			#topmenu li { display:inline; margin:10px 0 0 10px; padding:5px 5px 0 5px; }
				#topmenu li.current {text-decoration:none; color:#ff6600; font-size:11px; font-weight:bold; line-height: 38px;}
				#topmenu li a, #topmenu li a:visited 
				{text-decoration:none; color:#fff; font-size:11px; font-weight:bold; line-height: 38px;}
				#topmenu li a:hover 
				{text-decoration:none; color:#ff6600; font-size:11px; font-weight:bold; line-height: 38px;}
				
		#submenuBox { width:186px; float:left; }
		#submenu { width:176px; font-size:12px; margin-top:20px; float:left; }
			#submenu span {
	color:#ff6600;
	font-weight:bold;
	font-size:1.1em;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
#submenu p {color:#ff6600; padding:0; font-weight: bold; font-size:.9em;}
			#submenu ul { padding-top:5px; }
				#submenu li { padding:.2em 0 .3em 0; text-align:left; }
				#submenu a { color:#393939; text-decoration:none; font-size:1.2em; font-weight:bold;}
				#submenu a:hover { color:#ff6600; text-decoration:none; }
				#submenu .current { color:#ff6600; }
	
     	#pageinfo_new { font-size:11px; width:690px; float:right; padding-top:18px; padding-left:20px; }

			#pageinfo_new strong { font-weight:bold; }
			#pageinfo_new h1, #pageinfo_new h2, #pageinfo_new h3, #pageinfo_new h4, #pageinfo_new h5 { margin:5px 5px; color:#ff6600; } 
			#pageinfo_new h2 { margin-bottom:10px; }
			#pageinfo_new ol { list-style: decimal outside; padding-left:5px; }
				#pageinfo_new ol li { margin-bottom:5px; }
			#pageinfo_new ul { list-style: disc outside; padding-left:5px; }
				#pageinfo_new ul li { margin-bottom:5px; }

        #pageinfo_new_foot { font-size:11px; width:690px; float:right; margin-top:18px; padding-top:18px; padding-left:0px; border-top:solid black 1px;}

			#pageinfo_new_foot strong { font-weight:bold; }
			#pageinfo_new_foot h1, #pageinfo_new_foot h2, #pageinfo_new_foot h3, #pageinfo_new_foot h4, #pageinfo_new_foot h5 { margin:5px 5px; color:#ff6600; } 
			#pageinfo_new_foot h2 { margin-bottom:10px; }
			#pageinfo_new_foot ol { list-style: decimal outside; padding-left:5px; }
				#pageinfo_new_foot ol li { margin-bottom:5px; }
			#pageinfo_new_foot ul { list-style: disc outside; padding-left:5px; }
				#pageinfo_new_foot ul li { margin-bottom:5px; }

			
		#pageinfo {
	font-size:11px;
	width:450px;
	float:left;
	padding-top:18px;
	padding-left:20px;
	background: url('../images/sideshadow.jpg') no-repeat;
	position: relative;
}

		#List{
	padding-left:0;}
			#pageinfo strong { font-weight:bold; }
			#pageinfo h1, #pageinfo h2, #pageinfo h3, #pageinfo h4, #pageinfo h5 { margin:0; color:#ff6600; } 
			#pageinfo h2 {
	margin-bottom:10px;
	font-size: 2em;
	color: #333333;
}
			#pageinfo ol { list-style: decimal outside; padding-left:5px; }
				#pageinfo ol li { margin-bottom:5px; }
			#pageinfo ul { list-style: disc outside; padding-left:5px; }
				#pageinfo ul li { margin-bottom:5px; }
				
		#rightSubMenu {
	float:right;
	width:221px;
	text-align:right;
	padding-top:8px;
}
				
		div.news-item { padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px; }
			span.date { color:#ccc; padding-left:5px; }
			div.news-item a { color: #57a6d6; text-decoration:none; padding-left:80px; }
			
			#pageinfo a { text-decoration:none; color:#ff6600; font-weight:bold; }
			#pageinfo a:hover { color:black; }
			
#footer { margin-left:auto;margin-right:auto;width:900px; text-align:left; margin-top:13px; color:#a4a4a4; font-size:10px; padding-bottom:30px; }
    #footer .address { width:700px; float:left; }
	#footer a { color:#fff; text-decoration:none; }
	#footer a:hover { color:#a4a4a4; }
	#footerNav { float:left; width:700px; list-style:none; }
		#footerNav li { float:left; margin:0;display:inline; padding-right:5px; }
		#footerNav a { color:#ff8d00; }
		
	#footer span { float:right; }
	
label { width:100px; text-align:left; display:block; float:left; padding-top:5px; padding-right:5px;}

.Col2
{
	float:right;
	margin: 0 0 0 0;
	width:315px;
	
	
	
}

.Col1
{
	float:left;
	margin: 0;
	width:585px;}
.LatestEvents
{
	height: 300px;
	border-left:1px solid #323232;
	position: relative;	
}
.LatestEvents h2, .LatestBlog h2
{margin:0; padding: 20px 0 0 15px}
.LatestBlog h2
{color:#000000;}
.LatestEvents h3, .LatestBlog h3
{font: 2em;}
.LatestEvents h3 a
{color:#FFFFFF; text-decoration:none; font-weight:bold;}
.LatestBlog h3 a
{color:#000; text-decoration:none; font-weight:bold;}
.LatestEvents h3 a:hover
{color:#ccc; text-decoration:none; font-weight:bold;}
.LatestBlog h3 a:hover
{color:#666; text-decoration:none; font-weight:bold;}
.LatestEvents p
{
	color:#FFFFFF;
	padding: 0;
}
.LatestBlog p
{
	color:#000;
	padding: 0;
}
.LatestEvents p.Details, .LatestBlog p.Details
{color:#FF6600; padding:0;}
.LatestEvents ul li, .LatestBlog ul li
{	padding-left:15px;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 5px;
}

.LatestBlog
{
	background :url('../images/sideshadow.jpg') no-repeat;
	position: relative;
}

.LatestProducts
{position:relative;
background :url('../images/front_shadow2.gif') no-repeat 100% 0;}
.LatestProducts ul
{padding-top: 20px; margin-bottom: 20px;	
}
.LatestProducts ul li
{float:left; display:inline;	
}
.LatestProductsList li
{width: 130px; margin-right: 15px;}

.LatestProductsList li a img 
{	border:4px solid #ccc;
 }
.LatestProducts h2
{margin:0; padding-top: 20px; }
 .LatestProducts h3
 {
	padding: .3em 0;
	font-size: 1.2em;
}
 .LatestProducts h3 a
 {color:#ff6600; text-decoration:none; font-weight:bold; }
 
  .LatestProducts p
 {line-height:1.2em; padding:0; font-size: 1em; }
 
 .BottomPromos
{background :url('../images/mid_shadow.jpg') no-repeat;} 

 .BottomPromos a img
 {padding: 0; display:inline;}
  .BottomPromos img
  {}
 
 /*Large Buttons*/
.BtnShadow
{background: url(../images/btn_shadow.png) no-repeat 50% 100%; padding-bottom: 6px; padding-top: 6px;}
a:link.Btn, a:visited.Btn  
{display:block; background: url(../images/btn_bg.gif) repeat-x 0 0; line-height: 31px; width: 128px;border: solid #FD5D06 1px; text-align: center; font-weight: bold; color: #FFFFFF; text-decoration:none;}
a:hover.Btn  
{display:block; background: url(../images/btn_bg.gif) repeat-x 0 -31px; line-height: 31px; border: solid #FD5D06 1px; text-align: center; font-weight: bold; color: #fff;}
a:link.WideBtn, a:visited.WideBtn  
{display:block; background: url(../images/btn_bg.gif) repeat-x 0 0; line-height: 31px; width: 443px;border: solid #FD5D06 1px; text-align: center; font-weight: bold; color: #FFFFFF; text-decoration:none;}
a:hover.WideBtn  
{display:block; background: url(../images/btn_bg.gif) repeat-x 0 -31px; line-height: 31px; border: solid #FD5D06 1px; text-align: center; font-weight: bold; color: #fff;}

.TopShoppingCart {position:absolute; top: 37px; right: 0; text-align:right; padding-left: 55px; background: url(../images/cart_icon.gif) no-repeat 0 50%; height: 36px; line-height: 1.5em;}
.TopShoppingCart a, .TopShoppingCart a:visited {color: #666666; text-decoration:none;}
.TopShoppingCart a:hover {color: #ff6600; text-decoration:none;}

.TopShoppingCart a.Item, .TopShoppingCart a.Item:visited {color: #ff6600; font-weight:bold; font-size: 1.2em;}
.TopShoppingCart a.Item:hover {color: #333; font-weight:bold; font-size: 1.2em;}


/* Paging styles */
li.Page p
{padding: 10px 0 10px 15px;text-align:right;  padding-left: 15px; float: right; }
p.Paging
{position:absolute; top: 19px; right:20px;}
.Paging a, .Paging a:visited
{font-weight: bold; color:#ff6600; text-decoration: none; padding-left: .3em; padding-right: .3em;}
.Paging a:hover
{font-weight: bold; color:#999999; text-decoration: none; }
.Selected a
{color: #FF0066;}


.Listpage 
{width:485px; float:left; position: relative;}
.Listpage h2 
{margin:0;}

.Blog ul li 
{position:relative; background : url(../images/blog_post_bg.jpg) repeat-x 0 0 #211D1E; zoom:1; padding: 0 20px 20px 20px; vertical-align: bottom;}
.Blog h2 {width: 485px; height:158px; text-indent:-9999px; background : url(../images/blog_banner.jpg) no-repeat;}
.Blog ul li h3 {padding: 25px 15px 0 55px; text-transform:none; font-size: 1.8em; color: #FFF;}
.Blog ul li h3 a, .Blog ul li h3 a:visited {color: #FFFFFF;} 
.Blog ul li h3 a:hover {color: #666;} 
.Blog ul li h4 {color: #CCCCCC;}
.Blog ul li p {color:#FFFFFF;}
.Blog p.Details {padding:.3em 15px .5em 55px; color:#ff6600; font-weight:bold; }
.Blog ul li p.BlogDate {font-size: .9em; padding-top: 0; font-weight: bold; color:#FF6600;}
.Blog a.Rss
{position:absolute; right: 16px; top: 82px; height: 50px; width:50px; background :url(../images/blog_rss.png) no-repeat; text-indent:-9999px;}
.Blog ul li.Paging 
{ padding-bottom:40px; margin:0;}
.Blog p.Paging
{position:absolute; top: 5px; right:20px; font-size: 1em; font-weight: bold; color:#fff;}
.Blog .BlogComments h3
{ padding-left:0; color: #999999;}
li.Avatar 
{float:left; display: inline; height: 40px; width: 55px; padding:0; background: none;}
li.CommentText
{float:left; display: inline; width: 390px; padding: 0; background: none; }
ul.Comment 
{padding-top: 20px;	padding-bottom: 10px;}
.Blog .BlogComments ul li 
{padding:0; border-bottom: 1px solid #323232; background:none;}
.Blog .BlogComments ul li li
{border-bottom: none;}
.Blog .BlogComments ul li.CommentReply 
{
	padding-top: 20px;
	border-bottom: none;
}
.CommentTextBox
{margin:15px 0; width: 430px; height: 120px; padding: 5px; color: #716F61; font : 120% Arial, sans-serif;}
.CommentButton
{background : url(images/comment_btn.gif) no-repeat; padding: 0; display:inline; height: 33px; width: 183px; border: none; margin-right: 15px; margin-bottom: 15px;}


.Event {background: url('../images/sideshadow.jpg') no-repeat;}
.Event ul li 
{
	position:relative;
	zoom:1;
	padding: 0 20px 20px 20px;
	vertical-align: bottom;
	background: url('../images/event_shadow.jpg') 50% 0 no-repeat #f4f4f4;
}
.Event h2 {width: 485px; height:158px; text-indent:-9999px; background : url(../images/events_banner.jpg) no-repeat;}
.Event ul li h3 {padding: 20px 15px 0 0; text-transform:none; font-size: 1.8em;}
.Event ul li h3 a, .Event ul li h3 a:visited {color: #333;}
.Event ul li h3 a:hover {color: #666666;}
.Event ul li h4 {color: #CCCCCC;}
.Event ul li p {color:#444;}
.Event p.Details {padding:.3em 15px .5em 0; color:#ff6600; }
.Event a.Rss
{position:absolute; right: 16px; top: 82px; height: 50px; width:50px; background :url(../images/blog_rss.png) no-repeat; text-indent:-9999px;}
.Event ul li.Paging 
{ padding-bottom:40px; margin:0; }
.Event p.Paging
{position:absolute; top: 5px; right:20px; font-size: 1em; font-weight: bold;}



p.Details 
{padding:.3em 15px .5em 0; color:#ff6600; }
p.Details a, p.Details a:visited
{color:#CCC; font-weight:bold;}
p.Details a:hover
{color:#ff6600; font-weight:bold;}
.Posted 
{background : url(../images/pencil.gif) no-repeat 5px 0; padding-left: 25px; color: #FF6600}
p.More a, p.More a:visited 
{color: #FF6600; font-weight:bold;}
p.More a:hover 
{color: #999999; font-weight:bold;}
.Date 
{background : url(../images/date_sticker.png) no-repeat; width: 52px; height: 50px; position:absolute; left: 15px; top:20px; font-weight:bold; color:#FFFFFF; text-align: center;font-size: 1.2em; line-height: 14px; padding-top:11px;}

.BottomPromos ul li 
{float:left; width: 290px; padding-top: 20px;}
.BottomPromos ul li p {padding-top: 3px;}
.BottomPromos p a{font-weight:bold;}