/* Basic.css */

/*
[COLOR CHART]
#F00: Red
*/

body {font-size: 12px; background: #111111 url('/_images/site_bg.jpg') repeat scroll 50% 50%; font-family:'Arial',sans-serif;}

h1 {font-size:160%; line-height: 150%;}
h2 {font-size:140%;}
h3 {font-size:120%;}
h4 {font-size:110%;}
p {}

big {font-size:2em;}
code,tt {font-family:monospace;}
small {font-size:0.9em;}
cite,em,i {font-style:italic;}
a,b,strong {font-weight:bold;}

a {text-decoration:underline;}
a:link {}
a:visited {}
a:hover {}
a:active {}

form {}
fieldset {}
legend {}
label {}
label small {color:#F00;}
input {}
select {}
textarea {}

table {}
th {font-weight:bold; text-align:left;}

ul {}
li {}

address {font-style:normal;}
address .type {display:none;}

#body, #container, #navigation, #content, #sub, #footer {border:1px solid;}

/* header - country */
#mp_pnlCountryChoice {float:left; margin:6px 00px 0px 750px;}
  #mp_pnlCountryChoice a {text-decoration:none; font-size:0.9em;}
  #mp_pnlCountryChoice a:hover {text-decoration:none; color:#FFF;}
  #iconCurrentCountry {display:inline-block; margin:3px;}
    #iconCurrentCountry a {border:1px solid transparent;}
    #iconCurrentCountry a:hover {border:1px solid #CCC;}
    
/* page - country choice */
.countryChoice {width:120px; height:40px; float:left; border:1px solid #CCC; margin:10px 10px 0px 0px; padding:10px; background-repeat:no-repeat; background-position:center right;}
  a.countryChoice {text-align:center; vertical-align:middle; width:100%; height:100%;}
#otherCountry {clear:both; border:2px solid #000; width:500px; margin-left:25%; padding:10px 10px 20px 10px;}
  .otherCountry {font-weight:bold;}
  
/* Products */


/* Product detailpage (single product) */
.prodSpecValue {font-weight:bold;}

/* Product details (colors) */
.prodColorsInOverview {min-height:60px;} /* `placeholder` div for color(s) */
#prodColors {min-height:60px;}
  #availableColors {color:#9E7B2A;}
  .prodColorsInOverview {}
  .prodColor {display:inline-block; width:20px; height:20px; border:2px solid #BABABA; margin:0px 8px 8px 0px;}
  .currentColor {border:2px solid #000;}
  
/* MyAccount - log on */
#mp_cphArticle_ctrlLogin {margin: 40px 0px 0px 40px;}
  .AspNet-Login-UserPanel
  #mp_cphArticle_ctrlLogin label {width:150px;}
.divForPwdRetrieval {margin-top:50px;}
/* MyAccount - MyOrders */
.divLogOff {height:32px; margin:10px 6px 0px 10px; padding:16px 46px 0px 10px; clear:both; background: transparent url('/backoffice/_images/log_off_arrowicon.png') no-repeat scroll center right;}
  #mp_cphArticle_loginStatus {float:right; font-size:1.3em;}
.myOrder {margin:10px; padding:6px; clear:both; border-bottom:1px solid #D7D7D7;}
  .orderID {width:130px; float:left;}
    .orderNr   {font-weight:bold; font-size:1.2em;}
    .orderDate {font-size:0.9em;}
  .orderProds {float:left; vertical-align:top;}
    ul.orderProducts {list-style:disc;}   /* orderProducts: UL or SPAN! */
    span.orderProducts {} /* orderProducts: UL or SPAN! */    
  .orderVarious {float:left; margin-left:10px;}
    .orderPayment {}
    .orderTotal   {}
  .orderState {float:right; width:200px;}
    .orderStatus {font-weight:bold; font-size:1.2em;}

/* Generic */
.validatorMsg {color: #C50A29;}
.strong {font-weight:bold;}
