/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 03/14/09 - Eddie Kasper
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
html { 
font-size:100.01%; 
height:100.1%; 
overflow-y:scroll; 
overflow: -moz-scrollbars-vertical; 
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/
*/
/*********** ---------- ::Defaults:: --------------------- ***********/
html { 
font-size:100.01%; 
height: 101%; /* forces scroll on short length pages */
padding-bottom: 1px;
}
body { 
height:101%;
font:12px/150% Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
color:#53506d;
background: #010101 url('../images/site-graphics/body-bg.jpg') repeat-x;
}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em 10px;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:12px; padding: 0; margin: 5px 0 0 5px;}
address, li, p {font-size:12px;}
pre {font-size: 12px;}
ul {margin: 0 0 0 25px;}

/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
width: 990px;
background: #fff;
margin: 20px auto 0 auto;

}
#masthead {
height: 94px;
padding-top: 6px;
}
#logoblock {
width: 320px;
height: 93px;
float:left;
background: transparent url('../images/site-graphics/sassy-logo-sm.jpg') no-repeat;
}
#shoppingcart-box {
	width: 200px;
	height: 93px;
	float: right;
	text-align: right;
}
html.ie7_html #shoppingcart-box input#submitsearch,
#shoppingcart-box input#submitsearch {
	background: transparent;
	border: 0;
	cursor: pointer;
	font: normal 13px/13px Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #53506d;
	margin-right: 5px;
}
#shoppingcart-box form a:link, #shoppingcart-box form a:visited {
	font-size: 11px; 
	color:#6D656D;
	margin-bottom: 5px;
}
#shoppingcart-box a:link, #shoppingcart-box a:visited {
	font: normal 14px/14px Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #53506d;
	text-decoration: none;
}
#shoppingcart-box a:hover{
	text-decoration: underline;
}

#shoppingcart-box p {
	padding: 0 10px 5px 0;
	margin: 0;
}
#announcement-box {
	width: 350px;
	height: 0px;
	float: left;
	background: #fff;
	padding: 45px 0 0 50px
}
#announcement-box p {
	font-size: 16px;
	padding: 0;
	margin: 5px 0;
}
#announcement-box p span {
	color: #221590;
}

#top-menu {
	height: 35px;
	background: #eaeff5;
}
#contents {
margin: 20px 20px 0;
padding-bottom: 20px;
background: transparent url('../images/site-graphics/plant-stars.jpg') bottom right no-repeat;
}
#main-wrap {
background: #fff url('../images/site-graphics/left-bg.jpg') repeat-y;	
}
#main-wrap-int {
background: transparent url('../images/site-graphics/plant-stars-left.jpg') bottom left no-repeat;	
}

#contents-int {
width: 590px;
padding: 0px 10px 0 ;
padding-bottom: 0px;
background: #fff;
float: left;
min-height: 320px;
}
#contents-int b {
	margin: 8px 0 0 5px;
	display: block;
	color: #53506D;
	font-size: 18px;
}
#contents-int ul {
	margin: 0 0 0 15px;
	padding: 0 0 20px 40px;
}
#contents-int ul ul{
	margin: 0 0 0 15px;
	padding: 0 0 0 0px;
}
#contents-int a, #contents-int a:link, #contents-int a:visited, {
	color: #B69BAE;
}
#contents-int a:hover {
	color: #B69BAE;
}

#left {
	width: 200px;
	float: left;
	background: transparent;
}
#left h3 {
	padding: 5px 10px 5px;
}
#right {
	width: 170px;
	float: right;
}
.left-plant-stars {
	width:200px;
	height: 318px;
	
}

#left-column {
	width: 450px;
	height: 368px;
	float:left;
	background: #fff;
	border: 1px solid #b6b4c1;
	background: #fff url('../images/site-graphics/main-placeholder-1.jpg');
}
#right-column {
	width: 480px;
	height: 370px;
	float: right;
}
.rc-top {
	width: 478px;
	height: 208px;
	background: #e5e4f2;
	border: 1px solid #b6b4c1;
}
.rc-bottom {
	width: 478px;
	height: 152px;
	background: #fff;
	border: 1px solid #b6b4c1;
	margin-top: 6px;
}

.rc-lower-left {
	width: 185px;
	height: 184px;
	float: left;
	margin-top: 6px;
	background: #53506d;
}
.rc-lower-right {
	width: 261px;
	height: 184px;
	float: right;
	margin-top: 6px;
	background: #313348;
}
#text-box {
	width: 780px;
	background: #fff;
	padding-top: 20px;
}
#text-box p {
	padding-left: 0;
	font-size: 13px;
}

#footer {
clear:both;
width: 990px;
height: 35px;
margin: 0 auto;
background: #eaeff5;
}
#copyright {
	width:950px;
	margin: 0 auto;
	background: transparent;
}
#copyright p {
	color: #fff;
	margin: 5px;
	padding: 0;
	text-align:right;
	font-size: 10px;
}

/*********** ---------- ::Links:: ------------------------ ***********/
a {text-decoration:underline; color: #53506D;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/
/**** Top Navigation ****/
.nav {
	width: 990px; 
	height: 35px;
	margin: 0 auto;
}
.nav, .nav ul { 
	list-style:none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.nav {
  font: bold 13px/35px Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
  position: relative;
  left: 0px;
}

.nav li {
/* styles the parent list */
  border-left: 2px solid #f7f8f3;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 139px;
}
.nav li.last-link {
	width: 144px;
	
}

.nav li.noborder {
	border-left: 0;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
/* styles the parent links */
  font: bold 13px/35px Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
  background: #eaeff5;
  color: #53506d;
  display: block;
  padding: 0;
  text-decoration: none;
  text-align: center;
  height: 35px;
}

.nav li a:hover {
/* styles the parent links hover */
  background: #eaeff5;
  color: #53506d;
}
.nav li.last-link a:hover{
	width: 144px;
	
}

/*
--The CSS below is used in conjunction with the jquery script so
--that older browsers will render the drop-down menu
*/
#nav-one li:hover a, 
#nav-one li.sfHover a {
 /* styles the parent link hover */
  background: #D1D7DF;
  color: #53506d;
 }
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
 /* styles the drop-down list menu */
  background: #eaeff5;
  color: #53506d;
  z-index: 5000;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
 /* styles the drop-down list link hover */
  background: #D1D7DF;
  color: #53506d;
	
}
/*end css for older browsers*/

.nav ul, .nav ul ul {
 /* styles the main drop-down menu container*/
  background: #565656;
  border: 1px solid #D1D7DF;
  border-top: 0px solid #655733;
  z-index: 100;
  border-right: 0px;
  list-style:none;
  margin: 0;
  width: 162px;
  position: absolute;
  top: -999em;
  left: -1px;

}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 35px;  /* postions the drop-down menu from the parent menu */
  left: 0px;
  }
.nav li li:hover ul,
.nav li li.sfHover ul {
  top: 0px;  /* postions the drop-down menu from the 2nd level menu */
  left: 160px;
  }
#nav-one li:hover a, 
#nav-one li.sfHover a {
 /* styles the parent link hover */
  background: #D1D7DF;
  color: #53506d;
 }
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
/* style the drop-down links */
  border: 0px solid #000;
  border-right: 1px solid #DED8C2;;
  padding-right: 0px;
  width: 141px;
  white-space: nowrap;
  font-size: 10px;
}
.nav li.last-link ul a {
	width: 144px;
	background: #D1D7DF;
}
.nav li.last-link ul {
	width: 165px;
}
.nav ul a:hover {
  background: #ded8c2;
  color: #655733;
}

/*position the last (far right) menu to have the drop-down go inside of parent menu*/

.nav li:hover ul.inside,
.nav li.sfHover ul.inside {
  top: 35px;  /* postions the drop-down menu from the partent menu */
  left: -22px; 
}

.nav li li a, .nav li li a:link, .nav li li a:active, .nav li li a:visited {
/* styles the parent links */
  font: normal 11px/25px Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
  background: #ebead8;
  color: #655733;
  display: block;
  padding: 0 10px;
  text-decoration: none;
  text-align: left;
  height: 25px; 
}
.nav li li {
/* styles the parent links */
  font: normal 11px/25px Georgia,Arial,Tahoma,Geneva,Helvetica,sans-serif;
  height: 25px; 
}

.nav li li a:hover {
/* styles the parent links hover */
  background: #d3c69c;
  color: #655733;
}



/*********** Footer Navigation ***********/
#footer ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0 0 0 0;
	width: 990px;
	text-align: left;
}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font: normal 13px/35px Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #6d656d;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
	font: normal 13px/35px Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #6d656d;
	padding: 0 14px 0 14px;
	margin: 0;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #777;
}
	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:.2em;}
textarea {overflow:auto;}

/*********** ---------- ::Global Classes:: --------------- ***********/
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}

/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/

#logolink {
	margin: 10px 0 0 0;
	padding: 0;
	width: 240px;
	height: 75px;
	display: block;
}

.divider {
	width: 740px;
	height: 10px;
	margin: 0 13px 0 8px;
	border-top: 1px solid #bbdabb;
}

#pcShowCart {
	background: #fff;
	margin:0 5px 5px;
}