/* Import shared styles 
-------------------------------------------------- */

@import "common.css";
@import "template_base.css";
@import "jquery.fancybox.css";
@import "navigation.css";

/* Structure
-------------------------------------------------- */

#pageContent  {
	width: 808px;
}

.partners #pageContent ul li {
	float: left;
	margin: 0px 3px 20px 3px;
	border: 1px solid #ccc;
}

/* formulary
----------------------------------------------------- */

#pageContent #formulary {
  width: 600px;
  margin: 10px auto;
}

#pageContent #formulary li {
  display: list-item;
  width: auto;
  display: block;
  float: left;
  margin: 10px;
  border: 4px solid #ddd;
  width:148px;
}

#formulary li a:link,
#formulary li a:visited {
  display: block;
  text-align: center;
  text-decoration: none;
  height: 20px;
  padding-top: 99px;
  line-height: 1.7em;
  text-transform: lowercase;
}

#pageContent #formulary li.featured {
 width: 500px;
}

#pageContent #formulary li.featured img {
  width: 500px;
}

#pageContent #formulary li:hover {
	border-color: #ccc;
}

.kinetik {background: url("/images/formulary/callout_kinetik.jpg") no-repeat top;}
.body {background: url("/images/formulary/callout_body.jpg") no-repeat top;}
.face {background: url("/images/formulary/callout_skin.jpg") no-repeat top;}
.hair {background: url("/images/formulary/callout_hair.jpg") no-repeat top;}
.sun {background: url("/images/formulary/callout_sun.jpg") no-repeat top;}
.men {background: url("/images/formulary/callout_men.jpg") no-repeat top;}
.oral {background: url("/images/formulary/callout_oral.jpg") no-repeat top;}

/* Sample Lists */

.sample h4 {
  background: #ccc;
  color: #fff;
  margin: 14px 0;
  padding: 3px 10px;
  clear: both;
}

.sample #pageContent li {
  display: block;
  width: 32%;
  float: left;
  margin: 2px 5px;
}

/* Formulary Lists */

.formulary h4 {
  background: #ccc;
  color: #fff;
  margin: 14px 0;
  padding: 3px 10px;
  clear: both;
}

.formulary #pageContent li {
  display: block;
  width: 32%;
  float: left;
  margin: 2px 5px;
}

/* Brochures
----------------------------------------------------*/

.brochures_detail #pageContent ul {
  clear: both;
}

.brochures_detail .thumbs li span {
  display: block;
}

.brochures_detail .thumbs li {
  width: 132px;
  height: 220px;
  float: left;
  display: inline;
  margin: 5px;
  padding: 5px;
  text-align: center;
}

.brochures_detail .thumbs li img {
  border: 1px solid #333;
}

.brochures_detail .thumbs li a:link,
.brochures_detail .thumbs li a:visited {
  font-size: .8em;
}

.brochures_detail #pageContent li {
  margin: 2px 5px 2px 14px;
  padding: 5px;
}