/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
/*   Plans Page   */

#plans-ttl {
   margin: 73px 0 87px;
  text-indent: -999em;
  background: url(images/plans-ttl.png) 0 0 no-repeat;
  height: 38px;
}
#plans-wrap {
  background: transparent;
  padding-bottom: 0;
  margin-bottom: 0;
}
* html #plans-wrap ul{
  float: none;
}


#plans {
  width: 940px;
  padding-top: 12px;
  margin-top: 35px;
  display: block;
  background: url(images/plans-bg.png) 0 0 no-repeat;
}



#plans ul {
  padding: 0;
  margin: 0;
  float: none;
}
#plans li {
  width: 225px;
  float: left;
  display: block;
  background: transparent;
  text-align: center;
  padding: 0;
}
* html #plans li {
 display: inline;
 position: relative;

}


#plans li li {
  margin: 0 0 0 10px;
  width: 205px;
  padding: 5px 0 6px;
  border-bottom: 1px solid #a3d1f1;
  border-top: 1px solid #FFFFFF;
}



#plans li li.first {
border-top: none;
height: 109px;
}
#plans li li.last {
border-bottom: none;
}

#plans li li h3 {
 font-size: 2.31em;
 color: #292929;
}
#plans li li h3 strong {
  display: block;
  font-size: 0.73em;
}
#plans li li h3 strong span {
  font-weight: normal;
  color: #777777;
}
#plans li li p {
  margin-top: 6px;
  font-size: 1em;
  font-weight: bold;
  color: #4b4b4b;
}
#plans li#amazonia {
  width: 224px;
  border-left: 1px solid white;
}

#plans li#amazonia li p {
  margin-top: 13px;
}


#plans li li.btn-wrap {
  margin: 8px 0 0;
  height: 44px;
  width: 225px;
  background-image: url(images/btn-wrap-bg.png);
  background-repeat: no-repeat;
  padding: 11px 0 0;
  border: none;
}
* html #plans li li.btn-wrap {
background-image: url(images/btn-wrap-bg.gif);
}


#plans li#sequoia li.btn-wrap {
  background-position: -20px 0;
}
#plans li#amazonia li.btn-wrap {
  background-position: 100% 0;
  width: 224px;
}

#plans li li.btn-wrap a.like-btn {
  float: left;
  display: block;
   width:114px;
   height: 33px;
   background: url(images/sign-up-btn.gif) 0 0 no-repeat;
   margin-left: 55px;
}
* html #plans li li.btn-wrap a.like-btn {
  display: inline;
  position: absolute;
  left: 0px;
}


#plans li li.btn-wrap a.like-btn:hover {
background: url(images/sign-up-btn.gif) 0 100% no-repeat;

}

#plans li#bonsai li.btn-wrap {
  background-position: 0 0;
}

/*   Bamboo plan   */
#plans li#bamboo {
  width: 265px;
  min-height: 350px;
  z-index: 100;
}
#plans li#bamboo ul {
  width: 286px;
  height: 485px;
  background: url(images/bamboo-bg.png) 0 0 no-repeat;
  position: absolute;
  top: -36px;
  left: -9px;
}

#plans li#bamboo li {
  margin: 0 0 0 25px;
  width: 236px;
  border-bottom: 1px solid #d8e8f3;
  border-top: none;
  font-size: 1.15em;
  padding: 6px 0 7px;

}



#plans li#bamboo li.first {
  padding-top: 29px;
  height: 95px;
}
#plans li#bamboo li.first h3 {
  font-size: 2em;
}
#plans li#bamboo li.first h3 strong {
  color: #08218b;
}
#plans li#bamboo li.first p {
  color: #f39002;
  font-size: 0.87em;
  margin-top: 9px;
}
#plans li#bamboo li.last {
  border-bottom: none;
}


#plans li#bamboo li.btn-wrap {
  margin-top: 14px;
  height: 60px;
  padding-top: 14px;
  background: transparent;
  border: none;
}
#plans li#bamboo li.btn-wrap a.like-btn {
 width: 177px;
 height: 52px;
 margin-left: 31px;
 background: url(images/sign-up-bamboo-btn.gif) 0 0 no-repeat;
}
* html #plans li#bamboo li.btn-wrap {
 padding-top: 0;
}


#plans li#bamboo li.btn-wrap a.like-btn:hover {
 background: url(images/sign-up-bamboo-btn.gif) 0 100% no-repeat;
}

#free-plan {
  margin: 45px 0 75px;
  text-align: right;
  color: #696969;
  font-size: 1em;
}
#free-plan a {
  text-decoration: underline;
  font-weight: bold;
}
#free-plan a:hover {
  text-decoration: none;
}

.container {}

#maincontent{
  position: relative;
}

#maincontent h2 {
  font-size: 3.08em;
  color: #292929;
}

.box {
color: #888888;
padding-bottom: 60px;
margin-bottom: 52px;
background: url(images/footer-dot.gif) bottom repeat-x;
}
div.last {
  background: transparent;
  margin-bottom: 20px;
  font-size: 1.15em;
}


.box h2 a {
  font-size: .5em;
  text-decoration: underline;
  color: #f67103;
}
.box h2 a:hover {
  text-decoration: none;
  color: #4f9d01;
}
.box p {
  padding: 0;
  margin: 0 0 25px 0;
  font-size: 1.15em;
}
.box ul {
  width: 223px;
  float: right;
}
.box ul li {
  padding: 12px 0 12px 34px;
  background: url(images/footer-dot.gif) 0 0 repeat-x;
  position: relative;
}

.box ul li.first {
  padding: 0 0 12px 34px;
  background: transparent;
}
.box ul li span.number {
 position: absolute;
 top: 7px;
 left: 10px;
 font-size: 1.38em;
 font-weight: bold;
}
.box ul li.first span.number {
  top: -5px;
}
* html .box ul li span.number {
  width: 7px;
  left: -24px;
}

/*   ---------   Float containers fix   ---------   */

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}