/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,h5,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Arial;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-type: disc; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1, h1 a { color: #000000; font-size: 21px; margin: 0px 0px 15px 0px; }
h2, h2 a { color: #666666; font-size: 18px; margin: 0px 0px 5px 0px; }
h3, h3 a { color: #FFFFFF; font-size: 18px; margin: 0px; }
h4, h4 a { color: #666666; font-size: 15px; margin: 0px 0px 5px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #333333; font-size: 12px; line-height: 17px; }
a  { color: #2672c8; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; font-weight: bold; }
a:focus, a:active { outline: 0;}

a.bbb { position: absolute; margin: 146px 0 0 23px; width: 87px; height: 36px; display: block; z-index: 2; overflow: hidden; }
a:hover.bbb { text-decoration: none; }

a.customerlobby { position: absolute; margin: 0 0 0 8px; width: 105px; height: 125px; display: block; z-index: 2; overflow: hidden; }
a:hover.customerlobby { text-decoration: none; }

/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 954px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}
#logo { margin-left: -55px; float: left; }


#home-blue-bar { background: url('../images/layout/home-bluebar.jpg') repeat-x; height: 230px; }
#blue-bar { background: url('../images/layout/inner-bluebar.jpg') repeat-x; }

#home-blue-banner { height: 230px; }
div#alternative_content { width: 100%; }

#header-outer { background: url('../images/layout/header-bg4.jpg') no-repeat top center; height: 119px; }
#header { width: 954px; margin: 0px auto; height: 119px; }


#bodyContainer {  }

#body {
	min-height: 370px;
	height: auto !important; /*MOZ/IE7*/
	height: 360px; /*IE6*/
	margin: 0 22px;
}


#footer-outer { background: url('../images/layout/footer-bg.jpg') repeat-x; height: 20px; }

#footer { width: 954px; margin: 0px auto; height: 62px; text-align: center; padding-top: 10px; }

#footer a { margin: 0 10px; font-weight: normal; }
#footer a:hover { text-decoration: underline; font-weight: normal; }




/* Navigation */

#nav-outer { background: url('../images/layout/nav-bg.jpg') repeat-x; height: 25px; }
#nav img { float: left; width: 1px; }




#p7menubar { width: 895px; margin: 0px auto; height: 25px; }
#p7menubar ul { margin-left: 0px; }



#p7menubar li {	list-style-type: none; position: relative; }

/* hide from IE mac */
#p7menubar li { position: static; width: auto; float: left; }

/* end hiding from IE5 mac */


#p7menubar a, #p7menubar a.trigger { font-size: 12px; line-height: 25px; color: #333333; font-weight: bold; margin: 0px 10px; float: left; height: 25px; }
#p7menubar img { height: 25px; }
#p7menubar a:hover, #p7menubar a.o { color: #1b448a; text-decoration: none; }

#p7menubar li ul { width: 180px; background: #FFFFFF; margin-top: 25px; position: absolute; display: none; opacity: 0.90; MoZOpacity: 0.90; filter: alpha(opacity=90); }
#p7menubar li ul li { width: 100%; height: 30px; line-height: 30px; }
#p7menubar li ul li a { width: 100%; height: 30px; line-height: 30px; }


#p7menubar li:hover ul, #p7menubar li.p7hvr ul { display: block; }
#p7menubar ul li a:hover  { text-decoration: underline; }

#p7menubar li ul { clear: left; }






.left-box { background: url('../images/layout/left-column-box.jpg') no-repeat; width: 608px; border: 1px solid #cccccc; padding: 11px; margin-bottom: 8px; }
.left-box span { color: #2672c8; font-weight: bold; }
.left-box p { margin: 5px 10px; }
.left-box a { color: #2672c8; font-weight: bold; font-size: 16px; }
.left-box hr { margin: 8px; }


.title { background: url('../images/layout/title-bar.jpg') repeat-y; padding: 5px 10px; width: 272px; }

.right-box { background: url('../images/layout/right-column-bg.jpg') no-repeat; width: 280px; border: 1px solid #cccccc; padding: 3px; margin-bottom: 8px; }
.right-box span { color: #2672c8; font-weight: bold; }
.right-box p { margin: 5px 10px; }
.right-box a { color: #2672c8; font-weight: bold; }
.right-box hr { margin: 8px; }


.home-feature { background: url('../images/layout/home-feature-bg.jpg') no-repeat; width: 300px; border: 1px solid #cccccc; padding: 3px; margin-bottom: 8px; }
.home-feature span { color: #2672c8; font-weight: bold; }
.home-feature p { margin: 5px 10px; }
.home-feature a { color: #2672c8; font-weight: bold; }
.home-feature hr { margin: 8px; }



.ase { background: url('../images/layout/left-column-box.jpg') no-repeat; height: 144px; width: 608px; border: 1px solid #cccccc; padding: 12px; margin-bottom: 8px; }

.ase p { font-size: 18px; line-height: 20px; color: #666666; font-weight: bold; }

.service { background: url('../images/layout/service-box.jpg') no-repeat; height: 83px; width: 608px; border: 1px solid #cccccc; padding: 11px; margin-bottom: 8px; }

.service p { line-height: 13px; color: #333333; }


.contact {  }
.contact th { text-align: left; }

.appointment {  }
.appointment th { text-align: left; }

.rewards-signup {  }
.rewards-signup th { text-align: right; }
.rewards-signup input, .rewards-signup select { width: 250px; margin: 2px 0 2px 10px; }


.app_form td {
  padding: 3px 0px 3px 0px;
}