/* -------------------------------------------------------------- 
   
   layout
   * All the layout style overwrites.
   
-------------------------------------------------------------- */

body {
	font-size: 75%;
  	color: #222;
  	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#page {
	background: #fff;
	margin: 25px auto;
	width: 980px;
}

#header {
	display: block;
	padding: 24px 0 12px;
	text-align:center;
}

#logo {
	height:86px;
	margin:0 auto 20px;
	width:227px;
}

#main_nav {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}

#main_nav li {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	padding: 0 12px;
}

#main_nav li img {
	vertical-align: text-top;
}

.harsh_warning {
	background:#B53E3C none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:10px 0;
	width:100%;
}

#footer {
	padding: 5px 0 5px;
	text-align:center;
}

#footer_nav a {
	padding: 0 10px;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.clear {
	clear: both;
}

#editor {
	margin: auto;
	padding: 30px 0;
	width: 600px;
}

#editor .text {
	width: 600px;
}

#editor .textarea {
	height: 300px;
	width: 600px;
}

#text_content {
	margin: auto;
	padding: 20px 0;
	width: 600px;
}

#contact {
	background: url('../images/contact.jpg') top left no-repeat;
	height: 580px;
	margin: 30px 0 0 0;
	width: 980px;
	}
	
#contact .left {
	margin: 70px 0 0 85px;
	width: 250px;
}

#contact .right {
	width: 300px;
	margin: 70px 345px 0 0;
}

#signup {
	float:left;
	height: 300px;
	margin: 30px 0 0 0;
	width: 400px;
	padding-left: 140px;
}
#signup2 {
	float:left;
	height: 300px;
	margin: 30px 0 0 0;
	width: 300px;
	padding: 20px;
	background-color:#FDEDF4;
}

.submit {
	float: left;
	display: inherit;
	margin: 20px 0 0 85px;
}

#creditcards {
	margin: 30px 0 0 0;
}

.green {
	color: #006600;
}

.red {
	color: #CC3300;
}

/* These styles create the dropdown menus. */
#navbar {
	margin: 0;
	padding: 0;
	height: 1em; 
}
#navbar li {
	list-style: none;
	display: inline;
	position: relative;
	margin: 0;
}
#navbar li a {
	padding: 3px 8px;
	color: #fff;
	text-decoration: none; 
	margin: 0;
}
#navbar li ul {
	display: none;
	text-align: left;
	width: 12.5em; /* Width to help Opera out */
	margin: 0;
}
#navbar li:hover ul, #navbar li.hover ul {
	background-color: #fff;
	display: block;
	position: absolute;
	left: 0;
	padding: 10px 0 3px 0;
}
#navbar li:hover li, #navbar li.hover li {
	display: block;
	float: none;
	margin: 0;
}
#navbar li:hover li a, #navbar li.hover li a {
	color: #000;
	font-size: 1.1em;
}
#navbar li li a:hover { 
}

/*********************************** STORE-LOCATOR NAVIGATION ***********************************/

#store_content {margin: 0; padding: 0;}
div#store_menu_container > div {width: 600px; margin: 0 auto; padding: 0;}
div#store_menu_container div {width: 600px; margin: 0 auto; padding: 0;}
ul#store_menu{list-style: none; margin: 0 0 28px 0; text-align: center;}
ul#store_menu li{display: inline; margin: 0 1px 0 1px; padding: 0;}
ul#store_menu a{color: #000; font-size: .95em; text-decoration: none;}
ul#store_menu a#current{color: #000; text-decoration: underline;}
ul#store_menu a:hover{color: #000; text-decoration: underline;}
ul#store_menu li a:focus {outline: 0;}



/* -------------------------------------------------------------- 
   
   typography
   * All the typography style overwrites.
   
-------------------------------------------------------------- */

a:focus,a:hover { 
	color: #4690bf; 
	text-decoration: underline; 
}

a { 
	color: #4690bf; 
	text-decoration: none; 
}



/* -------------------------------------------------------------- 
   
   forms
   * Sets up some default styling for forms
   
-------------------------------------------------------------- */

label       { display: block; }

input.text, input.title, input,
textarea, select {
  margin:0.5em 0;
  background-color: #e7e7e7;
  border:0;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:0;
  background-color: #e7e7e7;
}

input.text, 
input.title   { width: 200px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 200px; height: 115px; padding:5px; border: 1px solid  #e7e7e7; background-color: #fff; }