/**************************************************
CSS RESET
**************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #666666;
	background: #f2fafd;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a {
	color: #0077A8;
	text-decoration: none;
}

a:hover {
	color: #000000;
}


/**************************************************
CLEAR FIX
**************************************************/

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

.clearfix {display: inline-block;}  /* for IE/Mac */


/**************************************************
LAYOUT
**************************************************/

html {
 
}

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	background: #f2fafd;
	background-image: url('../BVThemes/NveyEco2006/spring_background_06.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
	height: 100%;
}

#container {
	width: 773px;
	margin: 35px auto 0px auto;
	background-color: #FFFFFF;
}

#header {
	height: 110px;
	position: relative;
}

.logo {
	position:absolute;
	top: 30px;
	left: 32px;
}

#main {
	
}

#nav {
	float: left;
	width: 157px;
	height: 459px;
	margin: 0px 0px 0px 30px;
	background: #A0C92F url(../BVThemes/NveyEco2006/menu_bkg.jpg) no-repeat left 10px;
	position: relative;
}

#nav ul {
	width: 100%;
}

#nav li {
	border-bottom: 1px #D2E748 solid;
	
}

#nav a {
	display:block;
	font-size: 62.5%;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 7px 0px 7px 9px;
	font-family: sans-serif;
}

#nav a:hover {
	color: #669900;
}

#nav-sitewide {
	position: absolute;
	right: 15px;
	bottom: 10px;
}

#nav-sitewide li {
	float: left;
	padding: 0px 0px 0px 12px;
}

#nav-sitewide li a {
	font-size: 62.5%;
	color: #999999;
	padding: 6px 0px 6px 0px;
	display:block;
}

#nav-sitewide li a:hover {
	color: #647E2F;
}

.sub-nav 
{
    background: transparent url(../BVThemes/NveyEco2006/sub_menu_bkg.jpg) no-repeat left top;
    width: 545px;
    padding-left: 15px;
}

.sub-nav li 
{
    float: left;
}

.sub-nav li a 
{
    display: block;
    font-size: 62.5%;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 1px 7px 1px 7px;
}

.sub-nav li a:hover 
{
    color: #000000;
}

.sub-nav li a.current 
{
    color: #000000;
}


#content {
	float: left;
	width: 570px;
}

#tagline {
	text-align: right;
	background: transparent url(../BVThemes/NveyEco2006/nveyeco_logo_tagline.gif) no-repeat right 50%;
	height: 50px;
}

#pages {
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-family: sans-serif;
}

#pages li {
	border-bottom: none;
	line-height: 27px;
}

#pages li a {
	height: 27px;
	color: #647E2F;
	padding: 0px 0px 0px 9px;
	vertical-align:middle; /** important **/
}

#pages li a:hover {
	color: #000000;
}

#pages .organic {
	background: transparent url(../BVThemes/NveyEco2006/sBtn01.jpg) no-repeat;
	
}

#pages .news {
	background: transparent url(../BVThemes/NveyEco2006/sBtn02.jpg) no-repeat;
}

#pages .about {
	background: transparent url(../BVThemes/NveyEco2006/sBtn03.jpg) no-repeat;
}

#pages .greenroom {
	background: transparent url(../BVThemes/NveyEco2006/sBtn04.jpg) no-repeat;
}

#footer {
	position: relative;
	width: 773px;
	height: 50px;
	margin: 0px auto 0px auto;
	text-align:right;
}

#footer ul {
	position: absolute;
	top: 15px;
	right: 0px;
}

#footer ul li {
	float:left;
	font-size: 62.5%;
	color: #666666;
	padding: 0px 0px 0px 12px;
}

#footer ul li a {
	display: block;
	color: #0077A8;
	text-decoration: none;
}

#footer ul li a:hover {
	display: block;
	color: #000000;
	text-decoration: none;
}

.sub-content
{
    padding: 0px 30px 30px 15px;
    line-height: 150%;
}

.sub-content p 
{
    padding: 7px 0px 7px 0px;
    font-size: 75.1%;
}

.sub-content h1 
{
    padding: 15px 0px 7px 0px;
}


/**************************************************
CATALOG VIEW
**************************************************/

.body 
{
    padding: 0px 30px 70px 30px;
    font-size: 75.1%;
    line-height: 150%;
}

.shop-product-small:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.shop-product-small  {display: inline-block;}  /* for IE/Mac */


.productAttributes .catProductAttributeGroup {display: inline-block;}  /* for IE/Mac */

.productAttributes
{
    padding: 7px 0px 0px 0px;
}

.productAttributes .catProductAttributeGroup .catProdAttributeTitle 
{
    float: left;
    padding: 0px 7px 0px 0px;
}

.productAttributes .catProductAttributeGroup .catProdAttributeItem 
{
    float: left;
}

.product-choice-image 
{
    margin: 20px 0px 15px 0px;
    display: block;
    clear:both;
}

/**************************************************
ABOUT US
**************************************************/

.logos 
{
    padding: 15px 0px 0px 0px;
    text-align: center;
}

/**************************************************
MEDIA
**************************************************/

.media-content 
{
    font-size: 75.1%;
}

.media-content .media_image 
{
    border: solid 5px #CAE4FF;
}

.media-content table#media-table 
{
    padding: 0px;
    margin: 0px;
}

.media-content #media-table td
{
    padding: 10px 20px 10px 0px;
    float: left;
}

.media-content #media-table td tr 
{
    border-bottom: dotted 1px #CCC;
    display: block;
}

.media-content #media-table td tr :after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.media-content #media-table td tr   {display: inline-block;}  /* for IE/Mac */

.media_header 
{
    padding: 0px 0px 5px 0px;
    font-weight: bold;
}

.sub-content dl {
	margin: 0px;
	padding: 0px Opx 0px 0px;
	border-bottom:#CCCCCC;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
	margin-bottom: 0px;
	font-size: 75.1%;
}

.sub-content dl dt {
	font-size: 125%;
	padding-bottom: 0px;
	padding-top: 5px;
	color:#669900;
}

.sub-content dl dd {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

/**************************************************
CUSTOMER SERVICE
**************************************************/

.contact-address 
{
    margin: 0px 0px 0px 150px;
    line-height: 150%;
}
.contact-address br 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.sub-content strong 
{
    font-weight: bold;
}

/**************************************************
CUSTOMER SERVICE
**************************************************/

.payment-amount 
{
    display:none;
}

.payment-method 
{
	border-bottom:#CCCCCC;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
	padding: 0px 0px 25px 30px;
}

.shipping-address 
{  
    border-bottom:#CCCCCC;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
	padding: 20px 0px 30px 30px;
}

.checkout-billing 
{
    border-bottom:#CCCCCC;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
	padding: 20px 0px 30px 30px;
}


.required-indicator 
{
    padding: 10px;
    margin: 20px;
    background-color: #CAE4FF;
}

.shop-checkout 
{
    font-size: 75.1%;
    width: 100%;
}

.shop-checkout h2 
{
    font-size: 12pt;
    color: #000000;
    padding-bottom: 20px;
}

.shop-checkout-header
{
    background: #DFDFDF;
    text-transform: uppercase;
    padding: 7px 10px 7px 10px;
}

.shop-checkout label
{
    padding-bottom: 0px 0px 2px 0px;
}

.complete-order 
{
    padding: 20px 0px 20px 30px;
}