/* CSS Document */

body {
	background  :url(/images/htmlBG.gif) repeat-x top left;
	font        :66% Verdana, Arial, Helvetica, sans-serif;
	color       :#293961;
	line-height :18px;
	margin      :0px;
	padding     :0px; }
	
IMG {
border:none;
}
	
	
body.mold {
  background  :url(/images/top_bg.jpg) repeat-x top left; }

body.promotion {
  background  :url(/images/promotion_bar_bg.jpg) repeat-x top left; }

#wrapper {
	width       :940px;
	margin      :auto; }
	
#header {
	height      :56px;
	padding-top :13px;
  	background  :url(/images/header_glow.jpg) no-repeat top; }
	
	
#logo {
	float       :left; }
#logo img {
  margin-top  :6px; }
#header #logo img {
  margin-top  :0px; }

#logon {
	height      :29px;
	width       :500px;
	padding     :10px 0 0 10px;
	margin-top  :0px;
	float       :right;
	color       :white; }
#logon .or_join {
  margin-left :10px;}
#logon .or_join  {
  font-size   :9px; }
#logon a {
	color       :white;
	font-weight :bolder; }
#logon input {
	border      :1px solid #293961;
	background-color:white;
	height      :15px;
	width       :100px;
	letter-spacing:2px;
	padding     :4px;
	margin      :0px 0px 0px 4px; }
#logon input.submit {
  background  :url(/images/button.jpg) no-repeat;
  font-weight :bold;
  color       :#1d3255;
  text-decoration:none;
  width       :98px;
  border      :0px;
  cursor      :pointer;
  height      :25px;
  font-size   :11px; }
#logon input.hidden {
  display     :none; }
#logon a.landing_chat {
  background  :url(/images/chat_button.jpg) no-repeat;
  display     :block;
  width       :67px;
  height      :28px;
  text-decoration:none;
  font-weight :normal;
  font-size   :10px;
  padding     :5px 0 0 35px;
  float       :left; }


#formDiv {
	float       :right;
	padding     :0px;
	margin      :3px 0px 5px 0px; }
#formDiv .submit {
  width       :30px; }

.formField {
	background-color:white;
	padding     :1px;
	height      :26px;
	display     :inline;
	margin      :12px; }

a {
	font-weight :bolder;
	color       :#293961; }
	
.watermarkOn {
        color: #CCCCCC;
		font-size:88%; }
#headerBox {
	height      :404px;
	width       :950px;
	background  :url(/images/main.png) no-repeat top left; }
#headerBox div.tout {
  float       :left;
  height      :36px;
  margin      :52px 0 0 500px;
  font-family :Georgia, Times New Roman, Serif;
  font-size   :15.5px;
  color       :#eee;
  padding-top :7px;
  font-style  :italic; }
#headerBox div.quote {
  padding-left:50px;
  background  :url(/images/cnet_tout.png) no-repeat; }
  
#headerBox div.send_real {
  float       :left;
  margin      :30px 0 0 480px;
  font-size   :17px;
  line-height :24px;
  color       :#eee; }
  
#headerBox div.check_out {
  float       :left;
  margin      :30px 0 0 480px;
  width       :470px; }
#headerBox div.check_out img {
  float       :left;
  margin-right:10px; }
#headerBox, #headerBox a {
  color       :#eee; }
.learn_more {
  float       :right;
  margin-right:20px; }
  
  .mold div#steps {
  padding     :26px 23px 0px 3px;
  margin-top  :2px;
  height      :56px;
  width       :940px;
  clear       :both;
  margin-bottom:20px;
  background  :url(/images/tab.jpg) no-repeat top left;
  text-align  :left; }
.mold div#steps img {
  float       :left; }

.mold div#left_mid {
  margin-top   :17px;
  padding-bottom:20px;
  float        :left;
  width        :555px; }
.mold div#left_mid h2 {
  padding-bottom:6px;
  font-size   :15px; }
.mold div#left_mid div.reason {
  height      :110px;
  width       :265px;
  padding     :0 6px 0 0;
  float       :left; }
.mold div#left_mid div.reason img {
  padding-top :2px;
  float       :left; }
.mold div#left_mid div.reason div.body {
  color       :#777;
  margin-left :84px;
  font-size   :11px;
  line-height :19px;
  clear       :none; }
.mold div#left_mid div.reason div.body a {
  font-weight :normal; }
.mold div#left_mid div.reason div.body h3, #subfooter h4 {
  font-size   :12px;
  padding     :0 0 6px 0;
  margin      :0;
  color       :#293961; }

.mold div#right_mid {
  margin      :17px 10px 10px 10px;
  border      :1px solid #94A9B8;
  float       :left;
  padding     :5px;
}
.mold div#right_mid img.promo {
  padding     :9px;
  border      :1px solid #94a9b8;
  margin      :15px 0px 15px 0px; }

#footer {
  background  :#F5F5F5 url(/images/footer_bar.jpg) repeat-x top left;
	width       :100%;
  padding-top :7px;
	clear       :both; }
#subfooter {
  font-size   :1.0em;
  line-height :1.15em;
  color       :#333333;
  background  :#F5F5F5;
  text-align  :left;
  padding-top :7px;
  width       :912px;
  margin      :auto; }
#subfooter .nav {
  float       :left;
  margin-right:6px;
  width       :166px; }
#subfooter h4 {
  font-size   :1.1em;
  margin      :0;
  padding     :0 0 1px 0; }
#subfooter .nav ul, #subfooter .nav ul li {
  width       :166px;
  list-style  :none;
  margin      :0;
  padding     :0; }
#subfooter .nav ul li {
  margin-top  :4px;
  margin-left :0px;
  font-size   :0.9em; }
#subfooter .nav ul {
  margin-left :4px;
  padding-bottom:15px; }
#subfooter a {
  font-size   :1.0em;
  font-variant:normal;
  text-transform:none;
  font-weight :normal;
  text-decoration:none;
  list-style-type:none;
  color       :#333333; }
#subfooter a:hover {
  text-decoration:underline; }
#subfooter .nav ul li a.chat {
  background  :url(/images/landing/chat_button_footer.jpg) no-repeat;
  color       :#eee;
  width       :159px;
  height      :26px;
  display     :block;
  padding     :4px 0 0 48px; }
#subfooter .nav ul li a.chat:hover {
  text-decoration:none; }

#subfooter .nav .buttons {
  padding     :15px 0 0 0; }
#subfooter .nav .buttons li {
  display     :inline;
  margin      :0;  
  padding     :0;}
#subfooter .nav .buttons a {
  height      :31px;
  width       :30px;
  margin-right:12px;
  float       :left;
  display     :block; }

#subfooter .buttons a#facebookfan_button {
  background  :url(/images/socialmedia.png) no-repeat 0 0; }
#subfooter .buttons a#twitter_button {
  background  :url(/images/socialmedia.png) no-repeat -30px 0; }
#subfooter .buttons a#realdrinks_button {
  background  :url(/images/socialmedia.png) no-repeat -60px 0; }

#subfooter .footnote {
  padding     :27px 0 45px;
  font-size   :0.85em;
  line-height :1.65em;
  color       :#333333;
  margin      :auto;
  text-align  :center; }

#seals {
	float       :right; }
#seals img {
	float       :left;
	margin      :0 0 0 16px; }
	
	#right_mid {
  line-height :1.0em;
  width       :350px;
  height		:250px;
  border      :1px solid #c3dff7;
  margin      :0 10px 10px 0;
  float       :left; }
#right_mid .loading {
  line-height :1.4em;
  padding     :100px 50px 100px 50px;
  background  :#e9f5ff; }
#right_mid h3, #right_mid div.tail {
  font-weight :normal;
  display     :block;
  padding     :10px 8px 9px 10px;
  color       :#26416e;
  background  :#e9f5ff; }
#right_mid div.tail {
  font-size   :0.9em;
  line-height :1.35em;
  margin-top  :16px; }
#right_mid div.tail a {
  text-decoration:underline;
  font-weight :normal; }
#right_mid div.place {
  padding     :16px 14px 0 14px; }
#right_mid div.place img {
  padding     :0 10px 0 0;
  float       :left; }
#right_mid div.place h4 {
  margin-top  :0;
  padding-top :0;
  font-size   :1.05em;
  color       :#DB561B;}
#right_mid div.place p {
  padding-bottom:0;
  margin-bottom:0;
  font-size   :0.9em; }
#right_mid div.place p a {
  font-weight :normal; }
  
#steps {
  margin-top  :324px;
  padding     :0 0 4px 0;
  height      :76px;
  width       :880px;
  clear       :none;
  margin-bottom:20px; }

#steps img {
  float       :left; }

#steps div {
  margin-left :7px;
  margin-top  :4px;
  float       :left;
  width       :137px; }

#steps h3 {
  text-transform:uppercase;
  color       :#db561b;
  font-size   :1.15em; }

#steps p {
  line-height :1.25em;
  font-size   :0.9em; }