@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: #FFFFFF; /*url("images/bg_blue.gif") repeat-x top left fixed; padding: 10px 0px;*/ }

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

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #fff; }
  #page { padding: 10px; }  
  #header { padding: 45px 2em 1em 20px; color: #000; background: #fff; }
  #main { margin: 10px 0px; background: #fff; }
  #footer { padding: 10px 20px; color:#666; border-top: 5px #efefef solid; }

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

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

	#col1 { float: left; width: 155px;  margin:0px 5px 0px 0px; padding:0; }
	#col2 { float: right; width: 184px;  margin:0px }
	#col3 { width: 812px; margin:0px 0px 0px 160px; padding:0; }
	#col1_content { padding: 0px }
	#col2_content { padding: 0px }
	#col3_content { padding: 0px }

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

/*************************************************************
 *** HTML STYLES                                           ***
 *************************************************************/
body
{
	color:#333333;
	background-color:#FFFFFF;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	/*font-size-adjust:none;*/
	/*font-stretch:normal;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	margin:0px auto;
	padding:20px 0px;
	width:968px;
}

a, input 
{
	/*outline-color:-moz-use-text-color;*/
	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;
}

h1.pageTitle {display:none;}

/*************************************************************
 *** common                                                ***
 *************************************************************/

#page { padding:11px 0px 0px; }

#col2 { display:none;}

/* h2.pageTitle: page titles in main col3 and for Shop.Boxes, e.g. for categories, content pages (help, contact), Shop.Box.Search */
h2.pageTitle
{
	background-position:0px 0px;
	background-repeat:no-repeat;	
	display:block;
	margin-bottom: 5px;
	text-indent:-9999em;
	height:100px;
	width:616px;
}

/* h2.pageSubTitle: page subtitles in main col3, e.g. for featuredLists (Bestsellers, Whats new) */ 
h2.pageSubTitle
{
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin:0px;
}

h2.pageTitle {background: url(/media/ShopImage/media/ShopImage-1525.png) no-repeat top left;}
 
/*************************************************************
 *** header                                                ***
 *************************************************************/
div#header
{	
	color:#FFFFFF;
	height:95px;
	margin:0px 0px 10px;
	padding:0px 0px 0px 30px;
	position:relative;
}

div#header li
{
	display:inline;
	margin-left:0px;	
}

/* ul#pages: Shop.Box.Pages - menu for Home, Login, MyAccount, Contact, Shipping etc. */ 
div#header ul#pages
{
	bottom:0px;
	position:absolute;
	right: -5px;
	text-align:right;
	width:365px;
}

div#header ul#pages li
{	
	display:inline;
	background:transparent url(/media/ShopImage/media/ShopImage-54.gif) no-repeat scroll left center;
	padding: 0px 5px;
}

/* li#primHome: Shop.Box.Pages - menu element Home */
div#header ul#pages li.primHome
{
	background:transparent none repeat scroll 0px 0px;
}

div#header ul#pages li a
{
	color:#3284B9;
	font-weight:bold;
	margin-left:5px;
	text-decoration:none;
}

div#header ul#pages li#primLogout form
{
	display:inline;
}

/* ul#currencies: Shop.Box.Currencies - currency selector */
div#header ul#currencies
{
	bottom:34px;
	position:absolute;
	right:0px;
	text-align:right;
	width:340px;
}

div#header ul#currencies li a
{
	color:#3284B9;
	text-decoration:none;
	font-weight: bold;
}

div#header ul#currencies li a:hover
{
	text-decoration:underline;
}

/* div#cart: Shop.Box.Cart - displays cart indicator, cart info text and links to cart page and checkout process */
div#cart
{	
	color:#000000;
	font-weight:bold;
	position:absolute;
	right:0px;
	top:2px;
	text-transform:uppercase;

}

div#header div#cart a
{
	color:#000000;
	text-decoration:none;
}

/* a#toCart: link to cart page */
div#header div#cart a#toCart
{
	display: none;	
}

/* a#cartInfo: cart info text with link to cart page */
div#header div#cart a#cartInfo
{	
	background:transparent url(/media/ShopImage/media/ShopImage-55.gif) no-repeat scroll left top;
	background-position: 0px 0px;	
	height: 18px;
	padding: 2px 0px 0px 24px;
	display:block;
}

/* a#toCheckout: link to checkout process */
div#header div#cart a#toCheckout
{
	background:transparent url(/media/ShopImage/media/ShopImage-56.gif) no-repeat scroll left top;
	display:block;
	height:25px;
	position:absolute;
	right:0px;
	text-indent:-9999em;
	top:20px;
	width:84px;
}

/*************************************************************
 *** category navigation                                   ***
 *************************************************************/

/* h2#title_categories: title for Shop.Box.Categories (category navigation) */ 
h2#title_categories {
	display: none; 
} 
 
/* ul.categories: container for Shop.Box.Categories (category navigation) */
ul.categories
{
	background:#BA0817 url(/media/ShopImage/media/ShopImage-58.png) repeat-x scroll left top;
	padding:10px 0px;
	margin-bottom: 5px;
}

ul.categories li a
{
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	line-height:1.8;
	margin:0px 0px 2px;
	padding:0px 0px 0px 9px;
	text-decoration:none;
	text-transform:uppercase;
}

ul.categories li a:hover,
ul.categories li.selected a 
{
	background-color:#D89C2D;
	color:#FFFFFF;
}

/* li.cat_level_0: list element for root category */
/* li.cat_level_1: list element for sub category */
ul.categories li,
ul.subcategories li.cat_level_1
{
	line-height:0px;
	margin-left:0px;
}

/* ul.subcategories: container for sub categories */
ul.subcategories li.cat_level_1 a
{
	background:none;
	color:#FFFFFF;
	display:block;
	font-weight:normal;
	line-height:1.8;
	margin:0px 0px 2px 20px;
	padding:0px 0px 0px 9px;
	text-decoration:none;
	text-transform:none;
	width:126px;
}

ul.subcategories li a:hover,
ul.subcategories li.selected a
{
	background-color:#D89C2D;
	color:#FFFFFF;
}

/*************************************************************
 *** article search                                        ***
 *************************************************************/

/* h2#title_search: title for Shop.Box.Search (input field for article search) */
h2#title_search
{
	display: none;
}

/* div#search: container for Shop.Box.Search (input field for article search) */
div#search
{
	/* background:#DF1C21 url(/media/ShopImage/media/ShopImage-57.png) repeat-x scroll 0px 0px; */
	height:30px;
	/* margin-bottom:9px;
	padding:20px 10px 40px;
	float: left; */
	position: absolute;
	right: 175px;
	top: 11px;
}

#search h2
{
	text-indent : -9000em;
	width: 122px;
	height: 12px;
	background:url(/media/ShopImage/media/ShopImage-2267.gif);
	/*color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;*/
}

div#search form input.field
{
	border: none;
	width:120px;
	height: 16px;
	font-size: 11px;
	color: #4081b6;
	padding: 4px 0 0 2px;
	background:url(/media/ShopImage/media/ShopImage-2268.gif);
}

div#search form input.searchButton
{	
	background: url(/media/ShopImage/media/ShopImage-59.gif) no-repeat top left;
	position: absolute;
	margin-left:4px;
	text-decoration:none;
	width:22px;
	height:15px;
	top:14px;
}

div#search form select.searchDropDown
{
	margin:6px 0px 0px;
	width:130px;
}

div#departmentsearch, h2#title_departmentsearch {display: none;}


/*************************************************************
 *** article overview - article list within a category     ***
 *************************************************************/

/* div.pager: container for paging, e.g. 218 Results - Page 1 of 14 pages 1  2  3  4  5  6  7 */
div.pager
{
	margin-left:11px;
	margin-bottom:10px;
}

div.pager a
{
	color:#D50013;
}

/* a.articleLink: link to article detail page */
div#col3 div#col3_content a.articleLink img
{
	border:1px solid #D9D9D9;
	margin:0px 0px 10px;
}

/* span.moreInfo: link to article detail page, mostly button shaped */
div#col3 div#col3_content span.moreInfo a 
{	
	display:none;
	/*background-image:url(/media/ShopImage/media/ShopImage-60.png) ;
	height:20px;
	width:68px;	
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
	margin-bottom:2px;
	margin-top:4px;
	text-decoration:none;
	text-indent:-9000em;*/
}

/* input.addToCartButton: image button for putting article into cart */
input.addToCartButton
{
	background: url(/media/ShopImage/media/ShopImage-61.png) no-repeat top left;
	height:20px;
	width:88px;
	display:block;	
	text-decoration:none;
	text-indent:-9000em;
}

input.backToSearchResultButton {background: url(/media/ShopImage/media/ShopImage-1716.gif) no-repeat top left; height:20px; width:150px; display:block; text-decoration:none; text-indent:-9000em; margin-top:20px; margin-left:2px;}

/* table#articleOverview: displays all articles for a category, number of colums configurable Shop|articleListColumns */
table#articleOverview_middle, table#articleOverviewOne_middle, table#articleOverviewTwo_middle
{
	clear : both;
	width:615px;	
}

/* td.rowHeader: cell for subtitle */
table#articleOverview_middle td.rowHeader, table#articleOverviewOne_middle td.rowHeader, table#articleOverviewTwo_middle td.rowHeader
{	
	border-bottom:1px solid #D50013;
	border-top:1px solid #D50013;
	padding-left:10px;
}

/* td.rowProduct: cell for article */
table#articleOverview_middle td.rowProduct, table#articleOverviewOne_middle td.rowProduct, table#articleOverviewTwo_middle td.rowProduct
{
	vertical-align: top;
	padding-bottom: 30px;
	width:300px;
	border-color:#D50013;
	clear:both;
	margin:10px 0px;
	padding:10px;	
}

/* td.rowProduct: cell for articlewithin overview */
table#articleOverview_middle td.rowEnd, table#articleOverviewOne_middle td.rowEnd, table#articleOverviewTwo_middle td.rowEnd
{
	vertical-align: top;
	padding-bottom: 30px;
	width:300px;	
	clear:both;
	margin:10px 0px;
	padding:10px;	
}

table#articleOverview_middle span.articleOverviewPrice, table#articleOverviewOne_middle span.articleOverviewPrice, table#articleOverviewTwo_middle span.articleOverviewPrice
{
	font-weight: bold;
}

/* span.articleOverviewPriceWas: container for old price, if exists */
table#articleOverview_middle span.articleOverviewPriceWas, table#articleOverviewOne_middle span.articleOverviewPriceWas, table#articleOverviewTwo_middle span.articleOverviewPriceWas
{
	display:none;
}

table#articleOverview_middle span.articleDeatilPriceWas, table#articleOverviewOne_middle span.articleDeatilPriceWas, table#articleOverviewTwo_middle span.articleDeatilPriceWas
{
	display:none;
}

/* link article detail, product name */
table#articleOverview_middle div.articleInfo a:hover, table#articleOverviewOne_middle div.articleInfo a:hover, table#articleOverviewTwo_middle div.articleInfo a:hover
{	
	text-decoration:none;
}

span.articleOverviewFormat
{
	display:none;
}

div#col3 div#col3_content a.articleLink
{
	display:block;
	text-decoration:none;
	width:120px;
	height:120px;
	margin-bottom:5px;
}
div#col3 div#col3_content a:hover.articleLink
{	
	display:block;
	text-decoration:none;
	width:120px;
	height:120px;
	margin-bottom:5px;
}

table#articleOverview_middle div.articleInfo a, table#articleOverviewOne_middle div.articleInfo  a, table#articleOverviewTwo_middle div.articleInfo  a
{
	color:#003471;	
	text-decoration:underline;
}

div.articleInfo
{
	width:120px;
}

div.articleInfo div.shortDescription
{
	color:#FC0000;
}

/*************************************************************
 *** article detail page                                   ***
 *************************************************************/

/* h2#title_article: title for article detail page */
h2#title_article
{
	background-image:url(/media/ShopImage/media/ShopImage-62.png);
}	

/* table#articleDetail: displays article details */
table#articleDetail img
{
	border:1px solid #D9D9D9;
	margin:0px 0px 10px;
}

table#articleDetail td
{
	vertical-align: top;
}

table#articleDetail td#articleDetailPicture
{
	width: 320px;
}

table#articleDetail td#articleDetailName
{
	padding-right:10px;	
}

table#articleDetail span.articleDetailFormat
{
	display:block;
	font-weight:normal;
}

table#articleDetail span.articleDetailPriceWas
{
	display:none;
}

/* table#articleDetail h3: article name */
table#articleDetail h3
{
	font-size:1.17em;
	font-weight:bold;
	margin-bottom:0.4em;
}

table#articleDetail form
{	
	margin-top:20px;
}

table#articleDetail td#articleDetailDescription div.shortDescription
{
	display:none;
}

/* input.addToCartButtonLarge: larger image button for putting article into cart */
input.addToCartButtonLarge
{
	background: url(/media/ShopImage/media/ShopImage-61.png) no-repeat top left;
	height:20px;
	width:88px;
	display:block;	
	text-decoration:none;
	text-indent:-9000em;
	margin-top:10px;
	margin-left:2px;
}

table#articleDetail span
{
	font-weight:bold;
}

table#articleDetail ul#thumbs
{
	border-top:1px solid #D9D9D9;
	margin:1em 0 3px -6px;
	padding-top:8px;
	width:200px;
}

table#articleDetail ul#thumbs li
{
	display:inline;
	margin-left:6px;
}

table#articleDetail ul#thumbs img
{
	cursor: pointer;
	border:0px;
}


/*************************************************************
 *** brands                                                ***
 *************************************************************/

/* ul#brands: container for Shop.Box.Brands, e.g. selector for thomas, barney, angelina */
ul#brands
{
	width : 810px;
	/*display:none;*/
	
} 
 
ul#brands li
{
	display:inline;
	line-height:0em;
	margin-left:0px;	
}

ul#brands li a
{
	display:block;
	float:left;
	height:30px;
	margin:0px 0px 2px 2px;
	text-indent:-9999em;
}
/*  li#brand_thomas.selected: list element for brand thomas within brand selector */
ul#brands li#brand_thomas.selected a,
ul#brands li#brand_barney.selected a,
ul#brands li#brand_bob.selected a,
ul#brands li#brand_angelina.selected a,
ul#brands li#brand_pingu.selected a,
ul#brands li#brand_firemansam.selected a,
ul#brands li#brand_rainbowmagic.selected a,
ul#brands li#brand_hitfavourites.selected a
{
	background-position:left top;
}

ul#brands li#brand_thomas a {background:transparent url(/media/ShopImage/media/ShopImage-66.gif) no-repeat scroll left bottom;margin:0px;width:116px;}
ul#brands li#brand_barney a {background:transparent url(/media/ShopImage/media/ShopImage-67.gif) no-repeat scroll left bottom;width:112px;}
ul#brands li#brand_bob a {background:transparent url(/media/ShopImage/media/ShopImage-68.png) no-repeat scroll left bottom;width:107px;}
ul#brands li#brand_angelina a {background:transparent url(/media/ShopImage/media/ShopImage-69.jpg) no-repeat scroll left bottom;width:124px;}
ul#brands li#brand_pingu a {background:transparent url(/media/ShopImage/media/ShopImage-70.png) no-repeat scroll left bottom;width:53px;}
ul#brands li#brand_firemansam a {background:transparent url(/media/ShopImage/media/ShopImage-71.png) no-repeat scroll left bottom;width:85px;}
ul#brands li#brand_rainbowmagic a {background:transparent url(/media/ShopImage/media/ShopImage-72.png) no-repeat scroll left bottom;width:100px;}
ul#brands li#brand_hitfavourites a {background:transparent url(/media/ShopImage/media/ShopImage-73.png) no-repeat scroll left bottom;width:96px;}



/*************************************************************
 *** order/cart detail                                     ***
 *************************************************************/

/* h2#title_cart: title for cart page */ 
h2#title_cart {background-image:url(/media/ShopImage/media/ShopImage-63.png);}

/* table#orderDetail: displays  all articles in cart */
table#orderDetail
{
	padding: 2px;
	width:605px;
}

table#orderDetail th
{
	white-space:nowrap;	
}

table#orderDetail tr.sum > td
{
	font-weight: bold;	
}


input.updateCartButton
{
	background: url(/media/ShopImage/media/ShopImage-64.gif) no-repeat top left;
	height:20px;
	width:66px;		
	text-decoration:none;	
}

input.checkoutCartButton
{	
	background: url(/media/ShopImage/media/ShopImage-65.gif) no-repeat top left;
	height:20px;
	width:84px;
	text-decoration:none;	
}

/*************************************************************
 *** promotions                                             ***
 *************************************************************/
 
/* td#Col3Left: left cell for all the main content within main col3, e.g. articleOverview, articleDetail, cart page */ 
td#Col3Left
{
	vertical-align: top;
}
 
/* td#Col3Right: right cell for promotions with Place.Col3Right */
td#Col3Right
{
	vertical-align: top;
	text-align: right;
}

td#Col3Right img
{
	border:1px solid #D50013;
}

/*************************************************************
 *** assortment                                            ***
 *************************************************************/
/* h2#title_assortment: specific title for brand, in this case banner for brand, will be overwritten in brand specific css */ 
h2#title_assortment{display: none;}

/* added by Mitch 17/09/2008 */

div.promotions_Col3HomeTop_top { clear : both; }
div.promotions_Col3HomeTop_middle {  }
div.promotions_Col3HomeTop_middle div { display : inline; float : left; margin : 0 5px 5px 0; }
div.promotions_Col3HomeTop_middle div#charAngelina, div.promotions_Col3HomeTop_middle div#charBarney, 
div.promotions_Col3HomeTop_middle div#charBob, div.promotions_Col3HomeTop_middle div#charFiremansam,
div.promotions_Col3HomeTop_middle div#charPingu, div.promotions_Col3HomeTop_middle div#charRainbowmagic, 
div.promotions_Col3HomeTop_middle div#charThomas { margin : 0; } 

table.roundedBox { margin : 0 10px; }
table.roundedBox td.roundedBoxContent p { padding : 0 0 5px 0; width:605px; }
table.roundedBox td.roundedBoxContent p#dstoreLogo { padding : 0; }
table.roundedBox td.roundedBoxContent p#dstoreLogo img { float : right; border : 1px solid #999; margin : 0 10px 0 0; }
table.roundedBox td.roundedBoxContent h3 { font-size : 110%; font-weight : bold; margin-top : 5px; }

h2#title_contact { background-image : url(/media/ShopImage/media/ShopImage-341.png); }
h2#title_help { background-image : url(/media/ShopImage/media/ShopImage-344.png); }
h2#title_Basket { background-image : url(/media/ShopImage/media/ShopImage-342.png); }

table#promotions_Col1 td div { margin-bottom : 10px; border : 1px solid #D11E1E; }

input.removeallCartButton { background: url(/media/ShopImage/media/ShopImage-346.gif) no-repeat top left; height:20px; width:84px; text-decoration:none; }
input.removeCartButton { background: url(/media/ShopImage/media/ShopImage-345.gif) no-repeat top left; height:20px; width:84px; text-decoration:none; }

div.promotions_Col1_middle div#col1Cta1, div.promotions_Col1_middle div#col1Cta2 { border : 1px solid #D50013; margin-top : 10px; }
div.promotions_Col3Right_middle div { margin-top : 5px; }
div.promotions_Col3Right_middle div#buyasmuch img { border : 0; margin-top : 0; }

div#footer { border : 0; }
div#footer p#privacy { text-align : center; }

div.clearingFlag { clear : both; content : "."; text-indent : -9000em; }
div#bnrlego {position:absolute; top:-10px; left: 375px;}

/* 65 Anniversary Holding Page */
h2#title_thomas_65thAnniversaryProduct {width: 615px; height: 565px;}

span.articleOverviewPriceWas, span.articleDetailPriceWas {text-decoration: line-through; display: block !important;}