﻿/* Urban Garden Center Site Theme for UrbanGardenCenter.com - Developed by Smart Solutions - www.smartz.com. */
html {height:100%;}
body {
	background:#573819 url('../images/Urban-Garden-Center-1x1.gif');
	height:100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "Trebuchet MS",Arial,Helvetica, sans-serif;
	color: #82501C;
	letter-spacing: normal;
	text-align:center;
	}
form.PageBody {height:100%;}
.ThemeContainer {width:800px; height:100%; background:#fff; text-align:left; margin:0 auto;}
.MainContentArea {vertical-align:top; height:100%; padding:10px 0 0 0;}
.MainContentArea a {text-decoration:underline ! important;}
.Content_LeftColumn {width:200px; vertical-align:top; background:#ebeacc url(../images/Urban-Garden-Center-16x1.gif) no-repeat center bottom;}
.Content_MainColumn {vertical-align:top; padding:0 20px 20px 20px;}
.Content_rightColumn {vertical-align:top;}

.CategoryTable {width:100%; height:100%;}


.ProductTable {width:100%; height:100%;}
.Product_LeftColumn {width:200px; vertical-align:top; background:#ebeacc url(../images/Urban-Garden-Center-16x1.gif) no-repeat center bottom;}
.Product_MainColumn {vertical-align:top; width:240px; text-align:center;}
.Product_rightColumn {vertical-align:top;}
.Product_MainColumnContainer {vertical-align:top; padding:0 20px;}

/*table { width: 100%; }*/

/* Misc */
img { border: none; }
.hide, hr {display: none;}
input { vertical-align: middle; }

/* Headings */
h1 {font-size:18px; line-height:normal; margin:0 0 5px 0; padding:0; color:#ADAD34;}
h2 {font-size:16px; margin:10px 0 5px 0; padding:0;}
h3 {font-size:14px;line-height: normal;margin:0;padding:0;}
h4 {font-size:14px;margin:0;padding:0;}
h5 {font-size:12px;margin:0;padding:0;}
h6 {font-size:10px;margin:0;padding:0;}

/* Site Menu */
div#siteMenu {height:30px; background:#ADAD34; text-align:right; }
div#siteMenu ul {line-height:30px; list-style-type:none; margin:0 20px 0 auto; width:auto; padding:0; position:relative;}
div#siteMenu ul li {display:inline; margin:0; padding:0; color:#fff; font-size:14px;}
div#siteMenu ul li a, div#siteMenu ul li a:link, div#siteMenu ul li a:visited {color:#fff; text-decoration:none; font-size:14px;}
div#siteMenu ul li a:active, div#siteMenu ul li a:hover {text-decoration:underline;}

/* Paragraphs */
p { padding: .2em; margin: 0 0 .5em 0; /*line-height: 1.1em;*/ line-height:18px; color:#82501c; }

/* Lists */
ol, ul { margin: .5em 1em; padding: 0; }
li { margin: 0 0 0 1em; padding: .2em 0; }

/* Links */
a, a:link, a:visited { text-decoration:underline; color:#999800; }
a:active, a:hover { color:#999800; text-decoration:underline;}

/* Clearing Floats */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
* html .clear { height: 1%; }
.clear { display: block; overflow: hidden; }

/* Content */
#maincontent {margin:0 auto;width:770px;background: url('../images/ContainerBg.png') repeat-y top left;}
.maincontentwrapper {margin:0 18px 0 10px;padding:5px;background-color:#fff;}
.widecontentwrapper {width:761px;margin:0;padding:0;background-color:#fff;}
#popup {background-color:#fff;margin:5px;padding:5px;}

/* Admin Panel */
#adminpanel {font-size:85%;background-color:#444;color:#fff;border-bottom: 1px solid #000;padding:5px;}
#adminleft, #admincenter, #adminright { width: 30%; vertical-align: middle; }
#adminleft { text-align: left; }
#admincenter { text-align: center; }
#adminright { text-align: right; }
#adminpanel a {color:#fff;border-bottom: 2px solid #666;text-decoration: none;}
#adminpanel a:hover {color:#fff;text-decoration:none;background: #666;}

/* Header */
.Header {height:147px; vertical-align:top; background:url(../images/Urban-Garden-Center-4x3.jpg) no-repeat right 20px;}
ul#headernavmenu a { text-decoration: none; }
ul#headernavmenu {list-style:none; margin:0 20px; padding:0; font-size:10px; color:#7b7b01; text-align:right; height:20px; line-height:20px;}
ul#headernavmenu li {display:inline; margin:0; padding:0;}
ul#headernavmenu li a, ul#headernavmenu li a:link, ul#headernavmenu li a:visited {font-size:10px; color:#7b7b01; text-decoration:underline;}
div.Cart_Totals {display:inline;}
.HomeLink {margin:0 0 0 20px; display:block; width:187px; height:97px; background:url(../images/Urban-Garden-Center-4x2.gif) no-repeat;}

#wait{ background: #FF0000; position: fixed; top: 15px; right: 15px; width: 100px; }

/* Footer */
.Footer {height:30px; background:#C2C167;}
#footer {margin:0;padding:10px 0;}
#footernavmenu {text-align:center;margin:0px;padding:10px 0;font-size:85%;}

.footerTable {width:100%; height:30px;}
.footerText {line-height:30px; color:#fff; font-size:10px; padding:0 0 0 20px;}
.Smartz {line-height:30px; text-align:right; color:#fff; font-size:10px; padding:0 20px 0 0;}
.Smartz a, .Smartz a:link, .Smartz a:visited {text-decoration:none; color:#fff; font-size:10px;}
.Smartz img {vertical-align:middle;}

/* MiniCart */
#minicart { /*position:absolute;bottom:0;left:0;*/ text-align: left; background: #000; padding: 10px 15px; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; color: #fff; font-weight: bold; }
#minicart h1 {color:#fff;font-size:200%;padding:0;margin:0;}
#minicart div { display: inline; }
#minicart a { color: #fff; text-decoration: underline; }
#minicart a:hover { color: #ccc; }

/* Columns */
#navcolumn {width:175px;float:left;margin:0 10px 0 0;}
#maincolumn {width:545px;float:left;}

/* Column Blocks */
.decoratedblock { /*border: 1px solid #eee; */margin: 0 0 10px 0; padding: 0; }
.decoratedblock h4 { display: block; background: #d6d699; line-height:34px; padding: 0 20px; margin:0;}
.decoratedblock ul, .decoratedblock ol { margin: 0; padding: 0; }
.decoratedblock li { margin: 0; padding: 0; }
.blockcontent { /*padding: 5px; */}

.categorymenu .decoratedblock h4 {padding: 0 20px; margin:0; line-height:34px; color: #ffffff; display: block; }
.productgridimage img {border:solid 1px #999800;}

table.Category_GridTable tr td {vertical-align:top;}
.productgridlink {text-align:center; width:176px;}
.productgridlink a, .productgridlink a:link,.productgridlink a:visited {text-decoration:underline;}

/* Column Menus */
.sidemenu ul, .categorymenu ul {padding:0px;margin:5px 0px 5px 0px; list-style:none;}
.sidemenu li, .categorymenu li {padding: 5px 20px;}
.sidemenu li a, .categorymenu li a, .categorymenu ul li a, .categorymenu ul li a:link, .categorymenu ul li a:visited {text-decoration:none ! important; padding:0 0 5px 0; display:block; font-size:14px; border-bottom:solid 1px #d6d699; color:#82501c;}

/* Column Search Box */
.searchboxform {background:#fff; height:30px; text-align:right; position:relative;}
.SearchInput { width: 159px; height:16px; border:solid 1px #d39f6d; border-right:0px; margin:0 0 0 17px;}
.searchboxform input { vertical-align: middle; }

.box_SearchInput {position:absolute; top:0; left:17px; width: 160px; height:16px; border:solid 1px #d39f6d; border-right:0px;}
.box_searchbutton {position:absolute; top:0; left:178px;}

/* Bread Crumbs */
.breadcrumbs {margin:0 0 10px 0;padding:10px;font-size:90%;background: #D6D699; color:#fff; display:none ! important;}
.breadcrumbs .links a, .breadcrumbs .links a:link, .breadcrumbs .links a:visited {color:#fff;}
.breadcrumbs * {color:#fff;}
.breadcrumns, .breadcrumns a:link, .breadcrumns a:visited {color:#fff;}

/* Site Map Page */
#SiteMapColumns { clear: both; }
.ColumnOne { width: 350px; float: left; border-right: 1px solid #eee; }
.ColumnTwo, .ColumnThree { width: 350px; float: right; margin-bottom: 15px; }

/* Cart Page */
.cartitemimage {width:176px; height:130px;float:left; margin: 0 5px 5px 0;}
.cartitemimage img {margin:3px 0 0 5px; border:solid 1px #656565 ! important;}
.cartitemdescription { margin: 5px 5px 5px 10px; float: left; width: 310px;}
#cartcontainer tr td {border-top:solid 1px #ccc; padding: 5px 5px 0 0;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0 20px;}
#cartcontainer {border-bottom:solid 1px #ccc;}
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right; font-size: 110%; font-weight: bold;}
#carttotals table {float:right;}
#cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcoupons {border:solid 1px #ccc;background-color:#F0F0F0;padding:10px;}
.cartsku { font-size: 80%; /*display:none;*/}
.cartproductname { font-size: 110%; font-weight: bold; }
.lineitemnodiscounts {text-decoration: line-through; display: block;}
.totallabel { display: block; }
.productpricecolumn { vertical-align: top; text-align: right; }
.productquantitycolumn { vertical-align: top; text-align: right; }
.producttotalcolumn { vertical-align: top; text-align: right; }
.productdeletecolumn { vertical-align: top; text-align: center; }
.productquantitycolumn div { width: 60px; float: right; }

/* Checkout */
.creditcardinput {border:solid 1px #ADAD34; background-color:#ffc;padding:5px;}
.shippingdiscount { text-decoration: line-through; }
.radiobuttoncol {width: 20px;}

/* Checkout Addresses */
.addressbookpanel { border: 1px solid #eee; padding: 5px; }
.addressbookpanel table { width: 100%; }
.addressbookpanel ul { margin: 0; }
.addressbookpanel li { list-style: none; }
.addressbookpanel table { border-collapse: collapse; border: solid 1px #fff; }
.addressbookpanel td { border: none; padding: 5px;}
.addressbookpanel .alt { background-color: #eee; }
.addresseditor table{ width: 450px; }

/* Closed Store Message */
#closedcontent {width:300px;height:200px;margin:50px auto;padding:10px;background-color:#ff9;color:#333;}
#closedcontent h1 {color:#000;}

/* Address Book */
.addressbooktitle h1 { float: left; }
.addressbooktitle .newaddress { float: right; margin: 15px; }
.address { border: 1px solid #ddd; padding: 5px 10px; margin: 0 5px 15px 0; }
.address .buttonrow { margin: 5px 0; padding: 0; text-align: left; }
table.alladdresses, table.primaryaddresses { margin: 5px 0; width: 100%; }
table.alladdresses td, table.primaryaddresses td { vertical-align: top; }

/* Search Page */
fieldset#SearchForm {}
fieldset#SearchForm .forminput { border-color: #ccc; }
#SearchResultsPane { margin: 10px 0; }
.searchresultrecord { padding: 5px; margin: 5px; border-left: 5px solid #ccc; background-color: #f5f5f5; }

/* Notes */
.BVSmallText { font-size: 85%; }

/* Row Elements */
.rowheader, th { background: #EBEACC; color: #666; padding: 0; font-weight: bold; padding: 5px 0; text-align: center; }
.rowheader { font-size: 90%; }
.row { background: #f6f6f6; }
.altrow { background: #f4f4f4; }

/* Form Fields */
fieldset { border: 1px solid #eee; margin: 0; padding: 0; }
fieldset table { margin: 15px auto; }
fieldset#CurrentUsers { width: 340px; float: left; }
fieldset#NewUsers { width: 380px; float: right; }
fieldset.contactform table { width: 510px; }
legend { font-size: 1.3em; line-height: 1em; font-weight: bold; color: #444; margin: 0 5px; padding: 2px; }

/* Form Elements */
td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
td.formfield { text-align: left; white-space: nowrap; }
.forminput { padding: 4px 0 0 6px; height: 20px; width: 90%; color: #444; vertical-align: middle; border: 1px solid #ccc; }
.formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; }
.short { width: 25%; }
.medium { width: 50%; }
label { color: #666; font-size: 90%; }
label.required { font-weight: bold; }
select { border: 1px solid #ccc; color: #444; vertical-align: middle; }
div.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: .8em; }
span.errormessage { color: #fff; background: #c00; display: inline; line-height: 2em; padding: 0 5px; font-size: .8em; }
.forgot { /*background: #f5f5f5;*/ padding: 5px; display: block; margin-top: 10px; font-size: 10px; }
.forgot:active, .forgot:hover {background:#f5f5f5;}
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }

/* Affiliate Form */
fieldset#affiliateform table { width: 510px; }
fieldset#affiliateform table table { margin: 0; padding: 0; width: 100%; }
fieldset#affiliateform td.formlabel { width: 150px; }

/* Returns Form */
.returnitems table { width: 100%; }
.returnitem .formlabel, .returnitem .formfield { padding: 3px; }
.returnitem { margin: 5px; }
.returncontrols { margin: 5px 0 0 0; padding: 5px; border: 1px solid #ddd; background: #eee; }
.returnitems td.qtycolumn { vertical-align: top; }
.returnitems .qtyfield { background: #eee url(../images/lilarrow.gif) no-repeat center right; margin: 5px 0; padding: 5px;  }
.returnitems .qtyfield input { width: 25px; text-align: center; border: 1px solid #ccc; }
.rmaform { margin: 20px 0; }
.rmaform table tr td { padding: 3px; }
.rmaform .formtextarea { height: 100px; width: 400px; }

/* Message */
.messagebox { border: 1px solid #ccc; width: 100%; margin: 5px 0; }
.messagebox ul { list-style: none; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 1em; padding: 5px; }
.messagebox .errorline { clear: both; }

.MarkDownPrice {text-decoration:line-through;}

.leftBox {background:#7A5229; padding:10px 20px 5px; color:#fff;}
.leftBox a, .leftBox a:link, .leftBox a:visited  {color:#fff;}

/* Our Mission Box */

.missionBox {border-collapse:collapse; border:solid 1px #ADAD34; margin-top:20px; background:#EBEACC;}
.missionBox tbody tr th {height:33px; vertical-align:middle; text-align:left; font-weight:bold; padding:0 0 0 40px; background:#D6D699 url(../images/mission.gif) no-repeat;}
.missionBox tbody tr td, .missionBox tr td {padding:2px;}

/* Our Guarantee Box */
.guaranteeBox {border-collapse:collapse; border:solid 1px #ADAD34; margin-top:20px; background:#EBEACC;}
.guaranteeBox tbody tr th {height:33px; vertical-align:middle; text-align:right; font-weight:bold; padding:0 15px 0 0; background:#D6D699 url(../images/guarantee.gif) no-repeat;}
.guaranteeBox tbody tr td, .guaranteeBox tr td {padding:2px;}

/* Important Shipping Box */
.importantShippingBox {border-collapse:collapse; border:solid 1px #ADAD34; margin-top:20px; background:#EBEACC;}
.importantShippingBox tbody tr th {height:33px; vertical-align:middle; text-align:right; font-weight:bold; padding:0 5px 0 0; background:#EBEACC url(../images/important.gif) no-repeat;}
.importantShippingBox tbody tr td, .importantShippingBox tr td {padding:5px 10px; font-size:7pt; text-align:left;}

/* General Info Box */
.GeneralInfoHead {padding: 5px 5px 5px 20px; background-color: rgb(214, 214, 153);}
.GeneralInfo {padding: 0px 0px 10px 12px;}