body {background:#DBDBDB url('/_images/cruyff/background1.jpg'); color:#4F5249;}

fieldset {margin-bottom:20px; padding-top:10px;}
legend {font-weight:bold;}
label {width:110px; display:block; float:left;}

h1 {color:#424242; margin-bottom:8px;}
h3 {margin-top:20px;}

a:link, a:visited {color:#BBB; font-weight:bold; text-decoration:underline;}
a:hover, a:active {color:#999; font-weight:bold; text-decoration:none;} 


  #body {	border:0px solid #FFF; font-size:1em; line-height:1.2em; margin:0 auto; width:1010px; background:#FFF; position:relative; font-family:Helvetica,sans-serif; min-height:760px;} 
  #header {height:50px; width:1010px; border-bottom:0px solid #FFF; background:#414141;}
  #language {height:14px; width:150px; margin-top:300px; margin-right:10px; float:right; text-align:right; font-size:10px;}
  #nav {position:absolute; z-index:100; height:23px; text-transform:uppercase; top:10px; background:none; border:0px;}
	#main {border:7px solid #FFF; padding-top:0px; padding-left:0px; /*min-height:500px; */ height: auto;}
	#article {width:100%; margin-top: 0px;  margin-bottom:50px; margin-left:0px; height: auto;}
	#homeshoe {bottom:20px; right:30px; position:absolute; z-index:100;}
	#logo {margin-top:5px; margin-right: 5px; float: right;}
	#freedelivery {position:absolute; top:180px; right:10px;}
	#mens_products {}
	#aside {position:absolute; right:350px; top:14px; border:0px; font-family:Helvetica,sans-serif; text-transform:uppercase;}
    #navigation {}
    #content {}
    #sub {}
	#mp_pnlCountryChoice {float:right; position:absolute; margin-top:12px; right:110px;}
	#clear {clear:both;}

	#mp_pnlCountryChoice a {font-size:1em; text-decoration:none;}
	#iconCurrentCountry a:hover {border:1px solid transparent;}
	
  #footer {border:0px; padding-left:20px;}
  #address {width:250px; margin-bottom:30px; margin-top:10px; padding-top:10px; border-top:1px solid #fff;}

#left {width:140px; /* min-height:300px; */ float:left;}

#language li{list-style-type:none; display:inline;}
#language a{color:#FFF;}
.AspNet-Menu-Horizontal li {display:inline;}
.AspNet-Menu-WithChildren ul {display:none;}
.AspNet-Menu-Selected ul, .AspNet-Menu-ChildSelected ul {display:block;}

.AspNet-Menu {}
.AspNet-Menu-Link a:link, .AspNet-Menu-Link a:visited{color:#FFF;}
.AspNet-Menu-Link a:hover, .AspNet-Menu-Link a:active{color:#C3BFBE;}

.AspNet-Menu-Leaf {display:inline; list-style-type:none; margin-left:20px; font-size:12px;}
.AspNet-Menu a:link, .AspNet-Menu a:visited {color:#FFF; font-size:12px; text-decoration:none; font-weight:normal; font-family:helvetica,sans-serif;}
.AspNet-Menu a:hover, .AspNet-Menu a:active {color:#C3BFBE; font-size:12px; text-decoration:none;  font-family:helvetica,sans-serif;}

#footer .AspNet-Menu-Vertical {position:absolute; bottom:0px; left:0px; width:100%; text-align:center; font-size:11px; background: #000;}

#footer a:link, #footer a:visited {color:#fff; font-size:11px; text-decoration:none; font-weight:normal;}
#footer a:hover, #footer a:active {color:#fff; font-size:11px; text-decoration:underline;}

.AspNet-Menu2 {float:left; position:relative; top:5px; left:30px;} 
.AspNet-Menu2 a:link, .AspNet-Menu2 a:visited{color:#FFF; text-decoration:none; font-weight:normal; font-size:12px; font-family:arial, helvetica, sans-serif;}
.AspNet-Menu2 a:hover, .AspNet-Menu2 a:active{color:#838383; text-decoration:none;}

#nav .AspNet-Menu-Vertical {float:left; font-size:12px; font-family:helvetica,sans-serif; position:relative; top:5px; left:0px;}


li.AspNet-GenderMenu-Leaf {line-height:120%;}
#nav .AspNet-GenderMenu-Leaf a:link, #nav .AspNet-GenderMenu-Leaf a:visited {font-family:helvetica,sans-serif; color:#FFF; text-decoration:none; font-size:12px;}

#nav .AspNet-GenderMenu-Leaf a:hover, #nav .AspNet-GenderMenu-Leaf a:active {text-decoration:none; color:#838383;}

#article p {width:600px; margin-top: 10px;}
#article fieldset {margin-left: 20px;}
#article li {margin-top:5px; /*width:380px;*/}
#article h1 {color:#414141; margin-left: 0px}

#home_left{float: left; position: relative; width: 708px; height: 644px;}
#home_right{float: left; position: relative; width: 280px; height: 644px; margin-left: 8px;}

#introtekst{margin-top: 0px;}
#homeblock1 {float:left; height: 508px; width: 708px; position: relative; margin-top: 0px; background: #a0a19c;}
#homeblock2 {float:left; height: 164px; width: 350px; margin-top: 8px;}
#homeblock3 {float:left; height: 164px; width: 350px; margin-top: 8px; margin-left: 8px;}
#homeblock4 {width: 280px; height: 164px;}
#homeblock5 {margin-top:8px; width: 280px; height: 164px;}
#homeblock6 {margin-top:8px; width: 280px; height: 164px;}
#homeblock7 {margin-top:8px; width: 280px; height: 164px;}
#homeblock8 {margin-top:8px; width: 280px; height: 164px;}
#newsletter{margin-left: 20px; margin-top: 74px; }
#news {float:left; margin-top:5px; border: 1px solid #CCCCCC; height: 180px; width: 700px;}

#about{margin-left: 30px}
#conditions{margin-left: 30px}
#contact{margin-left: 30px}

#maintext{top:10px; font-size:0.8em; width:520px; padding-top:20px;}
#maintext h2{font-size:1em;}

/* Google search (on 404 pages) */
 #pageNotFoundGoogleSearch {border:1px solid Black; padding:10px; margin:10px;} 

.BreadCrumbs {padding-left:0px; margin-top:0px; padding-bottom: 10px;}

/* ChooseCountry */
#country-choose{background:url("/_images/cruyff/label_corner.png") no-repeat scroll left top transparent; border: 1px solid #FFF; height: 200px; width: 360px; left:50%; margin-left:-180px; position:absolute; top:-100px; visibility:visible;}
.country-header{background:url("/_images/cruyff/choose_head.png"); float: right; height: 22px; margin-right: 90px; margin-top: 50px; width: 180px;}
.country-nl{margin-top: 90px;}
.country-other{margin-top: 10px;}
#horizon {display:block; height:1px; left:0; overflow:visible; position:absolute; text-align:center; top:50%; visibility:visible; width:100%;}

#chooseCountry {background:url("/_images/cruyff/back_country.jpg") no-repeat scroll left top transparent; height: 500px; width: 710px; margin-left: 150px; margin-top: 100px;}
.countryChoice {background-position:left center; background-repeat:no-repeat; border:0px solid #CCCCCC; float:left; height:20px; margin:10px 22px 0 0; padding-left:20px; width:90px; font-size: 0.8em; color: #000;}
.countryChoice a {color:#424242; text-decoration:none;}
.countryChoice a:hover {color: #9e7b2a;}
#otherCountry {border:0px solid #000000; clear:both; margin-left:0px; padding:0px 0px 0px; width:500px; height: auto;}
#otherCountry a {color: #9e7b2a;}

/* ProductGroups */
.productGroups {}

.productgroupTable {text-align:center; width:160px; height:270px; font-size:0.9em; float:left; margin:5px;}
.productgroupTable:hover   {}
.productgroupTable img     {margin:auto;}
.productgroupTable a       {text-decoration:none;}
.productgroupTable a:hover {color:#777;} 

.productgroupTable table {width:150px; height:270px; border:1px solid #FFF;}
.productgroupTable td, .productgroupTable th {text-align:center; width:150px; padding:10px;}
.productgroupTable td {border:0px; background:#414141;}
.productgroupTable th {border:1px solid #FFF; font-family:rockwell, arial, helvetica, sans-serif; text-transform:uppercase; 
					   color:#FFF; font-size:25px; background:#C60A2A;}


/* Products */
 #pager {}
 #mp_cphArticle_ProductControl_divProdSearch {float:left;}
 #Products {min-height:400px; width:850px; float:right; position:relative; background:url('/_images/cruyff/product_bg.jpg') bottom right no-repeat;}
 #divProdInfo h1{margin-left: 0px; color:#424242; font-size: 1.4em;}
  .productTable {width:250px; min-height:360px; text-align:center; font-size:0.9em; float:left; margin:10px 10px 35px 10px; padding:2px; position:relative; border-color:#FFFFFF; border-radius:1em;}
  .productTable:hover {border-color:#424242;}
  .productTable h2 {margin:0px; font-size:14px; font-weight:bold;}
  .prodTitle h2 {color:#C60A2A; margin-bottom:5px; text-decoration:none; font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight:bold; text-align: left; color:#424242; border-bottom:1px solid #bababa; height: 15px; padding-bottom:20px;}
  .prodTitle h2:hover {color:#BBBBBB;}
  .prodTitle a:link {text-decoration: none;}
  .prodPrice {float: right; color: #9e7b2a; font-size: 12px; width: 50px; text-align: right; line-height:25px; margin-top:-27px;}
  .prodColors {float: left; color: #9e7b2a; text-align: left; line-height:30px; width: 160px; margin-top: -30px;}
  .prodColor {border:2px solid #BABABA; display:inline-block; height:20px; margin:0 0px 0px 0; width:20px;}
  .linkToProduct{display: none;}
  #mp_cphArticle_ProductControl_lblProdTxt .prodColors{margin-top:-81px; float:right;}
  .prodStatus {position:absolute; top:252px; right:2px; font-size:1.1em; font-family:"Georgia","Times New Roman",Times,serif; font-weight:bold; background-color:#DE0323; color:#FFF; padding:2px 5px 2px 5px; text-transform:uppercase; font-style:italic; border-right:1px solid #D39BA4; border-bottom:1px solid #D39BA4; border-bottom-right-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px;}

/* Product detailpage (single product) */
 .pager {}
#divProdImgBig {width:500px; float:left; text-align:center; position:relative; left:40px; margin-top: 70px;}
#divProdInfo   {width:350px; margin-bottom:5px; float:left; position:relative; left:100px; margin-top: 40px;}
#divProdInfo p {width:350px;}
#txtFlashRotate{margin-left: 80px;}

#divProdOrder, .prodOrder  {width:350px; margin-bottom:5px;}
#divProdActions {width:350px; line-height:1.4em; float:left; text-transform: uppercase; font-size: 11px; color: #414141; margin-top: 10px;}

#nextProd {/* margin-left:10px; */}
#nextProd, #previousProd {/*text-transform:uppercase;*/}

 .ddlSize {position:relative; top:-5px; width:200px;} 

.orginalPrice    {}
.hasSpecialPrice {text-decoration:line-through;}
.discountPrice   {font-size:1.2em; font-weight:bold;} 

#mp_cphArticle_ProductControl_btnOrder2 {background:url('/_images/cruyff/btn-o.jpg'); width:auto; height:20px; 
				margin:0; border:0; cursor:pointer; /* hand-shaped cursor */ cursor:hand; position:relative; top:1px; color: #FFF; font-weight: bold; text-transform:uppercase; font-size: 11px; font-family: helvetica, sans-serif;}
#mp_cphArticle_ProductControl_btnOrder2:hover {background:url('/_images/cruyff/btn.jpg');}

#mp_cphArticle_ProductControl_lblProdTxt p, #mp_cphArticle_ProductControl_lblProdTxt{width:200px;}

#mp_cphArticle_ProductControl_nextProd{margin-left: 20px}
#mp_cphArticle_ProductControl_overviewprod{margin-left: 20px}

#prodColors {position: absolute; float: right; right:60px; top: 140px;}
.availableColors{font-size: 12px;}
.currentColor {border:2px solid #000000;}
.subHdrSpecs{color: #9e7b2a;}
#mp_cphArticle_ProductControl_lblProdPrice{float: left; width: 150px; text-align: left; margin-top: 0px;}

/* LogOn control */
 .AspNet-Login {width:100%; float:right;} 


/* Shopping Basket */
 #smallShoppingCart   {/*padding-top:25px;*/}
 #smallShoppingCart a {color:#9e7b2a; text-decoration:none; font-size:10px;} 
 #smallShoppingCart a:hover {text-decoration:underline;}

#shoppingCart     {}
.tblShoppingCart  {width:auto;  border:0px solid Black;}
#cartTxt          {padding:4px;}
.cartProdCount    {display:inline-block; float:right; clear:both;}
#overviewCartRows {font-size:0.9em; /*clear:both;*/ float:left; margin-top:20px; margin-bottom:20px; width:800px; position:relative; /* top:-300px;  */ left:86px; }
#overviewCartRows table{border-collapse:collapse; border:0px solid #DDD;  width:800px;}
.tblShoppingCart th {background-color:#424242; padding:5px; color:#FFF;  text-align:center;}
/* .tblShoppingCart tr.tdOdd {border-bottom:1px solid #424242; border-top:1px solid #424242;} */
.tblShoppingCart td {padding:2px; font-size:0.9em; border-bottom:1px solid #424242; text-align:center;  width:70px; height:70px; vertical-align:middle;}
th.ItemDescription, td.ItemDescription {text-align:left;   width:450px; }

td.tfootCartUpdate, td.tfootCartCheckOut {text-align:right; vertical-align:top;} 
 .tfootCartTotal .blckOrderTotal, .tfootCartTotalTxt {font-weight:bold; font-size:11px; color:#424242; text-align:center; width:70px;} 
td.tfootCartContinue {text-align:left; vertical-align:top;}

tr.tfootRow1b {}
tr.tfootRow1c {border-bottom: 0px;}
td.tfootCartShipping1{text-align:right;}
TD.tfootCartDiscount1 {text-align:right; border-bottom: 0px none Transparent; }
td.tfootCartShipping2 {}
TD.tfootCartDiscount2 { border-bottom: 0px none Transparent; }

/* border-bottom:1px solid #424242; */

.tfootRow1 td {border-bottom:0px;}
.tfootRow2 td {border-bottom:0px;}

/* .tblShoppingCart tbody tr {} */

#overviewCartRows .tdOdd {border-top:0px solid #FFF;}
/* #overviewCartRows tr:hover {background-color:#DDD;}
#overviewCartRows th:hover {background-color:inherit;}
#overviewCartRows .tdOdd:hover {background-color:#CCC;} */
.basket_delete, .basket_update {background-color:transparent; background-position:center; background-repeat:no-repeat; border:none; color:transparent; cursor:pointer; padding:2px; width:20px;}
.basket_delete {width:16px; height:16px; background-image:url('/_images/cart_remove.png');}
span.blckOrderTotal    {float:right; font-size:1.1em; border-top:3px solid White; font-weight:bold;}
span.blckOrderTotalTxt {float:right; font-size:1.1em; font-weight:bold;}
/* .btnCartUpdate {background:#424242 left center no-repeat; border:none; cursor:pointer; padding:2px 2px 2px 34px;} */

.btnCartUpdate {/*background:url('/_images/cruyff/updatebasket.jpg');*/ width:100px;}
.btnCartUpdate:hover {/*background:url('/_images/cruyff/updatebasket-o.jpg');*/}
.btnProceedToCheckOut {/*	background:url('/_images/cruyff/proceed.jpg'); */width:auto;}
.btnProceedToCheckOut:hover {/* background:url('/_images/cruyff/proceed-o.jpg');*/}
.btnContinueShopping  {	/*background:url('/_images/cruyff/continueshopping.jpg');*/ width:127px; }
.btnContinueShopping:hover {/*background:url('/_images/cruyff/continueshopping-o.jpg');*/}


.submitbutton,
.btnProceedToCheckOut, 
.btnContinueShopping, 
.btnCartUpdate {height:20px; margin:0; padding:0; border:0; cursor:pointer; /* hand-shaped cursor*/  cursor:hand; 
				text-indent:-1000em; }

.submitbutton,  
.btnProceedToCheckOut, 
.btnContinueShopping, 
.btnCartUpdate {	 height:20px; text-indent:0em; text-transform:uppercase; font-family:arial, helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold;}

.btnCartUpdate, .btnContinueShopping {width: auto; background:url('/_images/cruyff/btn.jpg'); padding: 0px 5px 0px 5px;} 
.btnCartUpdate:hover, .btnContinueShopping:hover {background:url('/_images/cruyff/btn-o.jpg');} 

.btnProceedToCheckOut, .submitbutton {background:url('/_images/cruyff/btn-o.jpg'); padding: 0px 5px 0px 5px;}
.btnProceedToCheckOut:hover, .submitbutton:hover {background:url('/_images/cruyff/btn.jpg');}

/* #mp_cphArticle_firstname, #mp_cphArticle_lastname, #mp_cphArticle_company, #mp_cphArticle_address, #mp_cphArticle_zipcode, #mp_cphArticle_city, 
#mp_cphArticle_prefix, #mp_cphArticle_vat, #mp_cphArticle_phone, #mp_cphArticle_mobile, #mp_cphArticle_fax, #mp_cphArticle_email, 
#mp_cphArticle_middlename, #mp_cphArticle_question, #mp_cphArticle_country {width:200px;} */

.contactgegevens-en-afleveradres{padding-top: 20px; padding-bottom: 10px;}
.productoverview{float:right; position:absolute; right:250px;}
.contact-details-and-delivery-address{padding-top: 10px;}
#mp_cphArticle_phone{}

.submitbutton { width:204px;  position:relative; left:110px;}
.validatorMsg {margin-left:10px;}


#mp_cphAside_ctl00	{margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #DDD;} 

/* Check-out */
#mp_cphArticle_tblShoppingBasket {float:right; position:absolute; right:-230px; width:330px;}
#mp_cphArticle_tblShoppingBasket  td {padding:5px;}
#mp_cphArticle_tdTotal {color:#424242; font-weight:bold; }
#mp_cphArticle_payment{width:350px; height:20px;/* position:relative; top:-16px; left:80px;*/}
#mp_cphArticle_payment td {width:350px; height:5px; display:inline;}
/* #mp_cphArticle_payment_0{margin-top:5px; margin-right:5px; float:left;} */
span.itemPayments input {margin-top:5px; margin-right:5px; float:left;}
.itemPayments{vertical-align:middle;}
.shopping-basket{padding-left:635px; font-weight:bold; color:#424242;}
.warenkorb{padding-left:635px; font-weight:bold; color:#424242;}
#mp_cphArticle_country{}
.personal{padding-top: 20px;}

/* Payments etc. */
#paymentInfo    {padding:10px; width:500px; border:2px solid Gray;}
.fieldsetdescription {margin-bottom:10px;}
#buckTransactID {}
#mp_cphArticle_payment          {}
#mp_cphArticle_payment TD       {}
#mp_cphArticle_payment TD label {width:auto; margin-bottom: 10px; vertical-align: 50%;}
#mp_cphArticle_payment tr{height: 30px;}
#mp_cphArticle_iDealIssuer {margin-left:0px; margin-top:5px; /*position:absolute;*/}
#divIdealIssuer{margin-left:95px; margin-top:-40px; position:absolute; width:130px;}

/* My Account*/
.AspNet-Login-TitlePanel{color:#424242; font-weight: bold; margin-bottom: 10px;}
.forgot_order{color:#424242; font-weight: bold; margin-bottom: 0px;}
#mp_cphArticle_ctrlLogin{margin-top: 20px;}
.divLogOff {background:url("/_images/cruyff/arrow_right.png") no-repeat scroll right center transparent; clear:both; height:32px; position: absolute; float: right; right: 15px; top: 50px; margin: 0px 0px 0px 0px; padding:16px 36px 0 10px;}
#mp_cphArticle_loginStatus  {float:right; font-size:1.0em; color: #C60A2A;}
.myOrder {border-bottom:1px solid #D7D7D7; clear:both; margin:10px; padding:6px;}

.orderID {float:left; width:115px; margin-left:5px;}
.orderNr{color: #C60A2A;}
.orderProds{float:left; width: 551px;}
.orderState  {float:left; width:120px; margin-left:10px;}
.orderVarious{float:left; width:140px; margin-left:10px;}

.header_orderID{background-color:#424242; width: 90px; height: 20px; padding-top: 10px; color: white; float: left; margin-left: 10px; margin-top: 20px; padding-left: 10px; }
.header_orderProds{border-left: 1px solid #FFF; background-color:#424242; width: 565px; height: 20px; padding-top: 10px; padding-left: 10px; color: white; float: left; margin-top: 20px;}
.header_orderVarious{background-color:#424242; border-left: 1px solid #FFF;  width: 140px; height: 20px; padding-top: 10px; padding-left: 10px; color: white; float: left; margin-top: 20px;}
.header_orderState{background-color:#424242; border-left: 1px solid #FFF; width: 140px; height: 20px; padding-top: 10px; padding-left: 10px; color: white; float: left; margin-top: 20px;}

/* FAQ*/
.faq-quest{font-weight: bold; font-style:italic; padding-top: 20px;}

/* General styles */
.warning {font-weight:bold; color:Red;}

.clear {clear:both;}

.type {display:none;} 

.prodGroupTitle {padding-left:5px; font-weight:bold; font-size:25px; margin-bottom:12px; margin-top:2px; color:#424242;}
.filter {line-height:130%;} 
.filterHdr {width:100px; font-weight:bold; font-size:14px;  color:#FFF; clear:both; background-color:#414141; height:20px; padding-left:5px; margin-top:10px;} 
.filterHdrRemove{font-size:12px; font-weight:bold;}

.filtermenu {margin:0px; padding-left:5px; font-size:11px;}
.filterSelected {background-color:#424242; border:1px dotted White; color:White; font-weight:normal;}
.group_size { width:80px; margin-bottom:10px;}
.group_size li {margin-right:10px; display:inline-block;}
.productfilter a {font-weight:normal; text-decoration:none; color:#424242;}
.productfilter a :hover{font-weight:normal; text-decoration:none; color:#838383;}
.productfilter  {border:0px; font-weight:normal; text-decoration:none; background-color:#fff;}


/* SIZE CHART */
#SCheader {background:url('/_images/cruyff/SCheader.jpg'); height:90px; border-bottom:1px solid #FFF;}
#SCcontent{padding-top:10px; background:url('/_images/SCbg_White.jpg'); width:350px; height:1000px; line-height:120%; font-size:10px;}
#SCcontent strong{color:#424242; font-weight:bold; font-size:12px;}
#SCcontent th, #SCcontent table {border:1px solid #424242; padding:4px; text-align:center;}
#SCcontent th.tblHeader {background:#C60B2A; text-align:center; font-size:12px; color:#FFF;}
#SCcontent th.orange {background:#424242; color:#FFF; border-bottom:0px;}
#SCcontent td {border-right:1px solid #424242; text-align:center; padding:2px;}
#SCtext {width:270px; margin-left:40px;}

/* .AspNet-GenderMenu-Leaf {background-color:Green;} */
/* .filtermenu {background-color:Red;} */

<!--[if IE]>
, #divProdImgBig, #divProdInfo  {position:relative; left:0px;}
/* .group_size .filtermenu  {float:left;} */
<![endif]-->

.white {background-color:White;}

/* little css hack to put footwear before genders */
ul.AspNet-Menu2 {left:90px}
li.footwear {color:#A1A1A1; position:absolute; left:-90px;}
li.shirts {margin-left:30px;}

.lblDiscountcode { font-weight: bold; margin-right: 4px; float: left; }
.tbDiscountcode { float: left; }
.btnDiscountcode { border: 0 none Transparent; background-color: Transparent; text-decoration: underline; float: left; font-size: 10px; }
.btnDiscountcode:hover { text-decoration: none; }