/* CSS Document */

body{
	padding:0;
	margin:0;
	color:#434343;
	background-color: #fff;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header start--------------------*/
#header{
	width:778px;
	height:142px;
	position:relative;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: 0 32px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header img{
	background:url(images/logo.gif) 0 0 no-repeat;
	width:236px;
	height:28px;
	position:absolute;
	left:497px;
	top:83px;
}
#header h1{
	display:block;
	background:url(images/slogan.gif) 0 0 no-repeat;
	width:183px;
	height:24px;
	text-indent:-10000px;
	position:absolute;
	left:497px;
	top:127px;
}
#header a.home{
	background:url(images/home_icon.gif) 0 0 no-repeat;
	width:19px;
	height:18px;
	position:absolute;
	left:16px;
	top:5px;
}
#header a.home:hover{
	background:url(images/home_icon_hover.gif) 0 0 no-repeat;
}
#header a.mail{
	background:url(images/mail_icon.gif) 0 0 no-repeat;
	width:19px;
	height:18px;
	position:absolute;
	left:37px;
	top:5px;
}
#header a.mail:hover{
	background:url(images/mail_icon_hover.gif) 0 0 no-repeat;
}
#header a.sitemap{
	background:url(images/sitemap_icon.gif) 0 0 no-repeat;
	width:19px;
	height:21px;
	position:absolute;
	left:58px;
	top:12px;
}
#header a.sitemap:hover{
	background:url(images/sitemap_icon_hover.gif) 0 0 no-repeat;
}
#header form{
	width:275px;
	height:33px;
	position:absolute;
	left:81px;
	top:12px;
	background:url(images/form_bg.gif) 0 0 no-repeat;
	padding:0 0 0 0;
}
#header form input{
	width:118px;
	height:15px;
	background-color:#fff;
	border:#2F2F2F solid 1px;
	color:#000;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	margin:2px 0 0 26px;
}
#header form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:23px;
	height:15px;
	border:none;
	cursor:pointer;
	padding:0;
	margin:0;
}
#header ul{
	width:310px;
	height:32px;
	position:absolute;
	left:423px;
	top:0;
}
#header ul li{
	float:left;
	margin:0;
}
#header ul li a{
	display:block;
	width:94px;
	height:32px;
	color:#fff;
	text-transform:capitalize;
	text-align:center;
	text-decoration:none;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
	font-weight: bold;
	background-color: #0D0D0D;
	background-image: url(images/nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#header ul li a:hover{
	color:#333;
	background-color: #CF0;
	background-image: url(file:///F|/Web%20Site%20Design/Eskis%20Sports/152x/html/images/nav_hover.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header ul li.archive{
	display:block;
	padding:0 23px 0 24px;
	font:bold 12px/45px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:capitalize;
	background:url(images/nav_hover.gif) 0 0 no-repeat #760101;
	float:left;
}

/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body start--------------------*/
#body{
	width:845px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}
/*------------------------------------------------left panel start--------------------*/
#left{
	width:203px;
	float:left;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #FFF;
	text-align: center;
}
#left h2{
	display:block;
	width:158px;
	height:24px;
	background:url(images/more_link_icon.gif) 0 4px no-repeat #fff;
	padding:0 0 0 29px;
	border-bottom:#EFEFEF solid 3px;
	font:normal 22px/24px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 13px 0;
}
#left ul{
	width:188px;
	margin:0;
	padding:0;
	text-transform: uppercase;
	text-align: left;
}
#left ul li{
	background:url(images/arrow.gif) 0 7px no-repeat;
	padding:0 0 0 13px;
	margin:0;
	float:left;
}
#left ul li a{
	display:block;
	width:173px;
	color:#FFF;
	background-color:#074E4B;
	text-decoration:none;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-indent: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #FFF;
}
#left ul li a:hover{
	background-color:#EFEFEF;
	color:#213F02;
}
#left h2.contact{
	display:block;
	width:167px;
	height:38px;
	background:url(images/contact_bg.gif) 0 0 no-repeat #fffff1;
	padding:0 0 0 16px;
	font:normal 22px/38px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	margin:25px 0 3px 0;
	border:none;
}
#left form.con{
	width:158px;
	background-color:#004A4A;
	color:#8AD2D2;
	padding:7px 12px 0 13px;
	margin:0;
	float:left;
}
#left form.con label{
	width:155px;
	font:bold 11px/26px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
}
#left form.con input.txtbox{
	width:156px;
	height:15px;
	background-color:#fff;
	border:#002222 solid 1px;
	color:#000;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	margin:0;
	float:left;
}
#left form.con textarea{
	width:156px;
	height:65px;
	background-color:#fff;
	border:#002222 solid 1px;
	color:#000;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	margin:0 0 18px 0;
	float:left;
}
#left form.con img.reset{
	width:47px;
	height:11px;
	margin:0 5px 0 0;
	border:none;
	cursor:pointer;
	float:right;
}
#left form.con input.submit{
	background:url(images/btn_submit.gif) 0 0 no-repeat;
	width:50px;
	height:11px;
	margin:0;
	float:right;
	border:none;
	cursor:pointer;
}
#left p.bot{
	background:url(images/contact_bot.gif) 0 0 no-repeat;
	width:183px;
	height:26px;
	margin:0;
	padding:0;
	float:left;
	font-size:0;
}
/*------------------------------------------------left panel end--------------------*/

/*------------------------------------------------mid panel start--------------------*/
#mid{
	width:184px;
	padding:0;
	background-color:#FFFBEE;
	color:#5F5326;
	border-bottom:#E8E2CF solid 1px;
	float:left;
}
#mid p.top-pic{
	display:block;
	width:184px;
	height:39px;
	margin:0;
	padding:0;
	float:left;
	background-color: #ECF5FF;
	background-repeat: no-repeat;
	background-position: 0 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#mid h2.event{
	display:block;
	width:139px;
	height:32px;
	background:url(images/event_icon.gif) 19px 9px no-repeat #fff;
	padding:0 0 0 45px;
	margin:0;
	font:normal 22px/32px Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	border:none;
}
#event{
	width:176px;
	background-color:#ECF5FF;
	color:#5F5326;
	float:left;
	font-size: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-align: center;
	margin: 0px;
}
#event p{
	margin:0 0 18px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
}
.img1 {
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 1px;
	padding: 4px;
}

#event p b{
	display:block;
	width:170px;
}
#event p span{
	display:block;
	width:178px;
	font:bold 11px/38px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#004747;
	background-color:#ECF5FF;
}
#event p.text2{
	width:155px;
	font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 0;
}
#event p.more-bg{
	display:block;
	width:41px;
	height:11px;
	font-size:0;
	background:url(images/more_div.gif) 0 0 repeat-x;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 102px;
}
#event p.more-bg a{
	display:block;
	background:url(images/btn_more.gif) 0 0 no-repeat;
	width:42px;
	height:11px;
}
#event p.more-bg a:hover{
	background:url(images/btn_more_hover.gif) 0 0 no-repeat;
}
#mid h2.service{
	display:block;
	width:139px;
	height:32px;
	background:url(images/service_icon.gif) 19px 9px no-repeat #fff;
	margin:0;
	font:normal 22px/32px Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	border:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 45px;
}
#service{
	width:144px;
	background-color:#ECF5FF;
	color:#333;
	padding:4px 19px 45px 19px;
	float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#service p{
	width:139px;
	color:#333;
	background-color:#ECF5FF;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
/*------------------------------------------------mid panel end--------------------*/

/*------------------------------------------------right panel start--------------------*/

/*------------------------------------------------right panel end--------------------*/
#right{
	width:347px;
	padding:18px 0 0 14px;
	float:left;
}
#right h2{
	display:block;
	width:342px;
	color:#666;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}
#right h2 span{
	color:#B00000;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}
#right p{
	font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#434343;
	background-color:#fff;
	margin:0 0 10px 0;
}
#right p a{
	width:105px;
	height:10px;
	background:url(images/about_us_border.gif) repeat-x #fff;
	background-position:bottom;
	color:#434343;
	text-decoration:none;
}
#right p a:hover{
	background-image:none;
	background-color:#F9F0D3;
	color:#264100;
}
#right p a.dash{
	width:147px;
	height:auto;
	background:url(images/about_us_border.gif) repeat-x #fff;
	background-position:bottom;
	color:#434343;
	text-decoration:none;
}
#right p a.dash:hover{
	background-image:none;
	background-color:#F9F0D3;
	color:#264100;
}
#right h2.green2{
	display:block;
	width:322px;
	background:url(images/star_icon.gif) 0 3px no-repeat;
	padding:0 0 0 20px;
	color:#4B7D03;
	background-color:#fff;
	text-transform:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
}
#right p.bold{
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#565656;
	background-color:#fff;
	margin:12px 0 16px 0;
}
#right p.more-green{
	display:block;
	width:42px;
	height:11px;
	font-size:0;
	background:url(images/more_div2.gif) 0 0 repeat-x;
	margin:0 0 12px 0;
	padding:0 0 0 299px;
}
#right p.more-green a.more2{
	display:block;
	background:url(images/more_green.gif) 0 0 no-repeat;
	width:42px;
	height:11px;
	text-decoration:none;
}
#right p.more-green a.more2:hover{
	background:url(images/more_green_hover.gif) 0 0 no-repeat;
}
#right h2.special{
	display:block;
	width:330px;
	font:normal 22px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-transform:none;
	border-bottom:#272727 dashed 1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 0;
}
#right h2.special span{
	font:normal 22px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#B00000;
	background-color:#fff;
}
#new {
	background-color: #ECF5FF;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-left: 207px;
	width: 610px;
	margin-top: 44px;
	padding: 10px;
}

#right ul{
	width:342px;
	margin:0;
	padding:0;
}
#right ul li{
	background:url(images/arrow2.gif) 0 9px no-repeat;
	padding:0 0 0 13px;
}
#right ul li a{
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#212121;
	background-color:#fff;
	text-decoration:underline;
}
#right ul li a:hover{
	color:#264100;
	background-color:#EFEFEF;
	text-decoration:none;
}
#right p.l-green{
	width:315px;
	background-color:#F4FFE9;
	border:#D3E3C2 solid 1px;
	padding:17px 10px 20px 14px;
	font:bold italic 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#486927;
	margin:11px 0 11px 0;
}
#right p.banner{
	width:141px;
	height:31px;
	background:url(images/banner.gif) 0 0 no-repeat;
	padding:53px 0 0 200px;
}
#right p.banner a.supp{
	display:block;
	background:url(images/supp_chat.gif) 0 0 no-repeat;
	width:113px;
	height:19px;
}
#right p.banner a.supp:hover{
	background:url(images/supp_chat_hover.gif) 0 0 no-repeat;
}
	
/*------------------------------------------------body end--------------------*/
/*------------------------------------------------footer start--------------------*/
#footer-main{
	width:100%;
	height:114px;
	padding:0 0 0 0;
	background-color:#333;
	color:#fff;
}
#footer{
	width:778px;
	height:114px;
	margin:0 auto;
	position:relative;
	background-repeat: no-repeat;
	background-position: 63px;
	background-image: url(images/site_design_logo1.png);
}
#footer ul{
	width:465px;
	margin:0;
	padding:0;
	position:absolute;
	left:310px;
	top:22px;
}
#footer ul li{
	margin:0;
	float:left;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#333;
}
#footer ul li a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#333;
	text-decoration:none;
	padding:0 12px 0 12px;
	text-transform:capitalize;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li.home2{
	padding:0 12px 0 12px;
	float:left;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#333;
	text-transform:capitalize;
}
#footer p.copyright{
	color:#0CF;
	background-color:#333;
	position:absolute;
	left:319px;
	top:45px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	text-transform: uppercase;
	width: 302px;
}
#footer a.xht{
	display:block;
	width:50px;
	height:11px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:650px;
	top:41px;
	padding:0;
	margin:0;
	float:left;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs{
	display:block;
	width:39px;
	height:11px;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:705px;
	top:41px;
	padding:0;
	margin:0;
	float:left;
}

#footer a.cs:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer p.design{
	display:block;
	height:15px;
	position:absolute;
	left:336px;
	top:62px;
	font:bold 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7DD500;
	background-color:#655A37;
	text-align:center;
	text-transform:uppercase;
}
#footer a.link{
	width:93px;
	font:bold 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#004A4A;
	padding:0 3px 0 3px;
	text-decoration:none;
	text-transform:uppercase;
}
.text33 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #C00;
}
.text64 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}
.strore_hour_cells {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #FFF;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	background-color: #900;
}
.strore_hour_cells2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #FFF;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	background-color: #004F4F;
}

.text77 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #609E27;
	border: 1px solid #CCC;
	padding: 2px;
	line-height: 34px;
}
.store_hours {
	font-family: Verdana;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #FFF;
}

.text44 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #090;
	text-transform: uppercase;
}

#footer a.link:hover{
	color:#fff;
	background-color:#0F2F2F;
}
/*------------------------------------------------footer end--------------------*/
.directions {
	width: 750px;
	padding: 10px;
	border: 1px solid #CCC;
	display: block;
}
