/*********************************
     SITE WIDE STYLES
*********************************/
body {
	margin: 0;
	padding: 0;
	font: 12px/15px Arial, Helvetica, Sans-serif;
	color: #666666;
	background-color: #ffffff;
}

a:link { color: #567632; text-decoration: none; }
a:active { color: #567632; text-decoration: underline; }
a:hover { color: #333 !important; text-decoration: underline; }
a:visited { color: #567632; text-decoration: none; }

strong { font-weight: bold; }

.alert {color: #cc0000; font-weight: bold; float:left;}

.sale, .salePrice { color: #ff0000; }
.salePriceBold { color: #ff0000; font-weight: bold;}

input.textfield { 
	border: 1px solid #cfcfcf;
	font-size: 12px Arial, Helvetica, Sans-serif; 
	padding: 4px 0 4px 3px;
	background: #fff !important;
	margin: 0 5px 0 0;
	vertical-align:middle;
	color: #333333;
}

input.textPassword { 
	border: 1px solid #cfcfcf;
	font-size: 12px Arial, Helvetica, Sans-serif;
	padding: 4px 0 4px 3px;
	background: #fff !important;
	margin: 0 5px 0 0;
	vertical-align:middle;
	color: #333333;
}

hr {
	border: 0;
	color: #9E9E9E;
	background-color: #9E9E9E;
	height: 1px;
	width: 100%;
	text-align: left;
}

.clear { clear: both; }
.small { font-size: 10px; }
.space {padding-top: 15px;}
.btn {vertical-align:middle; border-width:0px; }
.valign_img {vertical-align: middle;}
.left {float: left;}
.right {float: right;}

h1 {
	color: #73984b;
	font-size: 36px;
	font-weight: normal;
	line-height: 38px;
	margin: 0;
	padding: 0;
}

h2 {
	color: #666;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	margin: 0;
	padding: 0;
}

h3 {
	color: #73984b;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 0;
}




#Container {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 972px;
	overflow: hidden;
}


/*********************************
    HEADER STYLES
*********************************/
#header {
	margin: 0;
	padding: 0;
	width: 972px;
	overflow: hidden;
}

#logo {
	width: 366px;
	height: 83px;
	float: left;
	margin: 0;
	padding: 0;
}

#tagline {
	width: 288px;
	float: left;
	display: inline;
	margin: 50px 0 0 0;
	padding: 0;
	text-align: center;
	color: #567632;
	font: bold italic 18px/20px Times New Roman, Times, Georgia, serif;
}

#AccountNav {
	float: right;
	margin: 0;
	padding: 0; 
	width: 318px;
}

.phonebox {
	float: left;
	text-align: left;
	width: 80px;
	height: 15px;
	margin: 0;
	margin-top: 9px;
	padding-right: 10px;
	margin-right: 10px;
	font-weight: bold;
	border-right: 1px solid #cccccc;
	color: #567632;
}

.signinbox {
	float: left;
	width: 160px;
	text-align: center;
	margin: 0;
	padding: 9px 0 0 0;
	color: #567632;
}

.signinbox a {
	font-weight: bold;
}

.logout {
	color: #ccc;
}

.logouton {
	font-weight: normal !important;
}

.cartbox {
	float: right;
	text-align: right;
	width: 35px;
	height: 15px;
	margin: 0;
	margin-top: 9px;
	padding-left: 10px;
	margin-left: 10px;
	font-weight: bold;
	border-left: 1px solid #cccccc;
	color: #567632;
}

.cartbox a.cartlink {
	font-weight: bold;
}

.checkoutbox {
	float: right;
	margin: 0;
	padding: 9px 0 0 0;
	color: #567632;
}

.checkoutbox a {
	font-weight: bold;
}

#search {
	clear: right;
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
	width: 318px;
	overflow: hidden;
}

.searchinput {
	border: 1px solid #cfcfcf;
	font: 12px/14px Arial, Helvetica, Sans-serif;
	padding: 5px 0 4px 18px;
	background: #fff url("../graphics/mag_glass.gif") no-repeat;
	margin: 0 5px 0 0;
	width: 263px;
	vertical-align:middle;
	color: #999999;
}

.searchbtn {
	vertical-align:middle;
	margin: 0;
	padding: 0;
}

.advsearchbtn {
	vertical-align:middle;
	margin: 0 0 0 7px;
	padding: 0;
}

#DesignNav {
	clear: both;
	text-align: right;
	padding: 10px 0;
	width: 972px;
	color: #567632;
}

#DesignNav a {
	font: italic 16px/18px Times New Roman, Times, Georgia, serif;
}

#TopNav {
	clear: both;
	width: 972px;
	
}

#TopNav ul { }

/*  LEVEL ONE  */
#TopNav ul.dropdown { list-style: none; margin: 0; padding: 0; }
#TopNav ul.dropdown em { display: none;}
#TopNav ul.dropdown li { font-weight: bold; float: left; zoom: 1; position: relative; z-index: 20; }
#TopNav ul.dropdown a:hover { color: #567632; text-decoration: none; }
#TopNav ul.dropdown a:active { color: #567632; }
#TopNav ul.dropdown li a { display: block; height: 41px;}
#TopNav ul.dropdown li a.Dining { background: url("../graphics/menu_01.gif") no-repeat left top; width: 86px; }
#TopNav ul.dropdown li a.Lounge { background: url("../graphics/menu_02.gif") no-repeat left top; width: 95px; }
#TopNav ul.dropdown li a.Leisure { background: url("../graphics/menu_03.gif") no-repeat left top; width: 90px; }
#TopNav ul.dropdown li a.Benches { background: url("../graphics/menu_04.gif") no-repeat left top; width: 100px;}
#TopNav ul.dropdown li a.Umbrellas { background: url("../graphics/menu_05.gif") no-repeat left top; width: 120px; }
#TopNav ul.dropdown li a.Occasional { background: url("../graphics/menu_06.gif") no-repeat left top; width: 129px; }
#TopNav ul.dropdown li a.Accessories { background: url("../graphics/menu_07.gif") no-repeat left top; width: 133px; }
#TopNav ul.dropdown li a.Gifts { background: url("../graphics/menu_08.gif") no-repeat left top; width: 219px; }

#TopNav ul.dropdown li.hover { background-position: left -41px; position: relative; }
#TopNav ul.dropdown li a:hover { background-position: left -41px; }
#TopNav ul.dropdown li:hover { background-position: left -41px; position: relative; }
#TopNav ul.dropdown li.hover a { background-position: left -41px; }


/*  LEVEL TWO  */
#TopNav ul.dropdown ul { width: 188px; visibility: hidden; position: absolute; z-index: 25; top: 100%; left: 7px; border: 1px solid #e4e4e4; border-top: 0; font-size: 12px; list-style: none; margin: 0; padding: 0; background: #fff; }
#TopNav ul.dropdown ul.first { left: 0; }
#TopNav ul.dropdown ul.last { width: 210px; }

* html #TopNav ul.dropdown ul.last { width: 194px; }  /* IE 6 Code */

#TopNav ul.dropdown ul li { font-weight: normal; color: #567632; float: none; margin: 4px 0;} /* IE 6 & 7 Needs Inline Block */
#TopNav ul.dropdown ul li:hover { background: #dde4d6; text-decoration: none; }
#TopNav ul.dropdown ul li a { color: #567632; width: 100%; display: inline-block; height: auto; padding: 4px 8px; } 

* html #TopNav ul.dropdown ul li a:hover { background: #dde4d6; text-decoration: none; }  /* IE 6 Code */

/*  LEVEL THREE  */
#TopNav ul.dropdown ul ul { left: 100%; top: 0; }
#TopNav ul.dropdown li:hover > ul { visibility: visible; }








#MainContent {
	margin: 0;
	padding: 0;
	border:0;
	width: 972px;
	overflow: hidden;
}

#MainContentSidebar {
	margin: 0;
	padding: 0;
	border:0;
	width: 972px;
	background: #fff url("../graphics/side_bk.gif") bottom left no-repeat;
	overflow: hidden;
}

#Content {
	float: left;
	display: inline;
	width: 735px;
}

/*********************************
    LEFT SIDEBAR STYLES
*********************************/
#sidebar {
	float: left;
	display: inline;
	width: 218px;
	padding: 0 1px;
	margin-right: 17px;
	border-top: 1px solid #e4e4e4;
	color: #567632;
	background: none;
}

#sidebar ul { list-style: none; margin: 0; padding: 0; }

#sidebar ul li {
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #e4e4e4;
}

#sidebar ul ul {
	padding-top: 5px;
	padding-bottom: 1px;
}

#sidebar ul ul li {
	padding: 3px 5px;
	font-size: 12px;
	font-weight: bold;
	border: 0;
}

#sidebar ul ul ul {
	list-style-type: disc;
}

#sidebar ul ul ul li {
	padding: 3px 10px;
	list-style-position: inside;
	font-size: 12px;
	font-weight: normal;
	border: 0;
}

#sidebar .noline { border-bottom: 0px; }

#breadcrumb {
	padding-bottom: 15px;
}



/*********************************
    FOOTER STYLES
*********************************/
#footer {
	width: 970px;
	border: 1px solid #e4e4e4;
	overflow: hidden;
	padding: 15px 0;
	margin: 20px 0 0 0;
}

.footerBox {
	float: left;
	display: inline;
	width: 120px;
	height: 115px;
	padding: 0 10px;
	margin: 0 10px;
	border-right: 1px solid #e4e4e4;
	font-size: 11px;
	line-height: 18px;
}

#footer .last {
	border-right: 0px solid #e4e4e4;
	width: 140px;
}

.footerBox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footerBox li {
	font-weight: bold;
	color: #999999;
}

.footerBox li a:link { font-weight: normal; color: #999999; text-decoration: none; }
.footerBox li a:active { font-weight: normal; color: #999999; text-decoration: none; }
.footerBox li a:hover { font-weight: normal; color: #567632 !important; text-decoration: underline; }
.footerBox li a:visited { font-weight: normal; color: #999999; text-decoration: none; }


.footerBox li a.hdr {
	font-weight: bold;
	color: #999999;
}

#footerEmailBox {
	float: right;
	display: inline;
	margin: 15px 20px 0 0;
	width: 280px;
}

#footerEmailBox .login {
	display: block;
	margin-top: 15px;
}


#footerSecurityBox {
	float: left;
	overflow: hidden;
}

#copyright {
	float: right;
	padding-top: 5px;
	font-size: 11px;
}
#cartPopup
{
    background-color:#fff;
    border:1px solid #666666;
}
#cartPopup .cpTitle
{
    color: #fff;
    background-color:#577632;
    padding:5px;
    font-size:15px;
    font-weight:bold;
}
#cartPopup .cpItems
{
    max-height:170px;
    overflow:auto;
    border-bottom:1px solid #ccc;
}
#cartPopup .cpTotals
{
    float:left;
    display: inline;
}
#cartPopup .cpTotals .amount
{
    padding-left:8px;
}
#cartFancy .cpTotals td
{
    white-space:nowrap;
}
#cartPopup .cpNav
{
    float:right;
    margin:30px 10px 0 0;
    font-weight:bold;
}
#cartFancy
{
    background-color:#fff;
    border:1px solid #666666;
}
#cartFancy .cfTitle
{
    color: #fff;
    background-color:#577632;
    padding:5px;
    font-size:15px;
    font-weight:bold;
}
#cartFancy .cfItems
{
    max-height:260px;
    overflow:auto;
    border-bottom:1px solid #ccc;
}
#cartFancy .cfTotals
{
    float:left;
    display: inline;
}

#cartFancy .cfTotals td
{
    white-space:nowrap;
}
#cartFancy .cfNav
{
    float:right;
    display: inline;
    white-space:nowrap;
    margin:5px 1px 0 0;
    font-weight:bold;
}


/*********************************
     SELECT STYLES
*********************************/
div.selectbox-wrapper {
	position: absolute;
	width:400px;
	background-color:white;
	border:1px solid #cfcfcf;
	margin:0px;
	margin-top: -2px;
	padding: 3px;
	font: 12px/15px Arial, Helvetica, Sans-serif;
	text-align:left;
	overflow: auto;
}

div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.selectbox-wrapper ul li.selected { 
  background-color: #dde4d6;
}
div.selectbox-wrapper ul li.current { 
  background-color: #e1e1e1;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.selectbox /* look&fell of  select box*/
{
  padding: 3px;
  font: 12px/15px Arial, Helvetica, Sans-serif;
  width : 10em; 
  display : block;
  text-align:left; 
  background: url("../graphics/select_bk.gif") right;
  cursor: pointer;
  border:1px solid #cfcfcf;
  color:#333;
}

.single /* look&fell of  select box*/
{
  padding: 3px;
  font: 12px/15px Arial, Helvetica, Sans-serif;
  width : 150px;
  display : block;
  text-align:left; 
  background: url("../graphics/select_bk.gif") right;
  cursor: pointer;
  border:1px solid #cfcfcf;
  color:#333;
  vertical-align:middle;
}

.singlequick /* look&fell of  select box*/
{
  padding: 3px;
  font: 12px/15px Arial, Helvetica, Sans-serif;
  width : 130px;
  display : block;
  text-align:left; 
  background: url("../graphics/select_bk.gif") right;
  cursor: pointer;
  border:1px solid #cfcfcf;
  color:#333;
  vertical-align:middle;
}