* {
	padding: 0;
	margin: 0;
}

html {
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #1c1c1c;
}

div#wrapper {
	height: 100%;
	background: url(../images/contentBackground.png) 352px top repeat-y;
}

div {
	position: relative;	
}

img {
	border: none;
}

br.clear {
	clear: both;
	display: block;
	height: 1px;
}

br.spacer {
	height: 23px;
	display: block;
	clear: both;
}

.hiddenPic {
	display:none;
}

hr {
	width: 100%;
	height: 5px;
	margin: 8px 0 8px 0;
	border: none;
	background: url(../images/hrBackground.gif) left top no-repeat;
}

p, span {
	position: relative;
	display: block;
	line-height: 13px;
}


/* LINKS --------------------------------------*/
a {
	text-decoration: none;
	color: #FFFFFF;
}

a.moreLink {
	position: absolute;
	padding: 0 0 0 10px;
	bottom: 10px;
	right: 12px;
	background: url(../images/moreLink.gif) 0 3px no-repeat;
}

a.moreLinkSport {
	position: absolute;
	padding: 0 0 0 10px;
	bottom: -2px;
	right: 12px;
	background: url(../images/moreLink.gif) 0 3px no-repeat;
}

span a.moreLink {
	bottom: 0px;
	right: 0px;
}

a.imageLink {
	position: absolute;
	padding: 0 0 0 10px;
	bottom: 16px;
	left: 53px;
	background: url(../images/moreLink.gif) 0 3px no-repeat;
}

a.backLink {
	padding: 0 0 0 10px;
	margin: 0 0 20px 0;
	display: block;
	background: url(../images/backLink.gif) 0 3px no-repeat;
}

.teaserLink {
	background-image: url('../images/teaser/supportTeaser.jpg');
	width: 876px;
	height: 18px;
	padding-top: 55px;
}
.teaserLink a {
	margin-left: 170px;
}

a.leftTeaserLink {
	position: absolute;
	padding: 0 0 0 10px;
	bottom: 13px;
	left: 110px;
	background: url(../images/moreLink.gif) 0 3px no-repeat;
}

a.rightTeaserLink {
	position: absolute;
	padding: 0 0 0 10px;
	bottom: 13px;
	left: 25px;
	background: url(../images/moreLink.gif) 0 3px no-repeat;
}


/* HEADLINES ------------------------------------------------*/
h1 {
	font-weight: normal;
	text-transform: uppercase;
}

h2 {
	margin: 0 0 9px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h3 {
	margin: 18px 0 9px 0;
	font-size: 11px;
	color: #0194d3;
}

h1 img, h2 img, h3 img {
	padding: 0;
	margin: 0;
	border: none;
}

h1 span, h2 span, h3 span, #sub-sub-navigation li a span {
	visibility: hidden;
	display: none;
}

#leftContent h1 {
	margin: 0 0 12px 0;
	font-size: 24px;
	color: #0194d3;
}

#leftContent .teaser h2 {
	margin: 10px 0 10px 0;
	float: left;
	color: #0194d3;
}

#rightContent h2 {
	margin: 0 0 9px 0;
	color: #70cde3;
}

#rightContent .imgTeaser h2 {
	margin: 10px 0 0 0!important;
	float: left;
	font-size: 18px;
}

#rightContent h2.border {
	margin: 0 0 12px 0;
	padding: 0 0 9px 0;
	background: url(../images/h2Border.gif) bottom left no-repeat;
}

#rightContent h2.borderSmall {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	background: url(../images/h2BorderSmall.gif) bottom left no-repeat;
}

#rightContent h2.blueBorder {
	margin: 0 0 6px 0;
	padding: 0 0 11px 0;
	background: url(../images/h2BorderBlue.gif) bottom left no-repeat;
}

#rightContent h2.whiteBorder {
	width: 95px;
	margin-bottom: 5px!important;
	padding: 0 0 9px 0;
	background: url(../images/h2WhiteBorder.gif) bottom left no-repeat;
}


/* FONTS --------------------------------------------------------------*/
.blueTextColor {
	color: #0194d3!important;
}


/* LEFT COLUMN --------------------------------------------------------*/
#leftColumn {
	left:0;
	position:absolute;
	top:0;
	width:314px;
	z-index:2;
}

#leftColumn img {
	float: right;
}


/* CENTER COLUMN ------------------------------------------------------*/
#centerColumn {
	clear:both;
	display:block;
	height:100% !important;
	margin:0 0 0 298px;
	padding:0 16px 0 15px;
	position:relative;
	width:900px;
	z-index:1;
}

#header {
	height: auto;
	position: relative;
}

#header span.home {
	position: absolute;
	bottom: 60px;
	left: 235px;
	color: #000000;
}

#header span.qatarsBid {
	position: absolute;
	bottom: 60px;
	left: 235px;
	color: #000000;
}

#header span.qatar {
	position: absolute;
	top: 175px;
	left: 115px;
}


/* NAVIGATION -------------------------------------------------------*/
/*#navigation a.last {*/
/*	margin: 0!important;*/
/*}*/

#navigation a {
	width: 99px;
	height: 41px;
	margin: 0 1px 0 0;
	display: block;
	float: left;
}

.home {
	background: url(../images/navigation/home.jpg) 0 0 no-repeat;
	background-position: top;
}

.qatarsBid {
	background: url(../images/navigation/qatarBid.jpg) 0 0 no-repeat;
	background-position: top;
}

.qatar {
	background: url(../images/navigation/qatar.jpg) 0 0 no-repeat;
	background-position: top;
}

.football {
	background: url(../images/navigation/football.jpg) 0 0 no-repeat;
	background-position: top;
}

.supporters {
	background: url(../images/navigation/supporters.jpg) 0 0 no-repeat;
	background-position: top;
}

.news {
	background: url(../images/navigation/news.jpg) 0 0 no-repeat;
	background-position: top;
}

.media {
	background: url(../images/navigation/media.jpg) 0 0 no-repeat;
	background-position: top;
}

.blogs {
	background: url(../images/navigation/blog.jpg) 0 0 no-repeat;
	background-position: top;
}

.eshop {
	background: url(../images/navigation/eshop.jpg) 0 0 no-repeat;
	background-position: top;
}

.home span, .qatarsBid span, .qatar span, .football span, .supporters span, .news span, .media span, .blogs span, .eshop span {
	display: none;
}

.my_account {
	background: url('../images/account.jpg') 0 0 no-repeat;
	display: block;
	width: 280px;
	height: 17px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 10px 0 10px;
	color: #ffffff;
}
.link:hover {
	color:#f1c741;
}
.checkout {
	background: url('../images/checkout.jpg') 0 0 no-repeat;
	display: block;
	width: 141px;
	height: 22px;
}
.checkout:hover {
	background: url('../images/checkout_Active.jpg') 0 0 no-repeat;
	display: block;
	width: 141px;
	height: 22px;
}


#navigation a.homeActive, #navigation a.home:hover {
	background-position: bottom;
}

#navigation a.qatarsBidActive, #navigation a.qatarsBid:hover {
	background-position: bottom;
}

#navigation a.qatarActive, #navigation a.qatar:hover {
	background-position: bottom;
}

#navigation a.footballActive, #navigation a.football:hover {
	background-position: bottom;
}

#navigation a.supportersActive, #navigation a.supporters:hover {
	background-position: bottom;
}

#navigation a.newsActive, #navigation a.news:hover {
	background-position: bottom;
}

#navigation a.mediaActive, #navigation a.media:hover {
	background-position: bottom;
}

#navigation a.blogsActive, #navigation a.blogs:hover {
	background-position: bottom;
}

#navigation a.eshopActive, #navigation a.eshop:hover {
	background-position: bottom;
}


#second-navigation {
	width: 900px;
	height: 19px;
	overflow: hidden;
	background: url(../images/sub_navigation/bg.jpg) 0 0 repeat-x;
	clear:both;
}


#second-navigation a {
	display: block;
	float: left;
	line-height: 19px;
	width: 99px;
	color: #000000;
}
#second-navigation a:hover {
	color: #ffffff;
}

#second-navigation a span {
	visibility: hidden;
	display: none;
}

#second-navigation img {
	position: relative;
	top: 3px;
	float: left;
}

#second-navigation a.active {
	color: #000000;
	background: url(../images/secondNavigationBackground_over.jpg) 0 0 repeat-x;
}

#second-navigation img.breakLine {
	width: 2px;
	height: 8px;
	position: relative;
	top: 7px;
	float: left;
}

#sub-sub-navigation {
	/*width: 100%;*/
	height: 16px;
	margin: 0 0 12px 0;
	list-style-type: none;
	list-style-position: outside;
	border-bottom: 1px solid #4c4c4c;
}

#sub-sub-navigation li {
	margin: 0 25px 0 0;
	display: block;
	float: left;
}

#sub-sub-navigation li a {
	width: 100%;
	display: block;
	text-decoration: none;
}


/* CONTENT ------------------------------------------------------*/
#content {
	padding: 10px 12px 40px 12px;
	margin: 0 0 0 0;
	background-color: #f4f4f4;
}

#content .word {
	font-weight: bold;
	color: #424242;
	font-size:12px;
}

#content.home {
	margin: 19px 0 60px 0;
}

#leftContent {
	float: left;
	margin: 0 12px 10px 0;
}

#leftContent p {
	margin: 16px 0 0 0;
	display: block;
	text-align: justify;
}

#leftContent p.last {
	margin: 16px 0 16px 0;
}

#leftContent p.quotation {
	/*width: 450px!important;*/
	margin: 6px 0 0 0;
	padding: 4px 0 0 25px;
	display: block;
	background: url(../images/quotation.gif) left -1px no-repeat;
}

#leftContent img.imgText {
	
	margin: 16px 0 16px 16px;
	float: right;
}

#leftContent ul.contentList {
	padding: 0 0 0 15px;
	margin: 12px 0 0 0;
	list-style-type: square; 	
	list-style-position: outside;
	
}

#leftContent ul.contentList li {
	padding: 0 0 19px 25px;
	list-style-type: square; 	
	list-style-position: outside;
}

#leftContent table td {
	padding: 0 0 10px 0;
	vertical-align: top;
}

#leftContent table td.number {
	width: 18px;
	padding: 0 20px 10px 0;
	text-align: right;
	vertical-align: top;
}

#leftContent table td span {
	width: auto!important;
	margin: 0 3px 0 0;
	display: inline;
	float: left;
}


/* PHOTO BOX ------------------------------------------- */
#leftContent .photoBox {
	width: 148px;
	margin: 0 17px 18px 0;
	float: left;
}

#leftContent .photoBox img {
	margin: 0 0 10px 0;
	display: block;
}

#leftContent .photoBox a {
	padding: 0 0 0 10px;
	margin: 0 0 3px 0;
	display: block;
	color: #0194d3;
	background: url(../images/moreLink.gif) 0 3px no-repeat;
}

#leftContent .photoBox a.imgLink {
	padding: 0 0 0 0;
	background: none;
}

#leftContent .photoBox p {
	width: 120px!important;
	padding: 0 0 0 10px;
	margin: 0;
	text-align: left;
}

#leftContent .photoBox.last {
	margin: 0 0 12px 0;
}


/* SWITCH PAGE --------------------------------------------------------*/
#switchPage ul {
	margin: 5px 0 20px 0;
	float: right;
	list-style-position: inside;
	list-style-type: none;
}

#switchPage li {
	padding: 0 1px;
	display: block;
	float: left;
}

#switchPage ul li a {
	padding: 0 3px;
}

#switchPage ul li a.active {
	color: #ffc730;
}

#leftContent.wide478, #switchPage.wide478 {
	width: 550px;
	padding-right:14px;
}

#leftContent.wide717 {
	width: 717px;
}

/* WIDTHs --------------------------------------------------------------*/

#leftContent.wide380, #switchPage.wide380 {
	width: 380px;
}

#leftContent.wide380 p {
	width: 377px;
}

#rightContent.wide301 {
	width: 277px;
}

#rightContent.wide380 {
	width: 301px;
}

#rightContent.wide301 .teaser {
	width: 300px;
	height: 101px;
}

#rightContent.wide301 .imgTeaser {
	width: 301px!important;
	height: 108px!important;
}

#rightContent.wide227 {
	width: 300px;
}

#rightContent.wide227 .teaser {
	height: 79px;
	width: 276px;
}


/* TEASER -------------------------------------------------------------*/
#leftContent .teaser {
	width: 404px;
	height: 108px;
	position: relative;
	margin: 0 0 12px 0;
	background-color: #000000;
}

#leftContent .teaser img {
	margin: 0 12px 0 0;
	float: left;
}

#leftContent .teaser p {
	width: 140px;
	margin: 0px!important;
	float: left;
	text-align: left;
}

#leftTeaser {
	width: 478px;
	margin: 25px 12px 0 0;
	float: left;
}

#rightTeaser {
	width: 227px;
	margin: 25px 0 0 0;
	float: left;
}

#rightContent .teaser {	
	position: relative;
	margin: 0 0 12px 0;
	padding: 10px 12px 12px 12px;
	background-color: #000000;
	background-image: url('../images/highlights.jpg');
}

#rightContent .imgTeaser {
	width: 227px;
	height: 89px!important;
	padding: 0!important;
}

#rightContent .doppleTeaser {
	height: 158px!important;
	padding: 25px 12px 10px 12px!important;
	background: none;
}

#rightContent .galleryFormTeaser {
	height: 124px!important;
}

#rightContent .mapTeaser {
	height: 188px!important;
	padding: 15px 0 0 0!important;
	background: none;
}

#rightContent .imgTeaser img {
	margin: 0 12px 0 0;
	float: left;
}

#rightContent .imgTeaser p {
	width: 95px;
	float: left;
}

#rightContent .pictureShow {
	width: 100%;
	padding: 8px 12px 35px 12px;
	background-color: #000000;
}

#rightContent .pictureShow img {
	margin: 7px 0 12px 0;
}

#rightContent .pictureShow p {
	width: 100%;
}


/* RIGHT CONTENT ------------------------------*/
#rightContent {
	position: relative;
	display: block;
	float: left;
}

#rightContent p {
	/*width: 215px;*/
}

#rightContent .news {
	height: 206px!important;
	padding: 10px 12px 12px 12px;
}

#rightContent form select {
	width: 192px;
	margin: 0 0 12px 0;
	display: block;
	color: #FFFFFF;
	border: 1px solid #272727;
	background-color: #000000;
}

#rightContent form button {
	float: right;
	border: none;
	background: none;
}


/* RIGHT COLUMN -------------------------------------------------------*/
#rightColumn {
	position: absolute;
	z-index: 300;
	clear: both;
	margin-left: 900px;
}

/* META NAVIGATION ----------------------------------------------------*/
#meta-navigation {
	background-color: #cccfc8;
	margin: 0;
	padding: 7px 12px 20px 12px;
	font-size: 10px;
}

#meta-navigation ul {
	list-style-type: none;
}

#meta-navigation ul.left {
	float: left;
}

#meta-navigation ul.right {
	float: right;
}

#meta-navigation ul li {
	float: left;
	background: url(../images/metaNavigation_break.jpg) right 2px no-repeat;
	padding-right:5px;
}

#meta-navigation ul li,
#meta-navigation ul li.last {
	background: none!important;
}
 
#meta-navigation ul li a {
	font-size: 10px;
	color: #000000;
	cursor: pointer;
}

#meta-navigation ul li a:hover, #meta-navigation ul li a.active {
	color: #000000;
	background-color: #70cde3;
}

div.metaWindow {
	width: 417px;
	height: 340px;
	overflow-y: scroll;
	padding: 5px;
	position: absolute;
	display: none;
	z-index: 400;
	background-color: #555555;
}

div.metaWindow div {
	padding: 10px 10px 25px 10px;
	border: 1px solid #70cde3;
	background-color: #000000;
}

div.metaWindow div a {
	float: right;
	cursor: pointer;
}

div.metaWindow div p {
	margin: 0 0 16px 0;
	text-align: justify;
}


/* SPECIAL ELEMENTS ------------------------------------------------*/
.twitterBird {
	position: absolute;
	top: -9px;
	right: 10px;
}

div.imgTeaserFullsize {
	background-color: #dedede;
	border-bottom: 1px #9b9b9b solid;
	border-top: 1px #f4f4f4 solid;
	margin-bottom: 12px;
}

.search-but {
	background-image: url('../images/search_pic.jpg');
	background-repeat: no-repeat;
	border: 0px;
	width: 15px;
	height: 18px;
}

#copyright {
	color: #ffffff;
}



div#languageSwitcher {
	position: absolute;
	padding-left:227px;
	padding-top:160px;
}

div#languageSwitcher ul {
	list-style-type: none;	
}

div#languageSwitcher ul li a img {
	float: none;
}

.cat_path_in_productpage {
	background: url(/images/cat_header.jpg)  no-repeat;
	font-size:100%;
	text-transform: uppercase;
}

.account-head {
	font-weight: bold;
	font-size:110%;
	padding-top:6px;
	padding-left:12px;
	height:21px;
	background-image: url(/images/title-bar.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
	color:#ffffff;
}

#okButton {
	background-image: url('/images/form_button.jpg');
	background-repeat: no-repeat;
	width: 87px;
	height: 22px;
	margin-left: 8px;
	border: 0px;
	font-size: 11px;
	display: block;
	color: #000000;
	padding-bottom: 5px;
	cursor: pointer;
}

.sub-navi2 {
	font-size: 10px;
	width: 890px;
	height: 24px;
	padding-top: 3px;
	border: 0px;
	font-size:14px;
	text-transform: uppercase;
}
.sub-navi2 a {
	font-size:10px;
}

.accessories {
	background-image: url('../images/accessories.jpg');
	width: 275px;
	height: 101px;
	margin-right: 5px;
}
.women {
	background-image: url('../images/women.jpg');
	width: 275px;
	height: 101px;
}
.men {
	background-image: url('../images/men.jpg');
	width: 275px;
	height: 101px;
	margin-right: 5px;
}
.kids {
	background-image: url('../images/kids.jpg');
	width: 275px;
	height: 101px;
}