/* Elements */
body { margin: 20px auto 0px auto; background: #003366; text-align: center; font-family:Arial; font-size: 12px; }
img { display: block; }
a { text-decoration: none; color:#336633; }
a:hover { text-decoration: underline; color:#336633; }
a img { border:0; }

/* Element IDs */
#stage { width:970px; text-align:left; margin: 0px auto; padding: 0px; }
#stage-header { width: 100%; height: 64px; }
#navigation-links { border: solid 1px #333333; border-top: none; border-bottom: none; }
#bottom-navigation-links { border: solid 1px #333333; border-top: none; border-bottom: none; }
#header-row td { background: #FFFDF7 url(/images/art/header-top.gif) repeat-x left top;  }
#header-row-td{ border-top: solid 1px #333333; border-bottom: solid 1px #333333; }
#header-row-lefttd{ border: solid 1px #333333; border-right: none; }
#header-row-righttd{ border: solid 1px #333333; border-left: none; }
#header-shopmenu { width: 100%; background-color: #336633; height: 66px; letter-spacing:0.5px }
#header-search { width: 218px; height: 66px;}
#categories { width: 100%; color: #000000;}
#product { width: 100%; color: #000000; }
#category-filters { color: #666666; }
#product-links { border-top : solid 1px #000000; }
#stage-content { background-color: #FFFFFF; }
#table-content { width: 100%; }
#content-left { width: 178px; background-color: #FEF8E2; border: solid 1px #333333; border-right:none;  }
#content-center { border: solid 1px #333333; padding: 14px; }
#content-right { width: 217px; background: #80A878 url(/images/art/cart-bg.gif) repeat-x scroll left top; border: solid 1px #333333; border-left:none;  }
#left-tabs { border-bottom: solid 1px #669966; width: 178px; }
#main-tabs { display: none; }
#garden-talkers { width: 100%; background-color: #FCF3D6; }
#shopping-cart { font-size: 11px; color: #000000; font-weight: 900; }
#newsletter-signup { font-size: 11px; background-image: url(/images/art/newsletter-bg.gif); background-repeat: no-repeat; }
#shop-confidence { font-size: 11px; background-image: url(/images/art/confidence-bg.gif); background-repeat: repeat-y; width: 217px; }
#footer { font-size: 11px; color: #FEF8E2;  }
#footer-td { padding: 10px 0px; border-top: solid 1px #333333; }

/* Selector IDs */
input.searchtext { width: 149px; font-size: 10px; color: #666666; border: solid 1px #9F9F9F; padding: 3px 1px; vertical-align:top; }
#garden-talkers th, #garden-talkers th a { color: #336633; }
#garden-talkers td { color: #70706E; }
#categories a { color: #336633; }
#categories h2 { color: #336633; margin: 0px; }
#categories h3 { color: #336633; margin: 0px; }
#checkout { color: #666666; line-height: 16px; }
#checkout a { color: #336633; text-decoration: underline; font-weight: 900; }
#checkout a:hover { color: #FF0000; text-decoration: none; }
#checkout h1 { font-size: 32px; color: #336633; margin: 0px; padding: 10px 0px; letter-spacing:0.00em; }
#checkout h2 { font-size: 22px; color: #336633; margin: 10px 0px; letter-spacing:0.00em;}
#checkout h2 span { font-weight: 500; }
#checkout input.text { border: solid 1px #666666; }

/* #checkout select { border: solid 0px #666666; } */

#checkout textarea { border: solid 1px #666666; }
#checkout input.account { margin-bottom: 5px; background-color: #FEFED4; color: #333333; padding: 2px; border: solid 1px #666666; width: 100%; }
#checkout input.keycode { margin-bottom: 5px; background-color: #E9FFD9; color: #333333; padding: 2px;  width: 100%; }
#checkout table.checkout-table { font-weight: 900; color: #666666; }
#checkout tr.order-item td { padding: 10px 8px; line-height: 1.5em; border-bottom: solid 1px #666666; }
#checkout table.checkout-info td { padding: 4px  2px; }
#product a { color: #336633; }
#product h2 { color: #336633; margin: 0px; }
#product h3 { color: #336633; margin: 0px; }
#product h4 { color: #424242; margin: 0px; font-size: 12px; font-weight: bold; }
#category-filters td { border-top: solid 1px #000000; padding-top: 2px; }
#category-filters a { color: #336633; }
#category-filters a.selected { color: #000000; font-weight: 900; }
#paging a { color: #336633; text-decoration:underline;}
#paging a.selected { color: #000000; font-weight: 600; text-decoration:underline;}
#paging a.viewall { color: #336633; text-decoration:none;}
#paging a.viewall:hover a.viewall:active{text-decoration:underline;}
#product-links td{ border-left: solid 1px #000000; font-size: 9px; padding-top: 2px; }
#product-links td.first-cell { border-left: none; }
#product-links a { color: #336633; }
#shopping-cart input.text { font-size: 10px; color: #666666; border: solid 1px #9F9F9F; padding: 3px 1px; text-align: center; }
#shopping-cart th { font-size: 11px; }
#shopping-cart .disclaimer { color: #FFFFFF; }
#newsletter-signup input.text { font-size: 11px; color: #666666; border: solid 1px #9F9F9F; padding: 3px 1px; text-align: left; vertical-align: top; }
#newsletter-signup td { padding-left: 12px; padding-right: 12px; }
#shop-confidence th { color: #336633; border-bottom: dotted 2px #336633; font-size: 14px; }
#shop-confidence td { color: #666666; }
#footer a { color: #FEF8E2; }

/* General Classes */
.clear { clear: both; }

/* Element Classes */
.stage-separator { background-color: #427943; height: 8px;  }
.stage-separator div { width: 100%; height: 6px; width: 966px; }
.header-subtable { width: 133px; height: 44px; display: block; border-left: solid 1px #CCCCCC; color: #8B8B89; }
.header-subtable a { color: #8B8B89; }
.header-offer { width: 554px; } 
.table-fillspace { width: 100%; }
.table-catproduct th { color: #336633; }
/* .table-catproduct td a { color: #336633; text-decoration:underline;} */

/* Selector Classes */
span.gray { color: #666666; }
tr.border-none > td, td.border-none { border: none; }
tr.border-remove > td, td.border-remove { border: none !important; }
tr.border-remove-horz > td, td.border-remove-horz { border-top: none !important; border-bottom: none !important; }
tr.border-remove-vert > td, td.border-remove-vert { border-left: none !important; border-right: none !important; }
tr.border-gray > td, td.border-gray {border: solid 1px #333333;}
tr.border-gray-horz > td, td.border-gray-horz { border-top: solid 1px #333333; border-bottom: solid 1px #333333; }
tr.border-gray-vert > td, td.border-gray-vert { border-left: solid 1px #333333; border-right: solid 1px #333333; }
tr.border-gray-top > td, td.border-gray-top { border-left: solid 1px #333333; }
tr.border-gray-bottom > td, td.border-gray-bottom { border-bottom: solid 1px #333333; }
tr.border-gray-left > td, td.border-gray-left { border-left: solid 1px #333333; }
tr.border-gray-right > td, td.border-gray-right { border-right: solid 1px #333333; }
tr.tr-Header td { background-color:#84AB7B; 
color: #FFFFFF; font-weight: 900; font-size: 14px; 
height:25px;
}

/* Removal Classes */
tr.border-none-top > td, td.border-none-top { border-top: none !important; }

/* Category Menu Styles */
#menu-categories { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px; display: block !important; }
#menu-categories li { padding: 5px 0px; }
#menu-categories li a:hover {  background-image: url(../theme/menu-arrow.gif); background-repeat: no-repeat; background-position: 0px 0px; }
#menu-categories li a.selected {  background-image: url(../theme/menu-arrow.gif); background-repeat: no-repeat; font-size: 11px; font-weight: 900; font-style: italic; }
#menu-categories li ul.selected { background-position: 0px 3px; display: block !important; padding: 2px 5px; }
#menu-categories > li > ul { display: none !important; }
#menu-categories > li > a.selected { font-size: 12px; }
#menu-categories > li > ul.selected { display: block !important; padding: 2px 0px; border-top: dotted 1px #BED0AD; border-bottom: dotted 1px #BED0AD; }
#menu-categories li a { color:#336633; font-size:12px; font-weight: 900; padding-left: 10px; }
#menu-categories li ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px 0px 0px 20px; }
#menu-categories li ul li { padding: 2px 0px; }
#menu-categories li ul li a { font-size: 11px; font-weight: 500; color:#336633;  }
#menu-categories li ul li a:hover { background-image: none; }
#menu-categories li ul li a.current { font-size: 11px; font-weight: 900; color:#993300; font-style: italic;  }

/* Newly added */
#menu-categories > li > a.current { background-image: url(/images/art/menu-arrow.gif); background-repeat: no-repeat; font-size: 11px; font-weight: 900; font-style: italic; font-size: 12px; }
#menu-categories > li > a.current + ul { background-position: 0px 3px; display: block !important; padding: 2px 0px; border-top: dotted 1px #BED0AD; border-bottom: dotted 1px #BED0AD; }


/* Tabs Styles */
.ui-tabs-panel { background-color: #FEF8E2; width: 158px; padding: 10px; text-align: left; }
.ui-tabs-hide { display:none; }
.ui-tabs-nav { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; width: 100%; padding: 0px; background-color: #669966; display: block !important; }
.ui-tabs-nav:after { clear:both; content:" "; display:block; }
.ui-tabs-nav li { float:left; margin:0px 0px 0px 2px; min-width:85px; padding-top: 2px; }
html>body .ui-tabs-nav li { margin: 0px 0px 0px 3px; }
.ui-tabs-nav a, .ui-tabs-nav a span { background:transparent url(/images/art/tabs.gif) no-repeat scroll 0px 0px; display:block; padding:0px 5px; }
.ui-tabs-nav a { color:#336633; font-size:12px; font-weight:900; line-height:1.2; padding-left:0px; position:relative; text-align:center; text-decoration:none; white-space:nowrap; z-index:2; width: 80px; text-align: center; }
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position:100% -150px; }
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position:100% -100px; }
.ui-tabs-nav a span { height:18px; padding-right:0px; padding-top:4px; width:75px; padding-left: 5px; }
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position:0px -50px; }
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position:0px 0px; }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor:pointer; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { cursor:pointer; }
.ui-tabs-nav .ui-tabs-disabled { opacity:0.4; }
.ui-tabs-container { background:#FFFFFF none repeat scroll 0px 0px; border-top:1px solid #97A5B0; padding:1em 8px; }

/* Plant Finder Styles */
.jcombox *, .jcombox-m * { line-height: 1.6; cursor: pointer;}
.jcombox, .jcombox-m { margin:0 5px; float: left; clear:left; white-space: nowrap; }
.jcombox { background-repeat: no-repeat; background-position: right center; background-image: url('/images/art/arrow.gif'); }
.jcombox-m { overflow: auto; overflow-x: hidden; } 
.jcombox a, .jcombox-m a { outline: 0px; display: block; font-weight: normal; padding: 0 3px; text-decoration: none !important; }
.jcombox a:hover, .jcombox-m a:hover{ background-color: #e5e5e5; text-decoration: none !important; cursor: pointer; }
.jcombox a.disabled, .jcombox-m a.disabled { color:#c0c0c0 !important;}
.actext { padding: 1px 0px 0px 3px; }
.jcombox span, .jcombox-m div { background: #fff;  border: 1px solid #eaeaea; background: #fff url('/images/art/inner_shadow.gif') no-repeat top left; }
.jcombox span{ display: block; overflow: hidden; margin-right: 20px; padding:0 0px 0px 5px; }
.jcombox-m div { overflow: hidden; }
.jcombox div { background: #fff; display: none; position: absolute !important; z-index: 99 !important; background-color: #fff; overflow: auto; overflow-x: hidden; }
.jcombox-m .current { font-weight: bold; }
.plantfinder-option { font-size: 12px; color: #336633; font-weight: 900; padding: 10px 0px; border-top: dotted 1px #BED0AD; }
.plantfinder-firstoption { padding-top: 0px !important; border-top: none !important; }
.plantfinder { border: 1px solid #668d32; color: #333; font-size: 13px; background-color: #e9e9e9; background-image: url('/images/art/round.gif'); } 
.plantfinder .hover { border-color: #008040; color: #668d32; background-image: url('/images/art/round_hover.gif'); }

.plantfinder .current { background-color: #668d32 !important; color: #fff !important; }
.plantfinder .menu { border: 1px solid #668d32; }



.carousel-component .carousel-list li { 
    margin:4px;
    margin-top:30px;
    width:117px; /* img width is 100 px from flickr + a.border-left (1) + a.border-right(1) + 
                   img.border-left (1) + img.border-right (1)*/
    height:210px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
    /*    margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
    display:block;
    border:none;
    outline:none;
    width:100px;
    text-decoration:underline;
}

.carousel-component .carousel-list li a:hover { 
    border: none; 
  text-decoration:none;
}

.carousel-component .carousel-list li img { 
    width:100px;
    border:1px solid #999;
    display:block; 
}
                                
.carousel-component .carousel-prev { 
    position:absolute;
    top:70px;
    z-index:3;
    cursor:pointer; 
    left:5px; 
}

.carousel-component .carousel-next { 
    position:absolute;
    top:70px;
    z-index:3;
    cursor:pointer; 
    right:5px; 
}



/* Grey background*/
.xtopg, .xbottomg
{
	display: block;
	background: transparent;
	font-size: 1px;
                width : 258px;
}
.xb1g, .xb2g, .xb3g, .xb4g
{
	display: block;
	overflow: hidden;
}
.xb1g, .xb2g, .xb3g
{
	height: 1px;
}

.xb2g, .xb3g, .xb4g
{
	background: #80A878;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.xb1g
{
	margin: 0 5px;
	background: #ccc;
}
.xb2g
{
	margin: 0 3px;
	border-width: 0 2px;
}
.xb3g
{
	margin: 0 2px;
}
.xb4g
{
	height: 2px;
	margin: 0 1px;
}

.gxboxcontent
{
	display: block;
	background: #80A878;
	border: 0 solid #ccc;
	border-width: 0 1px;
                width : 258 px;
}
/* product description */
.gxboxcontentdesc
{
	display: block;
	background: #93B189;
                border: 0 solid #93B189;
	border-width: 0 1px;

	width : 258 px;
}

.xb1d, .xb2d, .xb3d, .xb4d
{
	display: block;
	overflow: hidden;
}
.xb1d, .xb2d, .xb3d
{
	height: 1px;
}

.xb2d, .xb3d, .xb4d
{
	background: #93B189;
}

.xb1d
{
	margin: 0 5px;
	background: #93B189;
}
.xb2d
{
	margin: 0 3px;
	border-width: 0 2px;
}
.xb3d
{
	margin: 0 2px;
}
.xb4d
{
	height: 2px;
	margin: 0 1px;
}

.inputqty1
{
	font-size: 12px; 
	color: #666666; 
	width:20px; 
	weight:800px;
	border: solid 1px #9F9F9F; padding:3px 1px; text-align: center; 
}

.input150
{
	font-size: 12px; 
	color: #666666; 
	width:150px; 
	weight:800px;
	border: solid 1px #9F9F9F; padding:3px 1px; text-align: left; 
}


.input200
{
	font-size: 12px; 
	color: #666666; 
	width:200px; 
	weight:800px;
	border: solid 1px #9F9F9F; padding:3px 1px; 
text-align: left; 
}

.input230
{
	font-size: 12px; 
	color: #666666; 
	width:230px; 
	weight:800px;
	border: solid 1px #9F9F9F; padding:3px 1px; text-align: left; 
}


.input250
{
	font-size: 12px; 
	color: #666666; 
	width:250px; 
	weight:800px;
	border: solid 1px #9F9F9F; padding:3px 1px 0px 0px; 
        text-align: left; 
}


.checkout-label-text
{
	font-size: 11px; 
	color: #666666; 
	weight:600px;
        line-height:16px;
}

.checkout-order-total-text
{
	font-size: 12px; 
	color: black; 
	weight:800px;
        line-height:16px;
}

td.moreinfo  { font-size: 10px; color: #336633;  text-decoration: none;}
td.moreinfo  a { font-size: 10px; color: #336633;  text-decoration: underline; padding:1px 1px 0px 0px;  }

.mischead { 
color:#336633; 
font-family:Arial;
font-size:14px; 
font-weight:800; 
}


.poplayout
{
color:#666666; 
font-family:Arial;
font-size:12px; 
}

#poplayout.a { 
color:#336633 !important; 
font-family:Arial !important; 
font-size:12px !important;  
text-decoration:none!important; 
}

#poplayout a:hover { 
color:#336633 !important; 
font-family:Arial !important;  
font-size:12px !important; 
text-decoration: underline !important;  
}

.strike { 
	text-decoration: line-through;
	}

.sale {
	color: #aa0000;
	font-weight: 600;
	}
