@import url("reset.css");
@import url("productlisting.css");
@import url("productdetails.css");

body{
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: #100c00;
	color: #e3edcc;
}

#wrapper{
	background: url(../images/background.jpg) top left no-repeat;
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
}

#page-header{
	margin: 10px 0 10px 0;
}
#header{
	position:relative;
}
#flash{
	margin: 20px 0 0 0;
}

#content{
	min-height:400px; 
	height:auto !important; 
	height:400px;
}

#flash-cotent{
	display: inline;
	float: right;
}

.events-index{
	background: url(../images/bg_indexEvents.png) top left no-repeat;
	display: inline;
	float: left;
	height: 219px;
	width: 248px;
}

.shop-index{
	background: url(../images/bg_indexShop.png) top left no-repeat;
	display: inline;
	float: left;
	height: 219px;
	padding-top: 45px;
	width: 146px;
}

	.shop-index li{
		margin-bottom: -5px;
	}

.whatsHot-index{
	background: url(../images/bg_whatsHot.png) top left no-repeat !important;
	display: inline;
	float: left;
	height: 219px;
	position: relative;
	width: 586px;
}

#home_menu{
	position: absolute;
	top: 25px;	
}


#footer{
	clear: both;
	height: 100px;
	position: relative;
	margin-top:40px;
}


/*---- Text Styles ----*/
#content p{
	margin: 0 0 10px 100px;
	width: 675px;
}

#content address{
	margin: 0 0 10px 100px;
}

/*---- Classes -----*/
.logo{
	/*margin: 20px 0 20px 290px;*/
	margin:7px 0 10px 371px;
}


ul#navigation li:hover div, ul#navigation li.over div
{
    left:0;
    zoom:1; /* fix ie7 disappear */
}

ul#navigation li:hover, ul#navigation li.over
{
    height:auto; /* fix ie7 sticky */
}

#navigation{
	background: url(../images/bg_navigation.png) top left no-repeat;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
}

#navigation li{
	display: inline;
	float:left;
	margin-left: 25px;
	padding: 0 0;
}

#navigation li a{
	color: #e3edcc;
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
}

#navigation li a:hover{
	color: #FF1100;
}

#navigation li ul {
	position: absolute;
	width: 120px;
	left: -999em;
	display: block !important;
	float: left !important;
	margin: 18px 0 0 5px;
	*margin: 18px 0 0 -60px;
	text-align: center;
    -moz-opacity: .85;
	  height: auto !important;
}

#navigation li ul li{
		background: #2C100C !important;
		display: block !important;
	float: left !important;
		left: -300px;
		margin-left: 0px !important;
		*position: relative;
		*left:-58px;
		height: auto !important;
	width: 120px;
}

#navigation li ul li a{
	display: block;
	float:none !important;
	padding: 5px 5px;
	*padding: 2px 0 5px 0 !important;
}

#navigation li:hover ul, .navigation li.sfhover ul {
	left: auto;
	height: 1%;
}
#nav-home, #nav-store, #nav-events, #nav-multimedia, #nav-contact{
	height: 0;
	padding-top: 18px;
	overflow: hidden;
}

#nav-home{
	background: url(../images/nav_home.gif) 0 0 no-repeat;
	width: 82px;
	margin-left: 100px;
}

#nav-store{
	background: url(../images/nav_store.gif) 0 0 no-repeat;
	width: 90px;
}

#nav-events{
	background: url(../images/nav_events.gif) 0 0 no-repeat;
	width: 135px;
}

#nav-multimedia{
	background: url(../images/nav_multimedia.gif) 0 0 no-repeat;
	width: 118px;
}

#nav-contact{
	background: url(../images/nav_contact.gif) 0 0 no-repeat;
	width: 116px;
}

#nav-home:hover, #nav-store:hover, #nav-events:hover, #nav-multimedia:hover, #nav-contact:hover{
	background-position: 0 -18px !important;
}

/*----- Sub Navigation ------*/
ul.sub-navigation{
	background: url(../images/bg_subnav.png) top left no-repeat;
	display: inline;
	float: left;
	height: 130px;
	width: 145px;
	padding-top: 10px;
}

/*----- Content ------*/
#topPhoto{
	margin-left: 50px;
	width:926px;
	height:139px;
	background:url(../images/flashreplace2.jpg) top center no-repeat;
}
/*----- Events ------*/
.events-img{
	margin: 42px 0 0 55px;
}

.events-index ul{
	padding: 6px 0 0 20px;
}

.events-index ul li{
	display: inline;
	float: left;
	padding: 0 25px;
}

#eventVideos{
	background: url(../images/btn_eventVideos.gif) 0 0 no-repeat;
	display: block;
	height: 11px;
	width: 40px;
	text-indent: -9999px;
}

#eventVideos:hover{
	background-position: 0 -11px;
}

#eventPhotos{
	background: url(../images/btn_eventPhotos.gif) 0 0 no-repeat;
	display: block;
	height: 11px;
	width: 44px;
	text-indent: -9999px;
}

#eventVideos:hover, #eventPhotos:hover{
	background-position: 0 -11px;
}

/*----- Bio Pages -----*/
.bio-copy{
	display: inline;
	float: left;
	margin: 30px 0 0 80px;
	width: 300px;
}

.bio-copy h2{
	font-size: 18px !important;
	margin-bottom: 20px !important;
}

.bio-copy p{
	color: #e3edcc;
	line-height: 20px;
	margin-bottom: 20px;
}

.bio-pic{
	display: inline;
	float: right;
}

/*----- Shoping Lists -----*/
ul.shop-list{
	display: inline;
	float: left;
	margin-left: 10px;
	text-align: center;
	/*width: 200px;*/
	width:135px;
}

.shop-list img{
	margin-bottom: 10px;
}

.shop-list li a{
	display: block;
	color: #e3edcc;
	height: 19px;
	text-decoration: none;
}

.gen-hover:hover{
	background: url(../images/bg_hover.gif) top center no-repeat;
	height: 19px;
}



/*----- Contact -----*/

.contactus address{
	margin: 10px 0;
}

.contactus p{
	margin: 20px 0 0 60px;
}

.other-contact{
	display: inline;
	float: left;
	margin: 10px 80px 0 60px;
	width: 200px;
}

.other-contact p{
	margin: 0 !important;
}

.contactus form{
	float: left;
	display: inline;
	margin: 10px 0 0 0;
}

.contactus form label{
	display: block;
	width: 460px;
	text-align: right;
	margin-bottom: 5px;
}

.contactus label span{
	position: relative;
	top: -90px;
}
.contactus form label input, .contactus form label textarea{
	background: #e2edcb;
	border: 0;
	height: 20px;
	width: 400px;
}

.contactus form label textarea{
	height: 100px;
}

.subject{
	 text-align: left !important; 
	 margin-left: 17px !important;
}

.submit{
	float: right;
}

/*----- Footer ----*/
#footer p{
	position: absolute;
	top: 60px;
	left: 430px;
	width: auto;
}

ul.bt-lft-logos{
	position: absolute;
	top: 20px;
	left: 0;
}

.bt-lft-logos li{
	display: inline;
	float: left;
	padding: 0 5px;
	position: relative;
	bottom: 0;
}

ul.bt-links{
	position: absolute;
	top: 30px;
	left: 420px;
}

.bt-links li{
	color: #e3edcc;
	display: inline;
	float: left;
	padding: 0 10px;
}

.bt-links li a{
	color: #e3edcc; 
}

.logo-ufc{
	position: absolute;
	top:0;
	right: 0;
}

/*---- Ray Styles -----*/

#ray-mendoza{
	margin: 20px 0 0 40px;
}

#ray-header{
	background: url(../images/bg_rayHeader.jpg) top left no-repeat;
	height: 198px;
	width: 882px;
}

#ray-content{
	background: url(../images/bg_rayContent.jpg) top left repeat-y;
	width: 882px;
	overflow: hidden;
	padding: 0 40px;
}

#ray-content p{
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 33px 0;
}

.ray-content-left img{
	margin-bottom: 5px;
}

#ray-content em{
	display: block;
	font-style: italic;
	margin: 0 0 20px 0;
}

.ray-content-left{
	color: #000;
	display: inline;
	float: left;
	width: 600px;
}

.ray-content-right{
	display: inline;
	float: left;
	margin-left: 40px;
}

.ray-content-right img{
	display: block;
	margin-bottom: 40px;
}

#ray-footer{
	background: url(../images/bg_rayFooter.jpg) top left no-repeat;
	height: 72px;
	width: 882px;
}

.basketcontents {
	width:650px;
	margin:0 auto;
	overflow:hidden;
}
.basketcontents div {
	float:left;
}
.basketcontents input {
	margin-right:20px;
}

.basketcontents .remove {
	width:56px;
	height:20px;
	overflow:hidden;
}
.basketcontents .thumbcode {
}
.basketcontents a {
	color:#fff;
}
.basketcontents a:hover {
	color:#CCC;
}
.basketcontents .descrip {
	width:300px;
	padding-left:20px;
}
.basketcontents .qtyupdate {
	width:160px;
}
.basketcontents .qtyupdate * {
	display:block;
	float:left;
	margin-right:6px;
}
.basketcontents .price {
	float:right;
	text-align:right;
}
.basketcontents .item {
	padding:12px 0;
	width:650px;
	overflow:hidden;
}
.basketcontents .total {
	clear:both;
	float:none;
	text-align:right;
	font-weight:bold;
	border-top:1px solid #fff;
	font-size:13pt;
	padding-top:5px;
}
.basketcontents .checkout {
	float:right;
	margin-top:20px;
}
.basketcontents table {
	width:170px;
	clear:both;
	margin:20px 0;
	float:right;
}
.basketcontents table td {
	padding:5px 0;
	text-align:right;
}
#customerfields {
	width:720px;
	overflow:hidden;
	margin:0 auto;
}
.custfield1 {
	margin:20px 0;
}
#customerfields td, #customerfields th {
	padding:4px;
}
.custfield2, .custfield3, .custfield2 table, .custfield3 table {
	width:330px;
}
.custfield2 {
	float:left;
	clear:left;
}
.basketcontents font {
	display:block;
	clear:both;
}
.custfield3 {
	float:right;
}
.custfield2 input, .custfield3 input {
	width:161px;
	float:right;
}
.custfield2 select, .custfield3 select {
	width:165px;
	float:right;
}
.custfield2 th {
	background: url(../images/th_shipto.gif) top left no-repeat;
	height:50px;
}
.custfield3 th {
	background: url(../images/th_billto.gif) top left no-repeat;
	height:50px;
}
#customerfields th span {
	display:none;
}
#customerfields em {
	font-weight:bold;
}
#customerfields span {
	color:#f00;
	font-weight:bold;
}
#customerfields .bottomupdate input {
	width:auto;
	margin-right:12px;
	margin-bottom:20px;
	float:left;
}
#customerfields .custfield3 .bottomupdate input {
	float:right;
	margin-bottom:0;
}
#customerfields .bottomupdate {
	padding:18px 0;
	font-size:1.3em;
	font-weight:bold;
}
.loginleft {
	float:left;
}
.loginleft a {
	display:block;
	margin-bottom:18px;
}
.loginright {
	width:248px;
	height:123px;
	padding:54px 0 0 28px;
	background: url(../images/bg_logintoexisting.gif) top center no-repeat;
	overflow:hidden;
	float:right;
	position:relative;
	color:#000;
}
.loginright div {
	display:block;
	position:relative;
	margin-bottom:10px;
	height:1.3em;
}
.loginright div span {
	position:absolute;
	left:12px;
	top:0px;
	text-align:right;
	display:block;
}
.loginright div input {
	position:absolute;
	top:0px;
	left:-12px;
}
.loginright .txtbox {
	top:0;
	left:80px;
}
.loginstuff {
	width:570px;
	overflow:hidden;
	margin:0 auto;
}
.loginbtn {
	float:right;
	clear:both;
	margin-top:30px;
}
.paymenttable {
	width:340px;
	margin:0 auto;
}
.paymenttable td, .paymenttable th {
	padding:5px;
}
.paymenttable tfoot td {
	text-align:right;
}
.paymenttable tbody input {
	width:155px;
}
.paymenttable thead th {
	font-weight:bold;
}
.missingatt {
	 width:500px;
	 margin:0 auto;
	 overflow:hidden;
}
.missingatt a {
	float:left;
	margin: 40px 20px 40px 0;
}
.missingatt h3 {
	width:auto;
	margin:0 0 20px 0;
}
.missingatt .continue {
	clear:both;
	display:block;
}
table.laststeptable {
	 width:630px;
	 margin:0 auto;
}
table.laststeptable th {
	font-weight:bold;
}
table.laststeptable th, table.laststeptable td {
	padding:4px;
}
table.laststeptable tfoot td {
	font-weight:bold;
	border-top:1px #fff solid;
}

a.logout {
	display:block;
	height:0;
	padding:20px 0 0 0;
	width:56px;
	overflow:hidden;
	background:url(../images/btn_logout.gif) top left no-repeat;
	margin: 20px 0 20px 0;
}
#social {
position:absolute;
right:200px;
top:55px;
}
#sub-menu-items {
	width:774px;
	margin:34px auto;
	overflow:hidden;
}