* {
  font-family: Arial;
  color: #4e2e2c;
}

/** http://www.tutwow.com/tips/quick-tip-css-100-height/ **/
html {
  /*height: 100%;*/
}

body {
  /*height: 100%;
  margin: auto;*/
}

p {
  margin: 0 0 0.5em;
}

.cb {
  clear: both;
}

.strong {
  font-weight: bold;
}

body {
  background-color: #c7d3ec;
}

#wrapper {
  height: 100%;
}

.container_shadow {
  width:965px;
  height: 100%;
  margin: 0 auto;
  background: url('../images/bg_container_shadow.png') repeat-y;
}

.container_inner {
  margin-left: 10px;
  width: 929px;
}

.footer_shadow {
  width:965px;
  height: 9px;
  margin: 0 auto;
  background: url('../images/bg_footer_shadow.png') no-repeat;
}

a, a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

ul, ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul li, ol li {
  padding: 0;
  margin: 0;
}

ul.inline li {
  float: left;
  margin-right: 8px;
}

#header, #footer {
  clear: both;
  width: 100%;
  position: relative;
}

/** HEADER START **/
#header {
  height: 114px;
  background-color: #fbdce9;
}
#header .logo {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 160px;
  background: url(/images/logo.png) no-repeat;
}
#header .caption {
  position: absolute;
  top: 32px;
  left: 200px;
  text-align: center;
  font-family: "Trebuchet MS";
  font-size: 15px;
  font-style: italic;
  color: #006bb7;
}
#header .utility_nav {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 12px;
}

#header .utility_nav li {
  float: left;
  margin-right: 10px;
}

#header .utility_nav li span.sep {
  color: #006BB7;
  padding: 0 2px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
}

#header .utility_nav li a {
  color: #4e2e2c;
  padding-right: 10px;
}

#header .share {
  position: absolute;
  bottom: 15px;
  right: 20px;
  width: 68px;
}

/** HEADER END **/

/** NAV MENU START **/
.nav {
  margin: 3px 0 20px 0;
}

.nav li {
  float: left;
  height: 31px;
  margin-right: 3px;
}

.nav li.last {
  margin-right: 0;
}

.nav li a {
  display: block;
  background: url(/images/menu_nav.png) no-repeat 0 0;
  height: 31px;
  background-position: 0 0;
  cursor: pointer;
  text-indent: -9999px;
  outline: none;/** To remove the outline on nav links **/
}

#m_what a {
  width: 165px;
  background-position: 0 0;
}
#m_what a:hover, #m_what.current a {
  background-position: 0 -41px;
}

#m_identify a {
  width: 159px;
  background-position: -168px 0;
}
#m_identify a:hover, #m_identify.current a {
  background-position: -168px -41px;
}

#m_treat a {
  width: 146px;
  background-position: -331px 0;
}
#m_treat a:hover, #m_treat.current a {
  background-position: -331px -41px;
}

#m_prevent a {
  width: 161px;
  background-position: -481px 0;
}
#m_prevent a:hover, #m_prevent.current a {
  background-position: -481px -41px;
}

#m_product a {
  width: 137px;
  background-position: -644px 0;
}
#m_product a:hover, #m_product.current a {
    background-position: -644px -41px;
}

#m_challenge a {
  width: 146px;
  background-position: -783px 0;
}
#m_challenge a:hover, #m_challenge.current a {
  background-position: -783px -41px;
}
/** We will need IDs for each of the tabs in the main menu so they can each have their own widths. **/

/** NAV MENU END **/

/** FOOTER START **/
#footer {
  clear: both;
  display: block;
  text-align: center;
  margin-top: 20px;
}

#footer p {
  color: #4e2e2c;
}

#footer .inner {
  border-top: 1px solid #DDD;
  margin: 0;
  padding: 20px 0;
}

.footer_nav {
  margin-bottom: 10px;
  width: 100%;
}

.table {
  display: table;
  margin: 0 auto;
}

.footer_nav li {
  display: inline;
}

.footer_nav li a {
  padding: 0 7px;
  color: #4e2e2c;
}
/** FOOTER END **/

.mt_10 {
  margin-top: 10px !important;
}


/** CAL-33 **/
sup {
  font-size: 0.7em;
  line-height: 0.5em;
  position: relative;
  top: -0.4em;
  vertical-align: baseline;
  color: inherit;
}
#product_container{
  width:100%;
  display: block;
}
#pink{
  text-align: center;
  width:46%;
  float:left;
}
#blue{
   text-align: center;
  width:48%;
  float:left;
 }
 #center{
   float:left;
     width:2%;
     padding:5px;
}

.line-break{
  padding: 10px 0 10px 0;
}
.products{
  width:162px;
  padding-left:30px;
  padding-top:20px;

}
#recognize{
  float:left;
  margin-top:20px;
}
#learn_more_left{

  margin-left:61px;
  margin-top:42px;
}

#learn_more_right{
  margin-left:60px;
  margin-top:20px;
}