/* Site styles for the mobile site (optimized for mobile browsers) */

@import url(css/sake.css);
@import url(css/colors.css);

/* ============== BASIC RESETS ============== */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
table, thead, tbody, tfoot, tr, th, td {
	vertical-align: middle;	
}
html, body {
	height: 100%;
	width: 100%;
	font-family: 'Open Sans', arial,verdana;
	font-size : 13px;
	font-weight:normal;
	line-height: 155%;
	letter-spacing:normal;
	color: #666666;
}
body {
	background: #ffffff;
}
#container {
	width: 100%;
	text-align: left;
	background: #fff;
}
ol, ul {
	list-style: disc;
	line-height: 140%;
	margin: 0 0 0 10px;
	padding: 0.5em 0;
}

li {
	margin-left: 1.6em;
	list-style: disc outside url(image/bullet.gif);
}
p {
	line-height: 125%;
	padding: 0.5em 0;
}
address {
	font-style: normal;
}
small {
	font-size: 80%;
}

a { color: #afb915;text-decoration:none;  }
a:hover { color: #5a3081; }

.hidden { display: none; }
 .unhidden { display: block; }
/* ============== BASIC STYLES ============== */
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.onepx {
	display: block;
	height: 1px;
	width: 1px;
	font: normal 1px/1px sans-serif;
}

/* ========== HOME PAGE STYLES ========== */
#slide-out-div,
.slide-out-div {
    padding: 0px;
    width: 62%;
     background: #ffffff;
    text-align:left;
    z-index:9999;
    border: 0px;
}



html #container {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

#container>header {
	width: 100%;
	background: #ffffff;
	padding: 0 0em 0em 0em;
	color: #000;
	height:105px;
}


#container nav #mobileNav,
#container>footer {
	width: 100%;
	background: #ab9db8;
	padding: 1.5em 0em 0.5em 0em;
	font-size:13px;
	color: #FFF;
	text-align:center;
}

a.footerNav {
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	font-size:13px;
}

a.footerNav:hover {
	text-decoration:none;
	color:#ffffff;
}



#container>header {
	padding-top: 0.5em;
	text-align:center;
}

	#container>header #logo {
		font-size: 100%;
		line-height: 100%;
		margin:0px auto;
		padding:0.5em;		
	}

	#container>header #google_translate_element {
		margin: 0;
		padding: 0;
	}



#container #headerImage {
	clear: both;
	margin: 0;
	padding: 0em 0em 0px 0em;
	background: #ffffff;
}
	
#container #pageContent {
	clear: both;
	margin: 0px;
	padding: 18px 9px;
	background: #ffffff;
}

#container #footerImage {
	clear: both;
	margin: 0;
	padding: 0em 0em 0px 0em;
	background: #ffffff;
}

#search {
	background: #ab9db8;
	text-align: left;
	width: 100%;
	padding: 0em;
	height:43px;
	min-height:43px;
	clear: both;
}

	
#container>footer {
	margin-top: 0em;
	padding: 0.5em 0;
	font-size:80%;
	line-height:17px;	
}



/* ========== SUB-PAGE STYLES ========== */
#container #imageBlock,
#container #videoBlock,
#container #calloutbox {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
	#container #imageBlock img {
		height: auto;
		max-width: 94%;
	}
	
	#container #calloutbox h3,
	#container #calloutbox #calloutboxContent {
		width: auto;
	}
	#container #videoBlock>small {
		display: block;
	}

/* ========== FAQ PAGE STYLES ========== */
#container #ask {
	float: none;
	clear: both;
	width: auto;
	padding: 0 0.5em;
	background: #DFDFDF;
}
#container #ask label,
#container #ask input[type=text],
#container #ask textarea {
	display: block;
	width: 90%;
	text-align: left;
	float: none;
	position: static;
	margin: 0;
}




/* =============== PLANT LISTING STYLES =============== */
#naming {
	padding: 10px 10px 10px 0px;
	color: #000;
	font-size: 100%;
}
	#naming p {
		font: normal bold 120%/120% Arial, Helvetica, sans-serif;
	}
	#naming h3 {
		color: #C00;
		padding: 0 0 0.5em;
		font: normal bold 140%/120% Arial, Helvetica, sans-serif;
	}
#imageBlock {
	background: #ffffff;
	text-align: left;
}	
	#imageBlock img {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
#dims {
	padding: 4px 4px 4px 4px;
	color: #ffffff;
	clear: both;
	font-size: 70%;
	text-align: center;
	background: #006300;
	border-bottom: 1px solid #006300;
	margin-bottom:10px;
}
	
#charList {
	display: block;
}
	#charList li {
		display: block;
		float: left;
		width: 40px;
		text-align: center;
		font: normal 260%/100% Arial;
		color: #FFF;
	}
#description {
	padding: 0px 10px;
	color: #000;
	clear: both;
	font-size: 100%;
}
	#description p {
		font: normal 100%/100% Arial, Helvetica, sans-serif;
	}
	#description h3 {
		font: normal bold 120%/120% Arial, Helvetica, sans-serif;
	}
	#description strong {
		font-size: 100%;
	}
	#description h3, home2,
	#description strong {
		color: #467D9C;
	}
	#description h3,
	#description p,
	#description ul {
		margin: 1em 0 0.1em;
	}
	#description ul {
		font-size: 100%;
	}
	#description li {
		font: normal 100%/120% Arial, Helvetica, sans-serif;
		list-style: disc outside none;
		margin-left: 1.4em;
	}
	#description form {
		text-align: right;
		padding-bottom: 10px;
	}
	#description form label {
		display: block;
		text-align: left;
		padding: 0.5em 0;
	}
	#description form input[type=text] {
		float: left;
		width: 70%;
		font: normal 120%/140% Arial, Helvetica, sans-serif;
		color: #999;
		text-align: left;
	}
	#description form input[type=submit] {
		font: normal bold 120%/120% Arial, Helvetica, sans-serif;
		color: #FFF;
		background: #71901A;
	}
	
#nextprevtop {
	clear: both;
	padding: 3px 10px 16px 10px;
	font-size: 110%;
}
		#nextprevtop #prevplanttop,
		#nextprevtop #nextplanttop {
			padding: 1px 0;
			display: block;
			width: 45%;
			font: normal bold 100%/120% 'Open Sans', Arial, Helvetica, sans-serif;
			color: #ab9db8;
			text-decoration: none;			
		}		
		#nextprevtop #prevplanttop {
			float: left;
			text-align: left;
		}
		#nextprevtop #nextplanttop {
			float: right;
			text-align: right;
		}
			#prevplanttop span,
			#nextplanttop span {
				font-size: 200%;
			}
				
#nextprev {
	clear: both;
	padding: 0px;
	font-size: 110%;
	width:99%;
	background-color:#ffffff;
}
		#nextprev #prevplant,
		#nextprev #nextplant {
			padding: 3px 0;
			display: block;
			width: 45%;
			font: normal bold 100%/120% 'Open Sans',Arial, Helvetica, sans-serif;
			color: #ab9db8;;
			text-decoration: none;			
		}		
		#nextprev #prevplant {
			float: left;
			text-align: left;
		}
		#nextprev #nextplant {
			float: right;
			text-align: right;
		}
			#prevplant span,
			#nextplant span {
				font-size: 200%;
			}

#footer {
	padding: 10px;
	background: #569472;
	text-align: left;
	clear: both;
	font-size: 100%;
	line-height:17px;	
}


	#footer img {
		padding-right: 0.5em;
	}
	#footer a {
		float: left;
		display: block;
		text-decoration: underline;
		font: normal 120%/120% Arial;
		color: #333871;
	}
	
	#header-nonloggedin {
		float: right;
		text-align:right;
		display: block;
		margin:12px 12px 0px 0px;
		text-decoration: none;
		font: normal 85%/120% 'Open Sans', Arial;
		color: #666666;
	}
	
	


/* =============== PLANT MAIN LIST STYLES =============== */
#header {
	font-size: 100%;
	padding: 0px 10px;
	color: #000;

}
	#header p {
		
	}
	#header h3 {
		padding: 0 0 10px;
		
	}
	#header a {

	}

#displaying {
	padding: 0.5em 10px; 
	font: normal 100%/120% Arial, Helvetica, sans-serif;
	color: #000;
	clear: both;
	border-bottom: 1px solid #999;
}
	#displaying em {
		font-weight: bold;
	}

#imageBlock #mobileList {
	font-size: 100%;
	margin: 13px 0px 0px 0px;
}
#imageBlock #mobileList li {
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	position: relative;
	font: normal 130%/120% 'Open Sans', arial,verdana;
	text-align: left;
}
	#mobileList li.odd {
		background: #ab9db8;
		padding: 0.3em 0.3em;
		border:1px solid #ffffff;
		border-width:0px 0px 1px 0px;
	}
	#mobileList li.even {
		background: #d0c8d8;
		padding: 0.3em 0.3em;
		border:1px solid #ffffff;
		border-width:0px 0px 1px 0px;
	}
	#mobileList li strong {
		font-weight: bold;
		color: #ffffff;
	}
	#mobileList li a {
		display: block;
		height: 100%;
		padding: 0.65em 1.3em 0.3em 10px;
		position: relative;
		font: normal 110%/120% 'Open Sans', serif;
		text-decoration: none;
		text-transform:uppercase;
		text-align: left;
		color: #ffffff;
	}
		#mobileList li a span {
			display: block;
			position: absolute;
			right: 0;
			top: 0;
			font: normal bold 260%/120% Arial, Helvetica, sans-serif;
			text-align: right;
			color: #ffffff;
		}





#imageBlock #mobileListPlants {
	width:100%;
	margin:0px;
	padding:0px;
}
#imageBlock #mobileListPlants li {
	clear: both;
	display: block;
	margin: 0;
	position: relative;
	text-align: left;
	width:100%;
	min-height:84px;

}
	#mobileListPlants li.odd {
		background: #ab9db8;
		border:2px solid #ffffff;
		border-width:2px 0px 0px 0px;
	}

	#mobileListPlants li.even {
		background: #d0c8d8;
		border:2px solid #ffffff;
		border-width:2px 0px 0px 0px;
	}
	#mobileListPlants li strong {
		font-weight: bold;
		color: #000;
	}
	#mobileListPlants li a {
		text-decoration: none;		
	}

	#indexImage,
	.indexImage {
		width:80px;
		height:80px;
		margin:11px 18px 11px 18px;
		border:0px;
		float:left;
	}

a.primaryName {
	color:#ffffff;
}	
a.otherName {
	color:#5a3081;
}

/* =============== MOBILE STORE HELPER CLASSES =============== */
input.mobileCheckbox {
	margin: 0.5em;
	padding: 0.5em;
	font-size: 120%;	
}
select.mobileSelect {
	margin: 0.3em;
	padding: 0.5em;
	font-size: 120%;
	width: auto;
}
input.mobileButton {
	margin: 0.3em;
	padding: 0.5em;
	font-size: 120%;
}
input.mobileInput {
	margin: 0.3em;
	padding: 0.5em;
	font-size: 120%;	
}

		
/* =============== MOBILE STORE PAGE STYLES =============== */
#header #storeSteps {
	list-style: none;
	font-size: 100%;
	color: #444;
}
	#storeSteps li {
		display: inline;
		padding-right: 0.25em;
		line-height: 150%;
	}
	
	#storeSteps em {
		font-style: normal;
	}
		
		
/* =============== MOBILE CART PAGE STYLES =============== */
#mobileCart {
	
}
	.mobileCartItem {
		padding: 0.75em 0.5em;
		border-bottom: thin solid #AAA;
	}
		.mobileCartItem .mobileCartThumb {
			float: left;
			padding-right: 10px;
		}
		
	.subtotalBlock {
		padding: 0.75em 0.5em;
		border-bottom: thin solid #AAA;
		text-align: right;
	}
		.subtotalBlock h3 {
			display: inline;
			padding-right: 0.75em;
		}
	.checkoutBlock {
		padding: 0.75em 0.5em;
		text-align: right;
	}
		
		
/* =============== MOBILE CHECKOUT PAGE STYLES =============== */
#custForm label {
	display: block;
}
#custForm fieldset>div,
#custForm fieldset>label {
	padding: 0.25em 0;
}
	#custForm .tdlabel {
		background-color: transparent;
		font-size: 90%;
	}

	h3.cartSectionHeader {
		width: 100%;
		background-color: #F0F1F1;
		font-size: 100%;
		padding: 0.5em 1em;
		margin: 0 -1em;
	}

#custForm .checkoutBlock,
.custForm .checkoutBlock {	
	width: 100%;
	background-color: #F0F1F1;
	font-size: 100%;
	padding: 0.5em 1em;
	margin: 0 -1em;
	text-align: center;
}

	.checkoutBlock input[type=submit] {
		margin: 0.3em;
		padding: 0.5em;
		font-size: 90%;
	}

		
		
/* =============== MOBILE CONFIRM PAGE STYLES =============== */
	.shippingOption {
		padding: 0.5em 0;
	}

		
/* ========== Photo Gallery Styles ========== */
.gallery .cat {
	padding: 0.5em 5% 1.5em; 
	text-align: center; 
	width: 40%; 
	float: left;
}
	.gallery .cat:nth-child(2n+1) {
		clear: left;
	}
	
	.gallery .cat h1 {
		font-size: 90%;
		padding-bottom: 0.25em;
	}

a.galleryThumb {
	margin: 0 1.5em 1.5em 0;
}

#container #imageBlock.gallery {
	margin: 1em 0;
}

#galleryNav {
	margin: 1em 0;
}
	#galleryNav #prev,
	#galleryNav #next {
		display: block;
		float: left;
		text-indent: -999em;
		height: 19px;
		width: 68px;
		background: transparent url(../image/MULTI-prev.gif) no-repeat left top;
	}
	#galleryNav #next {
		float: right;
		background: transparent url(../image/MULTI-next.gif) no-repeat left top;
	}
	



		.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			color: #ffffff;
			background-color: rgba(184, 184, 184, 0.40);
			font-size: 13px;
			padding: 0.5em;
			display: none;
		 	font-weight : bold;
		 	font-family: 'Open Sans', arial,verdana;
		}

		.back-to-top:hover {	
			background-color: rgba(138, 194, 58, 0.70);
			color:#ffffff;
			text-decoration:none;
		}
		
input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0; }



/* ========== STANDARD SUB PAGE STYLES ==========
 * 1. #breadcrumb
 * 2. h2#pageTitle
 * 3. h3#pageSubTitle
 * 4. #pageSummary
 * 5. #pageContents
 * 6. #pageBullets
 * 7. #pageConclusion 
 * 8. #imageBlock
 * 9. #imageBlockFeat
 * 10. #calloutbox
 * 11. #pageDownloads
*/
#breadcrumb {
	margin-bottom: 0.8em;
	font-weight: bold; 
	font-size: 100%;
}
	#breadcrumb .breadcrumbTitle {
		padding-right: 10px;
	}
	#breadcrumb a,
	#breadcrumb a:hover,
	#breadcrumb a:focus {
		text-decoration: none; 
	}
.page-title {
	font-family: 'Open Sans', serif;
	font-size:16px;
	padding:0 0 0.4em 0;
	font-weight:bold;
	color:#ffffff;
}
.page-subtitle {
	font-family: 'Open Sans', serif;
	font-size:14px;
	padding:0 0 0.6em 0;
	color:#afb915;
	font-weight:normal;
}
.page-summary p,
.page-contents p,
.page-conclusion p,
.page-bullets ul,
.page-bullets ol {
	line-height: 125%;
	padding: 0.5em 0;
	color:#666666;
}

.page-summary ul li,
.page-contents ul li,
.page-conclusion ul li {
	margin-left: 1.6em;
	list-style: disc outside url('/image/Bullet.gif');
}
.page-summary ol li,
.page-contents ol li,
.page-conclusion ol li {
	margin-left: 1.6em;
	list-style: decimal outside none;
}

.page-bullets {
	clear: left;
}
	.page-bullets ul li,
	.page-bullets ol li {
		margin-left: 1.6em;
		line-height: 150%;
	}
	.page-bullets span.clear {
		clear: left;
	}
.page-image-block,
.page-featured-image {
	padding: 0 0 0.5em;
}
.page-image-block.right,
.page-featured-image.right {
	float: right;
	clear: right;
	padding-right: 0;
	margin-left: 1em;
}
.page-image-block.left,
.page-featured-image.left {
	float: left;
	clear: left;
	padding-left: 0;
	margin-right: 0em;
}
	#imageNav {
	text-align: center;
	font-weight: bold;
	line-height: normal;
	font-size:12px;
	letter-spacing: normal;
	font-family: 'Droid Serif', serif;
	color:#00704a;
	padding:0px 0px 7px 0px;
	}
	.page-content #currCaption,
	.page-content #featCaption,
	.page-image-block #currCaption {
		font-size: 110%;
		text-align: center;
	}
	
.page-additional-info {
	width: 200px;
	position: relative;
	margin: 1em 0;
	border-width: 2px;
	border-style: solid;
}
	.page-additional-info h3 {
		width: 180px;
		padding: 0 10px;
		margin: 0;
		font-size: 100%;
		line-height: 40px;
		text-align: left;
	}
	.page-additional-info .page-additional-content {
		width: 180px;
		padding: 0 0px;
		text-align: center;
	}
		.page-additional-info .page-additional-list {
			width: 180px;
			padding: 12px 0 12px;
			color: inherit;
		}
			.page-additional-info .page-additional-list li {
				list-style: none;
				display: list-item;
				text-align: left;
				margin: 0 0 0 1em;
				padding: 5px 0;
			}
			.page-additional-info .page-additional-list a {
				font-size: 110%;
			}
.page-downloads {
	margin: 1em 0;
	clear: both;
}
	.page-dowloads h3 {
		padding-bottom: 0.5em;
	}
	.page-downloads .page-download-block {
		width: 45%;
		min-height: 15px;
		float: left; 
		padding-right: 5%;
		padding-bottom: 0.5em;
		position: relative;
	}
	.page-downloads .page-download-thumb {
		display: block;
		padding-right: 10px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.page-downloads h5 {
		font-size: 18px;
		margin-bottom:12px;
	}
	.page-downloads .page-download-block h4,
	.page-downloads .page-download-block p {
		font-size: 90%;
		padding-left: 2px;
	}
			
/* ========== SUB PAGE LAYOUTS ==========
 * 1. Layout A
 * 2. Layout B
 * 3. Layout C
 * 4. Layout D
 * 5. Layout E
 * 6. Layout F
 *
 * ===== Layout A ===== */

.page-summary.layoutA p,
.page-contents.layoutA p,
.page-conclusion.layoutA p,
.page-bullets.layoutA ul,
.page-bullets.layoutA ol {
	padding-left: 0;
}
.page-image-block.layoutA {
	padding: 0 0 0.5em;
}
.page-image-block.layoutA,
.page-additional-info.layoutA {
	float: right;
	clear: right;
	margin-left: 1em;
}

/* ===== Layout B ===== */

.page-featured-image.layoutB {
	float: left;
	clear: left;
	margin-right: 1em;
}
.page-image-block.layoutB,
.page-additional-info.layoutB {
	float: right;
	clear: right;
	margin-left: 1em;
}

/* ===== Layout C ===== */

.page-additional-info.layoutC {
	float: left;
	clear: left;
	margin-right: 1em;
}
.page-image-block.layoutC,
.page-featured-image.layoutC {
	float: right;
	clear: right;
	margin-left: 1em;
}

/* ===== Layout D ===== */
.page-image-block.layoutD {
	float: right;
	clear: right;
	margin-left: 1em;
}
.page-additional-info.layoutD {
	float: left;
	clear: left;
	margin-right: 1em;
}

/* ===== Layout E ===== */
div.imageBlock.layoutE,
.page-image-block.layoutE {
	float: right;
	clear: right;
	padding: 10px 0px 10px 10px;
	margin-left:25px;
}
div.imageBlock.layoutE p.imageCaption,
.page-image-block.layoutE .image-caption {
	font-size: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
.page-downloads.layoutE {
	clear: none;
}
	.page-downloads.layoutE .page-download-block.layoutE {
		width: auto;
		float: none;
		clear: left;
		padding: 0 0.5em;
	}

/* ===== Layout F ===== */
.page-image-block.layoutF {
	float: right;
}
.page-image-block.layoutF #myCaption {
	text-align: center;
}
.page-image-block.layoutF #thumbGallery {
	padding: 0.5em;
	text-align: center;
}
	.page-image-block.layoutF #thumbGallery .thumbSwitch {
		display: inline-block;
		width: 50px;
		height: 50px;
		padding: 5px;
	}

.page-additional-info.layoutF,
.page-featured-image.layoutF {
	float: left;
	clear: left;
	margin-right: 1em;
}

/* ===== Layout G ===== */
.page-video-block.layoutG {
	float: right;
	clear: right;
	padding: 0 0 1em 1em;
	text-align: center;
}
	.page-video-block.layoutG .video-wrapper {
		background: transparent url('/consoleAssets/image/loading.gif') no-repeat 50% 50%;
		margin: 0 auto;
	}
		.video-wrapper.layoutG object {
			display: block;
			margin: 0 auto;
		}
	.page-video-block.layoutG .video-caption {
		padding-top: 0.5em;
		text-align: center;
	}

.page-additional-info.layoutG {
	float: left;
	clear: left;
	margin-right: 1em;
}

.page-video-thumbs {
	margin-top: 1em;
}
	.page-video-thumbs .page-video-thumb {
		float: left;
		padding: 0.5em 1.3em 0.5em 0;
		width: 100px;
		text-align: center;
	}
		.page-video-thumbs .page-video-thumb a {
			text-decoration: none;
			font-size: smaller;
			font-weight: bold;
			display: block;
			position: relative;
		}
			.page-video-thumbs .page-video-thumb a img {
				border: 1px solid #CCC;
			}

/* ===== Layout H ===== */
.page-video-block.layoutH {
	float: right;
	clear: right;
	padding: 0 0 1em 1em;
	text-align: center;
}	
	.page-video-block.layoutH .video-wrapper {
		background: transparent url('/consoleAssets/image/loading.gif') no-repeat 50% 50%;
		margin: 0 auto;
	}
		.video-wrapper.layoutH object {
			display: block;
			margin: 0 auto;
		}
	.page-video-block.layoutH .video-caption {
		padding-top: 0.5em;
		text-align: center;
	}
	.page-video-block.layoutH .page-video-thumbs {
		padding: 1em 0 0.5em;
		margin: 0 auto;
	}
		.page-video-block.layoutH .page-video-thumbs .page-video-thumb {
			position: relative;
			display: block;
			float: left;
			width: 50px;
			height: 50px;
			padding: 5px;
			overflow: hidden;
		}
		
.page-additional-info.layoutH {
	float: right;
	clear: right;
	margin-left: 1em;
}

.page-image-block.layoutH {
	float: left;
	margin-right: 1em;
}	
	.page-image-block.layoutH #myCaption {
		text-align: center;
	}


#plantAttributes {
	margin: 0em 0 0.5em 0;
}
	#plantAttributes .attribute {
		float: left;
		max-width: 35%;
		min-width: 35%;
		padding: 0 1.5em 0.7em 0;
		color:#666666;
		font: normal normal 120%/140% 'Open Sans', Helvetica, Arial, Tahoma, Geneva, sans-serif; 
	}
	#plantAttributes .attribute h3 {
		text-transform: uppercase;
		font-weight: bold;
	}

		
#plantData.plant,
#pageData, section.pageData {
	margin: 0.5em 0em 0.2em 0em;
	font-size: 100%;
}
	#plantData figure.detail {
		margin: 0 auto 1em;
		text-align: center;
	}
	#plantData section.main h2.title {
		color: #552579;
	}
	#plantData ul.attributes {
		clear: both;
		list-style: none;
		margin: 0;
		padding: 0.5em 0;
		
	}
	#plantData ul.attributes li {
		float: left;
		margin: 0 0.5em 0 0;
		padding: 0 0.5em 0.5em 0;
		font-weight: bold;
	}
	
	#plantData h2.toggle {
		display: block;
		margin: 1.0em 0 0;
		border-radius: 6px;
		background: #54297b;
		border: 0px;
		font-weight: bold;
		position: relative;
		padding: 0.45em 0;
	}
		#plantData h2.toggle a {
			display: block;
			padding-left: 1.5em;
			height: 100%;
			text-decoration: none;
			color: #ffffff;
			font-size: 100%;
			text-transform:uppercase;
			font-family:'Open Sans';
			line-height: 120%;
		}
		#plantData h2.toggle a:after {
			content: '';
			display: block;
			position: absolute;
			height: 0;
			width: 0;
			left: 0.75em;
			top: 50%;
			margin-top: -0.5em;
			border-top: 0.5em solid transparent;
			border-bottom: 0.5em solid transparent;
			border-left: 0.5em solid #ffffff;
			border-right: none;
		}
		#plantData h2.toggle.on a:after {
			left: 0.25em;
			margin-top: -0.25em;
			border-top: 0.5em solid #ffffff;
			border-bottom: none;
			border-left: 0.5em solid transparent;
			border-right: 0.5em solid transparent;
		}
	#plantData section.toggleable {
		margin: -1px 4px 0.5em;
		padding: 1em;
		border: thin solid #cbcbcb;
		border-top: none;
		border-radius: 3px;
		/* hidden by default (we'll default to showing for non-js browsers later) */
		display: none;
		background-color: #eeebf1;
	}
	html.no-js #plantData section.toggleable {
		display: block;
	}
	#plantData section.toggleable h2,
	#plantData section.toggleable h3,
	#plantData section.toggleable h4 {
		margin: 0.5em 0 0.25em;
		font-size: 110%;
		font-weight: bold;
	}
	#plantData section.toggleable h3 {
		color: #552579;
	}
	#plantData section.toggleable h4 {
		font-size: 100%;
	}
	#plantData section.toggleable ul {
		margin: 0;
		padding: 0 0 0 2.5em;
	}



.roundbutton {
	background-color:#afb915;

	text-indent:0;
	border:0px;
	display:inline-block;
	color:#ffffff;
	font-family:'Open Sans';
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	text-align:center;
	float:right;
	margin:10px 9px 10px 0px;
}
.roundbutton:hover {
	background-color:#c9c9c9;
	color:#ffffff;
}.roundbutton:active {
	position:relative;
	top:1px;
}	
}.roundbutton:visited {
	color:#ffffff;
}	

	#storeBreadcrumbs li {
		list-style: none;
		padding: 0 1.5em 0 0;
		font-weight: bold;
		line-height: 180%;
		width:100%;
		color: #AAA;
		margin-left:-10px;
	}
	
	#storeBreadcrumbs li.current {
		color: #ab9db8;
		clear:both;
	}
	#storeBreadcrumbs li.faded {
		color: #999;
		clear:both;
	}

#right,	
.right {
	text-align:right;
}	

		fieldset.oneCol label,
		fieldset.oneCol textarea,
		fieldset.twoCol label,
		fieldset.twoCol textarea,
		fieldset.twoCol label.full {
			display: block;
			margin: 0;
			padding: 0.5% 0.5% 0.5% 2.5%;
			width: 90%;
		}
		

h3, .home1 {
	color:#ab9db8;
}

	#cartContents {
		margin: 34px 0px 8px 0px;
		width:265px;
		text-align:left;
		border:2px solid #8ac23a;
		position:absolute;
		top: 120px;
		right: 150px;
		z-index:3333;
		background-color:#ffffff;
		min-height:230px;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	
			-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
	}	
	
div#cartItemAdded {
	margin: 0px 0px 8px 0px;
	width:265px;
	text-align:left;
	border:2px solid #8ac23a;
	border-width:0px 2px 2px 2px;
	position:fixed;
	top: 0px;
	right: 40px;
	z-index:3333;
	background-color:#fff;
	min-height:230px;
	
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;

	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
	
}

	#plantChars .charBlock {
		float: left;
		width: 48%;
		padding: 0.25em 2% 0.75em 0;
		font-family: 'Open Sans', Helvetica, Arial, Tahoma, Geneva, sans-serif; 
		font-size: 100%;
		display: inline-block;
	}
	

#plantCompanions,
#plantSubstitutions {
	margin: 1em 0;
	clear: both;
	float: left;
	width: 100%;
}
	.companionPlant,
	.substitutePlant {
		float: left;
		padding: 1.5%;
		width: 45%;
		font-size: 90%;
		color: white;
		font-family: 'Open Sans', Helvetica, Arial, Tahoma, Geneva, sans-serif; 
		text-align: center;
		margin-right: 0.25em;
	}
		.companionPlant img,
		.substitutePlant img {
			border: thin solid black;
			width:100%;
			height:140px;
			float: left;
			
		}
		.companionPlant strong,
		.substitutePlant strong {
			font-weight: normal;
			color: #8AC23A;
			font-family: 'Open Sans', Helvetica, Arial, Tahoma, Geneva, sans-serif; 
			text-align: center;
		}
		.companionPlant a,
		.substitutePlant a {
			text-decoration: none;
			font-family: 'Open Sans', Helvetica, Arial, Tahoma, Geneva, sans-serif; 
			text-align: center;
		}


.applyButton,
.roundButton,
.roundbutton {
	background-color:#ab9db8;
	display:inline-block;
	text-transform:uppercase;
	color:#6d482b;
	font-family:'Open Sans',Georgia;
	font-size:12px;
	font-weight:600;
	line-height:25px;
	padding:3px 12px;
	text-decoration:none;
	text-align:center;
	border:0px;
	color:#ffffff;
}
.applyButton:hover,
.roundbutton:hover,
.roundButton:hover {
	background-color:#5a2f7f;
	color:#ffffff;
}.applyButton:active,
.roundbutton:active,
.roundButton:active {
	position:relative;
	top:1px;
}

	#entry-list {
		width: 100%;
	}
	
	.entry {
		float: left;
		position: relative;
		display: inline-block;
		width: 47%;
		margin: 20px 10px 0px 0px;
	}
	
	
/* ===== Plant Ratings ===== */

h3.plant-rating {
	margin-top: .75em;
}

.plant-ratings {
	margin: 0;
}
.plant-ratings-wrapper {
	display: inline-block;
	background: transparent;
	border: #777;
	padding: 0.25em;
}
.plant-ratings .rating {
	display: inline-block;
	height: 20px;
	width: 20px;
	text-decoration: none;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url('/image/rating-stars.png') no-repeat right top; /* defaults to the unrated style */
}
/* star style for unrated plants */
.plant-ratings .unrated {
	background-position: right top;
}
/* star style for current rating */
.plant-ratings .active {
	background-position: -20px 0;
}
/* star style for having been rated (but not this high) */
.plant-ratings .inactive,
.plant-ratings-wrapper:hover .rating {
	background-position: -60px 0;
}
/* star style for hover (but not on this star) */
.plant-ratings-wrapper:hover .active {
	background-position: -40px 0;
}
/* star style for direct hover */
.plant-ratings .plant-ratings-wrapper .rating:hover,
.plant-ratings .plant-ratings-wrapper .rating:focus,
.plant-ratings .plant-ratings-wrapper .pending {
	background-position: 0 0;
}