@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

img {border:0;}

body {background-color:#ca355c; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#000;}

#body_wrapper {width:100%; background-color:#5ece0a; text-align:center; margin:0 auto;}

#wrapper {text-align:center; width:100%; margin:0 auto; background-color:#5dce09; background:url(../images/main_bg.jpg) no-repeat top;}

#wrapper_2 {width:948px; margin:0 auto; text-align:left;}

#content_wrapper {background:url(../images/content_bg.gif) repeat-y top; width:948px;}

#content_areas {width:948px; margin:0 auto;}

#left_content {width:546px; float:left; background:url(../images/site_RF_05.jpg) no-repeat top;}
#left_content p {padding:10px 20px 0 30px; line-height:16px;}

#right_content {width:402px; float:right;}

.side_image_left {background:url(../images/site_RF_01.jpg) no-repeat top; background-color:#5dce09; width:276px; float:left;}
.side_image_right{background:url(../images/site_RF_03.jpg) no-repeat top; background-color:#5dce09; width:276px; float:left;}

ul.brownarrows {padding:0 0 0 6px; list-style:none;}

ul.brownarrows li {
background-image: url(../images/arrow_1.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
padding: 3px 0 3px 18px;
font-weight:normal;
color:#a80f28;
font-size:14px;
}

#our-juices {width:94%; margin:0 auto;}
#our-juices p {padding-bottom:20px; border-bottom:1px dotted #CCC;}
#our-juices strong {font-size:16px; color:#f26522;}
#our-juices span {font-weight:bold;}

#topheader {background:url(../images/site_RF_02.jpg) no-repeat; width:948px; height:143px; text-align:center; position:relative;}
#music {position:absolute; right:20px; top:20px;}

/*juice boxes on right*/
#carrot-lemonade {background:url(../images/carrot-lemon-juice.jpg) no-repeat top; width:402px; height:197px; position:relative;}
#carrot-lemonade a {position:absolute; left:0; bottom:2px;}

#cranberry-ginger {background:url(../images/cranberry-ginger-juice.jpg) no-repeat top; width:402px; height:182px; position:relative;}
#cranberry-ginger a {position:absolute; left:0; bottom:0;}

#better-beets {background:url(../images/beets-juice.jpg) no-repeat top; width:402px; height:187px; position:relative;}
#better-beets a {position:absolute; left:0; bottom:0;}

#cucumber-pineapple {background:url(../images/cucumber-pineapple.jpg) no-repeat top; width:402px; height:187px; position:relative;}
#cucumber-pineapple a {position:absolute; left:0; bottom:0;}

/*--------Navigatoin---------*/
#nav_container {width:948px; height:72px; position:relative;}

#nav {
      width: 948px;
      height: 72px;
      margin: 0;
      padding: 0;
      background: url(../images/nav_RF.gif) no-repeat;
      list-style: none;
      overflow: hidden
  }

#nav li {
      position: absolute;
      overflow: hidden;
      font-size: 1em;
			text-indent:-9999px;
  }

#nav li, #nav li * { height: 72px }
#nav a { display: block }
#nav em, #nav span {
      display: block;
      position: absolute;
      top: 0; left: 0;
      z-index: 1;
      background: url(../images/nav_RF.gif) no-repeat;
      cursor: pointer;
  }

  #nav span { display: none }

  #n-home { left: 0;}
  #n-home, #n-home * { width: 71px }
  #n-home em { background-position: 0 0 }
  #n-home:hover em, #n-home span, #home #n-home em { background-position: 0 -72px }
	
	#n-about { left: 71px }
  #n-about, #n-about * { width: 156px;}
  #n-about em { background-position: -71px 0 }
  #n-about:hover em, #n-about span, #about #n-about em { background-position: -71px -72px }
	
  #n-news, #n-news * { width: 134px }
  #n-news { left: 227px }
  #n-news em { background-position: -227px 0 }
  #n-news:hover em, #n-news span, #news #n-news em { background-position: -227px -72px }
	
	#n-juices, #n-juices * { width: 148px }
  #n-juices { left: 361px }
  #n-juices em { background-position: -361px 0 }
  #n-juices:hover em, #n-juices span, #juices #n-juices em { background-position: -361px -72px }
	
	#n-contact, #n-contact * { width: 160px }
  #n-contact { left: 509px }
  #n-contact em { background-position: -509px 0 }
  #n-contact:hover em, #n-contact span, #contact #n-contact em { background-position: -509px -72px }
	
	#n-order, #n-order * { width: 279px }
  #n-order { left: 669px }
  #n-order em { background-position: -669px 0 }
  #n-order:hover em, #n-order span, #order #n-order em { background-position: -669px -72px }

  #nav .over { text-indent: -999em }
  #nav .over em { background-image: none }

/*footer*/
#footer {background:url(../images/footer_bg.gif) repeat-x top; height:155px; width:100%; text-align:center;}

#footer_content {width:948px; margin: 0 auto;}

#footer ul {list-style:none; color:#fff; font-size:11px; padding-top:20px;}

#footer ul li {display:inline; padding:0 6px;}

#footer ul li a {text-decoration:none; color:#FFF;}
#footer ul li a:hover {color:#000;}

/*contact form*/
#contact_form {width:86%; padding:20px 0 0 30px; border:1px dotted #CCC; margin: 0 auto; margin-top:10px; }

#contact_form td {height:30px;}

#contact_form td span {font-size:14px; font-weight:bold;}

input.style1 {border:1px solid #999; background:url(../images/input_bg.gif) repeat-x bottom;}

/*distrib form*/
#distrib_form {width:90%; border:1px dotted #CCC; margin:10px auto;}

#distrib_form p {padding:0 20px 0 0; margin:0; font-weight:bold;}

#distrib_form td {height:30px;}

/*tooltip*/

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:1000;
	}
	
	/*cart pages*/
#cart_area {background:url(../images/bg_cart.jpg) top no-repeat; width:948px; min-height:500px;}

#cart_wrapper {background:url(../images/content_bg_cart.gif) repeat-y top; width:948px;}

.thumbs_border {border:1px solid #999;}

#cart_area a {font-size:16px; font-weight:bold; color:#ff3300; text-decoration:none;}
#cart_area a span {color:#990033;}
#cart_area a:hover, #cart_area a:hover span{color:#0033FF;}

.detailbg {background-color:#cef997; width:100%; height:70px;}

.detailbg p {padding:10px;}

.detailbg p span {font-size:16px; font-weight:bold;}

.detailbg p span strong {color:#FF0000;}

#viewcart {float:right; width:400px; text-align:right;}