@charset "UTF-8";

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator     YAML Builder V1.0.1 (http://builder.yaml.de)
 * @file        my_layout.css
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(/yaml/core/base.css);


@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: url(/media/ShopImage/media/ShopImage-1939.jpg) #000000; text-align : center; }

  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { margin: 0px auto; }

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins {background: transparent url(/media/ShopImage/media/ShopImage-1814.jpg) center top repeat-x;}
  #page { width : 980px; margin: 0 auto; text-align : left;}
  #header { height:225px; z-index:1; background: transparent url(/media/ShopImage/media/ShopImage-1820.gif) top center no-repeat; text-align : center; margin: 0 0 20px 0;}
  #main { padding:0;}
  #footer { }
  table { margin:0; padding:0; width: 100%;}
  table td { vertical-align:top; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

	#col1 { display:none; }
	#col2 { width:250px; margin:0; padding:0;}
	#col3 { width:700px; margin:0; padding:0; }
	#col1_content {}
	#col2_content { width:250px; padding: 0; }
	#col3_content { width:700px; padding: 0; }

  /*-------------------------------------------------------------------------*/
}

/*************************************************************
 *** HTML STYLES                                           ***
 *************************************************************/
body
{
	color:white;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5em;
	margin:0px auto;
	padding:0px 0px;
}

a, input 
{
	color:white;
	outline-style:none;
	outline-width:medium;
}

ol, ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

ul, ol, dl
{
	margin:0px 0px 0px 0px;
}

h1, h2, h3, h4, h5, h6
{
	font-size:100%;
	font-weight:normal;
	margin : 0;
	padding : 0;
}

h4 {font-size: 13px; letter-spacing: -0.3px; font-weight: bold; margin: 10px 0 0 0;}

h1.pageTitle {display:none;}

div#header a#logo { height:175px; position:absolute; width:280px; left: 0; top:1px; }

/* ul#pages: Shop.Box.Pages - menu for Home, Login, MyAccount, Contact, Shipping etc. */ 

div#header ul#pages { position:absolute; left:650px; top:5px; }
div#header ul#pages li, div#footer ul#pages li {background: #aaa; display:inline; padding:0; margin:2px; padding: 3px}
div#header ul#pages li#primLogout form, div#footer ul#pages li#primLogout form { display:inline; padding:0; }
div#header ul#pages li a,  div#footer ul#pages li a {color:#fff; text-decoration:none;}
div#header ul#pages li a:hover,  div#footer ul#pages li a:hover {color :#EA4C23; text-decoration: underline;}
div#header ul#pages li#primHelp a, div#footer ul#pages li#primHelp a {border:none;}
div#footer ul#pages { text-align:center; padding:5px 0;}

/*promos*/
div.promotions_Col2_middle {margin-top:5px;}

/*Search*/
div#search { height:38px; display:block; z-index:9000; margin-bottom:5px; }
div#search h2 { display:none;}
div#search form input.field { float: left; height:20px; margin:8px 5px 0 0; color:#000; width:135px; background: #E43714 url(/media/ShopImage/media/ShopImage-1941.gif) no-repeat; border: 0;}
div#search form input.searchButton { background: url(/media/ShopImage/media/ShopImage-1819.gif) no-repeat; width:61px; height:30px; margin-top:5px; }

/*Cart*/
div#cart { height:53px; display:block; z-index:100; background : url() no-repeat;}
div#cart a#toCart { text-indent : -9000em; background : url(/media/ShopImage/media/ShopImage-1815.gif) no-repeat; width : 47px; height : 41px; display:block; position:absolute; }
div#cart a#toCheckout { text-indent : -9000em; background : url(/media/ShopImage/media/ShopImage-1817.gif) no-repeat; width : 117px; height : 20px; display:block; position:absolute; left:50px; top:70px; }
div#cart a#cartInfo { font-size:13px; font-weight:bold; text-decoration:none; position:absolute; left:50px; top:50px; }
div#cart a#cartInfo:hover { text-decoration:underline;}

/*Currencies*/
ul#currencies { display:block; z-index:100; clear:right; position:absolute; left:50px; top:35px;}
ul#currencies li { display:inline; margin:0; }
ul#currencies li a {color:#fff; text-decoration:none;}
ul#currencies li a {color:#fff; text-decoration:none;}

/*Catergories*/
ul#categories { list-style-image:none; list-style-position:outside; list-style-type:none; width:987px; position:absolute; top:252px; left:0; clear:both; height:25px; padding-top:8px; text-align:left; margin-left:1px;}
ul#categories li { margin:0; padding:0; display:inline; font-size:13px; font-weight:bold; line-height:16px; text-transform:uppercase; }
ul#categories li#cat_ufc_mens {margin-left:20px;}
ul#categories li a { display:block; height : 43px; text-align:left; margin-right:5px; padding-right:10px; display:inline; color:#fff; text-decoration:none; }
ul#categories li#cat_ufc_videogames a {border:none;}
div#top_categories, div#bottom_categories { display:none;}

/*Titles*/
h2#title_search, h2#title_categories, h2#title_assortment, h2#pageSubTitleOne, h2#pageSubTitleTwo { display: none; }
h2.pageTitle {color:#e43714; font-size:24px; font-weight:bold; margin-bottom:5px; text-transform:capitalize;}
h2#title_Basket {}
h2#title_contact {}
h2#title_help {}

/*Article Overview*/
td#Col3Left form { padding: 0; margin:0;}
div.promotions_Col3HomeTop_middle div#freepostage { position:absolute; top:170px; }
table#articleOverview_middle {margin:0 30px; display:block; clear:both;}
table#articleOverview_middle tr td h2.pageSubTitle { display : none; }
div#articleOverview_top, div#articleOverviewOne_top, div#articleOverviewOne_bottom, div#articleOverviewTwo_top, div#articleOverview_bottom, div#articleOverviewTwo_bottom { display : none; }

/*Articles*/
.articleInfo { width:140px; margin-top:15px; color:#fff; }
.articleInfo a { color:#fff; text-decoration:none; }
.articleInfo span.articleOverviewPrice, .articleInfo #articleDetailDispatch, .articleInfo #shortDescription {color:#fff;}
.articleLink img { display:block; }
td.rowEnd, td.rowProduct { border:1px solid #C9C9C9; float:left; padding:15px; height:270px;}
td.rowEnd img, td.rowProduct img {padding:10px; border:1px solid #C9C9C9;} 
div#articleDetailDispatch, div.articleDetailDispatch {display:none;}

/*Article Listing*/
div#sortBy { text-align:left; margin:10px; display:inline; color:#fff; float:left;}
div#sortBy ul li a { color:#fff;}
div.pager { text-align:left; margin:0; display:inline; color:#fff; margin:10px; float:right;}
div.pager2 { text-align:right; margin:0; color:#fff; margin:10px 10px 10px 0;}
div.pager a, div.pager2 a {color:#fff; margin:0; margin-left:3px; text-decoration:none;}

span.moreInfo { display : none; height:0; width:0; }
.articleInfo span.articleOverviewFormat {display:none; }
span.articleOverviewPriceWas {display:none;}

table.roundedBox tr.body { margin-top:5px; }

div.promotions_Col3HomeTop_middle, div.promotions_Col3HomeBottom_middle {}
div#bnrmens, div#bnrwomens, div#bnrkids {display: inline;}

/*Article Detail*/
td.roundedBoxContent { padding:5px; color:#fff;}
td.roundedBoxContent p, td.roundedBoxContent p a, td.roundedBoxContent h3, td.roundedBoxContent ul li a {color:#fff; margin-left:20px;}
td.roundedBoxContent h3 {font-weight:bold; margin-top:10px; margin-left:10px;}
td.roundedBoxContent p {margin:5px;}
table#articleDetail { margin: 0; width:728px;}
table#articleDetail td {padding-left:10px;} 
table#articleDetail a {color:#fff;}
table#articleDetail td#articleDetailPicture {width:323px; height:320px;}
table#articleDetail td#articleDetailPicture img { margin: 10px 13px 10px 0; border:1px solid #E5E5E5; width:300px; height:300px; padding:0;}
td#articleDetailName { padding-top:10px; color:#fff;}
td#articleDetailName h2, td#articleDetailName h3  { font-size:18px; line-height:20px; font-weight:bold;}
td#articleDetailName form {background:none; width:160px;}
td#articleDetailName span.articleDetailPrice { font-weight:bold; display:block; clear:both;}
td#articleDetailName span.articleDetailDispatch {padding-bottom:10px;}
td#articleDetailName form {display:block; clear:both; margin-top:10px;}
td#articleDetailName select { display:block; clear:right;}
td#articleDetailName input.addToCartButtonLarge { background : url(/media/ShopImage/media/ShopImage-1813.gif) no-repeat; width:117px; height:20px; display:block; clear:left; margin-top:10px; }
td#articleDetailDescription {color:#fff; padding:0 0 0 10px;}
td#articleDetailDescription #shortDescription { display:none;}
ul#thumbs {clear:both; margin:10px 0 0;}
ul#thumbs li { display:inline; float:left; margin:0 10px 0 0; }
ul#thumbs img {border:1px solid #fff;}

/*Events*/
h2, h3 {font-size:1.5em; line-height:20px;}
h2#pageSubTitleEvent {text-indent:-9000em; background : url(/media/ShopImage/media/ShopImage-1825.gif) no-repeat; height:40px; width:150px; margin-bottom:10px;}
td.event { font-size:16px; padding:5px 0; }
td.event .eventInfo a{ font-weight:bold; text-decoration:none; color:#ea4c23;}
td.event span.eventInfo a {text-indent:-9000em; background : url(/media/ShopImage/media/ShopImage-1816.gif) no-repeat; height:20px; width:117px; display:block;}
td.eventDetails {font-size:15px; padding:18px 0;}
span.eventBlockInfo {color:#ee7722; font-weight: bold;}
span.eventDate {position:absolute; left:200px;}
span.eventInfo {position:absolute; left:360px;}
span.eventDetailPrice, span.eventDetailFee {margin-left:10px;}
td.eventDetails span.eventAddToBasket { left:450px; position:absolute; }
td.eventDetails span.eventAddToBasket form select { vertical-align:top; margin-right:5px;}
td#eventDetailName a {color:#ea4c23; display: none;}
/* td#eventDetailName h2, td#eventDetailName, h3 {display:none;} */
input.buyTicketButtonLarge { background : url(/media/ShopImage/media/ShopImage-1813.gif) no-repeat; width:117px; height:20px;}
td#ticketDetailDescription ul li {background : url(/media/ShopImage/media/ShopImage-1938.gif) no-repeat 0 4px; padding-left: 16px; margin-left: 0;}

/*Basket*/
table#orderDetail { color:#fff; width:690px; }
table#orderDetail a { font-weight:bold; }
table#orderDetail img {border:1px solid #E43714;}
table#orderDetail input {color:#000;}
table#orderDetail td {padding:5px;}
table#orderDetail td.text a {color:#E43714; text-decoration:none; font-size: 14px;}
table#orderDetail tr th {font-size: 14px; padding: 0 0 10px 0; background : url(/media/ShopImage/media/ShopImage-1940.gif) no-repeat bottom;}
table#orderDetail input.updateCartButton { background : url(/media/ShopImage/media/ShopImage-1826.gif) no-repeat; width: 100px; height: 20px; }
table#orderDetail input.removeCartButton { background : url(/media/ShopImage/media/ShopImage-1823.gif) no-repeat; width: 100px; height: 20px; }
td.roundedBoxContent input.removeallCartButton { background : url(/media/ShopImage/media/ShopImage-1824.gif) no-repeat; width: 117px; height: 20px; }
td.roundedBoxContent input.checkoutCartButton { background : url(/media/ShopImage/media/ShopImage-1817.gif) no-repeat; width: 117px; height: 20px; margin-left:10px; }

/*Digital Stores Logo*/
p#dstoreLogo { margin: 5px 0 5px 0;}
p#dstoreLogo a {margin:0;}
p#dstoreLogo a img {border:1px solid #fff;} 

/*Footer*/
div#footer {width:980px; height: 120px; background: #b8b4b3 url(/media/ShopImage/media/ShopImage-1818.gif) no-repeat top center; padding:0; margin-top:10px;}
div#privacyBlock {text-align:center; padding:72px 0 0 0; color:#fff;}
div#privacyBlock a {color:#fff; text-decoration:none;}
div#privacyBlock a:hover {color:#EA4C23; text-decoration:underline;}

/* Additonal red box for event text before event */
div#hbox {background:#df0000; padding: 10px; margin-top: 10px; color: #fff;}

/* Ticket Detail */
td#ticketDetailDescription p {font-size: 12px; margin: 5px 0; color:#ccc;}
td#ticketDetailDescription b, td#ticketDetailDescription p strong  {font-size: 12px; color: #fff;}

/* Holding Page Image */
h2.announcement {text-indent: -9999px; background : url(/media/ShopImage/media/ShopImage-1942.gif) no-repeat; height:235px; width:563px; margin:20px 0;}
table#orderDetail tbody tr td a img {display: none;}