/*  

Theme Name: UC Seating Layout 

Description: Happy Cheeks Bleacher Seats

Author: SLB Networks

Author URI: http://www.slbnetworks.com

Client URL: http://www.ucseating.com

*/

	

/* template */

body {
	margin:0;
	background-color:#FFFAE4;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;

}

body a:link, body a:visited {
	color:#EB7E13;
	text-decoration:none;

}

body a:hover, body a:visited:hover {
	color:#EB7E13;
	text-decoration:underline;

}

h1 {
	font-size:18px;	
}

#container {
	margin:0 auto;
	width:1000px;
}

#header {
	width:1000px;
	margin-top:40px;
	float:left;

}

#logo {
	width:250px;
	float:left;
	margin-left:25px;
	display:inline;

}

#sponsor_bar {
	width:700px;
	float:left;
	margin-left:150px;
	margin-top:30px;
	display:inline;
	padding:8px;
	background-color:#CDC2A9;
}

#main {
	width:1000px;
	min-height:400px;
	margin-top:10px;
}

#bottom_nav {
	width:1000px;
	margin-top:50px;
	float:left;
	border-top: 2px solid #C9BDA3;	
}


/***************************
	Bottom Images
	*******************************/

#shop_products a:link, #shop_products a:visited  {
	width:248px;
	height:120px;
	background:url(images/web/sprite_shop.jpg) no-repeat top left;
	float:left;	
	border-right: 2px solid #C9BDA3;	
}

#shop_products a:hover, #shop_products a:visited:hover  {
	width:248px;
	height:120px;
	background:url(images/web/sprite_shop.jpg) no-repeat bottom left;
	float:left;
	border-right: 2px solid #C9BDA3;	
}

#color_options a:link, #color_options a:visited  {
	width:248px;
	height:120px;
	background:url(images/web/sprite_color_options.jpg) no-repeat top left;
	float:left;	
	border-right: 2px solid #C9BDA3;	
}

#color_options a:hover, #color_options a:visited:hover  {
	width:248px;
	height:120px;
	background:url(images/web/sprite_color_options.jpg) no-repeat bottom left;
	float:left;
	border-right: 2px solid #C9BDA3;	
}

#testimonials a:link, #testimonials a:visited  {
	width:248px;
	height:120px;
	background:url(images/web/sprite_testimonials.jpg) no-repeat top left;
	float:left;	
	border-right: 2px solid #C9BDA3;	
}

#testimonials a:hover, #testimonials a:visited:hover  {
	width:248px;
	height:120px;
	background:url(images/web/sprite_testimonials.jpg) no-repeat bottom left;
	float:left;
	border-right: 2px solid #C9BDA3;	
}


#fundraising a:link, #fundraising a:visited  {
	width:248px;
	height:120px;
	background:url(images/web/sprite_fundraising.jpg) no-repeat top left;
	float:left;	
}

#fundraising a:hover, #fundraising a:visited:hover  {
	width:248px;
	height:120px;
	background:url(images/web/sprite_fundraising.jpg) no-repeat bottom left;
	float:left;
}


/***************************
	End Bottom Images
	*******************************/


#footer { 
	width:1000px;
	float:left;
	margin-top:40px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding-bottom:30px;
}

#footer a:link, #footer a:visited { 
	color:#333333;
	text-decoration:none;
}

#footer a:hover, #footer a:visited:hover { 
	color:#333333;
	text-decoration:underline;
}

/***************************************************
	Navigation
***************************************************/

#nav_left {
	width:350px;
	float:left;
	margin-top:50px;
	height:32px;
	border-bottom: 2px solid #C9BDA3;
	border-top: 2px solid #C9BDA3;
	line-height:32px;	
}

#nav_right {
	width:350px;
	float:left;
	margin-top:50px;
	margin-left:25px;	
	height:32px;
	display:inline;	
	border-bottom: 2px solid #C9BDA3;
	border-top: 2px solid #C9BDA3;	
	line-height:32px;			
}


#nav_left ul, #nav_right ul {
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
	display: block;
	height: 32px;
}

#nav_left li, #nav_right li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	position: relative;
	float: left;
	display: block;
	height: 32px;
	z-index:2;
}

#nav_left a, #nav_left a:visited {
	display: block;
	height: 32px;
	color:#333333;
	text-decoration: none;
	font-size: 11px;
	text-align: center;
	padding-left:25px;
	padding-right:25px;	
	line-height: 32px;
}

#nav_right a, #nav_right a:visited {
	display: block;
	height: 32px;
	color: #5A401D;
	text-decoration: none;
	font-size: 11px;
	text-align: center;
	padding-left:16px;
	padding-right:16px;	
	line-height: 32px;
}

#nav_left li a, #nav_left li a:visited, #nav_right li a, #nav_right li a:visited {
	font-size: 12px;
	height: 23px;
	float: left;
	text-decoration: none;
	color:#333333;
}

html>body #nav_left li a, #nav_right li a 
html>body #nav_left li a:visited, #nav_right li a:visited {
	height: 32px;
}

#nav_left li a:hover, #nav_left li.over a, #nav_right li a:hover, #nav_right li.over a, #  {
	background-color: #B3D7E3;
	background-repeat: repeat-x;
}

#nav_left li:hover, #nav_left li.sfhover, #nav_right li:hover, #nav_right li.sfhover { 
	background-color: #B3D7E3;
	background-repeat: repeat-x;
}

#nav_left li ul, #nav_right li ul {
	width: 180px; /*140px;*/
	list-style: none;
	position: absolute;
	clear: both;
	top: 31px;
	left: 0;
	font-weight: normal;
	padding: 4px 0 0 0;
	margin: 0;
	display: none;
}

#nav_left li>ul, #nav_right li>ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 184px; /*144px;*/
	height: auto;
	margin-top: 32px;
}

#nav_left li li, #nav_right li li {
	clear: both;
	display: block;
	width: 184px; /*140px;*/
	text-align: left;
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	background-position: -300px -300px !important;
}

#nav_left li li a, #nav_left li li a:visited, #nav_right li li a, #nav_right li li a:visited {
	display: block;
	font-weight: normal;
	color:#333333;
	line-height: 13px;
	height: 13px;
	padding: 8px 0 8px 15px !important;
	margin: 0 !important;
	background: #C9BDA3 !important;
	border-bottom: 2px solid #FFFFFF;
	width: 180px; /*140px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bold !important;
	text-align: left;
}

html>body #nav_left li li a, #nav_right li li a {
	width: 180px; /*140px;*/
	height: auto !important;
	line-height: 13px !important;
	min-height: 13px !important;
}

#nav_left li li a:hover, #nav_right li li a:hover {
	background: #B3D7E3 !important; 
}

#nav_left li:hover ul, #nav_left li.over ul, #nav_right li:hover ul, #nav_right li.over ul {
	display: block;
	
}


/***************************************************
	End Navigation
***************************************************/


/***************************************************
	Secondary Pages
***************************************************/

#left_column {
	float:left;
	width:236px;
	margin-left:20px;
	display:inline;
}


#right_column {
	float:right;
	width:680px;
	margin-right:20px;

}

#page_title {
	float:left;
	width:230px;
	height:60px;

}

#page_pic {
	float:left;
	width:680px;
	margin-top:20px;

}

#page_header {
	float:left;
	width:680px;
	margin-top:30px;
	font-size:18px;
	font-weight:bold;
	
}

#page_text {
	float:left;
	width:640px;
	margin-top:30px;
	margin-left:30px;
	display:inline;
	line-height:20px;
	
}

#page_text ul {
	margin-left:20px;
}

#page_text li {
	list-style:square;
	list-style-position:inside;
	line-height:22px;
	font-weight:bold;
}

#contact_message {
	float:left;
	width:640px;
	margin-left:30px;
	display:inline;
	
}

#usa_logo {
	float:left;
	width:86px;
	margin-left:72px;
	margin-top:30px;
	display:inline;
}

#page_nav {
	float:left;
	width:230px;
	margin-top:25px;
}


#page_nav ul {
	margin-left:10px;
}

#page_nav li {
	list-style:square;
	list-style-position:inside;
	line-height:26px;
	font-weight:bold;
	font-size:12px;	
}

#page_nav li a:link, #page_nav li a:visited {
	color:#333333;
	text-decoration:none;
}

#page_nav li a:hover, #page_nav li a:visited:hover {
	color:#EB7E13;
	text-decoration:underline;
}

#left_pic_1 {
	float:left;
	width:230px;
	margin-top:25px;
	border: 3px solid #C9BDA3;	
}

#pic_caption_1 {
	float:left;
	width:210px;
	margin-left:12px;
	margin-top:10px;
	text-align:center;
	font-weight:bold;
}

#left_pic_2 {
	float:left;
	width:230px;
	margin-top:25px;
	border: 3px solid #C9BDA3;	
}

#pic_caption_2 {
	float:left;
	width:210px;
	margin-left:12px;
	margin-top:10px;
	text-align:center;
	font-weight:bold;	
}

#left_pic_3 {
	float:left;
	width:230px;
	margin-top:25px;
	border: 3px solid #C9BDA3;	
}

#pic_caption_3 {
	float:left;
	width:210px;
	margin-left:12px;
	margin-top:10px;
	text-align:center;
	font-weight:bold;	
}

#contact_form {
	width:200px;
	padding:15px;
	float:left;
	background-color:#FFFFFF;
	margin-top:40px;
}

#disclaimer {
	width:800px;
	float:left;
	min-height:400px;
	margin-top:40px;		
	margin-left:75px;
	display:inline;
}

#sitemap {
	width:700px;
	float:left;
	margin-top:40px;	
	margin-left:125px;
	background-color:#FFFFFF;
	padding:40px;
	border: 1px solid #C9BDA3;	
}

#sitemap ul {
	margin-left:20px;
}

#sitemap li {
	list-style:square;
	list-style-position:inside;
	line-height:26px;
	font-weight:bold;
	font-size:13px;	
}

#sitemap li a:link, #sitemap li a:visited {
	color:#333333;
	text-decoration:none;
}

#sitemap li a:hover, #sitemap li a:visited:hover {
	color:#EB7E13;
	text-decoration:underline;
}


#privacy {
	width:800px;
	float:left;
	min-height:400px;
	margin-top:40px;	
	margin-left:75px;
	display:inline;
}

/***************************************************
	End Secondary Pages
***************************************************/


/***************************************************
	Start Order 
***************************************************/

#order_title {
	float:left;
	width:1000px;
}

.order_headline {
	float:left;
	width:350px;
	margin-top:40px;
	margin-left:20px;
	display:inline;
	background-color: #C9BDA3;
	border: 1px solid #333333;		
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;	
	font-size:20px;	
	clear:both;
}

.order_headline_2 {
	float:left;
	width:600px;
	margin-top:50px;
	margin-left:40px;
	display:inline;
	font-size:12px;	
	font-weight:bold;
	clear:both;	
}

.view_cart {
	float:right;
	margin-right:50px;	
	display:inline;
}

.order_row {
	float:left;
	width:950px;
	margin-top:40px;
	margin-left:53px;
	display:inline;
	clear:both;
}

.product_holder {
	float:left;
	width:230px;
	margin-right:40px;
	min-height:200px;
	background-color:#FFFFFF;
	padding:20px;
	border: 1px solid #C9BDA3;	
}

.product_pic {
	float:left;
	width:230px;
}

.product_title {
	float:left;
	width:230px;
	margin-top:15px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.product_desc {
	float:left;
	width:230px;
	margin-top:15px;
	text-align:center;
	font-weight:bold;	
}

.add_to_cart {
	float:left;
	width:230px;
	margin-top:15px;
}

/***************************************************
	End Order
***************************************************/


/***************************************************
	Color Options
***************************************************/

.color_row {
	width:680px;
	float:left;
	margin-top: 20px;

}

.color_row_2 {
	width:350px;
	float:left;
	margin-top: 20px;
	margin-left:165px;
	display:inline;

}

.color_holder {
	width:120px;
	margin-left:22px;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;	
	padding-bottom:10px;
	padding-top:15px;			
	float:left;
	border: 1px solid #C9BDA3;	
}

.color_pic {
	width:120px;
	background-color:#FFFFFF;
}

.color_text {
	width:120px;
	margin-top:10px;
	background-color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}


#request_quote_2 {
	width:200px;
	height:50px;
	float:left;
	margin-top:20px;
	margin-left:130px;
	background-image: url(images/quote_request2.png);
	display:inline;

}

#request_quote_2 a:link, #request_quote_2 a:visited {
	width:200px;
	height:50px;
	float:left;
	background-image: url(images/quote_request2.png);		

}

#request_quote_2 a:hover, #request_quote_2 a:visited:hover {
	width:200px;
	height:50px;
	float:left;
	background-image: url(images/quote_request3.png);

}



/***************************************************
	End Color Options
***************************************************/


/***************************************************
	Lightbox
***************************************************/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox images{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/***************************************************
	End Lightbox
***************************************************/


/***************************************************
	jQuery Slideshow
***************************************************/

#slideshow {
	float:left;
	width:1000px;
	height:348px;
	margin-top:15px;
	position:relative;
	z-index:1;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:900px;
  height:348px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:900px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:348px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:348px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/control_left3.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/control_right3.png) no-repeat 0 0;
}

.slide h2, .slide p {
  margin:15px;
  width:900px;
  float:left;
}
.slide h2 {
  font:italic 24px Arial, Helvetica, sans-serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0;
}

.background_1 {
	width:900px;
	height:348px;
	float:left;
	background-image:url(images/background_slider_blank_2.jpg);
	background-repeat: no-repeat;	
}

.slider_pic {
	width:380px;
	height:280px;
	float:left;
	margin-left:30px;
	margin-top:40px;

}

.slide h1, .slide h2, .slide h3, .slide h4 {
	float:right;
	width:440px;
	margin: 60px 30px 0 0;
	padding:0;
	font-size:20px;
	font-weight:bold;
	color:#1A0876;
	font-style:normal;	
}

.slider_text {
	float:right;
	width:440px;
	margin-top:20px;
	margin-right:30px;
	height:130px;
	font-weight:bold;
	
}

.slider_bottom {
	float:right;
	width:240px;
	margin-top:25px;	
	font-size:15px;
	font-family:"Palatino Linotype";	
	font-weight:bold;
	
}		
	

.slider_shop, .slider_shop a:link, .slider_shop a:visited {
	float:right;
	width:233px;
	color:#FFFAE4;

	
}

.slider_fundraising {
	float:right;
	width:225px;
	margin-top:9px;
	color:#333333;
	
}

.slider_fundraising a:link, .slider_fundraising a:visited {
	text-decoration:none;
	color:#333333;	
	
}

.slider_fundraising a:hover, .slider_fundraising a:visited:hover, .slider_shop a:hover, .slider_shop a:visited:hover {
	text-decoration:none;
	color:#EB7E13;	
}


/***************************************************
	End jquery Slideshow
***************************************************/

/***************************************************
	jFlow Slider
***************************************************/

#wrap {
	width:600px;
	margin-top:40px;
	margin-left:40px;
}

#controller {

}

.hidden
{
display: none;
}

#prevNext
{
margin-bottom: -2.5em;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}



.jFlowControl {

}

#slides  {

}

#slides p {
	margin: 0;
	padding: 0 1em;
	font-size: 1.5em;
	position: relative;
	top: -20px;
	line-height: 50px;
	height: 50px;
	background: black;
	opacity: .7;
	filter:alpha(opacity=70);
	color:#FFFFFF;
}

.jFlowPrev  {

}




.jFlowNext {

}

/***************************************************
	End jFlow Slider
***************************************************/