/*----------------------------------------------------------------------------- 
Xyience Screen Stylesheet 

version:  1.0 
date:     10/27/08 
website:  www.xyience.com
version history:/css
-----------------------------------------------------------------------------*/
/* Import other stylesheets 
-----------------------------------------------------------------------------*/ 
@import url("/includes/css/global.css");

/* Template
-----------------------------------------------------------------------------*/ 
/* Remove padding and margin */ 
html		{background:url(/images/wallpaper.jpg) no-repeat top center; background-color:#000000;}
body		{font:10pt Arial, Tahoma, Verdana, sans-serif; color:#3f3f3f; background:url(/images/barcode.gif) no-repeat bottom center;} 
#wrapper  	{position:relative;width:980px; text-align:left; margin-left:auto; margin-right:auto; border:1px solid #1e1e1e; background:url(/images/bgWrapper.jpg) no-repeat bottom right; background-color:#FFFFFF;}
#container	{background:url(/images/bgBody.gif) no-repeat top center; padding:40px 10px 10px 10px;}

#container1				{background:url(/images/bgBody.gif) no-repeat top center; padding:40px 10px 10px 10px; min-height:400px;height:auto !important; height:310px;}
#container1	#content	{width:100%;}
#container1 #related 	{display:none;}

#container2				{background:url(/images/bgBody.gif) no-repeat top center; padding:40px 10px 10px 10px;}
#container2	#content	{width:650px; float:left;}
#container2	#related	{width:300px; float:left; padding-left:10px;}

#containerSimple	{ }
#containerSimple	#content	{width:650px; float:left;}
#containerSimple	#related	{width:300px; float:left; padding-left:10px;}


/* Tables  
-----------------------------------------------------------------------------*/ 
table							{border-spacing:0; border-collapse:collapse;} 
td  							{text-align:left; font-weight:normal; padding:0px; margin:0px;}
.data_table 					{width:100%; padding:0; margin:0; border-left:1px dotted #c5c5c5; margin-bottom:10px;}
.data_table td 					{border-right:1px dotted #cccccc; border-bottom:1px dotted #cccccc; background:#fff; padding:3px 3px 3px 12px;}
.data_table tr.data_row td		{border-right:1px dotted #cccccc; border-bottom:1px dotted #cccccc; background:#fff; padding:3px 3px 3px 12px;}
.data_table tr.data_row_alt	td 	{background:#f1f1f1; color:#3f3f3f;}
.data_table th 					{border-right:1px dotted #c5c5c5; border-bottom:1px dotted #c5c5c5; border-top:1px dotted #c5c5c5; text-align:left;  padding:3px 3px 3px 12px; background-color:#7a7a7a; color:#FFFFFF;}
.data_table th.spec 			{border-left:1px dotted #C1DAD7; border-top:0;}
.data_table th.specalt  		{border-left:1px dotted #C1DAD7; border-top:0;}
.data_table tr 					{border-left:1px dotted #cccccc;}
.data_table td.data_title		{border-top:1px dotted #cccccc; font-weight:bold; background:#1b1b1b; color:#FFFFFF;}
			tr.data_title td	{font-weight:bold; background-color:#000; color:#fff;}
			tr.data_title th	{font-size:11px; font-weight:bold; border-right:1px dotted #c5c5c5; border-bottom:1px dotted #c5c5c5; border-top:1px dotted #c5c5c5; text-align:left;  padding:3px 3px 3px 12px; background-color:#1b1b1b; color:#fff;}

.calendar 				{width:230px; border-left:1px solid #cccccc; }
.calendar th			{padding:3px 3px 3px 3px; border-right:1px solid #cccccc; text-align:center; border-bottom:1px solid #cccccc; background-color:#1b1b1b; color:#FFFFFF;}
.calendar td			{padding:3px 3px 3px 3px; border-right:1px solid #cccccc; text-align:center; border-bottom:1px solid #cccccc; }
.calendar .today		{background-color:#900000; color:#FFFFFF;}
.calendar .past			{background-color:#f1f1f1; color:#b0b0b0;}
.calendar .event		{background:url(/images/event.gif) no-repeat bottom right;}
.calendar a				{text-decoration:none;}

/* Forms  
-----------------------------------------------------------------------------*/
input 				{border:1px solid #cccccc; height:18px; padding-top:3px;  font:8pt  Arial, Tahoma, Verdana, sans-serif; color:#3f3f3f;}
input.data_button	{height: 23px;padding-bottom: 3px;} 
select 				{border:1px solid #cccccc; height:18px; font:8pt  Arial, Tahoma, Verdana, sans-serif; color:#3f3f3f;} 
option 				{height:18px; font:8pt  Arial, Tahoma, Verdana, sans-serif; color:#3f3f3f;} 
textarea 			{border:1px solid #cccccc; font-family:arial; font:8pt  Arial, Tahoma, Verdana, sans-serif; color:#3f3f3f;}
button[type]		{border:1px solid #cccccc; background:#333333; color:#ffffff; padding:5px 15px 5px 15px; margin:5px 5px 5px 0px; clear:both;} /* Firefox */
button 				{background:#333333; color:#ffffff; padding:5px 15px 5px 15px; margin:5px 5px 5px 0px;} /* IE */
.submit				{background:#333333; color:#ffffff; padding:5px 15px 5px 15px; margin:5px 5px 5px 0px; height:26px; padding-top:1px;}
label 				{margin:5px 0px 5px 0px;}
.errorButton		{background-color:#900000;}
.sucessButton		{background-color:#669933;}

input.searchEvent.data_button	{margin-left: 10px;}

.form_table 			{padding:0; margin:0;}
.form_table td 			{padding:3px 3px 3px 12px;}
.form_table label		{width: 200px; font-weight:bolder; text-align:right;}
.form_table input		{width:200px;}
.form_table textarea	{width:200px; height:100px;}
.form_table .submit		{width:auto;}

.SearchForm div.IEFixInputBackground{
	background: url('/images/search-input-background.gif') no-repeat bottom left;
	height: 29px;
	width: 180px;
	padding: 3px 10px 0 10px;
	
}
.SearchForm div.IEFixInputBackground input.SearchText{
	background: transparent;
	border: none;
	font-size: 16px;
	font-weight: lighter;
	line-height: 25px;
	height: 29px;
	width: 180px;
	color: #fff;
}

/* Validation Area ********************************/
.formValidationArea {
	margin: 12px 0 12px 0;
	padding: 0 0 10px 0;
	background-color: #DDD;
	border: 1px solid black;
	font-size: 13px;
}

.formValidationHeader {
	padding: 6px 10px 6px 10px;
	background-color: #8E0E15;
	border-bottom: 1px solid #000;
	color: white;
	font-size: 15px;
	font-weight: bold;
}

.formValidationArea p {
	padding: 10px 10px 0 10px;
}
.formValidationArea ul {
	margin: 10px 0 0 10px;
	padding: 0 0 0 0;
	list-style-position: inside;
	font-weight: bold;
}


/* Compliancy and Default Styles
-----------------------------------------------------------------------------*/ 
*  			{padding:0; border:0;}
caption 	{padding:0 0 5px 0; width:100%; font:italic 11px Arial, Helvetica, sans-serif; text-align:right;}
a			{color:#900000;}
a img		{border:0px;}
/*p			{font:10px  Arial, Tahoma, Verdana, sans-serif;}*/
h1			{font: bold 20px Arial,Tahoma,Verdana,sans-serif; color:#900000; padding:5px 0px 5px 0px;} 
h2 			{font-size:14px; color:#3f3f3f; padding:5px 0px 5px 0px;} 
h3 			{font-size:1.4em; color:#000000; padding:5px 0px 5px 0px;} 
h4 			{font-size:1.2em; padding:5px 0px 5px 0px;} 
h5  		{font-size:1.0em; padding:5px 0px 5px 0px;} 
ul			{padding:10px; margin:0px 10px 0px 10px;}
.callout	{margin: 10px;}
.PageAlert_ok {color:#090; font-size:16px; font-weight:bold;}
.PageAlert_error {color:#900; font-size:16px; font-weight:bold;}

/* News Items and Content Listings
-----------------------------------------------------------------------------*/ 
.listing_table tr				{vertical-align:top;}
.listing_table td				{border-bottom:1px dotted #888888; padding:5px;}
.listing_table .image			{width:160px;}
.listing_table .image img		{border:3px solid #90a4c5;}
.listing_table .text			{width:480px; padding:0px 0px 10px 10px;}
.listing_table .text .header	{font-size:13px; font-weight:bold; color:#90a4c5;}
/* RG: what would the .clear class be used for? */
.listing_table .clear			{padding-bottom:5px;}
/* Inner table */
.listing_table td table			{width:100%;}
.listing_table td td			{border-bottom:none; padding:0;}
.listing_table tr.headerRow td	{border-bottom: none;}
.listing_table tr.headerRow h3	{font-size: 12px;color: #CC0000;}

/* Custom events listing table
===============================*/
.event.listing_table p.header a			{text-decoration: none;font-size:8pt;color: #000000;}
.event.listing_table p.header a:hover	{text-decoration: underline;}
.event.listing_table p					{line-height: 15px;}
.event.listing_table p.header a			{color: #900000; font-weight:bold; font-size:12px;}
.event.listing_table .image				{width: 50px;}
.event.listing_table td					{border-bottom:none; padding-bottom:20px;}


/*Wish list
-----------------------------------------------------------------------------*/ 
.CurrentWishlist input {height: auto;}

/*Events styles
-----------------------------------------------------------------------------*/ 
.eventMonthListing		{vertical-align:top; font-size:12px; padding:0 20px 0 75px;}
.eventMonthListing.left	{border-right: 1px dotted #000;padding: 0 75px 0 20px;}
.eventMonthListing h3	{font-size: 14px;margin: 0;padding: 0;}
.featuredEvent			{float:left;width: 303px;height: 417px;}
.calendars				{float: left;width: 523px;padding-left: 20px;}

a.monthNavigation,
img.monthNavigation		{float: left;color: #900000;}
a.monthNavigation.left	{padding: 10px 15px 5px 0;}
a.monthNavigation.right	{padding: 10px 0 5px 15px;}
.featuredEvent .date	{float: right;}

/* Header
-----------------------------------------------------------------------------*/ 
#header	{height:120px; width:980px; text-align:left; margin-left:auto; margin-right:auto;}
#landing {height: 440px;}
.un		{float:left;}
.search	{height:27px; width:114px; background:url(/images/bgSearch.gif) no-repeat; padding-top:4px; padding-left:85px;}
.search input 	{background-color:#797979; border:0px; height:13px; width:100px; color:#f1f1f1;}
.utilityNav		{padding-left:200px;}


/* Navigation 
-----------------------------------------------------------------------------*/
ul.MainNav li		{list-style: none; display: inline-block;}
#subNav				{height:220px; background-color:#000000;}
#subNav.large	 	{height:350px;}

ul.AccountNav		{width: 155px; border:1px solid #000; padding-top:10px;}
ul.AccountNav li	{list-style: none;}
ul.AccountNav a		{display:block; width:135px; height:20px; padding:10px; border-top:1px solid #ccc; background-color:#000; color:#fff;}

.quickLinks			{position:absolute; left:60px; top:150px;}
.quickLinks span	{font-weight:bold; font-size:18px; color:#fff; float:left;}
.quickLinks ul		{margin:0 0 0 22px; padding:0; float:left;}
.quickLinks li		{list-style:none; margin:0; padding:0; color:#b90000; font-size:12px;}
.quickLinks li a	{color:#fff; font-size:11px; text-decoration:none;}
.quickLinks li a.selected {color:#b90000; font-weight:bold;}


/* Second tier nav (this is over the red bar in imags)
NOTE: You must specify the left distance on the ul
-----------------------------------------------------------------------------*/
.secondTierNav			{position:absolute; top:32px; vertical-align:middle; list-style:none; font-weight:bold; color:#FFF; height:32px; padding:0; margin:0;}
.secondTierNav li		{float:left; display:block; padding:0; margin:0;}
.secondTierNav .divider	{font-size:17px; line-height:32px;}
.secondTierNav a		{float:left; display:block; line-height:32px; color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; padding:0 20px 0 20px; margin:0;}
.secondTierNav a:hover	{background-color: #000;}

/* Product listing
-----------------------------------------------------------------------------*/
td.Product					{padding-left:20px; padding-bottom:50px;}
td.Product .Image			{float:left; padding:0; margin-right:10px;}
/* product description */
td.Product .Description 	{float:left; width:170px; color:#555; margin:0;}
td.Product .Description a	{text-decoration:none;}
td.Product .Description .Title	{font-weight:bold; font-size:11px; color:#303030;}
td.Product .Description .Price	{font-weight:bold; font-size:11px; color:#b90000;}
/* short description */
td.Product .Description p	{margin-bottom:10px;}

/* Advertising */
.ads.vertical .gfad	{margin-bottom: 10px;}

/* Footer 
-----------------------------------------------------------------------------*/ 
#footer				{width:980px; text-align:center; margin-left:auto; margin-right:auto; background:url(/images/ufcTag.gif) no-repeat; background-position:center top; padding-top:70px;}
#footer div			{margin-left:auto; margin-right:auto; width:630px; text-align:center;}
#footer .clear		{padding:0px; margin:0px;}

.SubMenu {list-style-type: none;}
.SubMenu li {float: left;padding: 0 5px;margin: 0;}