/* 
-----------------------------------------------
  bluecoastburrito.com
  Global Site Styles :)
  updated 3.04.2006 - Joel Steidl
  created by Paramore/Redd Online Marketing
----------------------------------------------- */

/*-------------------Redefine some tags-----------------------------------*/
body{
	background: #CC6270 url(../images/logo_bg.jpg) repeat-x center top;
	margin: 0px;
	padding: 0px;
}

/*-------------------Logo across the top-----------------------------------*/
#logoarea{
	margin: 0px;
	padding: 0px;
	height: 107px;
	width: 100%;
	background: url(../images/bcb_logo.jpg) no-repeat scroll center center;
	text-align: center;
	position: relative;
	z-index:50;
}
#logoarea h1{
	display: none;
}

/* Calculator styles */
#overlay, #overlayWrapper { position:absolute;top:100px;left:0; width:100px; height:100px; display:none; }
#overlay { background-color:#000; z-index:300; }
#overlayWrapper { z-index:400; }
#overlayClose { float:right; color:#fff; padding: 5px 10px 0 0; }
#calculator { width:900px; margin:20px auto; background-color:#949aab; border:3px #e2d5a8 solid; }
#calculator h4 { background-color:#e2d5a8; text-align:left; text-transform:uppercase; letter-spacing:2px; margin:0; padding:2px 3px 0px; }
#calculatorItems { width:694px; float:left; border-right:3px #e2d5a8 solid; background-color:#6d7383; }
#calculatorResults { width:200px; float:left; padding-top:10px; }
#calculatorResults p { margin:0; padding:0 }
#calculatorResults p.large { font-size:30px; font-family:Verdana,Geneva,sans-serif; color:#11524a; }
#additionalInfo { margin-top:10px; }
#additionalInfo h4 { font-size:12px; letter-spacing:0; width:160px; margin-left:16px; font-family: Arial, Helvetica, sans-serif; text-align:center; }
/* #additionalInfo div { display:none; } */
#additionalInfo div input { background-color:#949aab; border:none; }
.food { float:left; margin-right:1px; padding:5px 20px; font-family:Verdana,Geneva,sans-serif; font-size:12px; background:url(../images/radio-off.jpg) no-repeat; }
.on { background:url(../images/radio-on.jpg) no-repeat; color:#111; }
.clearer { clear:both; }
/* END Calculator styles */

a.logolink
{
	display: block;
	height: 100px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#order{ position: relative; left: 280px; top: 5px; }

/*-------------------The shell a.k.a the Burrito-----------------------------------*/
#container{
	margin: 0px auto;
	padding: 0px;
	width: 770px;
	background: url(../images/main_bg.jpg) no-repeat 0px 0px;
	height: 638px;
}


/*-------------------The All Important Navigation-----------------------------------*/
#leftcolnav{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 638px;
	width: 335px;
}
#nav{
	margin: 40px 0px 0px;
	padding: 0px;
	width: 335px;
	height: 400px;
	background: url(../images/navigation.gif) no-repeat 40px 15px;
	float: left;
	font-size: 0;
}

#nav ul{
	margin:  0px;
	padding: 27px 0px 0px 35px;
	list-style: none;
}
#nav li{
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 235px;
}

#nav li a{
	display: block;
	height: 35px;
	width: 235px;
}

#nav li a:hover, #nav li#current{
	margin: 0px;
	padding: 0px;
	background: url(../images/nav_arrow.gif) no-repeat left center;
}

#nav li a span{
	display: none;
}

a.signs{
	display: block;
	width: 140px;
	height: 140px;
	padding: 0px;
	margin: 0px 8px 0px 0px;
	float: left;
}

a.signs span{
	display: none;
}

/* The new, much better nav by MMA */
#navBoard{
	margin: 40px 0px 0px;
	padding: 0px;
	width: 335px;
	height: 400px;
	float: left;
	font-size: 0;
}
#navPad{ padding: 0px 35px; }
.bluebar{
  width: 204px;
  height: 5px;
  margin: 8px 0px 8px 22px;
  background: url(../images/bluebar.gif);
}
#navBoard a{
  display: block;
  height: 36px;
  padding-left: 30px;
}
#navBoard a img{ display: block; border: 0; }
#navBoard a:hover, .current{ background: url(../images/nav_arrow.gif) no-repeat left center; }
.fig1{ display: block; margin-left: 20px; }


/*-------------------The Guts :)-----------------------------------*/
#rightcolcontent{
	margin: 0px;
	padding: 0px;
	height: 638px;
	width: 435px;
	float: left;
}

#productfeatures{
	margin: 10px 0px 0px;
	padding: 0px;
	height: 115px;
	width: 425px;
	float: left;
}

#productfeatures img{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 115px;
	width: 425px;
}

#section-head{
	margin: 20px 0px 0px;
	padding: 0px;
	height: 110px;
	width: 425px;
	float: left;
}
#section-head img{ display: block; margin: 0px auto; }

#section-head-menu{
	background: url(../images/section_head_menu.gif) no-repeat center center;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 110px;
	width: 425px;
	float: left;
}
#section-head-locations{
	background: url(../images/section_head_locations.gif) no-repeat center center;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 110px;
	width: 425px;
	float: left;
}
#section-head-home{
	background: url(../images/section_head_about.gif) no-repeat center center;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 110px;
	width: 425px;
	float: left;
}

#section-head-employment{
	background: url(../images/section_head_employment.gif) no-repeat center center;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 110px;
	width: 425px;
	float: left;
}
#section-head-franchise{
	background: url(../images/section_head_franchise.gif) no-repeat center center;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 110px;
	width: 425px;
	float: left;
}
#section-head-music{
	background: url(../images/section_head_music.gif) no-repeat center center;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 110px;
	width: 425px;
	float: left;
}
#section-head-contact{
	background: url(../images/section_head_contact.gif) no-repeat center center;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 110px;
	width: 425px;
	float: left;
}

#section-head h1,#section-head-menu h1,#section-head-locations h1, #section-head-home h1, #section-head-employment h1,#section-head-franchise h1, #section-head-music h1, #section-head-contact h1{
	display: none;
}

#contentscroll{
	margin: 0px;
	padding: 0px;
	height: 330px;
	width: 415px;
	overflow: auto;
	float: left;
	color: #FFFFFF;
	font: normal 14px 'Georgia', Times New Roman, Times, serif;
}
#contentpad{ padding: 0px 10px 0px 10px; }

#contentscroll h2{
	font: bolder 16px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #6CBDDF;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 1px;
	border-bottom: 3px double #B7CB38;
}


#contentscroll a{
	color: #B7CB38;
	text-decoration: underline;
}
#contentscroll a:hover{
	color: #B7CB38;
	text-decoration: none;
}

#contentscroll dl{
	color: #FFFFFF;
	font: normal 14px/18px 'Georgia', Times New Roman, Times, serif;
	margin: 0px;
	padding: 0px 25px 10px;
}
#contentscroll dt{
	font-weight: bolder;
	color: #6CBDDF;
}
#contentscroll dd{
	padding-bottom: 15px;
}

#contentscroll form{
	margin: 0px;
	padding: 0px 0px 10px 40px;
}

#contentscroll label{
	font: normal 14px/14px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}

#contentscroll input, textarea, select{
	margin: 1px 0px 8px;
	padding: 0px;
}

#contentscroll textarea{
	width: 300px;
}

#contentscroll ul{
	margin: 10px;
	padding: 5px;
	border: 3px double #B7CB38;
	list-style: square;
	background: #444444;
}

#contentscroll ul li{
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	margin: 0px 0px 0px 20px;
	padding: 4px 0px;
}

#contentscroll p.thanks{
	margin: 10px 10px 10px 0px;
	padding: 5px;
	border: 3px double #B7CB38;
	background: #6CC3E7;
}

#contentscroll ol{
	margin: 0px;
	padding: 5px 0px;
	color: #B7CB38;
}
#contentscroll ol li{
	font: normal 14px/18px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	margin: 0px 30px 0px 40px;
	padding: 6px 0px;
}

#contentscroll li img{
	margin: 4px 0px 0px 2px;
	padding: 0px;
	float: right;
}
#contentscroll li a img{
	border: 1px solid #FFFFFF;
}


/*-------------------Contact US-----------------------------------*/



a#contact-us{
	display: block;
	height: 40px;
	padding: 0px;
	margin: 0px 0px 0px 50px;
	float: left;
	width: 160px;
}

a#contact-us span{
	display: none;
}

/*-------------------The Useless footer-----------------------------------*/
#footer{
	margin: 0px;
	padding: 0px;
	clear: both;
	/* height: 20px; It's empty... so, reducing height of footer to nothing */
	height: 1px;
	width: 770px;
}

/*-------------------Google Maps-----------------------------------*/
#map{
	margin: 0px;
	padding: 0px;
	height: 324px;
	width: 375px;
	border: 3px double #6CC3E7;
}