﻿a
{
	color: #446655;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

body 
{
	background-image: url('images/bkg_gradient.gif');
	background-color: #a1c198;
	background-repeat: repeat-x;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #454545;
}

.clear
{
	clear: both;
}

body.popupBox
{
	background-image: none;
	background-color: #F4FBE5;
}

img
{
	border: none;
	-ms-interpolation-mode: bicubic;
}

a
{
	color: #B4712F;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

.mainBox
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
/*	border: solid 1px #B2B2B2;
	border-bottom: none;*/
	background-color: #ffffff;
}

.popupBox
{
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

/* EcoFlowers specific style classes */
.marriottList
{
	margin: 13px 0px 0px 18px;
	list-style-type: square;
}

.marriottRegister
{
	text-transform: capitalize;
	font-variant: small-caps;
	font-size: 16px;
	font-family: Times New Roman, Serif;
	font-weight: bold;
	color: #B4712F;
}

.headerBox
{
	background-color: #FFFFFF;
}

.headerTable
{
	 width: 100%; 
/*	 border: none;
	 border-bottom: solid 1px #b2b2b2; 	 */
}

.headerTableRight
{
	 width: 100%; 
	 border: none;
	 margin-top: 15px;
	 margin-bottom: 15px;
}

.headerTableRight td
{
	border: none;
	border-right: solid 1px #b2b2b2;
	vertical-align: middle;
}

.utilitiesNav
{
	/* re-evaluate font? times looks a little funky, may want to just go with arial here */
	/*font-family: Times New Roman, Times, Serif;*/
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #336000;
	line-height: 2;
	letter-spacing: .75px;
}

.utilitiesNav a
{
	color: #336000;
	text-decoration: none;
}

.utilitiesNav a:hover
{
	color: #6abd48;
	text-decoration: underline;
}

.utilitiesNavInput
{
	border: solid 1px #336000;
	font-size: 9px;
	color: #666666;
	padding-left: 3px;
}

.utilitiesNavRow
{
	margin-bottom: 10px;
}

.top-nav
{
    background-color: #293c21;
    text-align: center;
    vertical-align: middle;
    margin: 5px 0px 10px 0px;
    padding: 7px 0px;
}

.top-nav, .top-nav li, .top-nav a
{
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
}

.top-nav ul
{
    list-style-type: none;
    display: inline;
    padding: 0px;
}

.top-nav li
{
    display: inline;
}

.top-nav li a
{
    width: 100%;
    padding: 7px 13px;
    font-weight: bold;
}

.top-nav li a:hover
{
    color: #72aa4b;
}

.top-nav li.selected
{
    background-color: #f0e7e7;
    color: #574e44;
}

.top-nav li.separator
{
	margin: 0 -6px;
}


.navBox
{
	background-color: #293c21;
	/* re-evaluate font? times looks a little funky, may want to just go with arial here */
	/*font-family: Times New Roman, Times, Serif;*/
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-variant: small-caps;
	text-transform: capitalize;
	letter-spacing: 1.5px;
	color: #ffffff;	
	border: 0px solid black;
	text-align: center;
}

.navBox a
{
	color: #ffffff;
	text-decoration: none;
}

.navBox a:hover
{
	color: #72aa4b;
	text-decoration: underline;
}

.contentBox
{
/*	border: none;
	border-top: solid 1px #b2b2b2;
	border-bottom: solid 1px #b2b2b2;*/
/*	background-color: #F4FBE5;
	background-image: url('/common/static/ecoflowers/flower_BG.gif');
	background-repeat: no-repeat;
	background-position: center;*/
	padding: 10px;
}

.footerSep 
{
	background-color: #b2b2b2;
	height: 2px;
	margin: 10px 0px;
	overflow: hidden; /* fix for IE6 */
	clear: both;
}

.footer, .footer a, .footer .info a
{
	font-size: 10px;
	color: #878484;
	text-decoration: none;
	font-weight: normal;
}

.footerHeading
{
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	display: block;
}

.footer a:hover
{
	text-decoration: underline;
}

.footer .info
{
	width: 135px; 
	float: left; 
}

.footer .spacer
{
	float: left;
	width: 4px;
}

.footer .emailsub
{
	width: 214px; 
	float: right;
}

.footer .inputField
{
	width: 120px;
}

.footerBox
{
	width: 800px;
	margin: 5px auto;
}

.footerBoxTop
{
	padding: 5px 10px;
/*	border: solid 1px #B2B2B2;*/
	background-color: #ffffff;
}

.footerBoxTop span
{
	text-transform: uppercase;
	font-size: 10px;
	color: #5f5f5f;
}

.footerLinks
{
/*	font-family: Arial, Sans-Serif;*/
	font-size: 11px;
/*	font-variant: small-caps;*/
	text-transform: capitalize;
/*	letter-spacing: 1px;*/
	padding-top: 5px;
}

.footerLinks a
{
	color: #5f5f5f;
	text-decoration: none;
}

.footerLinks a:hover
{
	color: #a12a13;
	text-decoration: underline;
}

.searchBar, #newsletterForm
{
	text-transform: uppercase;
}

.emailSignupDiv
{
	padding-top: 4px;
}

/* Cross site style classes */
.bodyText, .bodytext
{
	padding: 0px 5px 0px 5px;
}

.smallText
{
	font-size: 9px;
}

.errorText, .ErrorText
{
	color: Red;
	font-weight: bold;
}

.orderError
{
	font-size: 12px;
	display: block; 
	margin: 10px 0px;
}

.colorText
{
	font-weight: bold;
	color: #465;
}

.subHeading
{
	color: #666666;
	font-size: 14px;
	text-transform: capitalize;
	font-family: Times New Roman, Serif;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-weight: bold;
}

.subTitle
{
	font-weight: bold;
	font-size: 14px;
	color: #106646;
	background-color: #D8E9B2;
	padding: 5px;
	text-transform: capitalize;
}

.lightBorder
{
	border: solid 1px #ccc;
	padding: 4px 8px 4px 8px;
}

.separatorLine
{
	background-color: #777;
}
.separatorBorder
{
	border-style: solid;
	border-color: #777;
}

.selectedThumbnail
{
	border: solid 2px #897b69 !important; 
}

.productHeading
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0px;
    padding-bottom: 0px;
}

.productInfo, .productInfo div
{
	text-transform: uppercase;
	font-size: 11px;
	line-height: 140%;
}

.productSteps
{
	margin: 5px 0px 10px 0px; 
	padding: 5px 0px; 
	border: solid 1px #dbd1c2; 
	border-left: none; 
	border-right: none;
}

.productStepsCell
{
	padding: 5px 0px 5px 5px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

td.productSideBar
{
	border: solid 1px #dbd1c2; 
	border-right: none; 
	border-bottom: none;
}

div.productSideBar
{
	border-bottom: solid 1px #dbd1c2; 
	padding: 4px 0px 4px 9px; 
	margin-left: 2px;
}

.productSideBar img
{
	vertical-align: bottom;
}

.productSideBar a, .bmlTerms
{
	color: #8D7C6A;
	text-decoration: none;
	font-weight: normal;
}

.productSideBar a:hover
{
	color: #72003B;
	text-decoration: none;
}

.productTabWrapper
{
	position: relative; 
	width: 745px; 
	height: 336px;
}

.productTabContainer
{
    overflow: hidden;
    position: relative;
	height: 276px;
	width: 720px;
}

.productTabContent
{
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 1px;
}

.productTabWrapper .RadSlider
{
	position: absolute; 
	top: 0; 
	right: 0;
}

.readMore, .readMore:hover, .readMore a, .readMore a:hover
{
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
}

.divOverlay
{
	 width: 850px; 
	 background-color: #D0DABB; 
	 border: solid 2px #B2B2B2;
}

.divOverlayTitlebar
{
	background-color: #D0DABB; 
	border-bottom: solid 1px #B2B2B2; 
	width: 100%;
}

.salePrice, .categorysaleprice
{
    color: #e30202;
    font-weight: bold;
}

.finalSaleText
{
    color: #e30202;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 140%;
}

/** Form Styles **/
.inputField, .inputFieldTextArea
{
    border: solid 1px #555;
    font-size: 11px;
    color: #555;
    padding-left: 3px;
    margin-bottom: 5px;
    vertical-align: middle;
    font-weight: normal;
    text-transform: none;
}

.inputCombo
{
    border: solid 1px #555;
    font-size: 11px;
    color: #555;
    font-weight: normal;
    text-transform: none;
}

input.optional, select.optional
{
    border-style: dotted;
}

input.required, select.required
{
    border-style: solid;
}

label.required
{
    font-weight: bold;
}

.homeButton, .primaryButton, .secondaryButton, .disabledButton
{
	/* fix IE bug with button widths */
	width: auto;
	overflow: visible;
}

.homeButton
{
	background-image: url('/images/buttons/arrow_mini_red.gif');
	background-position:  right; 
	background-repeat: no-repeat;
	background-color: Transparent;
	color: #BC732E;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 8px;
	padding-left: 2px;
	border: 0px;
	font-family: Arial, Sans-Serif;
	text-align: right;
	cursor: pointer;
	margin-bottom: 2px;
}

.primaryButton, .secondaryButton, .disabledButton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px 18px 3px 10px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-size: 11px;
}
.primaryButton {
	color: #ffffff;
	border: solid 1px #B4712F;
	background: #B4712F;
	background: url(images/buttons/button_gradient_primary.gif) no-repeat right center;
	background: url(images/buttons/primary_arrow.gif) no-repeat right center, linear-gradient(#D8B490 0px, #B4712F 9px, #B4712F 14px, #B2702F 15px, #865A2F);
	background: url(images/buttons/primary_arrow.gif) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #D8B490), color-stop(.36, #B4712F), color-stop(.56, #B4712F), color-stop(.60, #B2702F), color-stop(1, #865A2F));
	background: url(images/buttons/primary_arrow.gif) no-repeat right center, -webkit-linear-gradient(#D8B490 0px, #B4712F 9px, #B4712F 14px, #B2702F 15px, #865A2F); 
	background: url(images/buttons/primary_arrow.gif) no-repeat right center, -moz-linear-gradient(#D8B490 0px, #B4712F 9px, #B4712F 14px, #B2702F 15px, #865A2F);
	background: url(images/buttons/primary_arrow.gif) no-repeat right center, -o-linear-gradient(#D8B490 0px, #B4712F 9px, #B4712F 14px, #B2702F 15px, #865A2F);
}
.secondaryButton {
	color: #525252;
	border: solid 1px #3F5635;
	background: #D8E9B2;
	background: url(images/buttons/button_gradient_secondary.gif) no-repeat right center;
	background: url(images/buttons/secondary_arrow.gif) no-repeat right center, linear-gradient(#F1F7E4 0px, #D8E9B2 5px, #D8E9B2 19px, #DAEAB5 20px, #F5F9EB);
	background: url(images/buttons/secondary_arrow.gif) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(.00, #F1F7E4), color-stop(.20, #D8E9B2), color-stop(.76, #D8E9B2), color-stop(.80, #DAEAB5), color-stop(1.0, #F5F9EB));
	background: url(images/buttons/secondary_arrow.gif) no-repeat right center, -webkit-linear-gradient(#F1F7E4 0px, #D8E9B2 5px, #D8E9B2 19px, #DAEAB5 20px, #F5F9EB); 
	background: url(images/buttons/secondary_arrow.gif) no-repeat right center, -moz-linear-gradient(#F1F7E4 0px, #D8E9B2 5px, #D8E9B2 19px, #DAEAB5 20px, #F5F9EB);
	background: url(images/buttons/secondary_arrow.gif) no-repeat right center, -o-linear-gradient(#F1F7E4 0px, #D8E9B2 5px, #D8E9B2 19px, #DAEAB5 20px, #F5F9EB);
}
.disabledButton
{
	color: #d7d7d7;
	border: solid 1px #dbd6d2;
	background: #EEEEEE;
	background: url(images/buttons/button_gradient_disabled.gif) no-repeat right center;
	background: url(images/buttons/disabled_arrow.gif) no-repeat right center, linear-gradient(#E8E8E8 0px, #EEEEEE 12px, #F6F6F6);
	background: url(images/buttons/disabled_arrow.gif) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #E8E8E8), color-stop(0.5, #EEEEEE), color-stop(1, #F6F6F6));
	background: url(images/buttons/disabled_arrow.gif) no-repeat right center, -webkit-linear-gradient(#E8E8E8 0px, #EEEEEE 12px, #F6F6F6); 
	background: url(images/buttons/disabled_arrow.gif) no-repeat right center, -moz-linear-gradient(#E8E8E8 0px, #EEEEEE 12px, #F6F6F6);
	background: url(images/buttons/disabled_arrow.gif) no-repeat right center, -o-linear-gradient(#E8E8E8 0px, #EEEEEE 12px, #F6F6F6);
}

/** Header Styles **/
a.headerLink
{
	font-size: 11px;
	color: #555;
	text-decoration: none;
	text-transform: capitalize;
}
a.headerLink:hover
{
	text-decoration: underline;
}

/* only in OStyle.Master 
.topNavBox
{
	border: solid 1px #777;
}
*/

/* only in OStyle.Master, OBouquet.Master
a.topNav
{
	font-size: 16px;
	color: #777;
	text-decoration: none;
	text-transform: lowercase;
}
a.topNav:hover
{
	color: #999;
}
*/

/** Footer Styles **/
/* used in ErrorPage.aspx and OStyle.Master 
.footerSep 
{
	background-color: #E5EBC6;
	height: 6px;
}
*/
/* only in OStyle.Master
.verticalSep 
{
	background-color: #CCC;
	width: 2px;
	margin: 20px 0px 20px 0px;
}


.footerHeading
{ 
    font-size: 11px;
    font-weight: bold;
    color: #888;
    text-transform: uppercase;
}

.footer
{ 
    font-size: 10px;
    color: #888;
}
*/
/* only in OStyle.Master
a.footerLink
{
	font-size: 10px;
	text-transform: capitalize;
	text-decoration: none;
	color: #888;
	padding-right: 5px;
}
a.footerLink:hover
{
	text-decoration: underline;
}
*/


/** Side Nav **/
.sideMenu
{
/*	background-image: url('images/bkd_categories.gif');
	background-repeat: no-repeat;	*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #335544;
	background-color: #cedfc9;
	padding: 5px 0px 10px 10px; /*if we put the categories img back in, the top padding should be 45 */
	width: 119px;
	margin: 10px 10px 0px 0px;
}

.navHeading
{
    color: #222;
	display: block;
	padding-bottom: 2px;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
	text-decoration: none;	
}

a.navHeading:hover
{
    color: #777;
}

.sideNavTree
{
	line-height: 20px;
	color: #222;
}

.sideNavTree_1, .sideNavTree_1_selected,
.sideNavTree_2, .sideNavTree_2_selected,
.sideNavTree_3, .sideNavTree_3_selected,
.sideNavTreeCat, .sideNavTreeCat_selected
{
	font-weight: normal;
	color: #293c21;
	text-decoration: none;
	text-transform: capitalize;
/*	margin-left: -7px;  the containing table cell has a left margin, so move the text back - in the long run, think about fixing Menu */
	margin-top: 5px;
	display: block;
}

.sideNavTree_1:hover, .sideNavTree_1_selected:hover,
.sideNavTree_2:hover, .sideNavTree_2_selected:hover,
.sideNavTree_3:hover, .sideNavTree_3_selected:hover, 
.sideNavTreeCat:hover, .sideNavTreeCat_selected:hover
{
	color: #293c21;
}

.sideNavTree_1_selected,
.sideNavTree_2_selected,
.sideNavTree_3_selected, 
.sideNavTreeCat_selected
{
	background-image: url('images/buttons/white-arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: -10px;
	font-weight: bold;
}

.leftNav
{
	color: #333333;
	background-color: #C1DDB6;
	padding: 0px 5px 10px 5px;
	line-height: 1.5;
	border-right: solid 10px #ffffff; /* to simulate a right margin, since margin-right doesn't work on the table cell */
}

ul.sideNav
{
	width: 100px;
	list-style-type: none;
	margin: 0px;
	padding: 10px 5px 5px 10px;
}
ul.sideNav li
{
	margin-left: 0px;
	margin-bottom: 5px;
}

/** Link Styles **/
.breadcrumb
{
	color: #777777;
	font-size: 9px;
	text-decoration: none;
	text-transform: capitalize;
	font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;
}
a.breadcrumb:hover
{
	text-decoration: underline;
}

.bodyTextLink, .bodytextlink, .bodyTextlink, .bodyTextLink a, a.crossSellProduct, a.crossSellPrice
{
	color: #B4712F;
	text-decoration: underline;
}
.bodyTextLink:hover, .bodyTextLink a:hover, a.crossSellProduct:hover, a.crossSellPrice:hover
{
	text-decoration: underline;
}

.featuredHeading
{
    font-size: 11px;
    font-weight: bold;
    color: #888;
    text-transform: uppercase;
}

.featuredName
{
	font-size: 16px !important;
}

.featuredPrice
{
	font-size: 14px !important;
}

.prodListBox
{
	border: solid 1px #abb400; 
	margin-bottom: 5px;
}

.prodListHeading, .checkoutMessageHeading
{
	font-family: Book Antiqua, Serif;
	font-weight: bold; 
	font-style: italic; 
	font-size: 24px; 
	color: #abb400; 
	display: inline; 
	line-height: 24px;
}

.prodListText, .checkoutMessageText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	font-style: normal; 
	font-size: 11px; 
	color: #888888;
	display: inline; 
}

.productCertLink
{
	color: #abb400;
}

a.category, .featuredName
{
	color: #666;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
}
a.category:hover, .featuredName:hover
{
	color: #7b9
}

a.categoryprice, .featuredPrice
{
	color: #666;
	font-size: 11px;
	text-decoration: none;
	text-transform: capitalize;
}
a.categoryprice:hover, .featuredPrice:hover
{
	color: #7b9
}

.homeKickerDetail .category, .homeKickerDetail .featuredName {
  margin-bottom: 3px;
}

a.smallTextLink, .smallTextLink a
{
	color: #B4712F;
	font-size: 9px;
	text-decoration: underline;
}

.upgradeLink
{
	font-weight: bold;
	color: #465;
	text-decoration: none;
}
.upgradeLink:hover
{
	color: #7b9;
	text-decoration: underline;
}

/** Search Results & Upsells **/
.boxes
{
	color: #333333;
	background-color: #C1DDB6;
	padding: 5px;
}
.boxesHeading
{
	font-size: 11px;
	font-weight: normal;
}
.boxesWarning
{
	font-size: 9px;
	font-weight: normal;
}

/** Cart Styles **/
.cartHeader, .crossSellHeader
{
	font-weight: bold;
	font-size: 12px;
	color: #106646;
	background-color: #D8E9B2;
	padding: 5px;
	text-transform: uppercase;
}
.cartHeader a, .cartHeader a:visited, .cartHeader a:link
{
	color: #106646;
    text-decoration: none;
}
.cartHeader a:hover
{
    text-decoration: underline;
}
.crossSellHeader
{
	font-size: 14px;
	background-color: Transparent;
	text-transform: capitalize;
}
.crossSellSeparator
{
	background-color: #D8E9B2;
	height: 5px;
}

.cartItem, .crossSellProduct, .crossSellPrice
{
    /* background-color: #F4FBE5;*/
    color: #707070;
    font-size: 11px;
    vertical-align: top;
    padding-left: 5px
}
.crossSellProduct, .crossSellPrice
{
	padding-left: 0px;
}
a.crossSellProduct
{
	font-weight: bold;
}

.cartItemAlt
{
    /* background-color: #F4FBE5;*/
    color: #707070;
    font-size: 11px;
    vertical-align: top;
    padding-left: 5px
}

.cartFooter
{
    background-color: #D8E9B2;
    color: #136D49;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px;
}

a.addOne
{
    color: #888;
    font-size: 9px;
    text-decoration: none;
}
a.addOne:hover
{
    text-decoration: underline;
}

/* new styles added to aid multi-site support */

.learnMoreLink /* smalltextlink on OS */
{
	background-image: url('/images/buttons/arrow_mini_red.gif');
	background-position:  right; 
	background-repeat: no-repeat;
	color: #BC732E;
	font-size: 9px;
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
	display: inline-block;
	text-decoration: none;
}
.learnMoreLink:hover
{
	text-decoration: underline;
}

.actionLink /* bodytextlink on OS */
{
	background-image: url('/images/buttons/arrow_mini_red.gif');
	background-position:  right; 
	background-repeat: no-repeat;
	color: #BC732E;
	font-size: 11px;
	padding-right: 10px;
	text-align: right;
	display: inline-block;
	text-decoration: none;
}
.actionLink:hover
{
	text-decoration: underline;
}

input.actionLink, input.bodyTextLink
{
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    padding: 0;
    margin: 0;
}

div.ddateLegend 
{
	margin: 0 0 5px 0;
	text-align: center;
	font-size: 10px;
}

div.ddateLegend .selected
{
	color: #ffffff;
	background-color: #106646;
	font-weight: bold;
}

div.ddateLegend .available
{
	color: #106646;
	font-weight: bold;
}

div.ddateLegend .soldOut
{
	color: #58a07c;
	font-weight: normal;
	cursor:default;
}

div.ddateLegend .unavailable
{
	color:#999999;
	cursor:default;
}

/* single page checkout styles
COMMENTED OUT 3/23/11, 
REUSING CLASS NAMES FOR ENCLOSED CHECKOUT,
SINCE WE'VE NEVER USED SINGLE PAGE CHECKOUT 
(AND PROBABLY WON'T)
.checkoutWrapper
{
    margin: 0 5px 5px 5px; 
    border: solid 1px #456655; 
}

.checkoutTable
{
}

.checkoutHeader, .checkoutHeader td
{
    background-color: #d8e9b2; 
    padding: 5px; 
    color: #106646;
    text-transform: uppercase;
    font-weight: bold;
}

.checkoutHeader input
{
    background-color: #456655;
    border-color: #456655;
    color: #ffffff;
    font-style: italic;
    font-size: 10px;
    text-transform: lowercase;
    cursor: pointer;
}

.checkoutContent
{
    padding: 5px;
}

.checkoutSeparator
{
    border-top: solid 1px #456655;
    clear: both;
}
*/

.headerName
{
    text-transform: none;
    font-weight: normal;
    font-size: 10px;
    font-style: italic;
}

.modalBackground
{
	background-color: #000000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffff;
	border: solid 2px #a5c384;
	padding: 20px;
}

.modalContent
{
	background-color: #ffffff;
	padding: 10px;
}

.modalButton
{
/*	width: 5em;*/
}

.paymentInfoBox
{
	margin-bottom: 10px;
}

.paymentInfoBox .paymentInfoInnerDiv
{
	margin-top: 10px;
}

.paymentInfoBox .paymentInfoInnerDiv div
{
	display: inline-block;
}

.paymentInfoBox .paymentInfoInnerDiv .inputLabel, 
.paymentInfoBox .paymentInfoInnerDiv div label
{
	display: block;
	font-size: 10px;
}

table.threeColForm label,
.blockFormLabel
{
	display: block;
	font-size: 10px;
	margin-bottom: 7px;
	margin-top: -3px;
}

.defaultLabel
{
	display: inline !important;
	font-size: 10px;
	margin: 0px;
}

.checkboxLabel
{
    display: inline-block !important;
    font-size: 10px;
    position: relative;
    top: -3px;
}

.paymentInfo .separatorLine
{
	margin: 7px 0px;
	height: 1px;
}

.paymentInfo .topLabel
{
	display: block;
	margin-bottom: 5px;
}

.paymentImage, .paymentImageUnselected
{
	vertical-align: middle;
}

.paymentImageUnselected
{
	filter: alpha(opacity=20);
	opacity :0.2;
}

.paymentRadioContent
{
	margin-left: 24px;
}

.paymentQuestion
{
	vertical-align: text-top;
}

/** Home Styles **/
.homeNav
{
	background-image: url("/images/homepage/hp-background-block.gif");
	background-repeat: no-repeat;
	color: #354;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}

a.homeNavLink
{
	color: #354;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
}
a.homeNavLink:hover
{
	text-decoration: underline;
}

ul.homeNavList
{
	width: 100px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.homeNavList li
{
	margin-left: 0px;
}

ul.homeNavListSplit 
{
	width: 200px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.homeNavListSplit li
{
	margin-left: 0px;
	float: left; 
	width: 50%; 
}

/* styles for Categoryist user control and home page slots */
.categoryList, /* was homeWhoWeAre */
.homeSlot
{	
	background-repeat: no-repeat;
    background-image: url(/common/homepage/slot-7-20090505.jpg);
    background-color: #f9f9f1;
    color: #686868;
    font-size: 12px;
    padding: 5px;
    width: 264px;
}

.homeSlotText /* was homeWhoWeAreText */
{

}

.categoryListHeader,  /* on the div that contains the header text, was homeTitlewhiteBoldLink */
.categoryListHeader a,
.homeSlotHeader,
.homeSlotHeader a
{
    color: #c3702a;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.categoryListHeader a:hover,
.homeSlotHeader a:hover
{
	text-decoration: underline;
}

.categoryListHeader,
.homeSlotHeader
{
	display: block;
	margin-bottom: 3px;
	line-height: normal;
}

.categoryList ul li a, /* links to the categories, was homeWhoWeAreLink */
.homeSlotText a
{
    font-size: 15px;
    font-weight: normal;
    text-decoration: underline;
}

.categoryList ul li a:hover,
.homeSlotText a:hover
{
	text-decoration: none;
}

ul.oneColumnCategoryList, /* was homeNavList */
ul.twoColumnCategoryList /* was homeNavListSplit */
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.oneColumnCategoryList li,
ul.twoColumnCategoryList li
{
	margin: 0px 0px 5px 0px;	
}

ul.twoColumnCategoryList li
{
	float: left;
	width: 50%;
}

.categoryListSeparator
{
	width: 30px;
}

.contentSlotAdminOverlay
{
	border: solid 1px fuschia;
}

.contentSlotAdminOverlay span.slotNumber
{
	position: absolute;
	display: none;
	color: white; 
	background-color: black; 
	font-weight: bold; 
	font-size: 30px; 
}

.contentSlotAdminOverlay:hover span.slotNumber
{
	display: inline;
}

.couponList
{
	margin-top: 5px;
	padding-left: 17px;
}

html>/**/body .couponList
{
	text-indent: -17px;
}

.couponList *
{
	padding: 0px;
	margin: 0px;
}

.couponList input
{
	vertical-align: sub;
}

.couponList td
{
	padding-bottom: 5px;
	line-height: 1.25em;
}

.couponList label
{
	padding-left: 5px;
}

.couponSep
{
	padding-left: 20px;
	font-weight: bold;
	font-style: italic;
}

#heroNav
{
	position: absolute;
	/*top: 330px;*/
	bottom: 13px;
	z-index: 1000;
	left: 5px;
	border: solid 1px transparent;
}

#heroNav a.heroPager
{
	margin: 0px;
	width: 42px;
	height: 13px;
	float: left;
	display: block;
	cursor: default;
	background-color: #ffffff;
	filter: alpha(opacity=25);
	opacity: 0.25;
}

#heroNav a.heroPager:hover
{
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#heroNav a.heroPager.activeSlide
{
	filter: alpha(opacity=75);
	opacity: 0.75;
}

div.heroPagerWrapper
{
	border: solid 1px #ffffff;
	display: inline-block;
	margin: 0px 4px;
	float: left;
}

.heroRotator
{
	height: 356px;
	width: 768px;
	position: relative;
	overflow: hidden;
}

.heroRotator img
{
/*	height: 356px;
	width: 768px;*/
}

.reminders .cartItem td, .reminders .cartItemAlt td
{
	padding:5px 0px 0px 4px;
	vertical-align: top;
}

.reminders.address .cartItem td, .reminders.address .cartItemAlt td
{
	padding-bottom: 4px;
}

.upsellsDiv, .upsellsDivUnavailable
{
	border: solid 2px #cedfc9;
	margin-right: 2px;
	width: 80px;
	padding: 0;
}

.upsellsDivUnavailable
{
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.upsellsDiv.selected
{
	border: solid 2px #293c21;
}

.upsellsImage
{
	
}

.upsellsCheck
{
	text-align: center;
	background-color: #293c21;
}

.upsellsInfo
{
	text-transform: none;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #cedfc9;
	height: 55px;
}

.upsellsName
{
	padding-top: 2px;
}

.upsellsPrice
{
	font-weight: bold;
	margin-top: 3px;
}

.upsellsProgressDiv
{
	display: block; 
	position: absolute;
	border: solid 1px black; 
	background-color: #CCCCCC; 
	width: 50px; 
	height: 50px; 
	margin: 5px auto; 
	text-align: center;
}

.upsellsProgressBody
{
	padding: 15px 0px; 
	font-size: small;
}

.upsellsProgressBody img
{
	vertical-align: middle;
}

.bmlTerms
{
	background-repeat: no-repeat;
	background-color: Transparent;
	padding: 2px 13px 1px 2px;
	border: 0px;
	text-align: right;
	cursor: pointer;
	text-decoration: none; /* fix IE bug with button widths */
	width: auto;
	overflow: visible;
	font-weight: bold;
}

.productSideBar .bmlTerms
{
	background-position: right 4px;
	background-image: url('images/buttons/brown-arrow.gif');
	padding: 1px 7px 0px 2px;
	margin-left: 2px;
}

.productSideBar .bmlTerms:hover
{
	color: #8D7C6A !important;
}

.paymentRadioContent .bmlTerms
{
	color: #446655;
	font-size: 10px;
	background-position: right 4px;
	padding: 1px 7px 0px 2px;
	margin: 0px;
}

.paymentRadioContent .bmlTerms:hover
{
	color: #446655 !important;
	text-decoration: underline !important;
}

.bmlAdditionalInfo
{
	margin-left: 25px;
	font-size: 10px;
}

.bmlAdditionalInfo div
{
	margin-top: 5px;
}

.bmlHeading
{
	font-weight: bold;
	margin: 10px 0px 3px !important;
}

.bmlPrinterLink
{
	font-size: 9px;
	text-align: right;
}

.bmlAdditionalInfo .bmlTandC
{
	font-weight: bold;
}

.bmlIFrame
{
	width: 100%;
	height: 153px;
	border: solid 1px #555;
	padding: 0px 0px 2px 2px;
}

.bmlCheckLabel
{
    vertical-align: middle;
}

.bmlCheck
{
    display: block;
    float: left;
    padding-right: 3px;
    white-space: nowrap;
    vertical-align: middle;
}

.searchButton
{
	background-image: url(images/buttons/go.gif);
	height: 17px; 
	margin-top: 1px;
	width: 31px;
	border: none;
	text-indent: -9999px;
}

.loginCell
{
	width: 374px !important;
}

.loginCell.left
{
	padding: 0px 15px 0px 0px;
}

.loginCell.right
{
	padding: 0px 0px 0px 15px;
}

.ecoPointInfoCell
{
	width: 311px !important;
}

.bodyTextBold
{
	font-weight: bold;
}

td.topSellersCell
{
    height: 226px; 
    width: 132px; 
    margin-bottom: 10px;
}

table.topSellersItem
{
    width: 132px;
}

td.topSellersCell td.itemInfo
{
    height: 47px;
    color: #686868; 
    font-size: 10px; 
    text-decoration: none; 
    text-transform: capitalize; 
    line-height: 14px;
}

td.topSellersCell td.itemInfo a
{
    color: #666; 
    text-decoration: none;
}
td.topSellersCell td.itemInfo a:hover
{
    color: #7b9; 
    text-decoration: none;
}

td.topSellersCell td.itemInfo a.itemName
{
    font-weight: bold; 
}

td.topSellersSeparator
{
    width: 24px;
}

.searchSuggestionsHeader
{
	font-family: Book Antiqua, Serif;
	font-weight: bold;
	font-size: 18px;
	color: #99ab3b; 
	margin: 10px 0px 5px 0px;
}

.additionalShipMethods
{
    margin-top: 5px; 
    font-size: 10px; 
    color: #BC732E;
}

.additionalShipMethods .actionLink
{
    background-image: none;
    cursor: pointer;
    color: #4F6128;
    font-weight: bold;
}

.strike
{
    text-decoration: line-through;
}

.checkoutMainBoxPadding
{
    padding: 10px;
}    

.checkoutMainBoxPadding div.clear
{
    height: 0;
}

.checkoutHeader
{
    font-size: 15px;
    color: #525252;
    line-height: 20px;
    margin-top: 10px;
}
.checkoutHeader a
{
    color: #525252;
}
      
.checkoutNavBox
{
    color: #525252;
    border: solid 1px #293C21;
    font-weight: bold;
    height: 23px;
    text-transform: uppercase;
    overflow: hidden;
    margin: 0px 0px 15px 0px;
    clear: both;
    font-size: 12px;
}
.checkoutNavLeft
{
    float: left;
    padding-left: 30px;
}
.checkoutNavRight
{
    float: right;
    background-color: #485c44;
}
.checkoutNavLeft img
{
    float: left;
    padding-top: 3px;
}
.checkoutNavLeft div
{
    float: left;
    padding: 4px 0px 4px 8px;
}

.checkoutNavRight a
{
    color: inherit;
}
.checkoutNavRight a:hover
{
    color: inherit;
    text-decoration: none;
}

.checkoutNavStep
{
    color: #ffffff;
    background-color: #567A38;
    margin: 0;
    padding: 4px 33px 4px 15px;
    float: left;
    height: 100%;
    background-image: url(images/arrow_dark-to-dark.gif);
    background-repeat: no-repeat;
    background-position: right top;
}
.checkoutNavStep.selected, .checkoutNavStep.completed
{
    color: #ffffff;
    background-color: #8BB06C;
}
.checkoutNavStep.selected
{
    background-image: url(images/arrow_light-to-dark.gif);
}
.checkoutNavStep.completed
{
    background-image: url(images/arrow_light-to-light.gif);
}
.checkoutNavStep.last
{
    background-image: none !important; 
    padding-right: 15px;
}

.checkoutContent
{
}

.checkoutFooter
{
    border-top: solid 2px #b2b2b2;
    margin-top: 20px;
    padding-top: 10px;
}

.checkoutFooterLeft
{
    float: left;
    width: 485px;
}

.checkoutFooterRight
{
    float: left;
    width: 270px;
}

.checkoutFooterShipping
{
    color: #43a341;
    font-weight: bold;
    font-size: 11px;
    font-style: italic;
}
.checkoutFooterShipping a
{
    color: #43a341;
}
.checkoutFooterShipping img
{
    margin-left: 20px;
}
.checkoutFooterShipping div:first-child
{
    margin-bottom: 5px;
}

.checkoutFooterPaymentOptions
{
    margin-top: 20px;
    font-size: 11px;
    font-weight: bold;
    color: #686868;
}
.checkoutFooterPaymentOptions div:first-child
{
    margin-bottom: 5px;
}
.checkoutFooterPaymentOptions img
{
    vertical-align: middle;
}

.checkoutSubFooter
{
	width: 790px;
	margin: 10px auto 0px;
}

.checkoutSubFooter div:first-child
{
    float: left;
    margin-left: 10px;
}

.checkoutSubFooter div:first-child ul
{
	list-style-type: none;
	display: inline;
	padding: 0px;
	font-weight: bold;
}
.checkoutSubFooter div:first-child ul li
{
    display: inline;
    padding: 3px;
}
.checkoutSubFooter div:first-child ul li a
{
    color: #686868;
    text-decoration: underline;
}

.checkoutFooterCopyright
{
    float: right;
    margin-right: 20px;
}

.checkoutMessage
{
    margin-bottom: 15px;
}
.checkoutMessageHeading
{
    text-transform: capitalize;
}
.checkoutMessageText
{
    display: table-cell !important;
    font-size: 11px;
    line-height: 16px;
    padding: 5px 0px 0px 0px;
}
.checkoutMessageSubmit
{
    vertical-align: middle;
    text-align: right;
    padding-top: 5px;
}
