/*
 * 	UCS Spirits
 * 	Yperez | Oct 2008
 * 
 */


/*New Styles*/

.sendfriend{float:right; width:110px; text-align:center;}
.req{color: #FF0000; font-weight: bold;}


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

  .admin_content { color: #4d4d4f; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 17px; line-height: 17px; width: 660px;}
  .admin_content p img{margin: 7px;}
  .home_content { color: #919191; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 10px 30px 10px 30px; line-height: 17px; text-align:justify;}
  .product_content { color: #919191; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin:0 0 20px 4px; line-height: 17px; width: 385px;}
  h1{ background: url(/images/structure/title-pattern.jpg) top right no-repeat; border:none;}
  h2 { font-size:13px; color: #fa8e33; font-weight: bold;}
  h3{ background: url(/images/structure/title-pattern-short.jpg) top right no-repeat;}
  a { color: #148ecf; text-decoration: underline;}
  a:hover { color: #fa8e33; text-decoration: underline;}
  a.top:link { color: #8e8e8e; text-decoration: none; float: right; background: url(/images/arrow.gif) top left no-repeat; padding-left: 20px; margin: 15px 0;}
  a.top:hover { color: #487fa4; text-decoration: underline; float: right;}
  
  h3.white{
  	color:#fff;
	background-image:none;
  }
  
  p{ margin: 0; padding: 0;}
  
  ul li{ list-style-image: url(/images/bullet-arrow.gif); }
  ol li{ list-style: decimal; margin-top: 10px;}
  
  table th{ text-align: left; background: #f19528; color: #ffffff;}

/* 
 * 
 * Account Navigation
 * 
*/

  #accountNav { width: 630px; height: 22px; padding-left: 350px; }
	#accountNav .main{ width: 250px; height: 22px; margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden; float:left;}
  	#accountNav li { margin:0 10px 0 0; padding:0; list-style: none; display: inline;}
	#accountNav a { float: left; padding: 22px 0 0 0; overflow: hidden; height: 0; }
  	#accountNav a:hover { background-position: 0 -22px;}
  	#accountNav .selected{ background-position: 0 -44px;}
	#accountNav .name{ width: 190px; margin-right: 10px; margin-top: 3px; color:#FFFFFF; float: left; display: block; text-align: right;}
	
	#sign-in a{ width: 55px; background: url(/images/buttons/sign-in.jpg) top left no-repeat;}
	#sign-out a{ width: 65px; background: url(/images/buttons/sign-out.jpg) top left no-repeat;}
	#my-account a{ width: 85px; background: url(/images/buttons/my-account.jpg) top left no-repeat;}
	#view-cart a{ width: 92px; background: url(/images/buttons/view-cart.jpg) top left no-repeat;}
  
/*	#accountNav a { color: #d1d3d4; text-decoration: none; text-transform: uppercase; margin: 0 5px; font-size: 11px; padding: 3px;}
	#accountNav a:hover { background: #ffffff; color: #133b5f; text-transform: uppercase;}
	#accountNav .selected { background: #ffffff; color: #133b5f; text-transform: uppercase;}*/

/* 
 * 
 * Main Navigation
 * 
*/

 #mainNav .main{ width: 937px; height: 53px; margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden; }
  #mainNav li { margin:0; padding:0; list-style: none; display: inline;}
  #mainNav a { float: left; padding: 53px 0 0 0; overflow: hidden; height: 0px; }
  #mainNav a:hover { background-position: 0 -53px;}
  #mainNav .selected{ background-position: 0 -106px;}
	  
 #mainNav{ width: 975px; height: 53px; background: url(/images/structure/container-bg.png) top left repeat-y; padding-left: 20px; }
	#track-field a{ width: 134px; background: url(/images/buttons/nav-track-field.gif) top left no-repeat;}
	#facilities a{ width: 134px; background: url(/images/buttons/nav-athletic-facilities.gif) top left no-repeat;}
	#team-seating a{ width: 134px; background: url(/images/buttons/nav-team-seating.gif) top left no-repeat;}
	#strength a{ width: 134px; background: url(/images/buttons/nav-strength-speed.gif) top left no-repeat;}
	#gymnastics a{ width: 134px; background: url(/images/buttons/nav-gymnastics-soft.gif) top left no-repeat;}
	#vaulting a{ width: 134px; background: url(/images/buttons/nav-vaulting-poles.gif) top left no-repeat;}
	#specials a{ width: 130px; background: url(/images/buttons/nav-specials.gif) top left no-repeat;}


/* 
 * 
 * Top Navigation
 * 
*/
  #topNav { width: 975px; height: 28px; background: url(/images/structure/top-nav-bg.jpg) top left no-repeat; }
  	#topNav .links { width: 943px; text-align: right; padding-top: 7px; color: #ffffff;}
  	#topNav a { color: #ffffff; text-decoration: none; font-size: 11px; padding: 2px;}
  	#topNav a:hover { background: #ffffff; color: #133b5f; }
	#topNav .selected { color: #ff9618; font-weight: bold; }

/*
 *
 * Breadcrumb Navigation
 *
*/
  #breadcrumb { background: url(/images/structure/container-bg.png) top left repeat-y; width: 975px; float: left; padding-bottom: 2px; }
	#breadcrumb #linkbg { color: #808285; background: #ebebeb; margin: 2px 0 0 20px; display: block; width: 924px; padding-left: 10px;}
	#breadcrumb #linkbg a{ color: #808285; text-decoration: none; font-size: 11px;}
	#breadcrumb #linkbg a:hover{ color: #666666; text-decoration: underline;}

/* 
 * 
 * Sub Navigation
 * 
 */
  ul#subNav { width: 232px; margin: 0 0 15px 0; padding: 0; list-style: none; overflow: hidden;}
	ul#subNav li { margin:0; padding:0; list-style: none;}
	ul#subNav li a{ color: #fff; text-decoration: none; background: url(/images/buttons/sub-bg.jpg) top left no-repeat; display: block; width: 232px; height: 30px; padding:7px 0 0 15px; margin-top: -7px;}
	ul#subNav li a.dropdown{ color: #fff; text-decoration: none; background: url(/images/buttons/sub-bg-arrow.jpg) top left no-repeat; display: block; width: 232px; height: 30px; padding:7px 0 0 15px; margin-top: -7px;}
	ul#subNav li a.firstlink { margin-top: 0; padding:7px 0 0 15px; list-style: none; height: 30px; color: #fff; text-decoration: none; background: url(/images/buttons/sub-bg-first.jpg) top left no-repeat; display: block; width: 232px; }
	ul#subNav li a.lastlink { color: #fff; text-decoration: none; background: url(/images/buttons/sub-bg-last.jpg) top left no-repeat; display: block; width: 232px; height: 23px; padding:7px 0 0 15px; margin-top: -7px;}
	ul#subNav li a.lastlink-dd { color: #fff; text-decoration: none; background: url(/images/buttons/sub-bg-last-arrow.jpg) top left no-repeat; display: block; width: 232px; height: 23px; padding:7px 0 0 15px; margin-top: -7px;}
	ul#subNav li a.lastlink-dd2 { color: #7f7f7f; text-decoration: none; background: url(/images/buttons/sub-bg-arrow.jpg) top left no-repeat; display: block; width: 232px; height: 30px; padding:7px 0 0 15px; background-position: 0 -30px;}
	ul#subNav li a.biglink { color: #fff; text-decoration: none; background: url(/images/buttons/sub-bg-big.jpg) top left no-repeat; display: block; width: 227px; height: 45px; padding:7px 0 0 10px; }
	ul#subNav li a.biglink:hover { background-position: 0 -45px;  text-decoration: none;}
	ul#subNav li a:hover { background-position: 0 -30px; text-decoration: none; color: #7f7f7f;}
	ul#subNav li a.selected{ text-decoration: none; color: #ff9618; font-weight: bold;}

/* 
 * 
 * Third Level Navigation
 * 
 */

  ul#thirdNav { width: 232px; margin: 0; padding: 0; list-style: none;}
	ul#thirdNav li { margin:0; padding:0; list-style: none; }
	ul#thirdNav li a { color: #0052a0; font-size: 11px; text-decoration: none; background: url(/images/buttons/third-nav-bg.jpg) top left no-repeat; display: block; width: 232px; height: 30px; padding:7px 0 0 15px; }
	ul#thirdNav li a.bigLink { color: #0052a0; font-size: 11px; text-decoration: none; background: url(/images/buttons/third-nav-bg-big.jpg) top left no-repeat; display: block; width: 232px; height: 40px; padding:7px 0 0 15px; }
	ul#thirdNav li a.lastlink { color: #0052a0; font-size: 11px; text-decoration: none; background: url(/images/buttons/third-nav-last.jpg) top left no-repeat; display: block; width: 232px; height: 23px; padding:7px 0 0 15px; }
	ul#thirdNav li a:hover { text-decoration: none; color: #f18505; background-position:top left;}
	ul#thirdNav li a.selected{ text-decoration: none; color: #f18505; background-position:top left;}

/* 
 * 
 * Fourth Level Navigation
 * 
 */
  .fourth-nav{ background: #396184; padding: 5px; color: #ffffff;}
  	.fourth-nav a{ color: #ffffff; text-decoration: none; font-size: 11px; padding: 2px;}
  	.fourth-nav a:hover { background: #ffffff; color: #133b5f;}
	.fourth-nav .selected { color: #ff9618; font-weight: bold;}
	
 /* 
 * 
 * Fifth Level Navigation
 * 
 */
  .fifth-nav{ background: #5c809f; padding: 5px; color: #ffffff;}
  	.fifth-nav a{ color: #ffffff; text-decoration: none; font-size: 11px; padding: 2px;}
  	.fifth-nav a:hover { background: #ffffff; color: #133b5f;}
	.fifth-nav .selected { color: #ff9618; font-weight: bold;} 

/*
 *
 * Layout / Formatting
 *
 */


 #wrapper{ width: 975px; margin: 0 auto 0 auto;}
 #navwrapper { width: 975px; margin: 0 auto 0 auto;}
 
  body{ background: #133b5f url(/images/structure/bg-pattern.gif) top left repeat-x; }
  
  #hdwrapper { background: url(/images/structure/hd-wrapper-bg.jpg) center no-repeat; background-position: center 37px; }
  #hd { position: relative; background: url(/images/structure/header-bg.png) bottom left no-repeat; padding-top: 10px; height: 90px; width: 975px; margin: 0 auto 0 auto;}
  #hd h1 { background: url(/images/structure/logo.jpg) no-repeat left top; width: 200px; height: 57px; position: absolute; top: 43px; left: 40px;}
  #hd h1 a { width: 200px; height: 57px; }
  #hd h1 a:hover { width: 200px; height: 57px; background: url(/images/structure/logo-hover.jpg) no-repeat left top; }
  #hd .phone { width: 255px; height: 11px; position: absolute; right: 20px; top: 67px; background: url(/images/structure/phone-number.png) top left no-repeat; display: block;}
  #hd .phone2 { width: 255px; height: 11px; position: absolute; right: 20px; top: 67px; background: url(/images/structure/phone-number-2.png) top left; display: block;}
  #hd .phone3 { width: 255px; height: 11px; position: absolute; right: 20px; top: 67px; background: url(/images/structure/phone-number-3.png) top left; display: block;}

  #container-home{ width: 975px; background: url(/images/structure/container-bg.png) top left repeat-y; position: relative;}
  #container{ width: 975px; background: url(/images/structure/container-pattern.png) top left repeat-y; position: relative;}

  #flashPanel{ margin-left: 21px; background: #024B90 url(/images/main-image.jpg); width: 932px; height:342px;}


  #homeLeft { color: #ffffff; width: 232px; float: left; margin: 15px 0 15px 21px; }
  	#homeLeft .newsColumn { background: #7f7f7f url(/images/structure/news-bg.jpg) top left no-repeat; width: 232px; min-height: 212px; padding-bottom: 15px; }
  	#homeLeft .newsColumn .title{ padding-top: 8px; margin-left:4px; padding-bottom: 5px; position: relative;}
	#homeLeft .newsColumn .title .png img{ behavior: url(iepngfix.htc); }
  	#homeLeft .newsColumn .title .seeLink{ position: absolute; top: 10px; right: 13px;}
  	#homeLeft .newsColumn .title .seeLink a{ color: #ffffff; text-decoration: none; font-size: 11px;}
  	#homeLeft .newsColumn .title .seeLink a:hover{ color: #f18505; text-decoration: underline;}
  	#homeLeft .newsColumn .date { margin-left: 15px; margin-top: 15px; padding-left: 5px; font-size: 11px; color: #ffffff; }
  	#homeLeft .newsColumn .item { border-left: #f18505 3px solid; margin: 5px 10px 0 10px; padding-left: 5px; font-size: 11px; }
  	#homeLeft .newsColumn .item a{ font-size: 11px; color: #ffffff; text-decoration: none;}
  	#homeLeft .newsColumn .item a:hover{ font-size: 11px; color: #f18505; text-decoration: none;}

  #homeCenter { width: 477px; float: left; margin-top: 15px; }
  	#homeCenter .home-sponsors { width: 477px; padding-left: 20px;}

  #homeRight { background: url(/images/structure/right-column-bg.gif) top left repeat-y; width: 223px; float: left; margin-top: 15px; min-height: 212px; }
  	
  #homeCta {clear: both;}
  
  #bodyLeft { width: 232px; float: left; margin: 0 7px 0 20px; background: url(/images/structure/left-column-pattern.gif) top left repeat-y; padding-bottom: 85px;}
  	#bodyLeft .subNav{ width: 232px; margin-top: 0;}

  #bodyRight { width: 695px; float: left; min-height: 400px; margin-top: 0; padding-bottom: 10px;}
  	#bodyRight #imageBanner { background: url(/images/structure/image-banner-bg.jpg) top left no-repeat; padding: 2px 0 2px 2px; }
	#bodyRight .contentArea { min-height: 400px; background:#ffffff url(/images/structure/path-watermark.gif) bottom right no-repeat;}
	#bodyRight .productLeft { width: 400px; float: left;}
	#bodyRight .productRight { width: 295px; float: left; background: #a5a5a5;}

  #news li{ list-style-image: url(/images/structure/bullet-arrow.png)}

  #featuredProduct { width: 222px; margin-top: 20px; border: #ffffff 2px solid;}
	#featuredProduct .contentArea { background: #19476a url(/images/headers/featured-product.jpg) top left no-repeat; min-height: 110px; }
	#featuredProduct .content { color: #ffffff; padding: 32px 0 10px 8px;}
	#featuredProduct h1 { color: #40b3e4; font-size: 13px;}
	#featuredProduct a { color: #ffffff; text-decoration: underline;}
	#featuredProduct a:hover { color: #40b3e4; text-decoration: underline;}

  .sponsors { width: 221px; height: 65px; padding-top: 20px; background: #ffffff; position: absolute; bottom: 0; left: 21px; display: block; }
  .sponsors .logo{ width: 80px; float: left; border-right: #cccccc 1px solid;}
  .sponsors .logo2{ width: 130px; float: left;}
  
  .price { width: 210px; float: left; font-weight:bold;}
  .price img{margin-top: 5px;}
  .links { width: 165px; float: left; text-align: right;}
  .links a{ text-decoration: none;}
  
  .pdfRow { background: url(/images/row-bg.jpg) bottom left repeat-x; border-top: #cecece 1px solid; margin: 0 auto 0 auto; padding: 5px;}
  	.pdfRow .pdfItem { width: 320px; margin-right: 5px; float: left;}
  	.pdfRow .pdfItem .productImage { width: 70px; float: left; display:block;}
	.pdfRow .pdfItem .productImage img{ border: #ff9618 1px solid; margin-bottom: 2px;}
	.pdfRow .pdfItem .product { width: 245px; float: left; padding-left: 5px;}
	
  .reviewInfo{ margin-left: 80px;}
  	.reviewInfo .reviewBilling{ width: 220px; float: left; margin-right: 10px; text-align: left; border-right: #CCCCCC 1px solid;}
    .reviewInfo .reviewShipping{ width: 220px; float: left; text-align: left;}
	
  #capText{height: 30px;}

/* 
 * 
 * Layout / CTA's
 * 
 */
  .cta { margin-top:15px;}

/* 
 * 
 * Layout / News & Events
 * 
 */

  .date {font-size: 12px; color: #acacac;}
  .newslisting {}
  	.newslisting .newsItem{ margin-bottom: 20px; padding-bottom: 10px; border-bottom: #cecece 1px solid;}
	.newslisting .newsItem .image{ width: 106px; float: left; padding: 0 3px 0 3px;}
	.newslisting .newsItem .image img{border: #fc8e33 1px solid;}
	.newslisting .newsItem .text{ width: 506px; float: left;}
	.newslisting .newsItem .text-wide{ width: 670px; float: left;}

/* 
 * 
 * Layout / Photo Gallery
 * 
 */

 .photoLink{ width:105px; float: left; background: #133b5f url(/images/photolink-bg.gif) top left no-repeat; padding: 5px 0 0 5px; margin-right: 10px; min-height: 180px;}
 .photoLink a{color: #FFFFFF; font-weight: bold; text-decoration: none;}
 .photoLink a:hover{color: #ffae69; font-weight: bold; text-decoration: none;}

 .photoGallery { background: #133b5f url(/images/table-bg.gif) top left repeat-x; padding: 0 20px 0 20px;}
 
 
 /* 
 * 
 * Layout / Form
 * 
 */
 
  
  .informationForm { margin: 0 auto 0 auto; width: 460px;}
  .billingform { padding: 5px; background: #eeeeee; width: 210px; min-height: 577px;}
  .contactform{ padding: 10px 0 10px 10px; background: #eee url(/images/structure/logo-watermark.gif) center no-repeat ; width:440px; border: #e3e1e1 2px solid; float: left;}
  .contactform.small{ width:420px;}
  .form{ padding: 10px 0 10px 10px; background: #eee url(/images/structure/logo-watermark.gif) center no-repeat ; width:440px; margin:0 auto; border: #e3e1e1 2px solid;}
	.formRowInfo{ margin-top: 10px; border-top: #b9b9b9 1px solid; border-bottom: #b9b9b9 1px solid; line-height:normal; }
	.formRow{ margin-top: 10px;}

	.formItem { width: 210px; float: left;}
	.formItem .textfield{ width: 200px;}
	.formItem .textarea { width: 420px;}
	
	.formItem2{width: 420px; float: left;}
	.formItem2 .textfield{ width: 420px;}
	
	.formItemLong{width: 420px; float: left;}
	.formItemLong .textfield{ width: 400px;}
	
	.formItemInfo{ width: 420px; float: left; font-size: 11px; font-style: italic; line-height: normal;}
	
	.formRecord{margin-top: -25px;}
	
	.country{ width: 150px; float: left;}
	
	.state{ width: 110px; float: left;}
	.state .dropdown{ height: 23px;}
	
	.zipcode{ width: 95px; float: left;}
	.zipcode .textfield{ width: 50px;}
	
	.phone{ width: 125px; margin-right: 20px; float: left;}
	.phone .textfield{ width: 30px; float:left; margin-right:3px;}
	.phone .textfield2{ width: 35px; float:left; margin-right:3px;}
	
	.phone2{ width: 130px; margin-right: 5px; float: left;}
	.phone2 .textfield{ width: 30px; float:left; margin-right:3px;}
	.phone2 .textfield2{ width: 35px; float:left; margin-right:3px;}
	
	.ext{ margin-right:20px; float:left; }
		.ext .textfield{ width: 30px; float:left; margin-right:3px;}

  .contact-info{ width: 205px; float: left; margin-left: 15px; padding: 10px; border-top: #cccccc 1px solid; }

/* 
 * 
 * Layout / Billing Information
 * 
 */

  .billing { float: left; width: 230px; }
  .shipping { float: left; width: 230px;}
  .billingbuttons { float: left; width: 450px; border-bottom: #cecece 1px solid; padding: 5px 0 7px 0;}
  .billingbuttons .textfield { width: 200px;}
  
/* 
 * 
 * Layout / Shipping Information
 * 
 */

  .leftcolumn { float: left; width: 315px; padding: 5px; background: #cccccc; margin-right: 10px; }
  .rightcolumn { float: left; width: 250px; }

/* 
 * 
 * Layout / Product Page
 * 
 */

  .productRow { width: 660px; border-bottom: #a9a9a9 1px solid; padding-bottom: 20px; margin-bottom: 20px; }
  	.productRow .productItem { width: 174px; float: left; margin:0 23px 0 23px; text-align: center; }
	.productRow .productItem .image { width: 174px; margin-bottom: 10px;}
	.productRow .productItem .image img { border: #b6b6b6 2px solid;}
	.productRow .productItem .text { text-align: left;}
	.productRow .productItem .text .productname{ color: #0d59a5; font-weight: bold; text-decoration: underline; }
	.productRow .productItem .moreInfo { width: 174px; float: left; border-top: #b6b6b6 1px solid; border-bottom: #b6b6b6 1px solid; text-align: left; padding: 1px 0 3px 0; margin-top:5px; vertical-align: middle;}
	
  .productRight .largeProduct { margin: 6px 0 0 5px;}
  .productRight .largeProduct img { border: #0165ba 2px solid; margin-bottom: 0;}
  .productRight .largeProduct .text { margin: 5px 0 10px 0; color: #ffffff;}
  .productRight .productGallery { width: 280px; border: #8f8f8f 2px solid; background: #e8e8e8; margin:5px 0 6px 5px; text-align: center;}
  .productRight .productGallery img { border: #0066b8 1px solid; margin: 5px;}
  .productRight .text { width: 280px; color: #ffffff; margin: 10px 0 20px 7px;}
  .productRight .addButtons { background: #ffffff; padding-top: 10px; padding-bottom: 10px; border-bottom: #cecece 1px solid; text-align: center;}

  .quantity { width: 40px;}

/* 
 * 
 * Layout / Shopping Cart
 * 
 */

  .buttonRow { border-top: #cecece 1px solid; border-bottom: #cecece 1px solid; width: 678px; text-align: center; padding: 5px 0 2px 0;}
  .buttonRowRight { border-top: #cecece 1px solid; border-bottom: #cecece 1px solid; width: 678px; text-align: right; padding: 5px 0 2px 0;}
  .buttonRowRight .buttonmargin {margin-right: 30px;}

/* 
 * 
 * Layout / Wishlist
 * 
 */

  .wishlistLinks{ width: 650px; text-align: right;}
  .wishlist{ margin-top: 5px;}
  	.wishlist .listItem{ }
	.wishlist .listItem .image { width: 180px; float: left; text-align: center; padding-right: 10px;}
	.wishlist .listItem .image img { border: #b6b6b6 2px solid;}
	.wishlist .listItem .text{ width: 480px; float: left; padding-bottom: 25px;}

/* 
 * 
 * Layout / Footer
 * 
 */

  #ft{ padding-top: 20px; color: #ffffff; font-size: 10px; margin-left: 0; width: 975px; padding-left: 6px;}
  #ft .ft-item { margin-right: 4px; background: url(/images/structure/footer-bg.jpg) top left no-repeat; width: 188px; height: 101px; float: left; }

    #ft .ft-item .content { margin: 10px 10px 0 10px;}
	#ft .ft-item .content ul{ padding: 0;}
	#ft .ft-item .content li{ padding: 0 0 5px 0; list-style: none; list-style-image:none;}
  
  #ft a{color: #ffffff; text-decoration: none;}
  #ft a:hover{color: #ffffff; text-decoration: underline;}
  #ft address{font-style: normal; margin-top: 4px;}
  #ft address strong{padding-left: 10px;}
  
  .floatLeft{
  	float:left;
	clear:none;
  }
  .ups{
  margin-right:20px;
margin-top:5px;
padding:10px;
width:305px;
  }
  
/*Overlay*/

#overlay { 
    background:#fff url('/images/form-seller-bg.gif') top left no-repeat;
    color:#000;
	width:500px;
	height:400px;		
	display:none;
	padding:50px;
	border: #2b53b5 solid 1px;
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    overflow-y:auto; 
} 

div.overlay div.close {
	background-image:url('/images/btn-close.gif');
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	width:70px;
	height:25px;
}

/* Photo Gallery */
#facebox table.tblPadding td{ padding:5px 0; }
#facebox table.tblPadding td a{ display:block; max-height:70px; width:102px; border-bottom:1px solid #fff; overflow:hidden; }