* { margin:0; padding:0;}
html, body { height: 100%; }
body { overflow-y:auto; overflow-x: hidden; position:relative;font-size:100%; font-family:Arial; background: url('/images/carbones_bg.jpg'); }

div#main { 

	width: 980px; 
	margin: 0 auto; 
	background: #fff; 
	font-family: Arial;
	padding-bottom: 50px;
}
div#wrapper { width: 645px; margin: 0 auto; }
div#logo_top { height:77px; width: 238px; background: url('/images/logo_top.jpg') no-repeat;}
div#header { height: 258px; background: url('/images/header_image.jpg') no-repeat; }
div#tab_nav { padding-bottom: 5px; }
div#content { width: 800px; margin: 0 auto; }
div#right_nav { color: #777; width: 300px; text-align: right; margin-top: 50px; }
div#right_nav a, div#right_nav:visited { color: #777;  }
div#right_nav a:hover { color: #999;}
.cb { clear: both; }
.fr { float: right; }
.fl { float: left; }
#tab_nav img { float: left; margin-left: 5px; }
#online_ordering { 
	color: #fff; 
	height: 151px; 
	width: 145px; 
	padding: 5px;
	float: left;
	margin-left: 5px;
	background: url('/images/online_ordering_tab.jpg') no-repeat;
}
#online_ordering h3 { text-align: center; font-weight: bold; font-size: 1em; }
#online_ordering span { color: #ed1c24; font-size: 11px; }
#online_ordering a, #online_ordering a:visited { color: #fff; font-size: 9px;}
#news_tab a, #news_tab a:visited { color: #fff;}
#online_ordering a:hover, #news_tab a:hover { color: #ffffcc;}
#online_ordering p { line-height: 10px;}
#news_tab {
	color: #fff;
	height: 151px; width: 145px;
	padding: 5px;
	margin-left: 5px;
	background: url('/images/news_tab.jpg') no-repeat;
	float: left;
}
#news_tab h3 { text-align: center; font-size: 1.5em; font-weight: bold; }
#news_tab p { padding: 0 5px 5px 5px; }
#news_tab ul { margin-left: 25px; line-height: 12px; font-size: 12px; }

#news_tab ul li { margin-bottom: 10px;}
#body_copy { margin: 15px 85px 15px 105px; }
#body_copy h2 { font-size: 1.25em; font-weight: bold; }
#body_copy p { font-size: 0.8em;  margin: 5px; padding: 5px; line-height: 1em;  }

#footer { 
	width: 645px; 
	height: 20px; 
	padding-top: 44px;
	margin: 0 auto; 
	text-align: center; 
	font-size: 12px;
	color: #777;
	background: url('/images/footer_banner.jpg') no-repeat;
}

img {border:0; vertical-align:top; text-align:left;}

.inner {width:100%; overflow:hidden; padding:0 0 20px 0}

#mapwrapper { 
	background: #ddd; 
	padding: 5px; 
	border: 1px solid #777;
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px;
	}

#store_list h3 { text-align: center; margin-bottom: 5px;}
.store {
	padding: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border: 1px solid #222;
}
.store_name { float: left; width: 80%; font-weight: bold;}
.store_distance { float: right; text-align: right; width: 20%; font-size: 0.75em;}
.store_address { margin: 5px 0 5px 15px; font-size: 0.75em; }
.store_address ul {  list-style-type: disc; }
.store_address ul li { float: left; margin-left: 15px; }
.store_address ul li.first { list-style: none; margin: 0 5px 0 0;}
.store_phone { font-size: 0.75em; }

#your_location { 
	height: 60px; 
	padding: 5px 5px 10px 61px; 
	background: #99cc99 url('/images/you_are_here.jpg') no-repeat 5px 50%;
	border: 2px solid #005500; 
	color: 003300; 
}

#store_list ol {
	margin-left: 25px;
}

.fr { float: right; }
.fl { float: left; }
.cb {clear: both; }
.odd { background: #eee; }
.even { background: #fff; }

#store_list { color: #555; font-size: 0.8em; }
.store_highlight { padding:0; }
.store_highlight:hover { color: #000; background: #ffffcc; }
.store_highlight:hover a { color: #ff5555; }

#suggested_store { padding: 5px; font-size: 1em; }

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

.post { 

	padding: 5px; 
	background: #e1e1e1 url('/images/post_bg.jpg') repeat-x; 
	border: 1px solid #999; 
	margin: 10px 0;
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px;
}
.post h2 { margin-bottom: 15px; margin-top: 0; }
.post h2 span { display: block; }
.post h2 span.fl { width: 60%; padding-left: 5px;}
.post h2 span.fr { width: 30%; text-align: right; padding-right: 5px;}
.post .date { font-weight: normal; font-style: italic; color: #777;}
.post p {font-size: 1em; margin-bottom: 10px;  }

.post a, .post a:visited { color: #ed1c24; }
.post a:hover { background: #ed1c24; color: #fff; }