/* CSS Reset
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}


/* CSS Begin
----------------------------------------------------------------------------------------------------*/
h1 { /* Storename */
 font-size: 1.3em;
 font-weight: bold;
 margin: 0 0 5px 0;
}

a { color: #ff3600;}

a:hover {
 text-decoration: none;
}

h1 a{
 font-size: 1.3em;
 text-decoration: none;
}

h1 a:hover {
 text-decoration: underline;
}


/* header.jsp
----------------------------------------------------------------------------------------------------*/
body {
 font-family: Geneva, ‘Lucida Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
 font-size: 12px;
 color: #46473d;
 line-height: 1.1;
 min-width: 960px;
 text-align: center;
 width: 100%;
 background: #dd6207 url(../images/portal/bodybg.jpg) top left repeat-x;
}

#container { width: 920px; height: auto; margin: 0 auto; background: url(../images/portal/storebg.gif) bottom left no-repeat;}

#wrapper { width: 836px; margin-right: 101px; }
/* HEADER */
#header { height: auto; padding: 5px 0 0 60px; text-align: center;}


/* MAIN CONTENT */
#content {
 margin-left: 101px;
 text-align: left;
 width: 735px;
 height: auto;
}

#stores{
 width: 100%;
}

#locationwrapleft{
 float: left;
 width: 360px;
 background: transparent url(../images/portal/locationwrapbg.gif) left bottom no-repeat;
}

#locationwrapright{
 float: left;
 width: 360px;
  background: transparent url(../images/portal/locationwrapright.gif) right bottom no-repeat;
}

.location{
 width: 320px;
 margin: 20px 20px 20px 20px;
 background: #FFF;
}

.address{
 margin: 0 20px 5px 20px;
 padding: 10px 0 0 0;
 width: 280px;
}

.address font{
 padding-left: 20px 0 0 0;
}

.address img {
 float: left;
 margin-right: 7px;
}

.hours{
 margin: 5px 0 10px 20px;
 padding-left: 10px;
 width: 280px;
}

.hours p, .review p{
 font-weight: bold;
 margin-bottom: 5px;
}

.review {
 margin: 5px 0 10px 20px;
 padding-left: 10px;
 width: 280px;	
}

.review li { float: left; display: inline; margin-right: 7px;}

.yelpBtn, .googleBtn, .mantaBtn { 
	height: 32px; padding-left: 37px; color: #46473D; font-weight: bold; text-decoration: none; font-size:1.2em; line-height: 200%; 	
	text-align: left; display: block; float: left;
}

.yelpBtn:hover , .googleBtn:hover , .mantaBtn:hover { color: #FF3600; }

.yelpBtn { background: url(../images/yelp.gif) 0 0 no-repeat; }
.googleBtn { background:url(../images/google.gif) 0 0 no-repeat; }
.mantaBtn { background:url(../images/manta.gif) 0 0 no-repeat;}

#divider{
 float: left;
 width: 15px;
}

.orderonline{
 margin: 4px 0 21px 92px;
}


/* footer.jsp
----------------------------------------------------------------------------------------------------*/
#footer{
 background: #FFF url(../images/footerbg.jpg) top left repeat-x;
 height: 80px;
 padding: 10px 0 0 0;

}

#footerwrap{
 width: 900px;
 margin: 0 auto;
}

#footercontent{
 text-align: left;
}

.icon{
 margin: 0 5px 0 21px;
 vertical-align: middle;
}

#credit p{
 padding: 10px 0 0 0;
 color: #111;
 position: relative;
}

#credit img{
  position: absolute;
  right: 0;
}