<!--


/* 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,
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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*/


/* Layout */

body{
	font-family: Helvetiva, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: center;
	margin: 0px;
	padding:0px;
	background: #f5f5f5;
}

#wrap{
	width:930px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	padding: 10px;
	position: relative;
	
}

#wrap2{
-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
box-shadow: 0px 0px 10px #ccc;

border-left:thin solid #ccc;
border-right:thin solid #ccc;
	width:930px;
	margin: 0px auto;
	text-align: left;
	background: #fff;
	padding: 10px 10px 0px 10px;
	position: relative;
}


.compareimage{
float:left;
clear:left;
margin:0px 20px 20px 0px;
}

.imageblock{
font-family:arial, helvetica;
float:right;
width:100px;
padding:0px 0px 10px 10px;
}


.imageblock img{
width:100px;
height:auto;
padding:10px;
margin-left:-10px;
}


.module{
font-size:12px;
width:430px;
height:auto;
margin-bottom:30px;
}


.module2{
font-size:12px;
float:right;
clear:right;
width:430px;
height:auto;
margin-bottom:30px;
}


.textblock li{
list-style:none;
}

.textblock{
line-height:16px;
margin-bottom:20px;
}


img{
border:none;
}
#starburst{
margin-top:5px;
width:110px;
position:absolute;
z-index:999;
top:0;
right:0;
}

#starburst img{
width:110px;
height:auto;
}

#header{
	width: 930px;

	clear: both;
height:230px;
	padding-bottom:7px;
	position: relative;
	z-index:1000;
	

}

#headernewprod{
	width: 930px;

	clear: both;
height:40px;
	padding-bottom:7px;
	position: relative;
	z-index:1000;
}


#banner{
	width:930px;
	height:200px; 
	position: relative;
}


#flashwrap{
	/* background: url(http://windowfarms.org/images/banner.jpg) no-repeat; */
	width:930px;
	height:90px;
    overflow:hidden; 
    z-index:1000;
}

#flashwrap2{
	background: url(http://windowfarms.org/images/banner.jpg) no-repeat;
	width:930px;
	height:200px;
    overflow:hidden; 
    z-index:1000;
}


#flashwrapwaterbottles{
	background: url(http://windowfarms.org/images/banner_old.jp) no-repeat;
	width:930px;
	height:200px;/*THIS determines how tall the header is*/
    overflow:hidden; 
    z-index:1000;
}


.story_module_wrap {
	float:left;
	width:200px;
	margin:15px;
	border: thin solid #666;
}
.story_module {
	width:200px;

	height:200px;
	background-color:#fff;
}
.story_module img {
	width:200px;
	height:auto;
	position:absolute;
}
.story_module_title {
	padding:5px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	height:30px;
	background-color:#666;
}
.rollover {
	padding:10px;
	position:absolute;
	height:180px;
	width:180px;
	background-color:#fff;
}
.rollover a {
	font-weight:bold;
}
.rollover p {
	margin-top:0px;
	margin-bottom:10px;
	font-size:11px;
	line-height:12px;
}

#sidebaranimationwrap{
	width: 240px;
	background: url(http://windowfarms.org/images/school-kit-still.jpg) no-repeat;
	clear: both;
	padding-bottom: 1px;
}


#sidebaranimationwrap-home{
	width: 240px;
	background: url(http://windowfarms.org/images/home-kit-still.jpg) no-repeat;
	clear: both;
	padding-bottom: 1px;

}

#sidebaranimation{
	width:240px;
	height:840px;
    overflow:hidden; 
}


#sidebaranimationwrap2{
	width: 200px;
	background: url(http://windowfarms.org/images/school-kit-still.jpg) no-repeat;
	clear: both;
	padding-bottom: 1px;
}


#sidebaranimationwrap2-home{
	width: 200px;
	background: url(http://windowfarms.org/images/home-kit-still.jpg) no-repeat;
	clear: both;
	padding-bottom: 1px;

}

#sidebaranimation2{
	width:200px;
	height:700px;
    overflow:hidden; 
}


#logo{

position: absolute;
top: 0px;
left: 0px;
background: url(http://windowfarms.org/images/Windowfarms_Logo.png) no-repeat;

}


.intro{
margin-top:20px;
font-size:36px;
letter-spacing:-3px;
font-weight:bold;
color:#666666;
height:80px;
}

.homepagetext{
color:#666666;
clear:both;
padding-top:20px;
padding-bottom:10px;
font-size:34px;
letter-spacing:-2px;
font-weight:bold;
}

.homepagetext2{
color:#666666;
clear:both;
padding-top:0px;
padding-bottom:10px;
font-size:18px;
letter-spacing:-1px;
}


.homepagetext3{
color:#666666;
clear:both;
padding-top:15px;
padding-bottom:5px;
font-size:16px;
letter-spacing:0px;

}

.homepagetext4{
color:#666666;
float:right;

padding-bottom:5px;
font-size:12px;
width:170px;
line-height:150%;
}


.homepagetext5{
color:#666666;
float:right;
padding-bottom:20px;
font-size:12px;
letter-spacing:0px;
clear:both;
width:100%;
line-height:18px;
}


#badge{
position: absolute;
bottom: 143px;
left: 828px;
}

#content{
margin-top:10px;
margin-bottom:10px;
	width: 650px;
	float: left;

}

#content2{
margin-top:10px;
	width: 930px;
	margin-bottom:10px;
}

#sidebar{
margin-top:10px;
	width: 240px;
	float: right;
	overflow: hidden;
	margin-bottom:10px;
}

#sidebar ul li{
list-style:none;
margin:5px 0px 0px 0px;
padding:0px;
text-indent:0px;
}

#sidebar ul{
list-style:none;
margin:10px 0px 20px 0px;
padding:0px;
text-indent:0px;
}

#footer{
	width: 100%;
	padding-top: 10px;
	clear: both;
	text-align: right;
}

#footer2{
margin-left:-10px;
	width: 925px;
	height:170px;
	background-color:#ccc;
	border-top:thin solid #ccc;
	padding: 25px 0px 25px 25px;
	clear: both;
	text-align: left;
 -moz-box-shadow:inset 0px 5px 10px -5px #999;
   -webkit-box-shadow:inset 0px 5px 10px -5px #999;
   box-shadow:inset 0px 5px 10px -5px #999;
}

.footer_column{
float:left;
padding-right:38px;
}


.footer_column_item a{
color:#555;
}

.footer_column_item{
font-size:11px;
margin-top:5px;
}

.footer_column_title{
font-weight:bold;
}

#donate{
text-align: center;
clear: both;
width: 100%;
}


/* do we need this */

.international{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}

.contact_box{
	width:270px;
	border:thin solid #666;
	height:20px;
	margin-bottom:10px;
}

.contact_box2{
	width:270px;
	border:thin solid #666;
	height:200px;
	margin-bottom:10px;
}
.contact_box3{
	width:50px;
	border:thin solid #666;
	height:20px;
	margin-bottom:10px;
	float:left;
	margin-right:5px;
}

.contact_box4{
float:right;
	width:220px;
	border:thin solid #666;
	height:20px;
	margin-bottom:10px;
}


.contact_box5{
	width:270px;
	border:thin solid #666;
	height:20px;
	margin-bottom:10px;
}


.sideBox{  padding-bottom: 25px; display: block; clear:both;}
.sideBox p, .sideBox h2, .sideBox ul{ padding: 0px; margin:0px}
.sideBox ul{ margin-left:20px;} 
	
#donate{ float:right; margin:10px;}

object{
padding-bottom: 10px;
}

.col{
	margin-right: 20px;
	float: left;
	width: 305px;

}
.col img{
width:305px;
height:auto;
}

.col1{
float:left;
width:350px;
}

.col2{
float:right;
width:350px;
}

.col1a{
float:left;

}

.col2a{
float:right;

}

.col1a li, .col2a li{
font-size:11px;
list-style:none;
line-height:14px;

}


#question{
}

#answers{
clear: both;
}

hr{
}

/* The Store */

.item{
	position: relative;
	width: 190px;
	border: 1px dotted #bbb;
	margin-right: 6px;
	padding: 3px;
	float: left;
	height: 370px;
}

.item2{
	position: relative;
	width: 140px;
	border: 1px dotted #bbb;
	margin-right: 0 6px 10px 0;
	padding: 3px;
	float: left;
	height: 230px;
}

.desc{ }
.include{ color: green;}
.supply{ color: orange;}
.price{ font-weight: bold; font-style: italic;}

.item h3{ margin-bottom: 0px;}
.item h4{ margin-bottom: 0px;}
.item p{ margin-top: 0px;}
.item button{ margin: 0 0 10px 0;}
.item span{ margin-bottom: 4px; display: block;}

#item {
	margin-top:2px;
	text-align:center;
}

#item img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.store_col{
width:140px;
}

#non-us-message {
    vertical-align: bottom;
    margin: 20px 0px;
    font-size: 14px; 
}


/* Links */

a { color: #339933; text-decoration: none; }
a:hover { text-decoration: underline;  }
a img:hover{
  filter:alpha(opacity=80);
  opacity:0.8;
}

/* Typography */

h1, h2, h3, h4, h5, h6{ padding-top: 0; margin-top: 0;}
h1.title{
	background: #eee;
	padding: 10px;
	clear: both;
	color: #333;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

h2{color: #333; font-weight: normal}
h3{margin: 0; color: #339933;}
p {margin: 4px 0 10px 0; line-height: 150%}

#sidebar h1{
	
clear:both;
padding-top:5px;
padding-bottom:5px;
font-size:16px;
letter-spacing:0px;

	
}

.greenh1{
padding: 3px 10px;
	background: #339933;
	width: 295px;
	color: #fff;
	font-size: 12pt;
	margin: 0 0 10px 0;
}


.sidebox ul{
margin:0px 0px 10px 0px;
padding:0px;
}

.sidebox li{
margin:0px 0px 10px 0px;
padding:0px;
list-style:none;

}

#content li, #content2 li{
margin-bottom: 10px;
}

#workshops li{
margin-bottom: 5px;
}

#answers h3{
padding-top: 20px;
}

#footer{
font-weight:  bold;
font-size: 9pt;
}

kitInfo img{
float: left;
padding: 4px;
background: #ddd;
width: 100px;
}

kitInfo{
clear: both;
}

/* education signups */

.org{
	border-top: 1px solid #999;
	padding: 15px 0;
	clear: both;
}

.org h1{margin-top: 0px;}

.org img{
	float: left;
	margin: 0 10px 10px 0;
}

.orgInfo{
	float: left;
	height: 170px;
	clear: right;
	width: 395px;
}

.orgSupport{width: 100%;}

.meter{
	width: 100%;
	height: 12px;
	border: 1px dashed #666;
}

.gauge{
	background: #b0e788;
	height: 8px;
	margin: 2px;
}

/************************* MASTHEAD ************************************/

#masthead {
	background:padding: 0;
	border-top:5px solid #222;
}

#masthead h4 {
	margin:1em 0;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
}

#masthead h4 a {
	color:#333;
	text-decoration:none;
	float:left;
}

#masthead h4 a:hover {
	color:#000;
}

#masthead span {
	color:#666;
	font-size:.8em;
	text-transform:lowercase;
	font-weight:normal;
}

#masthead span.description {
	float:left;
	margin-left:20px;
	padding-top:.2em;
}

#masthead span.contact {
	float:right;
	line-height:1em;
}

#masthead span.contact a:hover {
	color:#000;
}

img.headerimg {
	margin-bottom:1em;
}

.sf-menu ul {
	list-style:none;
	padding:0;
	margin:0 0 20px;
	background-color:#222;
	font-size:1em;
	height:40px;
}

.sf-menu ul li {
	text-align:left;
	float:left;
	height:40px;
	margin:0;
	background:#222;
	border-right:1px solid #666;
	padding:0;
}

.sf-menu ul li a {

	color:#fff;
	height: 22px;
	font-size:19.5px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 0 0 #000;
}

#navcontainer>.sf-menu ul li a {
	width:auto;
	height:auto;
	height:8px;
}

.sf-menu ul li#active a {
	background:#eee;
	color:#222;
}

.sf-menu ul li a:hover,.sf-menu ul li#active a:hover {
	color:#fff;
	background-color:#FF0000;
}

.sf-menu ul li.home {
	border-left:none;
}

.sf-menu ul li li {
	border:none;
	border-bottom:1px solid #333;
}

/* Navigation */

#nav{
	width: 100%;
	font: 10pt Helvetiva, Arial, sans-serif;
	
	height: 35 px;
	
 background: #000;
}


#navlist{
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

#navlist li{
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
}

#navlist li a{	
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #fff;
	white-space: nowrap
}


#navlist a:hover{
	color: #55973d;
	background: #fff;
}

#navlist li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
}

#navlist li ul li{
	float: none;
	display: inline

}

#navlist li ul li a{
	width: auto;
	background: #666;
		font-size: 10pt;
	padding: 0px 15px;
}


#navlist li ul li a:hover{	background: #333}


#nav2{
	width: 100%;
	font: 15px Helvetiva, Arial, sans-serif;
	height: 36px;
 background: #333;

}


.ourwindowfarms{
font-weight:bold;
color:#fff;
background-color:#35B44A;
padding:2px;
font-size:90%;
margin-top:1px;
margin-bottom:1px;
opacity:0.75;
filter:alpha(opacity=75);
}

.ourwindowfarms:hover{
opacity:1;
filter:alpha(opacity=100);
text-decoration:none;
}

#buttonContainer{
position:absolute;
margin-top:-60px;
margin-left:40px;
}

.buybuild1{
-moz-border-radius: 5px;
border-radius: 5px;
font-weight:bold;
color:#fff;
background-color:#FF9955;
padding:5px 10px 5px 10px;
height:20px;
width:60px;
margin:0px 20px 0px 0px;
text-align:center;
font-size:12px;
float:left;
text-shadow: #000 1px 1px 0px;
text-decoration:none;
/*background-image:url('http://windowfarms.org/images/buybuild.png');
background-repeat:repeat-x;
background-position:bottom;
*/
border:thin solid #999;
line-height:18px;
}

.buybuild2{
-moz-border-radius: 5px;
border-radius: 5px;
font-weight:bold;
color:#fff;
background-color:#1E90FF;
padding:5px 10px 5px 10px;
height:20px;
width:60px;
text-align:center;
font-size:12px;
float:left;
text-shadow: #000 1px 1px 0px;
text-decoration:none;
/*background-image:url('http://windowfarms.org/images/buybuild.png');
background-repeat:repeat-x;
background-position:bottom;
*/
border:thin solid #999;
line-height:18px;
}


#navlist2{
	white-space: nowrap;
	padding: 0;
	margin: 0;
	border-top:0px solid #333;
}

#navlist2 li{
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
	list-style: none;
	
}

#navlist2 li a{	
border-left:2px solid #333;
	border-right:2px solid #333;
width:182px;
text-align:center;
	display: block;
	padding-top: 7px;
	padding-bottom:10px;
	text-decoration: none;
	color: #FFFF00;
	white-space: nowrap
}


#navlist2 a:hover{
color:#000;
	text-shadow: 0px 0px 5px #000000;
	background: #f5f5f5;
	
}

#navlist2 li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-bottom:2px solid #333;
 -moz-box-shadow: 0px 0px 10px #666;
   -webkit-box-shadow: 0px 0px 10px #666;
   box-shadow: 0px 0px 10px #666;
}

#navlist2 li ul li{
	float: none;
	display: inline

}

#navlist2 li ul li a{
color:#000;
height:15px;
text-align:left;
	width:182px;
	background: #f5f5f5;
		font-size: 12px;
	padding: 10px;
}

#navlist2 li ul li a:hover{
text-decoration:underline;
text-shadow:none;
}


#navlist3{
	white-space: nowrap;
	padding: 0;
	margin: 0;
	border-top:0px solid #333;
	text-align:center;
}

#navlist3 li{
	padding: 2px 2px 10px 6px;
	margin: 0px 0px 0px 0px;
	float: right;
	list-style: none;
	line-height:34px;

	
}

#navlist3 li a{	

width:310px;
/*display: block;*/
	text-decoration: none;
	color:  #FFFF00;/*text color on nav*/
	white-space: nowrap;
}


#navlist3 a:hover{
color:#444;
	text-shadow: 0px 0px 0px #000000;
	background: #f5f5f5;
	
}

#navlist3 li ul{
	margin: 0;
	padding: 10px;
	position: absolute;
	visibility: hidden;
	border-bottom:2px solid #333;
 -moz-box-shadow: 0px 0px 10px #666;
   -webkit-box-shadow: 0px 0px 10px #666;
   box-shadow: 0px 0px 10px #666;
   background: #f5f5f5;
   	border-left:2px solid #333;
	border-right:2px solid #333;
}

#navlist3 li ul li{
	float: none;
	display: inline;
color:#999;
text-align:left;
list-style:none;
margin:0px;
padding:0px;
	width:208px;
		font-size: 12px;
}

#navlist3 li ul li a{
color:#FFD700;
text-align:left;
}

#navlist3 li ul li a:hover{
text-decoration:underline;
text-shadow:none;
}


#navlist3 li ul li ul li{
	padding-left:10px;
	border:none;
	text-align:left;

}

#navlist3 li ul li ul li a{
border:none;
}

#navlist3 li ul li ul li a:hover{
text-decoration:underline;
text-shadow:none;
}


#home_slideshow{
width:930px;
height: 580px;
background-color:#eee;
z-index:0;
margin-bottom:10px;
overflow:hidden;
clear:both;

}


#home_slideshow_control{
width:120px;
position:absolute;
left:100;
margin-top:-100px;
height:34px;
z-index:1000;
padding:10px;
}


#prev{
float:left;
margin-right:5px;
background-image:url(http://windowfarms.org/images/slideshow_controls/btn_back.png);
height:32px;
width:32px;
}

#pause{
float:left;
margin-right:5px;
background-image:url(http://windowfarms.org/images/slideshow_controls/btn_pause.png);
height:32px;
width:32px;
}

#play{
float:left;
margin-right:5px;
background-image:url(http://windowfarms.org/images/slideshow_controls/btn_play.png);
height:32px;
width:32px;
}

#next{
float:left;
background-image:url(http://windowfarms.org/images/slideshow_controls/btn_next.png);
height:32px;
width:32px;
}

.home_slideshow_text{
padding:10px;
position:absolute;
width:230px;
/*background-color:rgba(0,0,0,0.5);*/
z-index:1000;
}

.home_slideshow_text2{
padding:10px;
position:absolute;
width:660px;
height:50px;
/*background-color:rgba(0,0,0,0.5);*/
z-index:1000;
top:380px;
left:250px;
}


.home_slideshow_1{
font-family: Helvetica, sans serif;
line-height:40px;
letter-spacing:-1px;
font-size:48px;
text-transform:capitalize;
color:#fff;
text-shadow: 1px 1px 0px #000;
}


.home_slideshow_2{
color:#ccc;
margin-top:20px;
font-family:Helvetica, sans serif;
line-height:20px;
font-size:24px;

}


.home_slideshow_3{
color:#eee;
font-family:Helvetica, sans serif;
font-style:italic;
line-height:24px;
font-size:16px;

}


#search{
text-align: right;
padding: 5px 5px 0 0;
}

/* Login Bar */

#dash{
 	background: #55973d; 
 	/* background:rgba(105,172,101, 0.8); */
	width: 100%;
	height: 20px;
	padding: 3px 0;
	}


#social{
height: 20px;
float: right;
padding: 7px 10px 0 0;
}

#account{
padding: 3px 10px 0 0;
height: 20px;
float: right;
}

#account span{
	font: bold 8pt Helvetiva, Arial, sans-serif;;
	color: #fff;
}

#dash a { color: #fff; }


/* Twitter Style! */
.tweet, .query {
  font-family: Helvetiva, Arial, sans-serif;;
  color: #333;
}
.tweet .tweet_list, .query .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.tweet ul{
    list-style-image:url('http://windowfarms.org/images/lettuce.jpg');
}
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
	text-transform: uppercase;
}
.tweet .tweet_list li, .query .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: .5em;
}
.tweet .tweet_list li a, .query .tweet_list li a {
	color: #46a030;
}
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
	background-color: #c9debd;
}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
	vertical-align: middle;
}

.kitguides{
width:220px;
margin:10px 0px 10px 0px;
height:20px;
	background: #eee;
	padding: 10px;
	clear: both;
	color: #333;
	display: block;
	font-size:16px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.kitguides a, .kitguides a:hover{
text-decoration:none;
}

.kitguides:hover{

	background: #ccc;
	
}


.kit_components{
margin-bottom:30px;
border:thin solid #ccc; 
background-color:#eee; 
padding:10px; 
width:400px;
float:left;

}

.kit_components li{
list-style:none;
margin:5px 0px 5px 0px;
line-height:12px;
font-size:11px;
}

.select_kit_1{
width:355px;
height:370px;
float:left;
border:thin solid #ccc;
padding:10px;
font-size:18px;
}


.select_kit_2{
width:495px;
height:370px;
float:left;
border:thin solid #ccc;
padding:10px;
margin-left:30px;
font-size:18px;
}

.select_kit_3{
width:425px;
min-height:450px;
float:left;
border:thin solid #ccc;
padding:10px;
margin-right:30px;
font-size:12px;
color:#000;
}

.select_kit_4{
width:425px;
min-height:450px;
float:left;
border:thin solid #ccc;
padding:10px;
font-size:12px;
color:#000;
}

.select_kit_1:hover, .select_kit_2:hover, .select_kit_3:hover, .select_kit_4:hover{
border:thin solid #000;
color:#000;
text-decoration:none;
background-color:#eee;
-moz-box-shadow: 0px 5px 5px #ccc;
-webkit-box-shadow: 0px 5px 5px #ccc;
box-shadow: 0px 5px 5px #ccc;
}


.select_kit_1 p:hover, .select_kit_2 p:hover, .select_kit_3 p:hover, .select_kit_4 p:hover{
color:#000;
text-decoration:none;

}


.veggie{
display:run-in;
color:#1D7CF2;
}


.ithinkiwant_item{
width:280px;
margin-top:10px;
height:60px;
padding:5px;
background-color:#eee;
}

.iwantawf_img{
padding-right:10px;
float:left;
width:60px;
height:auto;
}


.iwantawf_text{
width:180px;
float:left;
padding:10px;
font-size:14px;
}


.tumblr_caption {
	padding-top:10px;
	
}
.tumblr_post {
	margin-bottom:10px;
}
.tumblr_title {
	font-size:18px;
	color: green;
	font-weight:bold;
}
.tumblr_quote {
	font-size:18px;
	color: green;
	font-weight:bold;
	
}
.tumblr_link {
	font-size:18px;
	color: green;
	font-weight:bold;
	
}

ol {
	list-style: none;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
}

.homepagesidebar{
width:110px;
float:right;
font-size:14px;
line-height:16px;
color:#555;
}

.homepagesidebar li{
padding-bottom:20px;
}


a:hover, a:active, a:focus{
outline:0;
}

.modulewrap{
width:650px;
min-height:400px;

clear:left;
float:left;
margin-bottom: 40px;
border:thin solid #ccc;
}

.anchor{
clear:both;
}

a.accordion_trigger {
	padding:10px;
	float:left;
	clear:left;
	color:#fff;
	height:30px;
	background-color:#666;
	width:630px;
	border:thin solid #666;
	text-decoration:none;
	margin-top:20px;
	 outline: 0;
	 background-image:url('../images/bg-accordion.jpg');
	 background-repeat:repeat-x;

	
}
.introstatement_wrap{
background-color:#eee;
padding:15px 15px 15px 20px;
}

.introstatement1{
font-size:16px;
line-height:20px;
}

.introstatement2{
font-size:12px;
margin-top:10px;

}

a.accordion_trigger:hover{
  filter:alpha(opacity=80);
  opacity:0.8;
}

.pageturn{
margin: -11px 0px 0px -11px;
float:left;
z-index:100;
top:0;
left:0;
 background-image:url('../images/turn.png');
 width:30px;
 height:30px;
}

.arrow-accordion{
margin:3px 5px 0px 0px;
float:left;
z-index:100;
 width:20px;
 height:20px;
}

.arrow-closed{

 background-image:url('../images/triangle-closed.png');

}

.arrow-open{

 background-image:url('../images/triangle-open.png');

}

h5{
width:185px;
font-weight:normal;
	font-size:22px;
	margin:0px;
	float:left;
	
}

.module_wrap_title a{
color:#fff;
}


.col1{
width:200px;
cloat:left;
}

.row1_img{
float:left;
width:200px;
height:200px;
}


.store_section{
float:left;
background-color:#eee;
border-top:thin solid #eee;
border-left:thin solid #eee;
border-right:thin solid #eee;
width:174px;
padding:10px 10px 0px 10px;
margin-right:20px;
height:120px;

margin-bottom:30px;
border:thin solid #ccc;
}


.store_section_title{
font-weight:bold;
text-transform:uppercase;
font-size:18px;
float:left;
width:100px;
}

.store_section_desc{
font-style:italic;
float:right;
width:65px;
}


.store_section_image img{
width:180px;
margin-top:15px;
}

.row1{
padding:20px 10px 20px 0px;
min-height:200px;
background-color:#eee;
}

.row1text{
float:right;
width:420px;
min-height:180px;
font-size:12px;
}

.row1text2{
float:left;
padding:10px;
width:178px;
height:180px;
font-size:11px;
}

.row1text2 li{
line-height:1px;
margin:0px;
padding:0px;
list-style:none;
}

.disiciplinetext{
float:left;
width:180px;
min-height:180px;
padding:10px;
font-size:11px;
border-right:thin solid #ccc;

}

.disiciplinetext li{
list-style:none;
}


.product_intro_text{
margin-top:-18px;
padding:20px;
font-size:14px;
background-color:#fff;
color:#666;
margin-bottom:20px;
border-bottom:thin solid #ccc;
}
.product{
clear:both;
width:638px;
padding-top:0px;
padding-bottom:10px;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;

border-bottom:thin solid #ccc;


}
.product_price{
font-size:12px;
}
.product_left{
text-align:right;
float:left;
width:200px;
}

.product_right{
float:left;
margin-left:15px;
width:400px;

}

.product_right li{
list-style:none;
line-height:12px;
}

.product_right h1{
margin-bottom:10px;
}


.quote_break{
clear:both;
height:30px;
}

.product_module{
float:left;
width:185px;
margin-right:15px;
font-size:11px;
}

.seed_brand{

margin-bottom:10px;
}

.seed_brand img{
border:thin solid #eee;
margin-top:5px;
width:110px;
height:auto;
}

.store_policies{
padding:5px;
font-size:10px;
margin-top:300px;
}

.store_policies2{
float:left;
padding:10px;
font-size:12px;
margin-top:300px;
display:inline;
height:24px;
}

.googlecart-add{
margin-top:10px;
background-color:#2C53B6;
font-weight:bold;
color:#fff;
width:100px;
font-size:16px;
padding:5px;
text-align:center;
-moz-box-shadow: 0px 5px 5px #ccc;
-webkit-box-shadow: 0px 5px 5px #ccc;
box-shadow: 0px 5px 5px #ccc;
margin-bottom:15px;
}

.store_breadcrumbs{
width:810px;
text-align:center;
clear:both;
padding:10px 60px 50px 60px;
height:95px;
border-bottom:thin solid #ccc;


}

.crumb_1_on{
float:left;
background: url(http://windowfarms.org/images/store/1b.jpg) no-repeat;
width:158px;
height:94px;
}

.crumb_1_off{
float:left;
background: url(http://windowfarms.org/images/store/1.jpg) no-repeat;
width:158px;
height:94px;
}


.crumb_2_on{
float:left;
background: url(http://windowfarms.org/images/store/2b.jpg) no-repeat;
width:238px;
height:94px;
}

.crumb_2_off{
float:left;
background: url(http://windowfarms.org/images/store/2.jpg) no-repeat;
width:238px;
height:94px;
}


.crumb_3_on{
float:left;
background: url(http://windowfarms.org/images/store/3b.jpg) no-repeat;
width:239px;
height:94px;
}

.crumb_3_off{
float:left;
background: url(http://windowfarms.org/images/store/3.jpg) no-repeat;
width:239px;
height:94px;
}


.crumb_4_on{
float:left;
background: url(http://windowfarms.org/images/store/4b.jpg) no-repeat;
width:175px;
height:94px;
}

.crumb_4_off{
float:left;
background: url(http://windowfarms.org/images/store/4.jpg) no-repeat;
width:175px;
height:94px;
}


.store-nav-wrap{
width:250px;
height:30px;
clear:both;
padding-top:10px;
margin:10px auto 20px auto;
}

.store-prev{
float:left;
background-color:#2C53B6;
font-weight:bold;
color:#fff;
width:100px;
font-size:16px;
padding:5px;
text-align:center;
-moz-box-shadow: 0px 5px 5px #ccc;
-webkit-box-shadow: 0px 5px 5px #ccc;
box-shadow: 0px 5px 5px #ccc;

}


.store-prev:hover, .store-next:hover, .googlecart-add:hover{
background-color:#456DC7;
-moz-box-shadow: 0px 5px 5px #fff;
-webkit-box-shadow: 0px 5px 5px #fff;
box-shadow: 0px 5px 5px #fff;

}

.store-nav-wrap a:hover{
text-decoration:none;

}

.store-next{
float:right;
background-color:#2C53B6;
font-weight:bold;
color:#fff;
width:100px;
font-size:16px;
padding:5px;
text-align:center;
-moz-box-shadow: 0px 5px 5px #ccc;
-webkit-box-shadow: 0px 5px 5px #ccc;
box-shadow: 0px 5px 5px #ccc;

}


.ui-tabs 
{ position: relative; 
zoom: 1; 
border-left:thin solid #ccc;
border-right:thin solid #ccc; 
} 
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { 
font-weight:bold; 
font-size:18px; 
color:#000;
border-bottom:thin solid #ccc;
height:43px;
border-left:thin solid #fff;
border-right:thin solid #fff; 
width:608px; 
background-color:#fff; 
margin-left:-1px;
}
.ui-tabs .ui-tabs-nav li { 
list-style: none; 
float: left; 
background-color:#ccc; 
margin-left:3px; 
margin-right:3px;  
padding: 8px; 
white-space: nowrap; 
width:165px;
text-align:center;
border-top:thin solid #ccc;
border-left:thin solid #ccc;
border-right:thin solid #ccc; 
height:26px;
background-image:url('http://windowfarms.org/images/buybuild.png');
text-shadow: #fff 0px 1px 0px;
background-repeat:repeat-x;
background-position:bottom;
}
.ui-tabs .ui-tabs-nav li a { 
float: left;  
text-decoration: none; 
color:#000;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
margin-bottom: 0; 
background-color:#fff;
border-top:thin solid #ccc;
border-left:thin solid #ccc;
border-right:thin solid #ccc; 
border-bottom: 1px solid #fff;
background-image:none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
cursor: text; 
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
cursor: pointer; 
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { 
display: block; 
border-width: 0;  
background: none; 
}
.ui-tabs .ui-tabs-hide { 
display: none !important; 
}


.quotewrap{
float:left;
width:200px;
min-height:180px;
padding:10 20px 10px 20px;
border-right:thin solid #ccc;
font-size:11px;
}

.thequote{
font-family:times;
font-style:italic;
font-size:18px;
letter-spacing:-1px;
line-height:18px;
padding-bottom:10px;
color:#666;

}

.thequotemark{
color:#666;
font-family:georgia;
font-style:italic;
font-size:36px;
float:left;
font-weight:bold;
width:30px;
height:20px;
margin-top:-5px;
}


.therest{
clear:both;
line-height:16px;
}

.row2{
clear:both;
min-height:200px;
}


.row_title{

	font-size:12px;
	
}
.row1text li{
list-style:none;
}

.row2text{
float:right;
padding:10px;
width:380px;
min-height:180px;
background-color:#eee;
font-size:12px;

}

.row2text p{
margin-bottom:10px;
line-height:16px;
}

.thekitwrap{
width:179x;
min-height:180px;
padding:10px;
float:right;
background-color:#fff;
}

.row3{
float:left;
clear:both;
min-height:200px;
}

.readmorelink{
font-size:14px;
margin-top:20px;
}

.kitimage{
float:right;
}
.kitimage img{
height:180px;
width:auto;
padding:5px;

}

.kittext{

font-size: 11px;
width:178px;
line-height:14px;
}

.kittext a{
font-size:12px;
}


.buynow{
width:180px;
margin-top:10px;
font-weight:bold;
height:40px;
}


.buynow2{

margin-top:10px;
font-weight:bold;
height:40px;
}


.learnmore{
width:180px;
margin-top:0px;
height:40px;
}

.learnmore2{
margin:0px 20px 0px 20px;
width:150px;
height:40px;
float:left;
font-weight:bold;
}

.buynow img, .buynow2 img, .learnmore img, .learnmore2 img{
float:left;
padding-right:10px;
}


.descriptionchunk{
border:thin solid #999;
margin-bottom:30px;
padding:10px;
min-height:200px;
}

.descriptionchunk img{
max-width:288px;
height:auto;
}

.descriptionchunk li{
list-style:none;
line-height:16px;
}

.descriptionchunk p{
line-height:16px;
}


.climateblock{
clear:left;
height:50px;
margin-top:20px;
margin-bottom:20px;
}
.climateblock img{
float:left;
padding-right:20px;
width:50px;
height:auto;
}


.linkoff{
clear:both;
padding-top:10px;
width:160px;
}

.linkoff img{
float:left;
padding-right:10px;
padding-top:0px;
}
.linkoff a{
font-weight:bold;
text-decoration:none;
}


.linkoff2{
clear:left;
margin-top:30px;
width:350px;
}

.linkoff2 img{
float:left;
padding-right:10px;
margin-top:-10px;
}
.linkoff2 a{
font-weight:bold;
text-decoration:none;
}


/*  Notification Header  */

.MessageBarOk 
{
padding-left:10px;
	margin:0px;
	background-color: #1E90FF;
	height:35px;
	line-height:35px;
	border-bottom:thin solid #ccc;
	font-size:12px;
	display:none;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	color:#fff;
}

#messageBarCloseBtn
{
	cursor:pointer;
	z-index:10000;
	height:16px;
	width:16px;
	position:absolute;
	right:10px;
	top:10px;
	display:none;
}

.kitsidebar{

width:170px;
height:30px;
float:right;
margin-bottom:20px;
	display:inline;
	padding: 10px;
	color: #666;
	font-weight:bold;
	
	font-size:16px;

}


.sideBox3{

height:80px;
	}


#googlecart-widget-wrap{
min-height:380px;
background-color:#eee;
margin-bottom:20px;
margin-top:15px;

}
.googlecart-widget-item, .open .googlecart-widget-item td {
border-color:#000;
}

  .override #googlecart-widget-head {
    background-color:#00C227;border:none;width:240px;
  }
  .override #googlecart-arrow {
    color:#ffffff;
  }
  .override #googlecart-title {
    color:#ffffff;
  }
  .override #googlecart-summary {
    color:#ffffff;
  }
  .override #googlecart-widget-body {
    width:240px;border:none;background-color:#eee;
  }
  .override #googlecart-widget-list {
    color:#000;border-color:#000; 
  }
  .override .googlecart-widget-item {
    color:#000;border-color:#000;
  }
  .override .googlecart-widget-quantity-column {
    color#000;border-color:#000; 
  }
  .override .googlecart-widget-quantity-box {
    border-color:#ccc;
  }
  .override .googlecart-widget-details-column {
    color:#000;border-color:#000; 
  }
  .override .googlecart-widget-title {
    color:#000;text-decoration:none;
  }
  .override .googlecart-widget-removed-message {
    color:#000;
  }
  .override .googlecart-widget-price-column {
    color:#000;
  }
  .override .googlecart-widget-price {
    color:#000;
  }
  .override .googlecart-widget-remove {
    color:#777;text-decoration:none;
  }
  .override .googlecart-widget-restore {
    color:#000;
  }
  .override #googlecart-widget-emptymessage {
    border-color:#000; 
  }
  .override .googlecart-widget-footertext {
    background-color:#eee;
    
  }
  .override .googlecart-widget-totalmessage {
    background-color:#eee;
  }
  .override .googlecart-widget-totalprice {
    background-color:#eee;
  }
  .override .googlecart-widget-disclaimer {
    color:#777;
    line-height:10px;
    font-size:9px;
  
  }
  .override .googlecart-widget-checkout {
    background-color:#eee;
    
  }