/* Ye olde browsers and basic defaults */
body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
    background-image:url(images/main/background-f2.jpg);
    background-repeat:repeat-x;
    background-position: left top;
}
/* Defaults + Mobile first */
@media only screen {
  #wrap {
    background-color: #fff;
    border: 1px solid #999;
  }

  #header {
    background-color:#bb204c;
  }
  #header a {
    color:#fff;
  }

  #menu label {
    border-top: 0.75rem double #fff;
    border-bottom: 0.25rem solid #fff;
  }

  #menu ul {
    background-color:#bb204c;
  }

  #menu ul li a {
    color:#fff;
    border:1px solid #fff;
  }
  #menu ul li a:hover,#menu ul li a:focus,#menu ul li a:active {
    color:#bb204c;
    background-color:#fff;
    border:1px solid pink;
  }

  #menu input:checked +label:before,#menu input:checked ~ label:before { /* TODO: The X doesn't work in IE11 */
    color:#fff;
  }

  #border, #side, #footer {
    border: 1px solid #ccc;
  }

  #side a,#footer a { color:#bb204c }
 

  #guild a.home {
    color: #000;
  }

  #guild a.men { color: #0283b2 }

  #side h4 {
    border-bottom: 1px solid #bb204c;
  }

  .quotet {
    border: 1px solid #bb204c;
  }

  h3,h2 {
    color: #bb204c;
  }
  #content a {
    color: #bb204c;
  }
   #content table {
	   border-top:1px solid #efcbd6;}

  #content table td {
    border-bottom:1px solid #efcbd6;
  }
  
  #side {
	  background-color:#fde3e4;
}
  #side div {padding:0 15px;}
  #side h4 {padding-top:0;}
  #side h2 {margin-top:15px;}
  
}


/* Desktop / large screens */
@media only screen and (min-width:850px){

  body {
    background-image:url(images/main/background-f2.jpg);
    background-repeat:repeat-x;
    background-position: left top;
  }

  #header {
    background-color:#fff;
  }

  #page {
    margin:30px;
  }
  
  #header a,#menu ul li a,#menu ul li a:hover,#menu ul li a:focus,#menu ul li a:active {
    color:#bb204c;
    margin:0 0 10px 0;
    border:0;
    padding:0;
    display:block;
    text-align:left;
    text-decoration: none;
    height: 52px;
    font-size: 16px;
    font-style: italic;
    background-repeat: no-repeat;
    text-indent: -999px;
    outline: none;
  }
  #header a {background-image:url(images/main/logo-r.png);height:144px !important}
  #menu #home { background-image:url(images/main/home1.png); height:42px }
  #menu #aboutus {	background-image:url(images/main/aboutus.png); height:42px }
  #massage { background-image:url(images/main/massage.png) }
  #eyes {	background-image:url(images/main/eyes.png) }
  #manicure { background-image:url(images/main/manicure.png) }
  #microderm { background-image:url(images/main/microderm.png) }
  #nsfa { background-image:url(images/main/nsfa.png) }
  #facial {	background-image:url(images/main/facial.png) }
  #waxing { background-image:url(images/main/waxing.png) }
  #threading { background-image:url(images/main/threading.png) }
  #makeup { background-image: url(images/main/makeup.png) }

  #menu #home:hover {background-image:url(images/main/home2.png)}
  #menu #aboutus:hover {background-image:url(images/main/aboutus2.png)}
  #massage:hover {background-image:url(images/main/massage_2.png)}
  #eyes:hover {background-image:url(images/main/eyes_2.png)}
  #manicure:hover {background-image:url(images/main/manicure_2.png)}
  #microderm:hover {background-image:url(images/main/microderm_2.png)}
  #nsfa:hover {background-image:url(images/main/nsfa_2.png)}
  #facial:hover {background-image:url(images/main/facial_2.png)}
  #waxing:hover {background-image:url(images/main/waxing_2.png)}
  #threading:hover {background-image:url(images/main/threading_2.png)}
  #makeup:hover {background-image:url(images/main/makeup_2.png)}
  
  #menu #vouchers {
    color: #bb204c;
  }
  
  #side {
    border-bottom: 1px solid #bb204c;
	background-color:#fff;
  }
    #side div {padding:0;}

  #footer {
    border:0;
    margin:20px !important;
  }
  

}

.linkboxw {
	height:42px;
	background-image:url(women-images/linkbox.png);
	background-repeat:no-repeat;
	font-size:16px;
	padding:9px 2px 2px 44px;
	margin:12px 0 15px 0;}
.linkboxw a {
		color:#FFF !important;}
.linkboxw a:hover {
		color: #FDE !important;}
		
.quote {
    border: 1px solid #bb204c; 
    padding: 0 10px;
}
.pink {
    color: #bb204c;
}