/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 0 -5px 0 !important; 
	padding:0;
	border-bottom:0px solid #555;
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 0 -5px 0 !important; 
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
display:block;
margin:0;
padding:5px 18px 5px 18px;
border:1px solid #FEDC7B;
border-bottom:none;
border-top-left-radius:7px;
border-top-right-radius:7px;
font:bold 12px Arial, sans-serif;
color:#196491;
text-decoration:none;
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top,  #fefcea 0%, #efe07a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#efe07a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefcea 0%,#efe07a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefcea 0%,#efe07a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefcea 0%,#efe07a 100%); /* IE10+ */
background: linear-gradient(top,  #fefcea 0%,#efe07a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe07a',GradientType=0 ); /* IE6-9 */
}


.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
padding:6px 18px 5px 18px; 
font:bold 12px Arial, sans-serif;
margin-top:-1px;
background: #fcf6bd; /* Old browsers */
background: -moz-linear-gradient(top,  #fcf6bd 0%, #edd74e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf6bd), color-stop(100%,#edd74e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcf6bd 0%,#edd74e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcf6bd 0%,#edd74e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcf6bd 0%,#edd74e 100%); /* IE10+ */
background: linear-gradient(top,  #fcf6bd 0%,#edd74e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6bd', endColorstr='#edd74e',GradientType=0 ); /* IE6-9 */
border:1px solid #E8B73C;
border-bottom:none;
}

.tabs .current, .tabs .current:hover, .tabs li.current a {
padding:6px 18px 5px 18px; 
margin-top:-1px;
color:#007ABC;
background: #e6f8fd; /* Old browsers */
background: -moz-linear-gradient(top,  #e6f8fd 0%, #c8eefb 29%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f8fd), color-stop(29%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6f8fd 0%,#c8eefb 29%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6f8fd 0%,#c8eefb 29%,#bee4f8 75%,#b1d8f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6f8fd 0%,#c8eefb 29%,#bee4f8 75%,#b1d8f5 100%); /* IE10+ */
background: linear-gradient(top,  #e6f8fd 0%,#c8eefb 29%,#bee4f8 75%,#b1d8f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f8fd', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
border:1px solid #47BFE0;
border-bottom:none;
}


/*  tabs that use an image or big text for links
Implemented for the mulitple Fall/Winter Holidays as an alternative to stacking
Also Used for Spring Break Page for 4 dates

8/26/2011 - Sean
 */
.tabsIcon { 
	list-style:none; 
	margin:0 15px !important; 
	padding:0;
	height:95px;
	border-bottom:0px solid #555;	
	
}

/* single tab */
.tabsIcon li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabsIcon a { 
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	line-height:25px;
	text-align:center;	
	text-decoration:none;
	color:#737373;
	padding:0px ;
	margin:0px;	
	position:relative;
	background: none;
	cursor:pointer;
}

.tabsIcon a:active {
	outline:none;		
}

/* when mouse enters the tab apply the background image */
.tabsIcon a:hover {
	background:url(/images/bg-tabHover-lightBlue.png) left bottom repeat-x;
}

/* active tab uses a class name "current". it's highlight is also done by applying the background image. */
.tabsIcon .current, .tabsIcon .current:hover, .tabsIcon li.current a {
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(/images/bg-tabHover-lightBlue.png) left bottom repeat-x;
	
	cursor:default !important; 
	color:#00324a !important;
}

/*  tabs that use big text for links at 780px wide
 Used for Spring Break Page for 4 dates

8/29/2011 - Sean
 */
.tabs780 { 
	list-style:none; 
	margin:0 15px !important; 
	padding:0;
	height:60px;
	border-bottom:0px solid #555;	
	
}

/* single tab */
.tabs780 li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab */
.tabs780 li a { 
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	line-height:130%;
	height:70px;
	width:186px;
	text-align:center;	
	text-decoration:none;
	color:#ccc;
	padding:10px 0px 15px 0px ;
	margin:0px;	
	position:relative;
	background: none;
	cursor:pointer;
}

.tabs780 li a span.SBdates {
font:bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.tabs780 li a:active {
	outline:none;		
}

/* when mouse enters the tab apply the background image */
.tabs780 li a:hover {
	background:url(/images/bg-tabHover-lightBlue.png) left bottom repeat-x;
		color:#004C90;

}

/* active tab uses a class name "current". it's highlight is also done by applying the background image. */
.tabs780 .current, .tabs780 .current:hover, .tabs780 li.current a {
	background:url(/images/bg-tabHover-lightBlue.png) left bottom repeat-x;
	
	cursor:default !important; 
	color:#FF5100 !important;
}


/* ####### Original panes for 580px content

initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

.panes {
position:relative;
width: 580px;
margin: 0 0 0px 0; 
padding:0px; 
background:url(/images_shared/bg-tabbedContentTop-580.jpg) 0 0 no-repeat;
 }

/* ###### Panes for full width @ 780px

initially all panes are hidden */ 
.panes780 .pane {
display:none;	
}

.panes780 {
position:relative;
width: 740px;
margin: 0; 
padding:0 20px; 
background:url(/images_shared/bg-tabbedContentTop-780.png) 0 0 no-repeat;
 }

/* root element for accordion. decorated with rounded borders and gradient background image 
#accordion {
	background:#333;
	width: 580px;
	border:1px solid #333;	
	-background:#666;
}*/

/* accordion header */
#accordion h2 {
	cursor:pointer;
display:block;
height:100px;
margin:0;	
padding:3px 0;
background:none;

}

#accordion h2:hover {
background-color:#EEF5FF;
}
/* currently active header */
#accordion h2.current {
	cursor:default;
	display:block;
height:100px;
margin:0;	
padding:3px 0;
background:none;
}

/* accordion pane */
#accordion .pane {
	display:none;
	padding:0 25px;
}

/* START FAQ Accordian
 accordion header */
#accordionFAQ h2 {
cursor:pointer;
display:block;
margin:0;	
padding:10px;
background:none;
border:1px solid #FFFFFF;

}

#accordionFAQ h2:hover {
background-color:#EEF5FF;
border-radius:8px; 
border:1px solid #88B4E9;
color:#378FC8;
}
/* currently active header */
#accordionFAQ h2.current {
	cursor:default;
	display:block;
margin:0;	
padding:10px;
background:none;
border:1px solid #FFFFFF;

}

/* accordion pane */
#accordionFAQ .pane {
	display:none;
	padding:0 25px 25px 25px;
}

/* a title inside pane 
#accordion .pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}*/

/* ############## slide show stuff start ############

div#vendorPics {
position:relative;
top:-5px;
left:100px;
width:628px;
height:295px;
border:1px solid #2B318A;
border-radius:15px;
overflow:hidden;
background-color:#555;
}*/

/* single slide */
#vendorPics div {
    display:none;
    position:absolute;
    top:0;
    left:0;
}



/* tabs (those little circles below slides) */
div.slidetabs  {
position:relative;
display:block;
float:right;
width:120px;
height:20px;
right:45px;
top:0px;
text-align:center;
padding:5px;

/*
border:1px solid #FFF;
box-shadow: 0 2px 2px #222;
border-radius:0 0 10px 10px;
background-color:#006595;
border-top:none;
*/

}

/* single tab */
.slidetabs a {
    width:12px;
    height:11px;
    font-size:1px;
	border:1px solid #FFF;
	border-radius:7px;
    background-color:none;
	box-shadow:0 0 2px #555;
padding:4px;
margin:0 6px	}

/* mouseover state */
.slidetabs a:hover {
    background-color:#EEE;
}

/* active state (current page state) */
.slidetabs a.current {
		background-color:#56A1D5;

}

/* ############## slide show stuff END ############*/