/* CSS file for all Radical Grocery pages */

/* -------------------------------------- */
/* global */

/* remove dotted border on links in firefox */
a:active, a:focus {outline: 0;}

body {
	height:100%;
  background-color:#503a23;
  background-image:url(img/bg_texture.jpg);
  background-position:center;
  background-repeat:repeat-y;
  margin:0px;
	padding:0px;
  font-family:Arial, Helvetica, sans-serif;
  color: #000000;
  font-size:12px;
}

p, h1, h2, h3 {
	margin-top: 0px; margin-bottom: 8px;
}

#BG_top {
	position:absolute;
	top: 0px;
	width: 100%;
  min-width: 900px;
	height:600px;
	margin-left: auto;
  margin-right: auto;
  background-image:url(img/bg_top.jpg);
  background-position:top;
  background-repeat:no-repeat;
  padding: 0px;
}

#container {
	position:relative;
	top: 0px;
	width: 900px;
	margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

#preload {
	position:fixed;
	top:0px;
	left:0px;
	visibility:hidden;
}
/* ---------------------------------------------- */

a.nav_home {
  background-image:none;
  position:absolute;
  top:145px; left:81px;
  width:126px; height:112px;
}
a.nav_home:hover {
  background-image:url(img/nav/nav_home_01.jpg);
	background-position:center; /*fixes a bug in IE5/6 where image gets stuck on screen*/
}
a.nav_aboutus {
  background-image:none;
  position:absolute;
  top:12px; left:134px;
  width:160px; height:153px;
}
a.nav_aboutus:hover {
  background-image:url(img/nav/nav_aboutus_01.jpg);
	background-position:center;
}
a.nav_products {
  background-image:none;
  position:absolute;
  top:15px; left:610px;
  width:159px; height:172px;
}
a.nav_products:hover {
  background-image:url(img/nav/nav_products_01.jpg);
	background-position:center;
}
a.nav_links {
  background-image:none;
  position:absolute;
  top:164px; left:701px;
  width:109px; height:113px;
}
a.nav_links:hover {
  background-image:url(img/nav/nav_links_01.jpg);
	background-position:center;
}
a.nav_logo, a.nav_logo:hover {
  background-image:none;
  position:absolute;
  top:14px; left:318px;
  width:264px; height:262px;
}
#nav_title {
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  top:278px; left:337px;
  width:224px; height:40px;
  text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:42px;
	color:#582c01;
	font-weight:bold;
}

/* ---------------------------------------------- */

.shopnav_menu, .shopnav_menu_bottom {
	width:366px;
	height:58px;
  text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#582c01;
	font-weight:bold;
	background-image:url(/img/shop/bg_menunav_lines.gif);
	background-repeat:no-repeat;
}
.shopnav_menu_bottom {
	background-image:url(/img/shop/bg_menunav_lines_bottom.gif);
}
.shopnav_menu a, .shopnav_menu_bottom a {
	color:#582c01;
	text-decoration:none;
}
.shopnav_menu a:hover, .shopnav_menu_bottom a:hover {
	color:#ffffff;
}

.shopnav_menu_selected {
	color:#ffffff;
}

/*#shopnav_search {
	position:absolute;
	background-image:url(img/shop/shopnav_search.jpg);
	background-repeat:no-repeat;
	top:364px;
	left:35px;
	width:222px;
	height:38px;
	padding: 5px 4px 0px 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#582c01;
	font-weight:bold;
}
.shopnav_search_form {
	position:relative;
	top:0px;
	left:17px;
	width:121px;
	height:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#582c01;
	font-weight:bold;
	border:none;
	background-color:#f7f3cb;
}

#shopnav_cart {
	position:absolute;
	background-image:url(img/shop/shopnav_cart.jpg);
	background-repeat:no-repeat;
	top:364px;
	left:641px;
	width:222px;
	height:38px;
	padding: 5px 0px 0px 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#582c01;
	font-weight:bold;
}
#shopnav_cart a:link, #shopnav_cart a:visited {
	color:#582c01;
	text-decoration:none;
}
#shopnav_cart a:hover {
	color:#cb7c29;
	text-decoration:none;
}*/

/* ---------------------------------------------- */


#page_body {
  position:relative;
  width: 900px;
	margin-left: auto;
  margin-right: auto;
	/*border: thin solid #000000;*/
}

.page_top {
  position:relative;
  width: 900px;
	height:380px;
	left: 0px;
}

.page_content {
	position:relative;
	width:900px;
	left:0px;
}

.page_products {
  position:relative;
	width:900px;
  float:none;
	clear:both;
	/*border: thin solid #770000;*/
}

#page_footer {
	position:relative;
	left:0px;
	width:900px;
	height:95px;
	background-image:url(img/nav/footer_long.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7a4e23;
	font-weight:normal;
	margin:0px;
}
#page_footer a:link, #page_footer a:visited {
	color:#582c01;
	font-weight:normal;
	text-decoration:none;
}
#page_footer a:hover {
	color:#000000;
}
#page_footer_text {
	position:absolute;
	left:0px;
	bottom:9px;
	width:100%;
	height:20px;
}

/* ---------------------------------------------- */


.product_row {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	/*border: thin solid #000000;*/
}

.product_box {
	position:relative;
	width:224px;
	height:338px;
	/*margin: 40px 5px 0px 5px;*/
	margin: 40px 0px 0px 0px;
  background-image:url(img/shop/bg_cloud.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}

.product_top {
	position:absolute;
	left:0px;
	top:0px;
	width:224px;
	height:215px;
}

.product_image {
	position:absolute;
	left:0px;
	bottom:0px;
	width:224px;
	padding:0px 0px 5px 0px;
}

.product_bottom {
	position:absolute;
	left:0px;
	top:215px;
	width:194px;
	height:115px;
	padding: 0px 10px 0px 10px;
	margin-left:5px;
}

.product_title, .product_description, .product_varieties, .product_size, .product_price, .product_attributes, .product_attributes {
	margin-top: 0px; margin-bottom: 5px;
	padding: 0px;
	overflow:hidden;
}

.product_title {
	width:174px;
	height:16px;
	padding: 0px 8px 0px 12px;
	margin-bottom:3px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color: #a55501;
}

.product_description {
	width:160px;
	max-height:39px;
	color: #000000;
	text-align:justify;
	padding: 0px 15px 0px 19px;
}

.product_varieties {
	width:179px;
	max-height:26px;
	padding: 0px 0px 0px 10px;
	color: #4c473d;
}

.product_price {
	width:180px;
	height:13px;
	font-weight:bold;
	color: #a55501;
	padding: 0px 0px 0px 5px;
}

.product_size {
	font-weight:normal;
	color: #000000;
}

.product_attributes {
	position:absolute;
	width:189px;
	bottom: -42px;
	left:15px;
	height:24px;
	font-weight:normal;
	font-size: 10px;
	color: #806c47;
}

/* ---------------------------------------------- */
/* CLOUD */

.cloud, .cloud_empty, .cloud_updates {
	position:relative;
	width:722px;
	height:282px;
	margin: 20px auto 0px auto;
  background-image:url(img/bg_largecloud2.gif);
  background-position:top;
  background-repeat:no-repeat;
}

.cloud_empty {
	background-image:none;
	margin-top:-48px;
	margin-bottom:-48px;
}

.cloud_updates {
	width:580px;
	height:365px;
	background-image:url(img/aboutus/bg_updates.gif);
	background-position:left;
}

.cloud_image_box, .cloud_empty_image_box {
	background-image:url(img/bg_largecloud_imageshadow.gif);
  background-position:bottom;
  background-repeat:no-repeat;
	position:absolute;
	top:14px;
	right:55px;
	width:240px;
	height:230px;
	text-align:center;
}

.cloud_empty_image_box {
	background-image:url(img/bg_imageshadow.gif);
}

.cloud_image {
	position:absolute;
	bottom:18px;
	left:0px;
	width:240px;
	text-align:center;
}

.cloud_image_faqs {
	position:absolute;
	bottom:5px;
	left:0px;
	width:240px;
	text-align:center;
}

.cloud_photo_box, .cloud_empty_photo_box {
	background-image:url(img/bg_largecloud_photobox.gif);
  background-position:bottom;
  background-repeat:no-repeat;
	position:absolute;
	top:48px;
	left:423px;
	width:256px;
	height:192px;
	text-align:center;
}

.cloud_empty_photo_box{
	background-image:url(img/bg_photobox.gif);
}

.cloud_photo {
	position:absolute;
	left:9px;
	top: 9px;
	width:210px;
	height:160px;
	text-align:center;
	border: 1px solid #837358;
}

.cloud_title {
	position:absolute;
	top:48px;
	left:97px;
	width:301px;
	height:40px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#000000;
}

.cloud_copy {
	position:absolute;
	top:88px;
	/*left:113px;*/
	left:97px;
	width:305px;
	padding-right:7px;
	height:141px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	overflow:auto;
}

.cloud_copy_long {
	position:relative;
	width:528px;
	height:auto;
	margin: 20px auto 0px auto;
	padding:0px 97px 0px 97px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

.cloud_copy_long p a:link, .cloud_copy_long p a:visited {
	color:#b06a20;
	text-decoration:none;
	font-weight:bold;
}

.cloud_copy p a:link,.cloud_copy p a:visited {
	color:#b06a20;
	text-decoration:none;
	font-weight:normal;
}
.cloud_copy p a:hover, .cloud_copy_long p a:hover {
	color:#582c01;
}

.cloud_copy h1, .cloud_copy_long h1 {
	font-size:18px;
	font-weight:bold;
	color:#b06a20;
}

.cloud_copy h2, .cloud_copy_long h2 {
	font-size:12px;
	font-weight:bold;
	color:#b06a20;
}

.cloud_copy h3, .cloud_copy_long h3 {
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

.text_varieties {
	font-weight:normal;
	color:#4c473d;
}

.text_price {
	font-weight:bold;
	color:#b06a20;
}

.text_orange {
	font-weight:bold;
	color:#b06a20;
}

/* ---------------------------------------------- */
/* HOME PAGE*/

.home_title_feature {
	position:absolute;
	top:140px; left:236px;
	width:424px;height:279px;
}