@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);
}

/* ---------------------------------------------------- */  
/* SLIDESHOW 
/* ---------------------------------------------------- */  


#slideshow {
	width: 576px;
	background-color: #99BADD;
	margin-right: auto;
	margin-left: auto;
}  

#slideshow a {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;

}
   
#slideshow ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}  
   
#slideshow ul:after {  
content: ".";  
clear: both;  
display: block;  
height: 0;  
visibility: hidden;} 

#slideshow .slides {  
overflow: hidden;  
width: 600px;}  
   
#slideshow .slides ul {
	/* total width of all slides - 
960px multiplied by 2 in this case */  
width: 1800px;
}  
   
#slideshow .slides li {
	width: 600px;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}  
   
#slideshow .slides h2 {  
margin-top: 0;} 

#slideshow .slides-nav {
	background-color: #99BADD;
}  
   
#slideshow .slides-nav li {  
float: left;}  
   
#slideshow .slides-nav li a {
	outline: none;
} 

#slideshow .slides-nav .slide-1.on,  
#slideshow .slides-nav .slide-1.on a {

	color: #333333;
	font-weight: lighter;
	background-color: #99BADD;
	background-image:url(images/tab_active.png);

}   

#slideshow .slides-nav .slide-2.on,  
#slideshow .slides-nav .slide-2.on a {

	color: #333333;
	font-weight: lighter;
	background-color: #99BADD;
	background-image:url(images/tab_active.png);

}   

#slideshow .slides-nav .slide-3.on,  
#slideshow .slides-nav .slide-3.on a {

	color: #333333;
	font-weight: lighter;
	background-color: #99BADD;
	background-image:url(images/tab_active.png);

}   

#slideshow .slides-nav .slide-4.on,  
#slideshow .slides-nav .slide-4.on a {

	color: #333333;
	font-weight: lighter;
	background-color: #99BADD;
	background-image:url(images/tab_active.png);

}  

#slideshow .slides-nav .slide-5.on,  
#slideshow .slides-nav .slide-5.on a {

	color: #333333;
	font-weight: lighter;
	background-color: #99BADD;
	background-image:url(images/tab_active.png);

}  

#slideshow .slides-nav .slide-6.on,  
#slideshow .slides-nav .slide-6.on a {

	color: #333333;
	font-weight: lighter;
	background-color: #99BADD;
	background-image:url(images/tab_active.png);

}  

#slideshow .slides-nav .slide-1 {
	background-image: url(images/tab.png);
	height: 53px;
	width: 53px;
	
}
#slideshow .slides-nav .slide-2 {
	background-image: url(images/tab.png);
	height: 53px;
	width: 53px;
}
#slideshow .slides-nav .slide-3 {
	background-image: url(images/tab.png);
	height: 53px;
	width: 53px;
}
#slideshow .slides-nav .slide-4 {
	background-image: url(images/tab.png);
	height: 53px;
	width: 53px;
}
#slideshow .slides-nav .slide-5 {
	background-image: url(images/tab.png);
	height: 53px;
	width: 53px;
}
#slideshow .slides-nav .slide-6 {
	background-image: url(images/tab.png);
	height: 53px;
	width: 53px;
}
  
#slideshow .slides-nav li.on a {
	position: relative;
}       
/*--------------------------------*/
/*This ends slideshow CSS
/*--------------------------------*/


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: 182px;
}
#map {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #FFFFFF;
	border: thin solid #000000;
}
#locholder {
	height: 465px;
}

#map {
	position:absolute;
	width:400px;
	height:450px;
	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:265px;
	z-index:3;
	left: 21px;
	top: 424px;
}

/*cursor: hand; cursor:pointer; to address compatibility issues with IE. If using IE, cursor: hand will change the cursor on hover. All other browsers will bypass cursor: hand and read cursor: pointer*/

.hover {
	background-color: #666666;
	color: #FFFFFF;
	cursor: hand;
	cursor: pointer;
}
.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;
}
#index_title {
	text-align: center;
}
.index_blurb {
	margin-top: -5px;
}
#index_title .title {
	color: #EB1829;
	font-weight: bold;
	font-size: 14px;
}

.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}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}


.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;
}
#centerwrap #content .contactheader {
	background-image: url(images/confirmation-email-header.gif);
}
#centerwrap #content .paragraph_formatting {
	margin-left: 10px;
	margin-right: 10px;
}

.italicsfont {
	font-size: small;
	font-style: italic;
}.style27 {font-family: Georgia, "Times New Roman", Times, serif}
.style24 {font-size: 18px}
.style28 {color: #FFFFFF}
.style16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.style20 {font-size: 16px}
.style13 {font-size: x-small}
.style12 {	color: #000000;
	font-size: 18px;
	font-weight: normal;
}
.style29 {font-size: small}
.h2clear {
	clear: right;
}
.mobile-club-bg     {
	background-image: url(images/confirmation-email-background.gif);
	width: auto;
}
.floatleft {
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.splash2 {
	font-weight: bold;
}