@charset "UTF-8";

/****************************

* Global

********************************/

* {
    margin: 0;
    padding: 0;
}

body {
	background-color: #ddc89b;
	/*font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "Times New Roman", Times, serif, sans-serif;
	font-size: 13px;
	color: #4e3227;
	background-image: url(../images/bgd.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
}

a img {
	border: none;	
}

p {
	padding: 5px 0 5px 0;
	line-height: 150%;	
}

.clear {
	clear:both;
}

.green {
	background-color: #e3efc5;
}

.brown {
	background-color: #ddc89b;
}

.italic {
	font-style: italic;
}

.highlight {
	color: #4e3227;
	font-weight: bold;
}

a {
	color: #4e3227;
}

a:hover {
	color: #628133;
}

h1 {
	font-weight: normal;
	font-size: 16px;
}

h2 {
	font-weight: bold;
	font-size: 14px;
}

.small {
	font-size: 10px;
}

input[type="text"], input[type="password"], select, textarea {						
	border: 2px solid #ddc89b;
	border-top-width: 1px;
	padding: 2px 0;
	color: #4e3227;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/****************************

* Main Layout

********************************/

#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#main {
	padding-top: 5px;
	padding-right: 35px;
	padding-bottom: 35px;
	padding-left: 35px;
	background-image: url(../images/bgd_shadow.png);
	background-repeat: repeat-y;
	width: 902px;
	min-height: 600px;
}

#main #stage {
	position: relative;
	clear: both;
	margin: 20px 0;
}

#main #stageInner {
	width: 680px;
	position: relative;
	/*clear:both;*/
	float: right;
}
#main #stageInner2 {
	width: 680px;
	position: relative;
	float: right;
	padding-top: 30px;
}

#main #tagline {
	padding: 10px 0 0 30px;	
}

#main #stage .special {
	/*padding: 20px 0 20px 0;*/
	float: left;
}

#main #stage .sidebar {
	margin-left: 20px;
	padding-top: 0;
}

#main# stage ul {
	margin-left: 25px;
}

#main #stage ul li {
	padding: 5px 0;

}

.right {
	text-align: right;
	float: right;
}

.left {
	text-align: left;
	float: left;
}

#intro {
	background-image: url(../images/products/intro/occasion.jpg);
	background-repeat: no-repeat;
	height: 203px;
	width: 355px;
	font-size: 13px;
	line-height: 18px;
	padding: 25px 25px 0 300px;
	margin-top: 25px;
		
}

div#intro.anniversary  {
	background-image: url(../images/products/intro/occasion-anniversary.jpg);

}

div#intro.baby  {
	background-image: url(../images/products/intro/occasion-new-arrival.jpg);
}

div#intro.birthday  {
	background-image: url(../images/products/intro/occasion-birthday.jpg);
}

div#intro.christmas  {
	background-image: url(../images/products/intro/occasion-christmas.jpg);
}

div#intro.congratulations  {
	background-image: url(../images/products/intro/occasion-congratulations.jpg);
}

div#intro.corporate  {
	background-image: url(../images/products/intro/occasion-corporate-gifts.jpg);
}

div#intro.get-well  {
	background-image: url(../images/products/intro/occasion-get-well.jpg);
}

div#intro.hanukkah  {
	background-image: url(../images/products/intro/occasion-hanukkah.jpg);
}

div#intro.just-because  {
	background-image: url(../images/products/intro/occasion-just-because.jpg);
}

div#intro.romance  {
	background-image: url(../images/products/intro/occasion-romance.jpg);
}

div#intro.sympathy  {
	background-image: url(../images/products/intro/occasion-sympathy.jpg);
}

div#intro.thank-you  {
	background-image: url(../images/products/intro/occasion-thank-you.jpg);
}

/* ******* 20100413: messes up products layout
#products {
	background-color: #e3efc5;
	margin-top: 15px;
	padding: 0 0 28px 0;
}
*/

.productThumb {
	width: 179px;
	margin: 25px 23px 0 23px;
	float: left;
	color: #4E3227;
	font-weight: bold;
	font-size: 11px;
	height: 240px;
	font-family: arial, verdana, sans-serif;
	
}


.productThumb img {
	border: 2px solid #628133;
	margin-bottom: 5px;
}

.productThumb span.left {
	display: block;
	padding-bottom: 5px;
	
}

.productThumb span.right {
	clear: both;
	display: block;
	float: none;
	text-align: left;
}

/****************************

* Header

********************************/


#header {
	color: #4e3227;
	padding: 5px 0 0 30px;
	height: 22px;
	
}

#header ul {
	list-style-type:none;
	padding: 5px 0 5px 0;
	font-size: 13px;
}

#header ul li {
	display:inline;	
	border-right: 1px solid;
	padding: 0 5px 0 5px;
}

#header ul li.last {
	border-right: none;	
}

#header ul li a {
	color: #4e3227;
	text-decoration: none;
		
}

#header ul li a:hover {
	color: #86a661;	
}

#logo {
	padding-top: 15px;	
}


/****************************

* Navigation

********************************/

/* for IE6 */
a, a:hover, a:active, a:focus {
	outline:0; 
	font-weight:normal;
}

.nav {
	position:relative;
	height:25px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6a903b;
	width: 710px;
	/*padding-top: 10px;*/
	z-index: 100;
	float: right;
	margin-top: 20px;
	
}

.menu {
	position:absolute; 
	z-index:100; 
	font:normal 15px/25px "Times New Roman", Times, serif, sans-serif;
	
	width: 750px;
}

ul.ulTop {
	padding:0; 
	margin:0; 
	list-style:none; 
	/*width:125px; */
	width: 185px;
	overflow:hidden; 
	float:left; 
	margin-right:1px;
}

ul.ulTop a {
	text-decoration:none; 
	color:#4e3227; 
	/*padding-left:5px;*/
	font-weight: bold;
	text-align: center;
}

ul.ulTop li.liTop {
	float:left;
	width:250px;
	/*width: 370px;*/
	margin:-32767px -125px 0 0;
	
}

ul.ulTop li.liTop a.aTop {
	position:relative;
	z-index:50;
	display:block;
	float:left;
	width:130px;
	/*width: 185px;*/
	margin-top:32767px;
	background:transparent;
}

ul.ulTop li.liTop a.aTop:hover,
ul.ulTop li.liTop a.aTop:focus,
ul.ulTop li.liTop a.aTop:active {
	margin-right:1px;
}

ul.sub {
	float:left; 
	padding:25px 0 0 0; 
	margin:0; 
	list-style:none; 
	margin-top:-25px;
	
}

ul.sub li a {
	float:left;
	width:120px;
	background:#ddc89b;
	clear:left;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size: 12px;
	text-transform: none;
	
}


ul.sub a:hover,
ul.sub a:focus,
ul.sub a:active {
	background:#6a903b;
	margin-right:1px;
}




/****************************

* Buttons

********************************/

.button {
	background-image: url(../images/buttons/button.png);
	height: 22px;
	width: 103px;
	padding-top: 3px;
	text-align: center;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #628133;

}

.button a:hover {
	background-image: url(../images/buttons/button-on.png);
	color:#e3efc5;
	font-weight: bold;
	background-position: 0px -3px;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

.button a {
	height: 22px;
	width: 103px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	cursor: hand;
}



#header .button {
	
	float: right;
	
}

#stage .button {
	float: left;
		
}

#stage #featureNav {
	position:absolute; 
	top: 310px; 
	left: 5px;
}

.rightButton {
	float: right;
	padding: 10px 0 0 0;
	
}

.tab {
	background-image: url(/images/buttons/tab.png); 
	color: #fff; 
	padding: 5px; 
	text-align: center; 
	width: 80px;
	margin: 0 2px;
	display: block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1;
}
.tab a {
	color: #FFFFFF;
	text-decoration: none;
}

.tab a:hover {
	color: #4E3227;	
}

#main #featured3 img.homeButton, #main #featured2 img.homeButton, #main #featured1 img.homeButton {
	border:0; 
	padding: 0 5px 0 5px; 
	vertical-align: middle;	
}

/****************************

* Sidebar

********************************/

#main #sidebar {
	float: right;
	width: 130px;
	position: relative;
}

#main #sidebar .sticky {
	position: absolute;
	left: -40px;
	top: 375px;
	
}

#main #sidebar img {
	padding-bottom: 15px;
	
}

#main #sidebarLeft {
	/*clear: both;*/
	float: left;
	width: 190px;
	position: relative;
	color: #628133;
	padding-top: 30px;
	font-family: "Times New Roman", Times, serif, sans-serif;
}

#main #sidebarLeft h1 {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #4e3227;
}

#main #sidebarLeft h2 {
	font-size: 13px;
	color: #4e3227;
}

#main #sidebarLeft ul {
	list-style:none;
	padding-left: 20px;
}

#main #sidebarLeft ul li {
	padding-top: 10px;
	font-size: 14px;
}

#main #sidebarLeft ul li.current a {
	text-decoration: underline;
}

#main #sidebarLeft ul li a {
	text-decoration: none;
	color: #628133;
	font-weight: bold;
}

#main #sidebarLeft ul li a:hover {
	text-decoration: underline;
	color: #4e3227;
}

#main #sidebarLeft .sticky {
	position: relative;
	float:left;
	padding: 20px 0 40px 0;
}

/****************************

* Features/Rounded Boxes

********************************/


#main #featured3, #featured2, #featured1 {
	width: 270px;
	/*height: 200px;*/
	background-color:#ddc89b;
}

#main #featured3 p, #featured2 p, #featured1 p {
	text-align: right;
	font-size: 15px;
	/*font-weight: bold;*/
}

#main #featured3 a, #featured2 a, #featured1 a {
	text-decoration: none;
}

#main #featured3 {
	float: right;
	/*margin-right: 40px;*/
	
}

#main #featured2 {
	float: right;
	margin-right: 45px;	
}

#main #featured1 {
	margin-right: 45px;
}

	
#main #featured3 img, #featured2 img, #featured1 img {
	border-top:#4e3227 2px solid;
	border-bottom:#4e3227 2px solid;
}

#main #featured3 h1, #featured2 h1, #featured1 h1 {
	text-align:center;
	font-weight: normal;
	font-size:20px;
	padding: 5px 0 5px 0;
}

#main #featured3 ul, #featured2 ul, #featured1 ul {
	list-style-position: outside;
	font-size: 12px;
	padding: 10px 30px 10px 30px;	
}

#main #featured3 ul li, #featured2 ul li, #featured1 ul li {
	padding-bottom: 5px;
}

/*
.rounded {
	display:block;
}

.rounded * {
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e3efc5;
 }

.rounded1 {
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f2f8e6;
  border-right:1px solid #f2f8e6;
  background:#eaf3d3
}

.rounded2 {
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfdf9;
  border-right:1px solid #fcfdf9;
  background:#e8f2d0
}

.rounded3 {
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e8f2d0;
  border-right:1px solid #e8f2d0;
}

.rounded4 {
  border-left:1px solid #f2f8e6;
  border-right:1px solid #f2f8e6;
}

.rounded5 {
  border-left:1px solid #eaf3d3;
  border-right:1px solid #eaf3d3;
}

.roundedfg {
  background:#e3efc5;
}*/



/****************************

* Product Detail Pages 

********************************/

#detailRight {
	width: 365px;
	float: right;
	margin-top: 20px;
}

#detailRight .brown {
	margin-top: 20px;
	padding: 15px;
}

#detailRight .brown p {
	text-align: center;
}	

#detailRight .sticky {
	margin: 20px 0 0 70px;	
}

#detailRight div.brown div.left, #detailRight div.brown div.right {
	text-align: left;
}

#detailRight h1 {
	color: #4e3227;
	padding: 10px 10px 15px 10px;
	font-size: 16px;
	
}

#detailRight h2 {
	font-size: 16px;
}

#detailRight .brown img.number {
	margin-right: 20px;
	vertical-align: middle;
}

#detailRight .brown .basket-button {
	margin: 15px;
	float: left;
}

#detailRight p#deliveryInformation {
	font-weight: bold;
}

#detailRight form#form div.brown div.right span.left {
	padding-right: 15px;
	font-weight: bold;
	display: inline;
	font-size: 13px;
	clear: both;
	
}

#detailRight form#form div.brown div.right span {
	font-size: 13px;

}

#detailRight div.brown div.right {
	width		: 120px;
	line-height	: 20px;
}

#detailLeft {
	width: 500px;
	float: left;
	margin: 20px 35px 0 0;
}

#detailLeft .closeup {
	padding: 15px;	
}


#detailLeft .closeup img.fullPhoto, #detailLeft .brown img.fullPhoto {
	margin: 15px 0 50px 92px;
}

#detailLeft #recommend {
	margin-top: 20px;
	
}

#detailLeft #recommend p {
	margin-bottom: 10px;
}

#detailLeft #recommend div {
	float: left;
	width: 105px;
	margin-left: 45px;
	font-style: italic;
}

#detailLeft #recommend div img {
	width: 105px;
	padding-bottom: 10px;
}


#detailLeft #description {
	background-color: #fff;
	border: 1px solid #4e3227;
	width: 260px;
	line-height: 18px;
	color: #4e3227;
	padding: 15px;
	margin: 0 auto;
	font-size: 13px;

}

#detailLeft #description h2 {
	padding-left: 50px;
}

#detailLeft #description ul {
	padding: 10px 0 0 20px;	
}

#detailLeft #description ul li {
	padding: 5px 0;	
	font-size: 13px;
}


/****************************

* Bulk pages

********************************/

#detailLeft .brown img.fullBulk {
	margin-bottom: 20px;
	border: 3px solid #fff;
}

#bulkThumbs {
	width		: 340px;
	margin		: 0 auto 15px auto;
	text-align	: center;
}

#bulkThumbs img {
	margin: 5px 5px;
}

#bulkThumbs a img {
	border: 2px solid #fff;
}

#bulkThumbs a:hover img {
	border: 2px solid #4E3227;

}

#detailLeft div#description.bulk span.number {
    left: -25px;
    position: absolute;
}

.number {
    background: url("./img/bgd_num.png") no-repeat scroll center center transparent;
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    line-height: normal;
    padding: 3px 15px;
    text-align: center;
}

#detailLeft div#description.bulk {
    background-color: #ddc89b;
    border: none;
    position: relative;
    width: 405px;
}

form#form select.bulk {
    margin: 0 10px;
    width: 120px;
}



/****************************

* Cart and Payment pages

********************************/

.cartDivider {
	height:15px; 
	padding: 5px 45px 5px 15px; 
	color: #4e3227; 
	font-weight:bold; 
	font-size: 13px;
	background-color: #ddc89b;
}

h1.cartTitle {
	padding-top: 20px;
	font-size: 18px;
}

img.cartTitle {
	padding: 20px 0 10px 0;
}

.cartRow {
	padding: 15px;
	font-size: 14px;
	line-height: 25px;
	position: relative;

}

.cartRow a {
	font-size: 12px;
}

.cartRow img {
	
	border:solid 2px #628133;
	margin-right: 15px;
}

.cartRow div.productImage {
	float:left; 
}

.cartRow div.productInfo {
	width: 465px;
	float: left;
}

.cartRow div.productQty {
	float: left;
	width: 215px; 
	text-align:center; 
	padding-top: 20px;
	font-weight: bold;
	
}

.cartRow div.productPrice {
	width: 200px; 
	text-align:right; 
	padding-top: 20px;
	float:left;
	font-weight: bold;
	
}

.cartRow div.shippingInfo {
	width: 600px;
	float: left;
	margin: 50px 0 0 50px;
	font-size: 12px;
}


.cartRow h2 a {
	font-weight: bold;
	font-size: 16px;
	
}

.cartTotals {
	float: right;
	font-size: 14px;
	text-align:right;
	padding: 0 15px 15px 0;
}

/* Ryan's additions */
div.cartRow div.productImage p.removeItem {
	text-align: center;	
}

.codeSpan {
	color: red;
}

div.addProduct table {
	border-collapse: collapse;
}

div.addProduct table td {
	padding: 5px;
}

/* End additions */

.reviewTotals {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #628133;
	font-size: 14px;
	text-align:right;
	padding: 0 15px 15px 0;
}

.signinBox {
	float: left;
	width: 385px;
	margin: 0 30px;
	border: 2px solid #ddc89b; 
	text-align: center;
	min-height: 245px;
}

.signinBox h2 {
	width: 385px;
	height: 30px;
	margin-bottom: 10px;
	background-color: #ddc89b;
	color: #fff;
	font-size: 16px;
}

.signinBox img {
	margin-top: 10px;
}

.signinBox form {
	text-align: right;
	margin: 10px 50px 0 0;
}

.signinBox form label.highlight {
	margin-right: 15px;
}

ul.errors {
	text-align: left;
	position: relative;
	padding-left: 20px;
	color: #880000;
}

#progressBar {
	height:50px;
	border-top-style: solid;
	border-top-color: #ddc89b;
	border-top-width: 2px;
	font-weight:bold;
	font-size: 15px;
	color: #ddc89b;
}

#progressBar img {
	margin: 0 5px 0 75px;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#progressBar img.active {
	opacity:1;
	filter:alpha(opacity=100);
}

#progressBar img#first {
	margin-left: 115px;
}

#paymentInfo {
	background-color: #ddc89b;
	width: 600px;
	padding: 15px;
	margin-right: auto;
	margin-left: auto;
}

#paymentInfo h2 {
	font-weight: normal;
	padding: 10px 0;
}

#paymentInfo p {
	padding-left: 20px;
}

.cartRow div.reviewInfo h2 {
	
	font-size: 16px;
}

.cartRow div.reviewInfo {
	float: left;
	
}

#reviewPayment {
	padding-left: 30px;
	line-height: normal;
	font-size: 12px;
}

/*Checkout Forms*/

#paymentInfo input, #paymentInfo select, .shippingInfo input, .shippingInfo select {
	display: block;
	margin-bottom: 10px;
	border-color: #FBEDCE;

}

#paymentInfo select, .shippingInfo select {
	display: block;
	margin-bottom: 10px;

}

#paymentInfo label, .shippingInfo label {
	float: left;
	width: 200px;
	text-align: right;
	padding-right: 10px;
	
	font-weight: bold;
	font-size: 13px;
}



#paymentInfo select#ccMonth, #paymentInfo select#ccYear{
	display: inline;
	
}

.shippingInfo label {
	text-align: left;
	width: 175px;
}	

.shippingInfo input.inline {
	display: inline;
}

/*Flower Club*/

div#flowerClub {
	float: right;
	width: 270px;
}

div#flowerClub ul {
	padding-left: 10px;	
}

div#flowerClub ul li {
	padding-bottom: 10px;
	list-style: disc;
	margin-left: 10px;
	
}


#paymentInfo div#flowerClub form#form label {
	width: 100px;
}
	


/****************************

* Footer

********************************/

#footer {
	padding: 15px 0 15px 0;
	text-align: center;
}

#footer ul {
	list-style-type:none;
	padding: 5px 0 5px 0;
}

#footer ul li {
	display:inline;	
	border-right: 1px solid;
	padding: 0 5px 0 5px;
}

#footer ul li.last {
	border-right: none;	
}

#footer ul li a {
	color: #4e3227;
	text-decoration: none;
		
}

#footer ul li a:hover {
	color: #86a661;	
}

#footerText {
	color: #86a661;	
	padding: 15px 30px 15px 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #86A661;
}


/****************************

* Basket Pages 

********************************/

#basket {
	margin-top: 20px;
}
#basket .promobutton img {
	border: none;
	margin-top: 5px;
}

/*******************************
 * Special pricing
 */
.normalprice {
	font-weight: normal;
	text-decoration: line-through;	
}
.specialprice {
	color: #FF0000;
}

/*******************************
 * Order History
 * 
 *****************************/
table.orderHistory {
	margin-left: 50px;
	margin-top: 30px;
}
table.orderHistory tr {
	border-bottom: 2px solid #ddc89b;
	height: 20px;
}
table.orderHistory th {
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
	width: 175px;
}
table.orderHistory td {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
}

/****************************
	Slide Gallery
 *  */
#myGallery
{
	width: 600px !important;
	height: 400px !important;
	text-align:center;
	
	margin: 50px auto;
	
}
#bottom
{
	height: 100px;
}
/*****************************
 	Shipment Tracking Table
 * */
table.track {
	font-size:10px;
}
table.track tr {
	height: 20px;
}
table.track td.description {
	width: 200px;
}
table.track td.city {
	width: 90px;
}
table.track td.state {
	width: 20px;
}
table.track td.country {
	width: 30px;
}
table.track td.scandate {
	width: 100px;
}
table.track td.scantime {
	width: 120px;
}