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

/*-----------------------------------------------------------------------------
RK Environmental Screen Stylesheet

version:   1.0
date:      8/5/09
author:    © Eric Witzer
email:     eric@kalmardesigns.com

version history: [location of file]
-----------------------------------------------------------------------------*/


/* IMPORT OTHER STYLESHEETS
-----------------------------------------------------------------------------*/


/* SET UP
-----------------------------------------------------------------------------*/
/*html {background: url(http://www.kingorchards.com/images/bg-tile.png) repeat;}*/
body  {
	font: small/140% "myriad Pro", myriad, Arial, Helvetica, sans-serif;
	margin-top: 6px;
	text-align: center; /* centers the container in IE 5* browsers */
	color: #000000;
	background: #3F3735 url(http://www.kingorchards.com/images/bg.png) repeat-x;
}

p {margin: .2em 0 1em}

h4 {text-transform: uppercase;}

h4 br {margin:5px 0;}

#container {
	width: 1000px;
	/*background: #FFFFFF;*/
	margin: 0 auto; /* auto margins (in conjunction with a width) center the page */
	text-align: left; /* overrides text-align: center on the body element. */
} 


/* HEADING
-----------------------------------------------------------------------------*/

#header {
	background: url(http://www.kingorchards.com/images/header-KingOrchard.jpg) no-repeat 52px 43px;
	height:310px;
	width:1000px;
	position: relative;
} 

#header h1 {
	background: url(http://www.kingorchards.com/images/header-frame.png) no-repeat;
	height:310px;
	width:1000px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs */
	overflow: hidden;
	text-indent: -9999px;
}

#king {position: absolute; left: 52px; top: 43px; width:434px; height:212px;}
#king a {display:block; height:212px;}
#order-here {position: absolute; left: 770px; top:0; width:230px; height:94px;}
#order-here a {display:block; height:94px;}
#fruitstand {position: absolute; left: 845px; top: 180px; width:110px; height:84px;}
#fruitstand a {display:block; height:84px;}

#social-links {position: absolute; right: 125px; top: 235px; width:150px; height:29px; text-indent: -9999px;}
#social-links.blog-header {top: 241px;}
#social-links.blog-header a { border-bottom:none}
#social-links li, #social-links a {height: 29px; width:29px; float:left; padding-left: 0; margin-right: 10px; display: block;}
#social-links .twitter-link a {background: url(../images/twitter.png) no-repeat;}
#social-links .facebook-link a {background:url(../images/facebook.png) no-repeat}
#social-links .rss-link a {background:url(../images/rss.png) no-repeat}

#view-cart {display: none}
* html #king a, * html #order-here a, * html #fruitstand a {display:inline-block;}

a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #999; background:#ffc; width:150px;}
a.tooltip:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #999; overflow:hidden; z-index:100;}
a.tooltip:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ffc; overflow:hidden;; z-index:100;}



/* NAVIGATION
-----------------------------------------------------------------------------*/

#upper-nav {
	background: url(http://www.kingorchards.com/images/navbar.jpg) no-repeat;
	display:block;
		height: 32px;
		width: 903px;
	list-style-type: none;
	margin:0; /* avoid margin collapse */
	position: absolute;
		left: 52px;
		top: 271px;
}

#upper-nav a:hover {background: transparent url(http://www.kingorchards.com/images/navbar_f2.jpg) no-repeat;}

#upper-nav li {float:left; display:inline;}

#upper-nav li a {
text-indent:-9999px;}

#upper-nav li, #upper-nav a {height: 32px; display: block;}

#t-Home {width: 65px;}
#t-Healthy_Cherries {width: 188px;} #t-Healthy_Cherries a:hover, body#Healthy_Cherries li#t-Healthy_Cherries a {background-position: -65px 0}
#t-Fruitstand {width: 129px;} #t-Fruitstand a:hover, body#Fruitstand li#t-Fruitstand a {background-position: -253px 0}
#t-Blog {width: 66px;} #t-Blog a:hover, body#Blog li#t-Blog a {background-position: -382px 0}
#t-Recipes {width: 92px;} #t-Recipes a:hover, body#Recipes li#t-Recipes a {background-position: -448px 0}
#t-Orchard {width: 161px;} #t-Orchard a:hover, body#Orchard li#t-Orchard a {background-position: -540px 0}
#t-Contact {width: 98px;} #t-Contact a:hover, body#Contact li#t-Contact a {background-position: -701px 0}
#t-Order {width: 104px;} #t-Order a:hover, body#Order li#t-Order a {background-position: -799px 0}

body#Home li#t-Home a, 
body#Healthy_Cherries li#t-Healthy_Cherries a, 
body#Fruitstand li#t-Fruitstand a, 
body#Blog li#t-Blog a, 
body#Recipes li#t-Recipes a, 
body#Orchard li#t-Orchard a, 
body#Contact li#t-Contact a, 
body#Order li#t-Order a {
	background-image: url(http://www.kingorchards.com/images/navbar_f2.jpg);
}


/* CONTENT
-----------------------------------------------------------------------------*/

#content-wrap {
	background: url(http://www.kingorchards.com/images/bg-center.jpg) repeat-y 52px 0;
	margin:-7px 0 0;
	width: 1000px;
}

#content-inner {
	background: url(http://www.kingorchards.com/images/bg-center-frame.png) repeat-y 0 0; 
	margin:0; 
	padding-top:7px; 
	width: 1000px;
}

.shade-bg {background: url(http://www.kingorchards.com/images/shade.png) repeat;}

.small-cap {font-size:220%; margin-right:-5px;}


/* LEFT COLUMN
--------------------*/
#column-left {
	color:#EAD3B2;
	float: left; /* element is floated so a width must be given */
	margin-left:52px;
	width: 230px;
}
#column-left h4 a, #column-right h4 a {color:#FFFFFF; font-size: 80%;}
#column-right h4, #column-left h4 {
	font-size: 80%;
	background: url(http://www.kingorchards.com/images/shade.png) repeat;
	text-align: center;
	padding: 5px;
	width: 152px;
	line-height: 1.4;
	margin-top:10px;
	margin-left:10px;
}
#column-left h4 {
	margin: 10px 10px 0;
	width: 200px;
}
#column-left h4.phone {font-size: 115%; padding: 10px 0;}
#column-left h4.phone br {margin: 8px 0;}


/* RIGHT COLUMN
--------------------*/
#column-right {
	color:#EAD3B2;
	float: right; /* element is floated, a width must be given */
	width: 227px; /* 182px width plus 45px right margin */
	/*margin: 10px 45px 0 0;*/
}
#column-right li a {
	background: url(http://www.kingorchards.com/images/label-juice.png) no-repeat;
	float:left;
	text-indent: -9999px;
	overflow: hidden;
	width:182px;
	height:152px;
}
#column-right li a:hover { background-position:2px 2px}

#column-right li a#cherries {background-image: url(http://www.kingorchards.com/images/label-cherry.png);}
#column-right li a#apples {background-image: url(http://www.kingorchards.com/images/label-apple.png);}
#column-right li a#peaches {background-image: url(http://www.kingorchards.com/images/label-peach.png);}
#column-right li a#pears {background-image: url(http://www.kingorchards.com/images/label-pear.png);}


/* CENTER COLUMN
--------------------*/
#mainContent { 
	color: #2C1714;
	margin: 0 227px 0 282px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. */
	padding: 10px 20px 0;
} 

/*#mainContent table { 
	width: 450px !important
} */


/* FOOTER
-----------------------------------------------------------------------------*/

#footer {
	background: url(http://www.kingorchards.com/images/bg-bottom.png) no-repeat 52px 0px;
	color: #EAD3B2;
	font-size: 90%;
	line-height: 125%;
	position:relative;
	width:1000px;
}

#footer #quote {
	color: #2C1714;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	position:absolute;
		top: 10px;
		left: 282px;
	text-align:center;
	width: 490px;
	}

#footer-inner {background: url(http://www.kingorchards.com/images/bg-center-frame.png) repeat-y; width:1000px;}

#footer p {
	margin: 0; /* avoid margin collapse */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a {color: #EAD3B2;}
#footer a:hover {color: #FF9966;}

.footernav {list-style: none; width: 17%; float: left; margin-top: 160px;}

.footernav li h4 {
	color: #CC9966;
	font-weight:bold;
	font-size: 85%;
}

.footernav.signup {margin-right:2%; margin-left:4%; text-align:center; width:26%;}
.footernav.signup form, .footernav.signup form, .footernav.signup legend {margin:0; padding:0; width: 235px;}

.footernav.signup form {
	height: 155px;
	border: none;
	background: url(http://www.kingorchards.com/images/bg-signup.png) no-repeat ;
	margin: 10px 0 0 20px;
}
.footernav.signup li h4 {margin-left:30px;}/* Moves over the toll free number */
.footernav.signup form h4 {
	font-size: 110%;
	padding-top: 10px;
	margin-left:16px;
}
.footernav.signup form input, #search form input {
	width: 160px;
	height: 25px;
	color: #330000;
	padding: 2px 0 0 4px;
	border: 1px solid #330000;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	background: #E0BE92;
}
.footernav.signup form input.go, #search form input.search{
	background:url(http://www.kingorchards.com/images/btn_go.png) repeat-x 0 0;
	color: #E0BE92;
	padding: 0px 2px 2px;
	width:68px;
	height:25px;
	cursor:pointer;
	margin-left:6px;
	border-top: 1px solid #663300;
	border-left: 1px solid #663300;
	font-weight: normal;
}
.footernav.signup li {margin: 0 auto 10px;}

#footer p {clear: both; margin-left:68px; text-align: left;}
#footer p a {color: #CC9966;}


/* STORE - PRODUCT PAGES
-----------------------------------------------------------------------------*/

#Order #header {background-image: url(http://www.kingorchards.com/images/header-KingOrchard-cart.jpg);} 
#Order #header #fruitstand {display:none;}
#Order #header #view-cart {position: absolute; left: 810px; top: 190px; width:145px; height:65px; display:block !important; text-indent:-9999em;}
#Order #header #view-cart a {display:block; height:65px;}


/* LEFT COLUMN
--------------------*/
#prod-life { /* Product Lifestyle Photo container*/
	width: 230px;
	height: 312px;
	background: url(http://www.kingorchards.com/images/shadow-product.png) no-repeat;
}
#prod-life img {margin-left:15px; width: 200px; height: 290px; padding-top:10px}

#Order #column-left h4, #Order .left-links, #Order #column-left .product-caption {
	font: lighter 110%/1.2 "myriad Pro", myriad, Arial, Helvetica, sans-serif;
	margin-left:15px;
	padding: 5px;
	width: 190px;
}
#Order #column-left .product-caption {
	font-size:130%;
	line-height:1.1;
}
#Order .left-links li, div.maincategory /*(right column links)*/ {
	padding: 6px 5px;
	border-bottom: 1px solid #993300;
}
#Order .left-links a {color: #CC9966; text-decoration: underline;}


/* RIGHT COLUMN
--------------------*/
#Order #column-right {
	margin-right:35px;
	padding: 0px 10px;
	width: 182px; /* 182px width plus 45px right margin */
}
#Order #column-right #navbar{
	font: lighter 100%/1.1 "myriad Pro", myriad, Arial, Helvetica, sans-serif;
	margin: 8px 10px 0;
	padding: 0 10px;

}
#Order #column-right a {
	color: #EAD3B2;
	font-size: 105%;
}
.maincategory, .viewcart {font-weight: lighter; margin:0; padding: 0}
/*.viewcart {
	width:149px;
	height:82px;
	line-height: 82px;
	background: url(http://www.kingorchards.com/images/cart.png) no-repeat;
	text-indent: -9999em;
	display: block;
}*/

/* CENTER COLUMN
--------------------*/
#Order #mainContent {
	color: #380504;
	line-height:1.1;
}
#Order #mainContent h2 {
	color:#990000;
	font-size: 200%;
	font-weight:normal;
	margin-bottom: 10px;
}

#mainContent img {
	vertical-align:text-top;
}

#Order #store-description {
	font-size: 110%; line-height: 1;
}
#Order #mainContent table {background:url(http://www.kingorchards.com/images/highlight.png);}
#Order #mainContent td {
	padding:6px 3px;
	vertical-align: middle;
}

#Order #mainContent td.prod-thumb {
	vertical-align: top;
}

#Order table .producttitle {
	color:#990000;
	font-size: 115%;
}


/* STORE - MAIN PAGE
-----------------------------------------------------------------------------*/
#column-left.animation {
	background: url(http://www.kingorchards.com/images/bg-life.png) no-repeat;
	height: 473px;
	margin-left:52px;
	padding-top:6px;
	width:300px;
}
#search {
	clear:left;
	color: #E0BE92;
	float:left;
	margin:4px 0 0 62px;
	padding: 6px 10px 4px;
}
#search a {color: #E0BE92; text-decoration: underline;}

#search form input {height: 20px; margin: 0 0 4px 0; padding: 2px 0 0 4px;	width: 180px;}

#search form input.search{background:url(http://www.kingorchards.com/images/btn_search.png) repeat-x 0 0;}

#products-store {float:right; width: 560px; margin-right:55px;}
#Order .store-catname {
	font: normal 16px/16px "myriad Pro", myriad, Arial, Helvetica, sans-serif;
	color:#990000;
	width:116px;
	background: url(http://www.kingorchards.com/images/bg-store-product.png) no-repeat bottom;
	display: block;
	padding: 3px 12px 8px;
	text-align:center;
}

#content-wrap.store-home {
	background-image:url(http://www.kingorchards.com/images/bg-center-cart.jpg)
}

#content-wrap.store-home a.productname img {
	width: 140px;
}

/*#content-wrap.store-home .productname br {
	height:0; margin:0; padding:0; line-height:0;font-size: 0px; visibility:hidden;
}*/

#feature {
	background: url(http://www.kingorchards.com/images/bg-feature.png) no-repeat;
	/*display: block;*/
	height: 195px;
	width: 448px;
	margin-bottom:12px;
}
#feature p {
	padding-right:12px;
}
#feature h4 {
	line-height:120%;
	padding:18px 0 4px 0; 
	text-align:center;
 	/*width:100%;*/}