body {
	  background: #FAF6CD url(../images/header_background.jpg) repeat-x 0 0;
    font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #556B20;
    line-height: 1.2em;
    font-size: 90%;
    margin: 0px auto;
    padding: 0px;
    text-align:center;
}
html>body {font-size:small;}

.noheader { background: #FAF6CD; }
.spacer { clear:both; }

.error { color: red;}
h1, h2, h3, h4, h5 {margin: .5em 0; padding: 0; color: #62006E; /*font-family: Georgia;*/}
p, ul, ol {margin: .5em 0; padding: 0;}

h2 {font-size: 160%; line-height: 1.1em}
h3 {
    font-size: 120%;
}
h4 {font-size: 110%;}
h5 {font-size: 100%;}	

ul, ol {
	margin-left: 1.5em;
	list-style-type: disc;
}
ol {
    list-style-type: decimal;
    }
li {
    padding-bottom: .1em;
    }
dl {
    padding: 0 0 10px 20px;
    margin: 0 0 0 0;
    }
dt {
    padding: 0;
    margin: 0;
    font-weight: bold;
    }
dd {
    padding: 0 0 10px 10px;
    margin: 0;
    }
h2 + p, h2 + ul, h2 + ol, 
h3 + p, h3 + ul, h3 + ol,
h4 + p, h4 + ul, h4 + ol {
    margin-top: -0.5em;
    }
ul ul {
    margin-top: 0;
    margin-bottom: 0;
    }


a {
    color: #528917;
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: underline;
}
a img { border-width: 0; }
   
    
/* table */
table {
    border-collapse:collapse;
    border-spacing: 0;
    border: none;
    font-size: 100%;
}
table td, table th {
	/*vertical-align: top;*/
	padding: 2px 5px 2px 5px;
  vertical-align: top;
  text-align: left;
}


/* Container ==========================================  */
.container {
	width: 760px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
}

/* Header ==========================================  */
.header {
	width: 760px;
	height: 110px;
	background: url(../images/header3.gif) no-repeat top left;
    }
.header h1 {margin: 2px 0 0 0; padding: 0;}

.header h1 a {
	margin: 0;
	padding: 0;
 	display: block;
	height: 65px;
	width: 370px;
	float: left;
    }
.header h1 a span {
    display: none;
    }
.organicIcon {float: right; width: 104px; margin-top: 5px;}

/* Navigation ==========================================  */
.nav {
	margin: 18px 0px 5px 0px;
	padding: 3px 0px;
	background: url(../images/navBar.gif) no-repeat top left;
	width: 760px;
	height: 23px;
	list-style: none;
	color: #62006E;
	text-align: center;
    }
.nav a {
    margin: 0;
    border-right: 1px solid #62006E;
	color: #62006E;
    padding: 0 5px 0 4px;
    white-space: nowrap;
    font-size: 12px;
    }
    
.nav a.last {
  border-right: none;
}

/* Container ==========================================  */
.contentWrapper {
	width: 760px; 
	margin-top: 15px;
}


/* Content Two Column ==========================================  */
.mainColWrapper {width: 620px; padding-right: 5px; float: left; border-right: 1px solid #62006E;}
.sideColWrapper {width: 125px; padding-left: 0px; float: left;}

/* Keywords ==========================================  */
.keywordWrapper {font-size: 90%; margin: 20px 0 0 20px; }
.price, .occasion {float: left; width: 155px; margin: 0;}
.price a, .occasion a, .category a {color: #556B20;}
.price h4, .occasion h4 { 
	background: url(../images/ic-price.jpg) no-repeat top left; 
	margin: 0;  
	padding: 0 0 0 45px; 
	width: 150px; 
  font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.price h4 span, .occasion h4 span, .category h4 span {font-size: 150%;}

.occasion h4 {background: url(../images/ic-occasion.jpg) no-repeat top left;}
.category h4 {background: url(../images/ic-category.jpg) no-repeat top left;}


.sideColWrapper .category,
.sideColWrapper .price, 
.sideColWrapper .occasion {
  float: none; 
  width: 110px; 
  margin: 5px 0 10px 0;
  line-height: 1.5em;
}
.sideColWrapper .category h4,
.sideColWrapper .price h4, 
.sideColWrapper .occasion h4 { 
	padding: 35px 0px 4px 0px; 
	width: 60px; 
  font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

/* Topic Wrapper ==========================================  */
.topicWrapper {width: 610px;}

/* Sign in Wrapper ==========================================  */
.returnBox, .newBox {
  float: left; 
  width: 340px; 
  margin-right: 10px;
  padding: 5px 10px; 
  border: 1px solid #DFCCE0 ; /*#A166A8*/
  background-color: #FFF;
}

/* Shopping Cart ==========================================  */
.cartHeadWrapper {margin: 10px auto 5px auto; width: 80%; font-weight: normal; background-color: #DFCCE0;}  /*#A166A8 color: #FFF; */
.cartHeadWrapper .cartItemPrice {} /*color: #FFF;*/
.cartItemWrapper {border-bottom: 1px solid #DFCCE0; margin-bottom: 5px; width: 80%;}
.cartItemImg {width: 100px;}
.cartItemPrice {width: 100%;}
.cartItemWrapper td {vertical-align: top;}
.totalRaw {font-weight: bold;}
.priceCel  {text-align: right; width: 60px; }
.removeCel {text-align: right; width: 100px; }
.cartAddon {margin-left: 15px;} 

.totalRaw .priceCel {border-top: 1px solid #A166A8;}

.cartTotalWrapper {margin: 0px auto; width: 80%;}
.cartTotalWrapper .totalRaw .priceCel {border-top: none;}
 
/* Delivery Info ==========================================  */
.delivInfoWrapper {width:620px; border-bottom: 1px solid #A166A8; margin-bottom: 10px;}
.delivInfoImg {float: left; width: 160px;}
.delivInfoFeild {float: left; width: 460px;}

.delivHeadWrap {display: block; width: 130px; float: left;}
.delivItemWrap {display: block; width: 300px; float: left;}

.delivTable {margin: 5px 0;}
.delivTable th {font-size: 90%; padding-right: 5px; width: 120px;} /* Vertical Table */

/* Confirmation Order ==========================================  */
.orderItemWrapper {width:750px; border-bottom: 1px solid #A166A8; margin-bottom: 10px;}
.orderItemWrapper td {vertical-align: top;}
.orderItemImg {width: 160px;}
.orderItemPrice {width: 250px;}
.orderPriceCel {text-align: right; width: 60px;}
.totalRaw .orderPriceCel {border-top: 1px solid #A166A8;}
.promotion {width: 150px;}

.orderTotalWrapper {width:750px; margin-bottom: 10px;}

/* Billing Info ==========================================  */
.orderInfoWrapper {float: left; width: 330px;}
.billInfoWrapper {float: left; width: 400px; padding: 0 10px; border: 1px solid #A166A8; background-color: #FFF;}

/* Product Items ==========================================  */
.byitem {
  float: left; 
  width: 150px; 
  height: 210px; 
  margin-right: 4px; 
  text-align: center;
}
.byitem p {margin: 0; font-size: 90%; line-height: 1.2em;}
.byitem a {color: #556B20;}
.byitem a:hover, .byitem a:active {text-decoration: none;}

/*.orderingWrapper .byitem {margin-right: 0px; padding-left: 15px;}*/

/* Addon Product Items ==========================================  */
/*.addonItem {float: left; width: 230px; height: 110px; margin-right: 10px;}
.addonImg {float: left; width: 105px;}*/
.addonTxt {width: 130px;}
.recommendtable td
{
    text-align:center; width: 130px;
}


/* Product Details ==========================================  */
.detailImg {float: left; width: 310px;}
.detailTxt {float: left; width: 300px;}
.detailTxt h2 {margin-bottom: 1.2em;}
.buttonWrapper {text-align: right; margin: 20px 0;}


/* My Account ==========================================  */
.accountName {font-size: 16px; font-weight: bold; margin: 10px 0;}

.accountBillingTable {} /* FormdView */
.accountBillingTable th {font-size: 90%; padding-right: 5px;}

/* Change Password ==========================================  */
.passwordWrapper {width: 350px; border: 1px solid #62006E; background-color: #FFF; padding: 5px;}

/* Manage Recipient Info ==========================================  */
.accountRecipientTable {width:100%; font-size: 12px; line-height: 1.25em;} 
.accountRecipientTable th, .accountRecipientTable td {padding: 2px; border: 1px solid #DFCCE0;} /*#A166A8*/
.accountRecipientTable th {background-color: #DFCCE0; font-size: 90%;}

/* Order History ==========================================  */
.orderHistoryTable {width:100%; border: 1px solid #DFCCE0; font-size: 12px; line-height: 1.25em;} /* GridView */
.orderHistoryTable th, .orderHistoryTable td {padding: 2px; border: 1px solid #DFCCE0;}
.orderHistoryTable th {background-color: #DFCCE0; font-size: 90%;}



/* Form ==========================================  */
.billingTable {}
.billingTable th {font-size: 90%; padding-right: 5px; width: 65px;} /* Vertical Table */
.billingTable td {width:185px;}
.error { color: red; font-size: 11px; line-height: 12px;}


/* front Button ==========================================  */
.frontButton, .frontButton1,
.frontButtonLt, .frontButtonWt,
.frontButton_s, .frontButton1_s
{
	background-color: #DFCCE0; 
	padding: 3px;
	font-size: 11px; 
	font-weight: bold;
	color: #62006E;
	cursor: hand;
	text-decoration: none;
	border: none;
}

.frontButton:hover, .frontButton1:hover, .frontButton_s:hover, .frontButton1_s:hover {text-decoration: none;}

.frontButton1, .frontButton1_s {background-color: #62006E; color: #FFF}

.frontButton_s, .frontButton1_s 
{
	padding: 2px;
	font-size: 10px; 
	font-weight: normal;
	}

.frontButtonLt {background-color: #DFCCE0; color: #62006E;}

.frontButtonWt {background-color: #FFF; color: #62006E}


/* Home Page ============================================================================================================  */

/* Content Home ==========================================  */
.futureWrapper {width: 760px; }
.futurePic {float: left; width: 391px;}
.futureCont {float: right; width: 345px;}

.specialTxt {font-size: 14px; color:#62006E; line-height: 1.25em;}

/* Keyword Home ==========================================  */
.keywordWrapperHome {font-size: 90%; margin: 0 0 10px 0; border: 1px solid #62006E;}
.priceHome, .occasionHome {float: left; width: 155px; margin: 5px 0 5px 5px;}
.priceHome a, .occasionHome a {color: #556B20;}
.priceHome h4, .occasionHome h4 { 
	background: url(../images/ic-price.jpg) no-repeat top left; 
	margin: 0px;  
	padding: 10px 0 0 40px; 
	width: 145px; 
	height: 25px; 
	display: block; 
	line-height: 1.1em;
    font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.priceHome h4 span, .occasionHome h4 span {font-size: 150%;}
.occasionHome h4 {background: url(../images/ic-occasion.jpg) no-repeat top left;}

.priceHome p, .occasionHome p { 
	margin: 0 0 0 10px;
	width: 145px;
	}


/* Ordering Home ==========================================  */
.byitemWrapperHome {
	background: url(../images/byitemWrapperHomeBorder.gif) no-repeat top center; 
	margin: 10px 0;
	height: 210px;
}
.byitemWrapperHome .byitem {
  float: left; 
  width: 180px; 
  height: 200px;
  margin: 5px 4px 0 4px;
  text-align: center;
 }

/* Home Secondary Content ==========================================  */
.subNav {float: left; width: 170px;}
.welcomeTxt {float: right; width: 580px;}
.welcomeTxt p {font-size: 90%; margin-top: 5px}

.subNav ul {list-style: none; margin: 0; padding: 0;}
.subNav li {
	font-size: 12px;
	width: 162px; 
	height: 19px; 
	background: url(../images/subNavBar.gif) no-repeat top left; 
	margin: 5px 0;
	padding-top: 2px;
	text-align: center;
	color: #FFF;
}
.subNav li a {color: #FFF;}


/* Flower Forecast  Page*/
.flowerCalendarTable td {border-bottom: 1px solid #80A231;}

/* Footer ==========================================  */
.footer {width: 760px; margin-top: 10px;  text-align: center; font-size: 11px; color: #62006E;}
.footer a {color: #62006E;}
.footer p {margin: 0;}

.orderPhone {font-size: 110%; font-weight: bold;}

.FloatingProductDetails
{
    background-image: url('../images/ProductPreviewbackground.jpg');
    background-repeat: no-repeat;
    width: 280px;
    height: 500px;
    float: left;
    display: none;
}
#PreviewImage
        {
    height: 228px;
    width: 228px;
}
        #PreviewDescription
        {
    width: 228px;
    margin-left: 26px;
    height: 150px;
    font-family: Georgia;
    color: #A166A8;
}
        #PreviewTitle
        {
    width: 228px;
    margin-left: 26px;
    margin-top: 20px;
    height: 50px;
    font-size: 20px;
    font-family: "Trebuchet MS";
    color: #FAF6CD;
    font-weight: bold;
    line-height: 22px;
}

.PreviewImageBox
        {
    background-image: url('../images/ajax-loader3.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 228px;
    height: 228px;
    margin-left: 26px;
    margin-top: 18px;
}

.BadgeBanner
{
width:100%;
}

.BadgeItem
{
display:inline;
margin-left:14.475%;
float:left;
}
.firstbadgeitem,.FirstBageItem{
margin-left:0px;}

.LastBadgeItem{}