/*
colors from fringe-colors.psd
light orange: f57b20
med orange: d9531e
dark orange: a04b23

light green: 93a444
med green: 6d8d23
dark green: 3f4b00

light blue: 72afb6
med blue: 006a72
dark blue: 003745

light purple: b63e97
medium purple: 7b2b83
dark purple: 5a2049

light gold: f4aa1f
medium gold: e99619

light red: ee2e24
med red: b82025
dark red: 931a1d
*/

/* RESET EVERYTHING */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;	outline: 0;	font-size: 100%;vertical-align: baseline;background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

body, html, img, div, a, h1, h2 { behavior: url(/2010/iepngfix/iepngfix.htc) }

.clear {
	clear:both;
	line-height: 1px;
	font-size: 1px;
}

html {
	background: url(../img/bg-gradient.jpg) #00252e repeat-x;
	margin: 0;
	padding: 0; 
}
body {
	background: url(../img/bg-bubbles.png) transparent;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	
	margin: 0;
	padding: 0; 
	color: white;
	
	font-size: 14px;
}

a:link {
	color: white;
}
a:visited {
	color: white;
}
a:hover {
	color: #72afb6;
}
a:active {
	color: white;
}

#top {
	width: 100%;
	min-height: 100px;  /* Tell good browsers not to collapse */
	height: auto !important;  /* Tell good browsers that the total height is automatically determined */
	height: 100px;  /* IE 5.5-6 treats height: like min-height and doesn't respect !important */
	background: url(../img/bg-stripes.png) transparent repeat;	
	text-align: center;
	position: relative;
	z-index: 101;
}

#banner-wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: right;
	background: transparent;
	position: relative;
	z-index: 100;
}

#banner {
	background: transparent;
	position: relative;
	z-index: 100;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	background: transparent;
	position: relative;
	z-index: 100;
}
#header {
	position: relative;
	min-height: 154px;  /* Tell good browsers not to collapse */
	height: auto !important;  /* Tell good browsers that the total height is automatically determined */
	height: 154px;  /* IE 5.5-6 treats height: like min-height and doesn't respect !important */
	background: transparent;
}
#sponsors {
	background: white;
	width: 100%;
	margin-top:20px;
	padding: 10px 0;
	text-align: center;
}
#footer {
	background: black;
	width: 100%;
	min-height: 300px;  /* Tell good browsers not to collapse */
	height: auto !important;  /* Tell good browsers that the total height is automatically determined */
	height: 300px;  /* IE 5.5-6 treats height: like min-height and doesn't respect !important */
		
	text-align: center;
	
	margin: 0;
}

#nav
{
	text-align: left;
	position: relative;
	z-index: 100;
	background-color: transparent;
	background-image:  url(../img/black40.png);
	background-repeat: repeat;
	background-position: center bottom;
	zoom: 100%;
	margin-bottom: 5px;
	
}
#nav ul
{
	padding: 7px;
}
#nav ul li
{
	display: inline;
	padding: 0 6px;
}
#nav ul li a
{
	color: #eaeaea;
	text-decoration: none;
	font-size: 12px;
	
}
#nav ul li a:hover
{
	color: #72afb6;
	
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1; 
}
#sitemap {
	width: 990px;
	margin: 20px auto;
}

.footer-list {
	float: left;
	margin-right: 20px;
	text-align: left;
	font-size: 12px;
	color: white;
}

.footer-list h4 {
	margin-bottom: 4px;
	font-size: 12px;	
}
.footer-list ul li {
	line-height: 1.5em;	
}
.footer-list ul li a {
	color: #ccc;	
}
.footer-list ul li a:hover {
	color: #72afb6;	
}



#logo
{
	text-indent: 	-9999px;
	background: 	url(../img/logo.png) top left no-repeat transparent;
	width:			345px;
	height:			154px;
	position:		absolute;
	top:			0;
	left:			0;
	z-index: 		100;
}
#logo a {
	display: block;
	width:			345px;
	height:			154px;
}
#fringe-dates
{
	text-indent: 	-9999px;
	background: 	url(../img/fringe-dates.png) top left no-repeat transparent;
	width:			396px;
	height:			89px;
	position:		absolute;
	top:			30px;
	left:			360px;
	z-index: 		100;
}

#wobbles-bubbles {
	position: absolute;
	background: url(../img/wobbles-bubbles.png) top left no-repeat transparent;
	top: -50px;
	left: 770px;
	width: 410px;
	height: 376px;
	z-index: 20;
}





/* 
HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF
HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF
HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF
HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF HOME PAGE STUFF
*/
#left {
	float: left;
	margin-right: 5px;
	width: 325px;	
	background: transparent;
}

#right {
	float: left;
	width: 660px;
	background: transparent;
}

/* home page boxes */
#home-1, #home-2, #home-3, #home-4, #home-5, #home-6 {
	background: url(../img/bg-tiny-bubbles.png) 10px 5px no-repeat transparent;
	margin-bottom: 5px;
	position: relative;
}
#home-1 {
	background-color: #d8551f;
	height: 210px;
}

#home-2, #home-3, #home-4, #home-5, #home-6 {
	background-color: #5a2049;
	height: 170px;
}

#home-2 {
	height: 140px;
}
#home-3 {
	height: 200px;
}
#home-sub-left {
	float: left;
	margin-right: 5px;
	width: 495px;	
}
#home-sub-skyscraper {
	float: left;
	width: 160px;
}
.home-sub-1 {
	background: url(../img/bg-tiny-bubbles.png) top right no-repeat #006a72;
	margin-bottom: 5px;
	position: relative;
	height: 170px;
	color: white;
}
.home-sub-2, .home-sub-3 {
	background: url(../img/bg-tiny-bubbles.png) top left no-repeat #006a72;
	margin-bottom: 5px;
	position: relative;
	height: 170px;
	color: white;
}
.home-sub-4 {
	background: url(../img/bg-tiny-bubbles.png) top left repeat-x #006a72;
	margin-bottom: 5px;
	position: relative;
	height: 170px;
	color: white;
}
/* home page headers */


#home-1 h1 {
	text-indent: 	-9999px;
	background: 	url(../img/header-find.png) top left no-repeat transparent;
	width:			313px;
	height:			26px;
	position:		absolute;
	top:			5px;
	left:			5px;
}

#home-2 h1 {
	text-indent: 	-9999px;
	background: 	url(../img/header-my-fringe.png) top left no-repeat transparent;
	width:			312px;
	height:			27px;
	position:		absolute;
	top:			5px;
	left:			5px;
}

#home-3 h1 {
	text-indent: 	-9999px;
	background: 	url(../img/header-in-the-news.png) top left no-repeat transparent;
	width:			262px;
	height:			26px;
	position:		absolute;
	top:			5px;
	left:			5px;
}

#home-4 h1 {
	text-indent: 	-9999px;
	background: 	url(../img/header-fringe-fan.png) top left no-repeat transparent;
	width:			262px;
	height:			26px;
	position:		absolute;
	top:			5px;
	left:			5px;
}
#home-5 h1 {
	text-indent: 	-9999px;
	background: 	url(../img/home-bacch.png) top left no-repeat transparent;
	width:			312px;
	height:			27px;
	position:		absolute;
	top:			5px;
	left:			5px;
}
#home-6 h1 {
	text-indent: 	-9999px;
	background: 	url(../img/home-slideshow.png) top left no-repeat transparent;
	width:			312px;
	height:			27px;
	position:		absolute;
	top:			5px;
	left:			5px;
}


/* home page search box */
#home-1 form {
	position: absolute;
	top: 35px;
	left: 5px;
}
.input_search_home
{
	width: 150px;
	border: 1px solid #06474e;
	height: 20px;
		
	margin-left: 0px;
	margin-top: 8px;
}
.input_search_home_button
{
	
}
#home-1 img {
	position: absolute;
	right: 6px;
	top: 35px;
}
#home-1 #links {
	position: absolute;
	top: 75px;
	left: 5px;
	width: 200px;
	border-top: 1px dotted #333;
	height: 200px;
	padding-top: 7px;
	font-size: 12px;
	line-height: 18px;
	color: white;
}

/* home myfringe box */
#home-2 p {
	position: absolute;
	top: 30px;
	left: 5px;
	font-size: 14px;
	line-height: 18px;
}
#home-2 form {
	position: absolute;
	top: 90px;
	left: 5px;
}
.input_email_home
{
	width: 210px;
	border: 1px solid #06474e;
	height: 20px;
		
	margin-left: 0px;
	margin-top: 3px;
}
.input_password_home
{
	width: 210px;
	border: 1px solid #06474e;
	height: 20px;
		
	margin-left: 0px;
	margin-top: 3px;
}

/* home page news box */


#home-3 div,#home-6 div {
	position: absolute;
	top: 40px;
	left: 5px;
	width: 320px;
	font-size: 12px;
	line-height: 16px;
	color: white;
	white-space: normal;
}


/* home middle box 1 */
h1#reviews {
	text-indent: 	-9999px;
	background: 	url(../img/header-reviews.png) top left no-repeat transparent;
	width:			253px;
	height:			34px;
	position:		absolute;
	top:			5px;
	left:			5px;
}
h1#new-to-fringe {
	text-indent: 	-9999px;
	background: 	url(../img/header-new-to-fringe.png) top left no-repeat transparent;
	width:			282px;
	height:			33px;
	position:		absolute;
	top:			5px;
	right:			5px;
}
#new-to-fringe-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 170px;
}
#home-middle-1-text p,#home-middle-4-text p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 8px;
}
#home-middle-1-text {
	position: absolute;
	top: 50px;
	left: 206px;
	width: 282px;
}
#home-middle-4-text {
	position: absolute;
	top: 35px;
	left: 5px;
	width: 480px;
}

/* home middle box 2 */

h1#fringe-tracks {
	text-indent: 	-9999px;
	background: 	url(../img/header-fringe-tracks.png) top left no-repeat transparent;
	width:			253px;
	height:			34px;
	position:		absolute;
	top:			5px;
	left:			5px;
}
h1#fringe-volunteer {
	text-indent: 	-9999px;
	background: 	url(../img/header-home-volunteer.png) top left no-repeat transparent;
	width:			253px;
	height:			34px;
	position:		absolute;
	top:			5px;
	left:			5px;
}

h1#fringeys {
	text-indent: 	-9999px;
	background: 	url(../img/header-fringe-tracks.png) top left no-repeat transparent;
	width:			159px;
	height:			34px;
	position:		absolute;
	top:			5px;
	left:			207px;
}
#fringe-tracks-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 170px;
}
#home-middle-2-text p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 8px;
}
#home-middle-2-text {
	position: absolute;
	top: 45px;
	right: 206px;
	width: 282px;
}
/* home middle box 3 */

h1#fringeys {
	text-indent: 	-9999px;
	background: 	url(/2010/img/header-home-fringeys.png) top left no-repeat transparent;
	width:			253px;
	height:			34px;
	position:		absolute;
	top:			5px;
	right:			5px;
}
#fringeys-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 170px;
}
#home-middle-3-text p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 8px;
}
#home-middle-3-text {
	position: absolute;
	top: 50px;
	left: 206px;
	width: 282px;
}









#interior-left {
	float: left;
	margin-right: 5px;
	width: 160px;	
	background: transparent;
}

#interior-right {
	float: left;
	width: 825px;
	background: transparent;
	padding: 0;
}

#breadcrumbs {
	height: 32px;
	background: #72afb6;
	z-index: 100;
	position: relative;
}
#breadcrumbs p {
	position: absolute;
	top: 9px;
	left: 4px;
	line-height: 13px;
	font-size: 11px;
	color: #003745;
}
#breadcrumbs p a:link {
	color: #006a72;
	text-decoration: none;
}
#breadcrumbs p a:visited {
	color: #006a72;
	text-decoration: none;
}
#breadcrumbs p a:hover {
	color: #333;
	text-decoration: none;
}
#breadcrumbs p a:active {
	color: #006a72;
	text-decoration: none;
}

#content {
	min-height: 1200px;  /* Tell good browsers not to collapse */
	height: auto !important;  /* Tell good browsers that the total height is automatically determined */
	height: 1200px;  /* IE 5.5-6 treats height: like min-height and doesn't respect !important */
	background: white;
	z-index: 100;
	position: relative;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	
	padding: 15px;	
	color: black;
}

#content-left {
	float: left;
	margin-right: 17px;
	width: 390px;	
	background: transparent;
}

#content-right {
	float: left;
	width: 380px;
	background: transparent;
}

#content a:link {
	color: #006a72;
}
#content a:visited {
	color: #7b2b83;
}
#content a:hover {
	color: #006a72;
	text-decoration: none;
}
#content a:active {
	color: #006a72;
}

#content h1 {
	color: #999;
	font-size: 68px;
	margin-bottom: 20px;
}

#content h2
{
	font-size: 24px;
	color: #93a445;
	margin-bottom: 10px;
}
#content h3
{
	font-size: 17px;
	margin-bottom: 5px;
	color: #333; 
}
#content h4
{
	font-size: 17px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 12px;
	color: #FF6600; 
}
#content h5
{
	font-size: 14px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 15px;
	color: #93a445; 
}

#content .block
{
	margin: 0 0 35px 0;
}

.block-ad {
	margin: 0 0 10px 0 ;
}
block-ad a, #content .block-ad img {
	border:none;
}

#content .block div.block
{
	margin: 0 0 20px 0;
}

#content .additional
{
	color: #333;
	font-size: 12px;
	font-style: italic;
}

#content .deck
{
	font-size: 12px;
	font-weight: bold;
	color: #658d23;
	text-transform: uppercase;
}

#content p
{
	font-weight: normal;
	line-height: 1.3em;
	margin: 0.5em 0;
}

#content .info-table {
	border-collapse: collapse;
	border: none;
}
#content .info-table td {
	white-space: nowrap;
	border: none;
	padding: 4px;
	text-align: right;
	width: 75px;
}
#content .info-table td+td {
	white-space: normal;
	border: none;
	text-align: left;
	width: auto;
}
/* SHOW PAGE TAB STUFF */
 ul#tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#tabNavigation li {
    display: inline;
}

ul#tabNavigation li a {
    padding: 3px 5px;
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}
ul#tabNavigation li a:link {
    padding: 3px 5px;
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}

ul#tabNavigation li a:visited {
    padding: 3px 5px;
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}
ul#tabNavigation li a:hover {
    background-color: #333;
    color: #fff;
    padding-top: 7px;
}
ul#tabNavigation li a:active {
    background-color: #333;
    color: #fff;
    padding-top: 7px;
}
ul#tabNavigation li a.selected {
	background-color: #333;
    color: #fff;
    padding-top: 7px;
}

ul#tabNavigation li a:focus {
        outline: 0;
}

div.tabs > div {
        padding: 5px;
        margin-top: 4px;
        border-top: 2px solid #333;
}

div.tabs > div h2 {
        margin-top: 0;
}

#first {
    background-color: #fff;
}

#second {
    background-color: #fff;
}

#third {
    background-color: #fff;
}

.waste {
        min-height: 200px; 
}
/* END SHOW PAGE TAB STUFF */

/* show slider on shows page */
#showcar_wrap {
	position: relative;
	clear: both;
	height: 220px;
	overflow:hidden;
}
.showcaritem {
	width: 160px;
	overflow: hidden;
}
#showcar_wrap .bx_wrap {
	margin-left: 50px;
}

#showcar_wrap .prev {
	position: absolute;
	top: 70px;
	outline: 0;
	left: 0;
}

#showcar_wrap .next {
	position: absolute;
	top: 70px;
	left: 725px;
	outline: 0;
}

table.simple_table {
	width: 100%;
	font-size: 12px;	
	border-collapse: collapse;
	border-top: 1px solid black;
	border-left: 1px solid black;
}

table.simple_table th, table.simple_table td {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 3px;
}

table.simple_table th {
	background: #333;
	color: white;
	
}

table.simple_table tr.even_row {
	background: #fff;
}

table.simple_table tr.even_row {
	background: #ccc;
}
#days {
	text-align: center;
	margin:0;
	padding:0;
}
h4#show-detail-company {
border-bottom: 1px dotted #6d8d23; 
padding-bottom:5px;
margin-bottom:7px;
margin-top:40px;
color: #3f4b00;
}
.my-fringe-link {
	font-size: 12px;
}
a:link.my-fringe-link  {
	text-decoration: underline;
}
a:visited.my-fringe-link  {
	text-decoration: underline;
}
a:hover.my-fringe-link  {
	text-decoration: none;
}
a:active.my-fringe-link  {
	text-decoration: underline;
}

table.show-detail-sched {
	border-collapse: collapse;
	width: 95%;
	margin: 10px 0;
}
table.show-detail-sched th {
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
	padding-bottom: 2px;
}
table.show-detail-sched td {
	border-top: 1px solid #eaeaea;
	padding: 3px 3px 3px 0;
}
table.show-detail-sched td+td {
	padding: 3px;
	text-align: right;
}
table.show-detail-sched td+td+td {
	padding: 3px;
	font-size: 11px;
	text-align: center;
}
table.show-detail-sched td+td+td+td {
	padding: 3px 0 3px 3px;
	font-size: 11px;
	text-align: center;
}

table.schedule-options {
	width: 90%;margin: 15px auto;margin-bottom:20px;
}

#content h3.schedule-separator {
	color: #93a445;
	border-bottom: 1px dotted #93a445;
	margin: 15px 0 5px 0;
	padding: 0 0 3px 0;
}
.show-box-times {
	color: #d9531e;
	font-size: 11px;
	text-align: left;
	margin: 3px 0 0 0;
	padding: 3px 0 0 0;
	border-top: 1px dotted #f57b20;
}
ul.dots {
	list-style: disc outside;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
ul.dots li {
	margin: 0 0 7px 0;
	line-height: 1.2em;
}

ol {
	list-style-type:decimal;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
ol li {
	margin: 0 0 7px 0;
	line-height: 1.2em;
}
ol li ol {
	list-style-type: lower-alpha;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
.logout {
	position:absolute;
	top:15px;
	right:35px;
	width: 20px;
	height: 16px;
	text-align: right;
}
input.submit {
border : 1px solid #006a72;color : #fff;font-size : 10px;padding : 2px 4px;background-color : #72afb6;
}

a:link.buy  {
	border : none;color : #fff;font-size : 10px;padding : 2px 4px;background-color : #72afb6; text-decoration: none;text-transform: uppercase;line-height: 11px;
}
a:visited.buy  {
	border : none;color : #fff;font-size : 10px;padding : 2px 4px;background-color : #72afb6; text-decoration: none;text-transform: uppercase;line-height: 11px;
}
a:hover.buy  {
	border : none;color : #fff;font-size : 10px;padding : 2px 4px;background-color : #f57b20; text-decoration: none;text-transform: uppercase;line-height: 11px;
}
a:active.buy  {
	border : none;color : #fff;font-size : 10px;padding : 2px 4px;background-color : #72afb6; text-decoration: none;text-transform: uppercase;line-height: 11px;
}

#skip {
	position:absolute;
	top:0px;
	left:400px;
	background:transparent;
	padding:4px;
	color: #000;
	text-decoration: none;
	font-size: 10px;
	line-height: 10px;
}