/* @override 
	http://192.168.1.10/ss/stokes-styles.css
	http://test.stokeseeds.com/css/stokes-styles.css
*/

/* @group Jennifer Styles */
body {
	
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;

}
body, td 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


/*Styles for navigation above the wrapper and masthead*/
#service-links {
	padding: 0;
	margin: 3px 0;
	height: 20px;
}

#service-links .tollfree {
	float: left;
	padding-left: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #2e0831;
}

#service-links .service-menu {
	float: right;
	font-size: 11px;
	font-weight: bold;
	width: auto;
	padding-right: 20px;
}

#service-links .service-menu a:link, #service-links .service-menu a:visited {
	color: #2e0831;
	text-decoration: none;
}

#service-links .service-menu a:hover, #service-links .service-menu a:active {
	color: #666;
	text-decoration: none;
}

/*page wrap styles*/
#wrapper1 {
	position: relative;
	margin: 12px auto;
	width: 80%;
	max-width: 1200px;
	min-width: 930px;	
}

#wrapper2 {
	position: relative;
	border: 1px solid #2e0831;
	margin: 0 auto;
	width: 100%;
	min-width: 900px;
}
	
/*Masthead styles*/	
#masthead {
	color: #333;
	background-color: #fff;
	background-image: url(../images/masthead-bg.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 80px;
	padding: 0;
	margin: 0;
}

#masthead img {
	float: left;
}
#masthead form {
	margin: 0;
	padding: 0;
}
#search-box {
	float: right;
	height: 30px;
	margin: 20px 30px 0 0 ;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
}
#search-box input {
	font-size: 11px;
}
#search-box a:link, #search-box a:visited {
	color: #333;
	margin: 10px 0 10px 120px;
	padding: 0;
	text-align: right;
}
#search-box .glass {
	vertical-align: middle;
}

/*Styles for top navigation*/
#top-nav {
	background-color: #2e0831;
	height: 26px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
#top-nav .tagline {
	float: left;
	padding: 3px 0 3px 40px;
}

#top-nav .tpmenu {
	float: right;
	padding: 3px 0;
	width: 500px;
}

/*For tpmenu in top navigation*/

#p7PMnav {
	margin: 0;
	padding:0;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	padding: 4px 10px;
	color: #fff;
	line-height:1;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	color: #d5cad6;
	letter-spacing: .01px;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #d5cad6;
	font-weight: bold;
}

/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 124px;
}
#p7PMnav ul li {
	float: none;
}
#p7PMnav ul, #p7PMnav ul li {
	width: 172px;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#p7PMnav li {width: auto;}


/*End for tpmenu top navigation*/



/*Styles for the two columns*/
#column_wrapper {
	background-image: url(../images/st-bg-middle.gif);
	background-repeat: repeat-y;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.clearfloat-left {
	clear: left;
}

.clearfloat-right {
	clear: right;
}

#right {
	margin: 0px 0px 0px 190px;
	min-width: 690px;
}

#left {
	width: 190px;
	float: left;
	background-color: #eee;
}

#right .content {
	padding: 15px;
	font-size: 11px;
	line-height: 15px;
	color: #000;
}

#left .content {
	padding: 0;
	margin: 0;
}

/*global styles*/
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:  #2e0831;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 30px 0 0 0;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 30px 0 0 0;
}
h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 20px 0 0 0;
}
.emphasis {
	font-size: 13px;
	font-weight: bold;
	color: #2e0831;
}
.emphasis2 {
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
.right {
	float: right;
	margin-left: 10px;
}
.left {
	float: left;
	margin-right: 10px;
}
.read-more {
	text-align: right;
}

.nomargintop {
	margin-top: 0;
}

.content p {
	margin: 12px 0;
}

#breadcrumb {
	color: #333;
	font-size: 11px;
	margin: 10px 0;
	padding: 0;
}

#breadcrumb a {
	color: #333;
}

#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus {
	color: #2e0831;
}


/*Left column styles*/
#left a:link, #left a:visited  {
	color: #161016;
}

#left a:hover, #left a:active  {
	color: #000000;
}

#left h2 {
	font-size: 14px;
	font-weight: bold;
	color: #2e0831;
	margin: 10px 0 0 10px;
}

#left h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1a191a;
	margin: 10px 0;
	text-align: center;
}

#left .banner1 {
	
	padding: 0;
	margin-top: 10px;	
	text-align: center;
}

#left .banner2 {
	width: 140px;
	padding: 5px;
	margin: 10px auto;
	background-color: #c1b6c2;
	border: 1px solid #2e0831;
}

#left .hist-stokes {
	width: 150px;
	padding: 0;
	margin: 10px auto;
	background-color: #fff;
	border: 1px solid #2e0831;
}

#left .hist-stokes-header {
	background-color: #2e0831;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 4px 0;
	margin: 0 0 20px 0;
	text-align: center;
}

#left .hist-stokes-header a {
	text-decoration: none;
	color: #fff;
}

#left .hist-stokes p {
	padding: 5px;
}


/*For tree menus in left column*/

#tree {
	width: 100%;
	font-size: 11px;
}

#treemenu1 {
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 10px;
}

#treemenu1 a:link, #treemenu1 a:active, #treemenu1 a:hover, #treemenu1 a:visited {
	color: #333;
	text-decoration: none;
}
#treemenu2 {
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 10px;
}

#treemenu2 a:link, #treemenu2 a:active, #treemenu2 a:hover, #treemenu2 a:visited {
	color: #333;
	text-decoration: none;
}

.treeview ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;

}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	background: url(../images/list.jpg) no-repeat left center;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background: url(../images/plus.jpg) no-repeat left 1px;
	cursor: hand !important;
	cursor: pointer !important;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
}

/*End for top tree menu in Left column*/

/*Right Column styles*/

#right a:link {
	color: #333;
}
#right a:visited {
	color: #333;
}
#right a:hover {
	color: #000000;
}

#right .fp-features {
	width: 450px;
	min-width: 450px;
	background-color: #fff;
}

#right .fp-images {
	padding: 10px 0;
}

#right .fp-pullout {
	width: 263px;
	float: right;
	background-image: url(../images/fp-pullout-bg.gif);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 10px auto;
	padding: 0;
}

#right .fp-pullout-bott {
	padding: 0;
	margin: 0;
	width: 263px;
}

#right .fp-pullout-content {
	width: 205px;
	background-color: #fff;
	margin: 10px auto;
	text-align: center;
	padding: 10px;
}

#right .fp-pullout-headline {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2e0831;
	font-size: 18px;
	line-height: 24px;
	margin-top: 0px;
}

#right .fp-pullout-image {
	margin: 10px auto;
}

#right .fp-pullout-left {
	text-align: left;
	padding-left: 15px;
}

#right .fp-pullout-readmore {
	text-align: right;

}

/*end front page styles*/



/*list page styles*/
#product-list {
	width: 98%;	
	height: auto;
}
	
.product-listing {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	overflow: auto;
	border-top: solid 1px #2e0831;
}

.product-listing-title {
	display: block;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 2px 0;
	
	margin: 0 0 3px 0;
}

.product-listing-title a:link, .product-listing-title a:visited {
	text-decoration: none;
	color: #fff;
}

.product-listing-title a:hover, .product-listing-title a:active, .product-listing-title a:focus {
	color: #333;
}

.product-desc {
	margin-top: 8px;
	float: left;
	width: 50%;
}

.product-price {
	margin-top: 8px;
	float: right;
	line-height: 18px;
	padding: 4px;
	width: 310px;
	font-weight: bold;
	border: 1px solid #333;
}
div.priceBox {
	width: 155px;
	float: left;

}
.product-thumb {
	float: left;
	padding: 2px 8px 0 0;
	border: none;
}

#right .infolink {

	color: #2e0831;
	font-size: 11px;
	font-weight: bold;
	width: 150px;
	
	float:right
}

#right .infolink a:link, #right .infolink a:visited {
	display: block;
	background-color: #dededc;
	color: #2e0831;
	padding: 4px;
	text-align: center;
	text-decoration: none;
}



#right .infolink a:hover, #right .infolink a:active, #right .infolink a:focus {
	color: #666;
}

#right .infolink2 {
	
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	
}

#right .infolink2 a:link, #right .infolink2 a:visited {
	display: block;
	background-color: #2e0831;
	color: #fff;
	padding: 4px;
	text-align: center;
	text-decoration: none;
}

#right .infolink2 a:hover, #right .infolink2 a:active, #right .infolink2 a:focus {
	color: #CCC;
}

/*detail page styles*/

#product-detail {
	margin: 5px 0 0 0;
	padding: 0;
	display: table;
}

#product-detail .image-area {
	float: left;
	margin: 10px 10px 10px 0;
	font-size: 10px;
	text-align: center;
}

#prod_specs {	
	width: 685px;
	margin: 10px 0 0 0;
	padding: 0;	
}

#plant-attr {
	width: 190px;
	padding: 5px;
	border: 1px solid #2e0831;
	margin-right: 10px;
}

#price-table {
	background-color: #c8c5c8;
	margin: 0 0 5px 0;
	padding-top: 5px;
	line-height: 18px;
}

#price-table form {
	margin-top: 2px;
}

#price-table select {
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#price-table input {
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#choice-table {
	width: 505px;
	margin: 5px auto;
	background-color: #fff;
	border: 1px solid #2e0831;
	border-collapse: collapse;
}

#choice-table td {
	border: 1px solid #2e0831;
	border-collapse: collapse;
	text-align: center;
}

#choice-table .screen {
	background-color: #fdf7fd;
}

#right .cartlink {
	margin-top: 6px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	
}

#right .cartlink a:link, #right .cartlink a:visited {
	display: block;
	background-color: #2e0831;
	color: #fff;
	padding: 4px;
	text-align: center;
	text-decoration: none;
}

#related-products {
	
	font-weight: bold;
	font-size: 14px;}

.prod-space {
	float: left;
	width: 130px;
	margin: 5px 20px;
}

#related-products img {
	margin: 10px auto;
	border: none;
}

/*cart page styles*/

#cart-table {
	border: solid 1px #dfddc4;
	margin: 10px;
	line-height: 18px;
	width: 95%;
}

#cart-table .title {
	font-weight: bold;
	color: #2e0831;
}

#cart-table .prod-name {
	width: 50%;
}

#cart-table .unittype {
	width: 120px;
}

#cart-table .price {
	width: 70px;
}

#cart-table .qty {
	width: 30px; 
	text-align: center; 
}

#cart-table input{
	width: 13px; 
	text-align: center; 
	font-size: 10px;
}

#cart-table .subtotal {
	width: 100px; text-align: right; 
}

#cart-table .remove {
	width: 60px;  
	text-align: center;
}

#update {
	width: 95%;
	margin: 10px 0;
	font-weight: bold;
	text-align: right;
}

#subtotal {
	width: 95%;
	margin: 10px 0;
	font-weight: bold;
	text-align: right;
}

#right #cart-action {
	margin: 20px 0;
	font-weight: bold;
	text-align: right;
}

#right #cart-action a {
	padding: 10px;
	background-color: #2e0831;
	color: #fff;
	text-decoration: none;
	margin: 5px;
}

#right #cart-action a:hover, #right #cart-action  a:active,#right #cart-action  a:focus {
	color: #fff;
	text-decoration: underline;
}

#right #cart-action .graylink {
	color: #2e0831;
}

#right #cart-action .graylink a {
	background-color: #dededc;
	color: #2e0831;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	margin: 5px;
}

#right #cart-action .graylink a:hover, #right #cart-action .graylink a:active, #right #cart-action .graylink a:focus {
	color: #666;
	text-decoration: underline;
}

/*This style allows for that second set of buttons at the top of the page*/


#right #cart-actiontop {
	margin: 20px 0;
	font-weight: bold;
	text-align: right;
}

#right #cart-actiontop a  {
	padding: 10px;
	background-color: #2e0831;
	color: #fff;
	text-decoration: none;
	margin: 5px;
}
.submitButton, a.submitButton
{
    padding: 10px;
	background-color: #2e0831 !important;
	color: #fff !important;
	text-decoration: none;
}
.submitButton2 
{
    padding:5px;
    background-color: #2e0831 !important;
	color: #fff !important;
	border: none;
	cursor:pointer;
}
a.grayButton, .grayButton a {
	background-color: #dededc !important;
	color: #2e0831 !important;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	margin: 5px;
}

#right #cart-actiontop a:hover, #right #cart-actiontop  a:active,#right #cart-actiontop  a:focus {
	color: #fff;
	text-decoration: underline;
}

#right #cart-actiontop .graylink {
	color: #2e0831;
}

#right #cart-actiontop .graylink a {
	background-color: #dededc;
	color: #2e0831;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	margin: 5px;
}

#right #cart-actiontop .graylink a:hover, #right #cart-actiontop .graylink a:active, #right #cart-actiontop .graylink a:focus {
	color: #666;
	text-decoration: underline;
}


#cartcrumb {
	color: #3e3d39;
	font-size: 11px;
	margin: 10px 0;
	padding: 0;
}	

#cartcrumb .current {
	color: #2e0831;
	font-weight: bold;
}

.needhelp {
	font-weight: bold;
	height: 25px;
	margin-bottom: 10px;
}

/*signin page styles*/

#signin {
	border: solid 1px #999;
	margin: 10px;
	line-height: 18px;
	width: 90%;
}

#signin img {
	border: none;
	background-color:#0C3;
}

#signin .checkout-butt {
	height: 30px;
	margin: 0;
	padding: 0;
}

#signin .checkout-butt a, #signin .checkout-butt a:visited  {
	padding: 5px;
	background-color: #2e0831;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 10px 0;
}

#signin .checkout-butt a:hover, #signin .checkout-butt  a:active, #signin .checkout-butt  a:focus {
	color: #999;
	text-decoration: underline;
}



/*footer styles*/
#footer .content {
	padding: 12px 20px;
}

#footer {
	color: #000;
	background-color: #fff;
	margin: 10px auto;
	font-size: 11px;
	text-align: center;
}

#footer a:link, #footer a:visited {
	color: #000;
}

#footer a:active, #footer a:hover {
	color: #666;
}

#footer img {
	border: none;
	vertical-align: middle;
}
/* @end */
/* @group Jacob Styles */

#tree {
	overflow: auto;
}
.subCategoryList {
	border: 1px #ccc solid;
}
#subCategoryList ul li {
	width: 33%;
	
}
#subCategoryList table {
	width: 100%;
}
#subCategoryList td {
	width: 33%;
	vertical-align: top;
	
}
#subCategoryList a {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	display: block;
	width: 98%;
	padding: 5px;	
}
.catListTitle img {
	padding-right: 5px;
	vertical-align: middle;
	width: 20px;
	
	overflow: hidden;
}
.catListSummary {
	margin-left: 10px;
}
#subCategoryList a:hover {
	background-color: #eee;
}
hr {
	height: 0px;
	border: 0px solid;
	border-bottom: 1px solid #ccc;
}
#ctl00_UpdateProgress1 {
  position: absolute;
  width: 190px;
  height: 300px;
  overflow:hidden;
  padding:0;
  margin:0;
  filter:alpha(opacity=90);
  opacity:0.9;
  z-index:1000; 
}
.processMessage { 
  position:absolute; 
  top:20px; 
  left:40px;
  padding:20px;
  width:80px;
  height: 50px;
  z-index:1001;
  background-color:#fff;
  border: 1px #000 solid;
  filter:alpha(opacity=90);
  opacity:.9; 
} 
.feature {
	text-align: left;
}

.rtPlus, .rtMinus
{
	background-image: url('/images/PlusMinus.png') !important;
	margin: 4px 0px !important;
}
.rtTop, .rtMid, .rtBot {
	padding-left: 10px !important;
}
.catImageNormal {
	padding-right: 10px;
}
#subCategoryList {
	width: 98%;
}
#categoryContent {
	display: table;
	width: 98%;
}
.productdoc img {
	vertical-align: middle;
}
.error {
	color: #fff !important;
	font-weight: bold;
	padding: 5px;
	background-color: #e08c85;
	
	display: block;
}
.selectedNode .rtIn
{
	color:#fff;
	background-color: transparent !important;}
.selectedNode {
	background-color:#ccc !important;
}
table {
	border-collapse: collapse;
}
.stdTbl td {
	padding: 10px;
	border-top: 1px solid #ccc;
}
.stdTbl th 
{
    padding: 0px 10px; 
}
.display-table {
	border: 1px solid #ccc;
}
.display-table td {
	border-top: 1px solid #ccc;
}
.hide
{
    display:none;
}
.show {
	display: inline;
}
.modalPopup 
{
    background:#fff;
    border: solid 1px #000;
    padding:20px;
    text-align: center;
}
.modalBackground
{
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    background-color: #000;
}
.ajaxLoader 
{
    display:inline;
    margin: 5px; 
}
.relatedProducts {
	margin-top: 10px;
	margin: 10px auto;
}
.relatedProducts td {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	
}
.relatedProducts img {
	float: left;
	padding-right: 5px;
}
.relatedProducts a {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}
.relatedProducts td .prod-space {
	margin: 0px;
	width: 150px;
}
/*PAYMENT FORM STYLES*/
div.paymentseparator
{
padding: 10px;
clear: both;
}
div.paymentform
{
font-size: 12px;
}
div.paymentformheader
{
font-size: 12px;
font-weight: bold;
color: #221d20;
}
div.paymentforminstructions
{
font-size: 10px;
}


div.error
{
	border: solid 1px #980819;
	margin: 10px 10px 10px 10px;
	padding: 10px;
	color: #0a0a0a;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 400px;
}

.success
{
	border: solid 1px #089819;
	margin: 5px 3px 10px 0;
	padding: 10px;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	color: Green;
	text-align: center;
	
}

.vPad 
{
    margin: 10px 0px !important;
    display:block;
}

/* @end */