@charset "utf-8";
/* CSS Document */
body {
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #385E9F;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bluegradient.jpg);
}
div#specials {
	width: 100%;
	height: auto;
}
#hours_widget {
	height: 100px;
}
#osco_widget {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 110px;
}

div#centerwrap {
	text-align: left;
	height: auto;
	width: 750px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: relative;
	z-index: 2;
	border: medium none #003C79;
	background-color: #99BADD;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
div#header {
	text-align: right;
}
div#niftypic {
	height: 120px;
	padding-bottom: 0px;
	width: 100%;
	background-image: url(images/sonic_header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFFFFF;
}
#hours {
	text-align: center;
	background-color: #99BADD;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 7px;
}

#niftypic img {
	bottom: 100%;
}
div#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	height: 26px;
	width: 725px;
	padding-left: 25px;
	background-color: #F9D616;
}
div#nav ul {
	background-color: #F9D616;
	margin: 0em;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
div#nav li {
	line-height: 1.25em;
	margin: 0px;
	float: left;
	width: 8em;
	list-style-type: none;
	position: relative;
	text-align: center;
}
div#nav li:hover {
	color: #FF0000;
}
div#nav  li .submenu {
	background-image: url(images/downarrow.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}

div#nav li.submenu:hover {
	background-color: #4A6674;
	color: #FFFFFF;
}
div#nav li a {
	display: block;
	text-decoration: none;
	width: 6.5em;
	padding-top: 0.25em;
	padding-right: 0;
	padding-bottom: 0.25em;
	padding-left: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
div#nav ul a {
	width: auto;
	background-color: #F9D616;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#nav ul a:link, a:visited {
	color: #000000;
}
div#nav ul a:hover, a:active {
	color: #FFFFFF;
	background-color: #D81E05;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #99BADD;
	border: 1px none #000000;
	text-align: left;
	line-height: 20px;
	z-index: 1;
	color: #000000;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

div#nav ul ul {
	position: absolute;
	width: 6.5em;
	display: none;
}

div#nav ul ul li {border-bottom: 1px solid #CCC;}

div#nav li.submenu li.submenu {
}
div#nav   .level1 .submenu {
	background-image: url(images/downarrow.gif);
	background-position: left 50%;
}

div#nav li.submenu li.submenu:hover {
}
div#nav li.submenu li.submenu:hover {
	
}
div#nav ul.level1 li.submenu:hover ul.level2,div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 6.5em; border-top: 1px solid #CCC;}
div#content {
	height: auto;
	width: 100%;
	position: static;
}
#placeholder {
	height: 475px;
}

div#locations {
	font-family: Arial, Helvetica, sans-serif;
	border: thin solid #000000;
	height: 130px;
}
#map {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #FFFFFF;
	border: thin solid #000000;
}
#locholder {
	height: 425px;
}

#map {
	position:absolute;
	width:400px;
	height:420px;
	z-index:2;
	left: 228px;
	top: 238px;
}

#description {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: thin solid #000000;
}
#description {
	position:absolute;
	width:200px;
	height:289px;
	z-index:3;
	left: 21px;
	top: 370px;
}

.hover {
	background-color: #666666;
	color: #FFFFFF;
	cursor: hand;
}
.select {
	color: #FFFFFF;
	background-color: #666666;
}

div#footer {
	padding: 0px;
	position: relative;
	bottom: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	height: 75px;
}
#specials h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FF0000;
}
.style5 {color: #FF0000; font-weight: bold; font-size: 16px;}
.splash {
	font-size: 24px;
	color: #FFFFFF;
}

#locations {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 21px;
	top: 238px;
	background-color: #FFFFFF;
}
.frontpagecontent {
	padding: 0px;
}

#carreersplace {
	background-color: #FFFFFF;
	width: 100%;
	padding: 0px;
	z-index: 2;
}
#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-size: large;
	text-align: center;
}
#rotate {
	height: 320px;
	width: 475px;
}
#careersinfo {
	position: fixed;
}




.transparent {
	background-image: url(images/formbckgrnd.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#apDiv1 {
	position:absolute;
	left:1134px;
	top:27px;
	width:237px;
	height:305px;
	z-index:3;
}
#apDiv2 {
	position:absolute;
	left:61px;
	top:32px;
	width:236px;
	height:303px;
	z-index:3;
}
.italicsfont {	font-size: small;
	font-style: italic;
}
.italicsfont {	font-size: small;
	font-style: italic;
}

.style6 {color: #68ADF0}
.style6 {color: #68ADF0}

.style7 {
	font-size: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F9D616;
}
.style8 {font-family: Arial, Helvetica, sans-serif}
.style8 {
	color: #385E9F;
	font-size: xx-small;
}
#social {
	float: right;
}
.hiringbanner {
	background-color: #ED0A1D;
}
.hiringbanner  a:visited  {
	color: #FFFFFF;
}