/* CSS Document */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #083050;
}

a, a:visited {
	color: white;
}

a:hover {
	color: #FFE3A5;
}

#main {
	width: 994px;
	margin: 0 auto;
	clear: both;
}

#leftcolumn {
	width: 325px;
	float: left;
	margin-right: 28px;
}

#leftcolumn .nav {
	margin: 30px 0px;
	text-align: center;
}

#leftcolumn .nav .menuspacer {
	height: 30px;
}

#leftcolumn .nav .menuitem, #leftcolumn .nav .menuseparator {
	display: inline;
	margin: 0px;
	padding: 0px 1px;
}

#leftcolumn .nav .menuitem a {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
}

#leftcolumn .nav .menuitem a:hover, #leftcolumn .nav .menuitem .active {
	color: #FFE3A5;
}

#leftcolumn .rotator {
	border-top: 12px solid #FFE3A5;
}

#rightcolumn {
	width: 640px;
	float: right;
}

#rightcolumn .plank {
	background-image: url(images/plank_header.gif);
	background-repeat: no-repeat;
	height: 84px;
}

#rightcolumn .plank .headline {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #083050;
	padding-top: 36px;
}

#rightcolumn .content {
	border: 14px solid #FFE3A5;
	background-color: white;
	border-top: 0px;
	padding: 14px;
	width: 584px;
}

#rightcolumn .content p {
	margin-bottom: 10px;
}

#rightcolumn .content a {
	color: red;
	font-style: italic;
}

#rightcolumn .content a:hover {
	color: black;
}

#footer {
	padding: 20px 0px;
	font-size: 11px;
	color: white;
	text-align: center;
}

#footer .copyright {
	float: left;
}

#footer .fl1network {
	float: right;
}

/***** CONTACT US CSS *****/	
	
#contact {
	width: 424px;
	font-size: 14px;
	border: 1px solid #083050;
	padding: 10px;
	background-color: #FFE3A5;
	margin: 0 auto;
	clear: both;
	text-align: left;
	margin-bottom: 40px;
	margin-top: 40px;
	}
	
#contact input, #contact textarea {
	padding: 1px 3px;
	border: 1px solid #999;
}
	
#contact .element {
	width: 197px;
	font-size: 12px;
	color: #003300;
	background-color: #FDFDFD;
	}
	
#contact .halfelement {
	width: 92px;
	font-size: 12px;
	color: #003300;
	background-color: #FDFDFD;
	}
	
#contact .fullelement {
	width: 406px;
	font-size: 12px;
	color: #003300;
	background-color: #FDFDFD;
	}

#contact form {
	margin: 0;
	padding: 0;
	}

#contact label {
	display: block;
	font-size: 12px;
	font-style: italic;
	margin-top: 5px;
	}

#contact fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#contact a {
	text-decoration: underline;
}

#contact .segment {
	float: left;
	width: 200px;
}

#contact .statezip {
	float: left;
	width: 95px;
}

#contact .margin6 {
	padding-left: 10px;
}

.contactleft {
	float: left;
	width: 300px;
	font-size: 18px;
}

/* STORES CSS */

.locations {
	width: 532px;
	margin: 0 auto;
	clear: both;
}

.locations .headline {
	font-size: 16px;
	color: white;
	font-weight: bold;
	padding-bottom: 4px;
}

.directions {
	width: 532px;
	display: block;
}

.locations form, .locations fieldset {
	width: 532px;
	margin: 0;
	padding: 0;
	border: 0;
}

 .locations select {
	border: 1px solid #999;
 	font-size: 12px;
}
 
.locations form .address_input {
	width: 340px;
	border: 1px solid #999;
	padding: 1px 3px;
	font-size: 12px;
}

.directions .location, .directions .address, .directions .button {
	display: inline;
}

.directions .button input {
	vertical-align: middle;
}


#routecontainer {
	width: 532px;
	background-color: white;
	display: none;
	margin: 0 auto;
	clear: both;
	padding-top: 20px;
}

#routecontainer .headline {
	font-size: 18px;
	color: #083050;
	font-weight: bold;
}

#route {
	font-size: 10px;
}

#map_canvas { 
	width: 100%;
	height: 500px;
	border: 1px solid #666;
	margin-bottom: 5px;
}

.popup .logo, .popup .address, .popup .phone {
	color: #666;
}

.popup .logo {
	padding: 0;
	margin: 0;
	text-align: center;
}

.popup .area {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
}

.popup .address {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.popup .phone {
	font-size: 10px;
	text-align: center;
}

#ROTATOR {
	width: 530px;
	height: 375px;
	background-image: url(images/hp_locations/1.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	clear: both;
	margin-bottom: 10px;
}

#MINIROTATOR {
	width: 310px;
	height: 225px;
	background-image: url(images/locations/1.jpg);
	background-repeat: no-repeat;
	float: right;
	margin-left: 10px;
}


/**** MENU TABLES CSS ****/

.menu {
	width: 480px;
	margin: 0 auto;
	clear: both;
}

.minimenu {
	width: 310px;
	margin: 0 auto;
	clear: both;
}

.menu td, .minimenu td {
	padding: 3px 5px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #EEE;
}

.menu .prices, .minimenu .prices {
	text-align: center;
	width: 90px;
	font-weight: normal;
	color: #083050;
}

.menu .subtext, .minimenu .subtext {
	font-weight: normal;
	font-size: 11px;
	padding-left: 8px;
}


/**** COUPON STYLES ****/

.coupon {
	float: left;
	width: 262px;
	padding: 5px;
	border: 5px dotted #FFE59C;
	text-align: center;
	overflow: hidden;
}

.coupon .title {
	font-size: 36px;
	color: #083050;
	font-weight: bold;
}


/**** GENERAL CLASSES ****/

.clearboth {
	clear: both;
	height: 0px;
}

.size10 {
	font-size: 10px;
}

.size14 {
	font-size: 14px;
}

.size18 {
	font-size: 18px;
}

.size24 {
	font-size: 24px;
}

.size36 {
	font-size: 33px;
}

.center {
	text-align: center;
}

.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

.margintop10 {
	margin-top: 10px;
}

.marginleft20 {
	margin-left: 20px;
}

.marginbottom {
	margin-bottom: 10px;
}

.red {
	color: red;
}

.padding10 {
	padding: 10px;
}

.box375 {
	height: 375px;
	overflow: hidden;
}

.box225 {
	height: 225px;
	overflow: hidden;
}