/*

	Style Index

	

	$1 - Site Structure Styles

	$2 - Header Styles

		$2.5 - Header Navigation Styles

	$3 - Content Styles

	$4 - Sidebar Styles

	$5 - Footer Styles

	$6 - Ticker Styles

*/





/* undohtml.css 

(CC) 2004 Tantek Celik. Some Rights Reserved.

http://creativecommons.org/licenses/by/2.0

This style sheet is licensed under a Creative Commons License.

Purpose: undo some of the default styling of common (X)HTML browsers */



:link,:visited {text-decoration:none}

ul,ol {list-style:none}

h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

{ margin:0; padding:0 }

a img,:link img,:visited img {border:none}

address {font-style:normal}


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/



body {

	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;

	color:#4A6329;

	padding-bottom:30px;
	
	background-color: #DFEBC8;
	background-image: url(/bcGFX/bcDropShad.png);
	background-position: 50%;
	background-repeat: repeat-y;

	}



#container {
	width:918px;
	margin:0 auto;
	background-image: url(/bcGFX/header-bg.jpg);
	background-repeat: no-repeat;
	}



#header {height:205px;}



#content-container {overflow:hidden;}



	

#sidebar-left {

	float:left;

	width:198px;

	padding-top:2px;

	}

	
.whiteContent {
	float:left;
	width:718px;
	margin-left: 2px;
	background-image: url(/bcGFX/sidebar-bg.gif);
	background-repeat: no-repeat;
	}

.whiteContent-plain {
	clear: right;
	float: right;
}
	
.whiteContent-onion {
	clear: right;
	float: right;
	background-image: url(/bcGFX/main-content-bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
	}
	
.whiteContent-carrot {
	clear: right;
	float: right;
	background-image: url(/bcGFX/main-content-carrot.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
	
	}
	
.whiteContent-content {
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 34px;

}

	

#footer {



	}

	

/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/











/* $2.5 - Header Navigation Styles ///////////////////////////////////////////////////////////////////////////////////*/



#header-navigation {
	float:right;
	width:714px;
	}

	

ul#header-nav-ul {

  	margin: 0;

  	padding: 0;

	height:75px;

	overflow: hidden;

  	list-style: none;

  }

  

ul#header-nav-ul li {

  	margin:0;

  	padding:0;

	list-style: none;

	display: inline;

  }

  

ul#header-nav-ul a {

	float: left;

	padding:60px 0 0 0;

	overflow: hidden;

	height: 0px !important; 

	}

	
/*
ul#header-nav-ul a:hover {

	height:60px;

	margin-top:13px;

	background-position: 0 0;

	}

*/

ul#header-nav-ul a:active, ul#header-nav-ul a.selected {

	height:60px;

	margin-top:13px;

	background-position: 0 0;

	}


/*
#nav-home a {

	width:70px;

	margin-left:-6px;

	background:url(/bcGFX/navbar/home.png) 0 -60px no-repeat;

	}



#nav-home a:hover, #nav-home a.selected {margin-left:-6px;}
*/
	

#nav-shopping a {

	width:103px;

	background:url(/bcGFX/navbar/shopping.png) 0 -60px no-repeat;

	}

	

#nav-about a {

	width:100px;

	background:url(/bcGFX/navbar/about.png) 0 -60px no-repeat;

	}

	

#nav-contact a {

	width:109px;

	background:url(/bcGFX/navbar/contact.png) 0 -60px no-repeat;

	}



.sub-nav {
	color:#759B14;
	font-weight:bold;
	background:#DCECC7 url(/bcGFX/header-nav-bg.png) 0% 100% repeat-x;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 16px;
	padding-left: 30px;
	}



.sub-nav a {

	margin:0 8px;

	padding:0 0 0 14px;

	background:url(/bcGFX/green-arrow.gif) 0% 60% no-repeat;

	}

	

.sub-nav a:hover, .sub-nav a.selected {

	color: #CC7613;

	background: url(/bcGFX/orange-arrow.gif) no-repeat 0% 60%;
	
	text-decoration: none;
	
}

.sub-nav a.selected {
	
	font-size: 110%;
	
	background: none;

}
	

.sub-nav a:first-child {

	margin:0 8px 0 0;

	}



	

/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/



a,

a:link,

a:visited {

	font-weight:bold;

	color:#759B14;

	text-decoration:underline; 

	}



a:hover {

	color: #fff;
	background-color: #CC7613;
	text-decoration: none;
}





h2,h3,h4,h5,h6 {color:#445D26;}

	

h1 {
	color:#CB7311;
	margin-bottom:15px;
	text-transform: lowercase;
	font-family: "Gill Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 30px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CB7311;
	letter-spacing: -1px;
}



h2, .bigType {
	font-size:18px;
	margin-bottom:5px;
	}



p {

	margin:0 0 15px 0;

	line-height:1.5;

	}





.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

	

	

/* $4 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/



#sidebar-left ul {

	margin:0 0 20px 0;

	}

	

#sidebar-left li {

	margin-bottom:2px;

	background:#CC7212 url(/bcGFX/sidebar-li-bg.gif) repeat-x;

	}



#sidebar-left li a {

	display:block;

	padding:15px 0 15px 20px;

	color:#FFFB7F;

	border-left:6px solid #D0AF7A;

	background:url(/bcGFX/yellow-arrow.gif) 10px 50% no-repeat;

	text-decoration:underline;

	height:1%;

	}

	

#sidebar-left li a:hover, #sidebar-left li a.selected {

	padding:15px 0 15px 26px;

	background:#587437 url(/bcGFX/sidebar-hover-bg.gif) 16px 50% no-repeat;

	}
	
#sidebar-left li a.selected {

	border-left:none;

	padding:15px 0 15px 26px;

	background:#587437 url(/bcGFX/sidebar-hover-bg.gif) 16px 50% no-repeat;

	text-decoration: none;
	
}




.baby-stars {

	width:156px;

	margin:0 auto;

	}



.baby-stars img {

	border:3px solid #CFAF7E;

	margin-bottom:10px;

	}

	

.baby-stars h3 {
	font-weight:bold;
	color:#576B48;
	font-size: 14px;
	margin-top: 5px;
	}



.baby-stars a {

	font-weight:bold;

	//color:#759A0F;

	text-decoration:underline;

	}



	

	



/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/



#footer {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 200px;
	margin-right: 0px;
	margin-left: 0px;
	}



.green-footer {
	margin-right: 0px;
	margin-left: 0px;
	background-color: #DCECC7;
	background-image: url(/bcGFX/footer-green-top.gif);
	background-repeat: no-repeat;
	padding: 0px;
	}

.green-footer-plain {
    width: 718px;
}

.green-footer-pears {
    width: 718px;
	background-image: url(/bcGFX/green-footer-pears.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right 10px;
}

.green-footer-content {
	padding: 30px;
	
}
	
.white-footer {
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 35px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #DCECC7;
	background-image: url(/bcGFX/footer-white-top.gif);
	background-repeat: no-repeat;
	}



.footer-links {

	color:#72991C;

	padding:30px 30px 0 35px;

	}

	



.lge-links {margin-bottom:4px;}



.lge-links a {

	font-size:14px;

	color:#72991C;

	}



.footer-links a:hover {

	text-decoration:none;

	color: #fff;
	background-color: #72991C;
}



span.copyright {

	font-weight:bold;

	color:#555;

	}



.footer-copy {padding-top:40px;}


/* $6 - Image Styles ///////////////////////////////////////////////////////////////////////////////////*/

.imageLeft {
	float: left;
	margin-right: 15px;
}
.imageRight {
	float: right;
	margin-left: 15px;
}

/* $7 - Form Styles ///////////////////////////////////////////////////////////////////////////////////*/

input, textarea {
	border: 1px solid #CFAF7E;
	padding: 2px;
	color: #587437;
}

.required {
	background-color: #DFEBC8;
	color: #CC7212;
	border: 1px solid #587437;
	font-size: 14px;
	padding: 5px;
}

textarea.required {
	background-color: #DFEBC8;
	color: #000000;
	border: 1px solid #587437;
	font-size: 14px;
	padding: 5px;
	font-family: "Courier New", Courier, monospace;
}
