let* { float: none; }

body {
  background: #fff; font: 9pt Arial, sans-serif;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#masthead, #basket, #navegacao, #sidebar, #lightbox, #rodape { display: none !important; }

#wrapper { width: auto; background: none; padding: 0; }

#header, #content { color: #000; }

#header, #principal, #content { width: auto; }

#header { margin-bottom: .2em !important; }

#header h1 a { display: none; }

#header h1 img { width: 222px; height: 39px; }

#breadcrumb dt { display: none; }

#content h1, #content h2, #content h3 {
  font:normal small-caps normal 160% "Times New Roman", "Times", Arial, sans-serif;
  color: #554939;
}

#content h4, #content h5, #content h6 {
  font:normal small-caps normal 140% "Times New Roman", "Times", Arial, sans-serif;
  color: #554939;
}

#content dl dt { font-weight: bold; }
#content dl dd { margin: 0; }

#content table { width: 100%; border-collapse: collapse; border: solid 1px #ccc; }
#content table th, #wrapper table td { padding: 5px; border: solid 1px #ccc; }

#content label, #content input, #content select { display: block; margin-bottom: 1em; }
#content label.inline { display: inline; }
#content textarea { margin-bottom: 1em; }

#content a { color: #000; text-decoration: none; }

#content #breadcrumb { clear: both; color: #444; }

#content #breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

#content #breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

.product-row {
  width: 100%;
  float: left;
}

.product-row .product-small {
  float: left;
  width: 33%;
  overflow: hidden;
}

/* This would be nice but there are places where it comes up
with ugly URLs that the user shouldn't be seeing  i.e Info (#) */

/*#content a[href]:after {
   content: " (" attr(href) ")";
   font-size: 90%;}

#content a[href^="/"]:after {
   content: " (http://www.loungehairstyle.com" attr(href) ")";
}*/