/*
This rule defines the positining and dimensions of the main layout div. It SHOULD NOT BE MODIFIED by hand.
*/
div.Merch_pg{
	margin-right:auto;
	margin-left:auto;
	position:static;
	width:1000px;
}
/*
Body CSS rules start

This section holds the CSS rules for the HTML body and may also contain general typography definitions. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/
.Merch_pg_body_design{
	background-color:#000;
	margin:0px;
	padding:0px;
	background-image: url(../../img/bg/bg_big_dk-fade.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*Body CSS rules end*/

/*
Container Boxes design CSS rules start

In this section are found design rules for the Boxes that are used as containers for other Boxes. Styles defined here are applied on all the container's respective children. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/
div.cssLO .Merch_pg_wrapper_design{
	background-color:transparent;
	margin:0px;
	padding:0px;
	min-height:2020px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:2020px;
}

div.cssLO .Merch_pg_center_top_design{
	background-color:transparent;
	margin:0px;
	padding:0px;
	min-height:500px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:500px;
}

div.cssLO .Merch_pg_center_bottom_design{
	background-color:transparent;
	margin:0px;
	padding:0px;
	min-height:860px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:860px;
}

/*Container Boxes design CSS rules end*/

/*
Content Boxes design CSS rules start

This section holds the CSS rules for the content Boxes. The content Boxes are divs that will hold the page content (text, images etc., but not other Flexi CSS Layouts Boxes). You may also find typography rules here. If you want to check or change any CSS property you will probably find it here. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/
div.cssLO .Merch_pg_header_design{
	background-color:transparent;
	margin:0px;
	padding:0px;
	min-height:100px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:100px;
}

div.cssLO .Merch_pg_header_logo_design{
	background-color:transparent;
	margin:0px;
	padding:0px;
	min-height:280px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:280px;
	background-image: url(../../img/graphics/bg_page_layout_02-fw.png);
	background-repeat: no-repeat;
	background-position: 0px -1047px;
}

div.cssLO .Merch_pg_navigation_design{
	background-color:transparent;
	min-height:80px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:80px;
	background-image: url(../../img/graphics/bg_page_layout_02-fw.png);
	background-repeat: no-repeat;
	background-position: 0px -718px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: -2px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

div.cssLO .Merch_pg_center_tl_design{
	background-color:#000;
	margin:0px;
	min-height:500px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:500px;
	text-align: center;
	color: #FFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

div.cssLO .Merch_pg_center_tr_design{
	background-color:#000;
	margin:0px;
	padding:0px;
	min-height:500px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:500px;
}

div.cssLO .Merch_pg_center_bl_design{
	background-color:#000;
	margin:0px;
	padding:0px;
	min-height:860px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:860px;
}

div.cssLO .Merch_pg_center_br_design{
	background-color:#000;
	margin:0px;
	padding:0px;
	min-height:860px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:860px;
}

div.cssLO .Merch_pg_bottom_row_design{
	background-color:transparent;
	padding:0px;
	min-height:100px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:100px;
	background-image: url(../../img/graphics/bg_page_layout_02-fw.png);
	background-repeat: no-repeat;
	background-position: 0px -410px;
	margin-top: -2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	color: #FFF;
}

div.cssLO .Merch_pg_footer_design{
	background-color:transparent;
	margin:0px;
	padding:0px;
	min-height:100px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:100px;
}

/*Content Boxes design CSS rules end*/

/*
Layout CSS rules start

This section contains layout rules that handle the positioning and dimensions of each layout element. Please DO NOT MODIFY this by hand!
*/
.Merch_pg_wrapper_layout{
	width:1000px;
}

.Merch_pg_header_layout{
	width:100%;
	margin-right:auto;
}

.Merch_pg_header_logo_layout{
	width:100%;
	margin-right:auto;
}

.Merch_pg_navigation_layout{
	width:100%;
	margin-right:auto;
}

.Merch_pg_center_top_layout{
	width:100%;
	margin-right:auto;
}

.Merch_pg_center_tl_layout{
	width:700px;
}

.Merch_pg_center_tr_layout{
	width:300px;
}

.Merch_pg_center_bottom_layout{
	width:100%;
	margin-right:auto;
}

.Merch_pg_center_bl_layout{
	width:700px;
}

.Merch_pg_center_br_layout{
	width:300px;
}

.Merch_pg_bottom_row_layout{
	width:100%;
	margin-right:auto;
}

.Merch_pg_footer_layout{
	width:100%;
	margin-right:auto;
}

/*Layout CSS rules end*/