/******************************************************\
* Caren Original Styles             
*                                                    
* Name: Caren Original                               
* Author: Kraftwerk Design, Inc.
* Id: $Id$                                           
\*****************************************************/

/*/----- GENERAL CSS -----/*/
body { font-size:100%; color:#48260F; font:12px/18px 'Lucida Grande', Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5 { margin:0; font-family:Georgia, Times, 'Times New Roman', serif; font-weight:normal; font-style:italic; }
p, ul, ol { margin:0 0 18px 0; }
h1 { font-size:24px; }
hr { margin:10px 0; background-color:#48260F; border:none; height:1px; }
img { border:none; }
a { color:#AF2919; text-decoration:none; outline:none; }
#top a, #footer a { font-size:11px; line-height:18px; color:#48260F; }
#top a:hover, #footer a:hover { color:#AF2919; }
.cb, .Clear, .ML20 { clear:both; }
.fr, .FloatRight { float:right; }
.fl, .FloatLeft { float:left; }
#Container { margin:0 auto; }
#wrapper { margin:0 auto; width:960px; }
.SuccessMessage { padding:7px; background-color:#E7EFE7; color:#629e62; font-size:11px; font-style:italic; border:1px dotted #629e62; }
.ErrorMessage { padding:7px; background-color:#FCECEC; color:#CC5151; font-size:11px; font-style:italic; border:1px dotted #CC5151; }

/*/----- TOP NAVIGATION -----/*/
#top { margin:20px 0 0; }
#top h1 a { margin:10px 0 0; background:url('/templates/carenoriginal/images/logo_caren.gif') no-repeat; float:left; width:145px; height:62px; text-indent:-9999px; }
#topContact { float:right; height: 30px; }
#topContact p { margin-bottom:0; font-size:26px; line-height:28px; font-style:normal; font-family:Georgia, Times, 'Times New Roman', serif; }
#topContact span { padding:5px 5px 0 0; font-size:12px; line-height:18px; height:28px; font-style:italic; float:left; }

#followSocial { padding-top:3px; height:22px; float:right; }
#followSocial p { margin-bottom:0; padding-right:5px; font-size:11px; line-height:23px; float:left; }
#followSocial .btn_facebook { background:url('/templates/carenoriginal/images/btn_fb.gif') no-repeat; display:block; float:left; padding-right:20px; width:69px; height:22px; text-indent:-9999px; }

#topNav { margin:15px 0 10px; padding:0; float:right; height:40px; list-style:none; }
#topNav li { margin:0; padding-left:25px; float:left; font-size:11px; text-transform:uppercase; }
li.home a, li.about a, li.account a, li.storefind a, li.view a { height:40px; display:block; float:left; }
li.search { height:40px; }

#nav { margin:0 0 15px; padding:0; width:960px; height:55px; list-style:none; }
#nav li { float:left; height:55px; }
#nav li a, #nav a:hover { background:url('/templates/carenoriginal/images/topNav.gif') no-repeat; float:left; display:block; height:55px; text-indent:-9999px; }
#nav li.nav_caren a { width:161px; background-position:0 0; }
#nav li.nav_caren a:hover { background-position:0 -55px; }
#nav li.nav_gear a { width:121px; background-position:-161px 0; }
#nav li.nav_gear a:hover { background-position:-161px -55px; }
#nav li.nav_gardener a { width:173px; background-position:-283px 0; }
#nav li.nav_gardener a:hover { background-position:-283px -55px; }
#nav li.nav_antiaging a { width:263px; background-position:-458px 0; }
#nav li.nav_antiaging a:hover { background-position:-458px -55px; }
#nav li.nav_prod a { width:242px; background-position:-719px 0; }
#nav li.nav_prod a:hover { background-position:-719px -55px; }

/*/---- TOP NAV SEARCH FORM ----/*/
#searchForm { margin-bottom:5px; width:240px; overflow:hidden; }
#searchForm #search_query { margin:0; float:left; width:155px; }
#searchButton { float:right; }
#top a.topSearchLink, #top a.topSearchLink:hover { font-size:10px; }

.PagingList {list-style:none;overflow:hidden;padding:0;}
.PagingList li {float:left;margin-right:12px;}


/*/----- CONTENT -----/*/
#mainContent { clear:both; overflow:hidden; }
#prodIntro h2 { margin-bottom:15px; font-size:20px; line-height:24px; }
#prodIntro p { margin-right:20px; font-size:12px; line-height:22px; }
#prodIntro img { margin-top:10px; float:right; border:0; }

/*/----- CONTENT HOME -----/*/
#mainGraphicWrap { width:960px; height:418px; overflow:hidden; }
#panel_progress { margin-top:3px; text-align:center; }
#mainGraphicHM { background:url('/templates/carenoriginal/images/mainImg_home.jpg') no-repeat; width:960px; height:418px; }
#mainGraphicHM #prodIntro { width:390px; position:relative; top:230px; left:520px; }
.featureHM { overflow:hidden; }
#featureHM_caren { margin:3px 0 0; background:url('/templates/carenoriginal/images/featureHM_caren.jpg') no-repeat; width:314px; height:192px; float:left; text-indent:-9999px; }
#featureHM_gear { margin:3px 9px 0; background:url('/templates/carenoriginal/images/featureHM_gear.jpg') no-repeat; width:314px; height:192px; float:left; text-indent:-9999px; }
#featureHM_gardner { margin:3px 0 0; background:url('/templates/carenoriginal/images/featureHM_gardener.jpg') no-repeat; width:314px; height:192px; float:right; text-indent:-9999px; }
#specialHM { padding:10px 0 0; }
#featureHM_complimShip { margin:0; background:url('/templates/carenoriginal/images/featureHM_complimShip.jpg') no-repeat; width:637px; height:52px; float:left; text-indent:-9999px; }
#featureHM_giftWrap { margin:0; background:url('/templates/carenoriginal/images/featureHM_giftWrap.jpg') no-repeat; width:314px; height:52px; float:right; text-indent:-9999px; }

/*/---- CONTENT CAREN -----/*/
#mainGraphic10 { background:url('/templates/carenoriginal/images/mainImg_caren1.jpg') no-repeat; width:960px; height:418px; }
#mainGraphic10 #prodIntro { position:relative; top:190px; left:32px; width:390px; }

/*/---- CONTENT GEAR -----/*/
#mainGraphic19 { background:url('/templates/carenoriginal/images/mainImg_gear1.jpg') no-repeat; width:960px; height:418px; }
#mainGraphic19 #prodIntro { position:relative; top:120px; left:50px; width:230px; color:#ffffff; }
#mainGraphic19 #prodIntro img { margin-top:6px; }

/*/---- CONTENT GARDENER'S -----/*/
#mainGraphic20 { background:url('/templates/carenoriginal/images/mainImg_gardener1.jpg') no-repeat; width:960px; height:418px; }
#mainGraphic20 #prodIntro { position:relative; top:50px; left:700px; width:228px; color:#ffffff; }

/*/---- CONTENT ANTI-AGING & WELLNESS -----/*/
#mainGraphic32 { background:url('/templates/carenoriginal/images/mainImg_wellness.jpg') no-repeat; width:960px; height:418px; }
#mainGraphic32 #prodIntro { position:relative; top:210px; left:540px; width:390px; }

/*/---- CONTENT CITRUS SUN ----/*/
#mainGraphicCS { background:url('/templates/carenoriginal/images/mainImg_citrusSun.jpg') no-repeat; width:960px; height:418px; }
#mainGraphicCS #prodIntro { position:relative; top:168px; left:45px; width:365px; color:#ffffff; }

/*/---- FACEBOOK SPECIAL - MAY 2010 -----/*/
#mainGraphic_FB { background:url('/templates/carenoriginal/images/fb_citrusSun_main.jpg') no-repeat; margin-bottom:20px; width:960px; height:388px; }
#mainGraphic_FB #prodIntro { position:relative; top:245px; left:40px; width:395px; color:#ffffff; }
#mainGraphic_FB #prodIntro p { font-size:16px; line-height:22px; }
#FB_sample { background:url('/templates/carenoriginal/images/fb_citrusSun_steps.jpg') no-repeat; width:960px; height:209px; }
/* #FB_sample p.addInfo { position:relative; top:99px; left:631px; width:254px; } */
#FB_sample form#addToCart { width:547px; float:right; border:none; }
#FB_sample .addCartBtn { float:left; margin:108px 0 0 0; }
#FB_sample .nopurchase { float:left; margin:120px 0 0 15px; display:block; font-size:11px; color:#9f8c82; }
p.FB_limit { margin:0 0 12px; font-size:11px; color:#9f8c82; }
#specialFB { clear:both; overflow:hidden; }
#featureFB_browse { background:url('/templates/carenoriginal/images/fb_citrusSun_browse.jpg') no-repeat; margin-right:9px; width:600px; height:70px; display:block; text-indent:-9999px; float:left; }
#featureFB_retail { background:url('/templates/carenoriginal/images/fb_citrusSun_retailers.jpg') no-repeat; width:351px; height:70px; display:block; text-indent:-9999px; float:left; }

/*/---- PAGES WITH A LEFT NAV -----/*/
#leftCol { margin:20px 20px 0 0; width:170px; float:left; }
#rightCol { margin:20px 0 0; width: 770px; float:left; }

#leftCol h3 { margin:0 0 10px; padding:8px 0; font-size:18px; border-top:1px solid #48260F; border-bottom:1px solid #48260F; }
#leftNav { margin:0; padding:0; }
#leftNav li { line-height:22px; text-transform:uppercase; list-style:none;}
#leftNav li a { font-size:14px; line-height:20px; }
#leftNav span { margin-right:2px; }
#leftNav span.ln_10 { border-left:8px solid #F1B2B8; } /* Caren - Pink */
.color_10 { color:#F1B2B8; }
#leftNav span.ln_19 { border-left:8px solid #8997A2; } /* GEAR - Blue */
.color_19 { color:#8997A2; }
#leftNav span.ln_20 { border-left:8px solid #7DA482; } /* Gardner's - Green */
.color_20 { color:#7DA482; }
#leftNav span.ln_32 { margin:3px 6px 18px 0; display:block; float:left; line-height:15px; border-left:8px solid #E46974; } /* AntiAging&Wellness - Dark Pink */
.color_32 { color:#E46974; }
#leftNav span.ln_33 { border-left:8px solid #9473CA; } /* Caren - Purple */
.color_33 { color:#9473CA; }

#leftNav span.ln_36 { border-left:8px solid #4f677b; } /* Caren - Dk Blue */
.color_36 { color:#4f677b; }

.leftSubNav { margin-bottom:10px; padding-left:3px; list-style:none; }
#leftNav .leftSubNav li { border-left:0; line-height:24px; }
#leftNav .leftSubNav li a { font-size:12px; margin-left:15px; line-height:24px; text-transform:none; color:#666666; }
#leftNav .leftSubNav li a:hover { color:#AF2919; }

/*/---- MY ACCOUNT/ORDERS ----/*/
#AccountOrderLinks ul, #SideAccountMenu ul { padding-left:10px; list-style:none; line-height:20px; }

/* Create/Account Login */
.CreateAccount { width:375px; float:left; }
.AccountLogin { width:375px; float:right; }
.CreateAccount h2, .AccountLogin h2 { margin-bottom:10px; padding:8px 0; border-top:1px solid #48260F; border-bottom:1px solid #48260F; }
.CreateAccount ul { padding-left:25px; list-style-position:outside; list-style-type:disc; }
.AccountLogin #login_email, .AccountLogin #login_pass { width:150px; }
.AccountLogin dt { clear:left; }
.AccountLogin dd { margin-left:10px; }
.AccountLogin #LoginButton { margin-bottom:5px; }

/* General Account CSS */
ul.ManageAccount { padding-left:20px; list-style:none; }
ul.ManageAccount li { margin-right:40px; padding-bottom:10px; float:left; width:310px; height:100px; }
ul.ManageAccount li a { font-size:14px; font-weight:bold; }

.AccountOrdersList { padding:0; list-style:none; }
.AccountOrderStatusList { padding:0; list-style:none; }
.AccountOrderStatusList h3, .AccountOrdersList h3 { margin:20px 0 15px; padding:5px 0; font-size:16px; line-height:22px; height:22px; border-top:1px dotted #48260F; border-bottom:1px dotted #48260F; overflow:hidden; }
.AccountOrderStatusList blockquote { margin:0; }
.AccountOrderStatusList .OrderItemList { padding-left:0; }

/* Order Status Details */
blockquote.noSpace { margin:0; padding:0; }
ul.AccountOrdersList h3 { font-size:16px; }
ul.OrderItemList { margin:0; padding:0; list-style:none; }
ul.OrderItemList li { border-top:1px solid #DDC; padding:5px 0; }
.BillingDetails { padding-bottom:10px; width:50%; float:left; }
.BillingDetails h3, .ShippingDetails h3 { margin:15px 0 10px; padding:5px 0; border-top:1px solid #DDC; border-bottom:1px solid #DDC; }

tr.shippingDetail td { padding:10px 0; border:none; }
.ShippingDetails { padding-bottom:10px; width:50%; float:right; }
.ShippingProviderList { margin-bottom:20px; overflow:hidden; }
.ShippingProviderList li, .ShippingProviderList input, .ShippingProviderList span { list-style:none;}
.ShippingProviderList span { margin-left:12px; width:225px;display:inline-block; }
.ShippingDetails .ShipperPrice {float:none;}

/*/---- GENERAL PRODUCT LIST ----/*/
#featureProd { background:url('/templates/carenoriginal/images/featureProd_bg.gif') no-repeat; margin:15px 0 0; padding-top:20px; width:960px; height:71px; }
#featureProd h3 { margin:8px 0 0; padding:0;font-size:24px; float:left; }
#featureProd a { margin-top:7px; float:right; color:#48260F; font:14px Georgia, Times, 'Times New Roman', sans-serif; font-style:italic; }
#featureProd a:hover { color:#AF2919; }
.product { padding:0 0 20px 12px; width:180px; height:311px; float:left; overflow:hidden; }
.price { float:left; font-weight:bold; line-height:16px; }
.productName { margin:0 5px; width:120px; float:right; font-weight:bold; line-height:16px; }

/*/---- PRODUCT DETAIL PAGE ----/*/
.prod_Photo { margin-right:10px; width:230px; height:auto; float:left; }
#productDetail { width:540px; padding-bottom:10px; float:left; }
h4.prod_Category { font:20px 'Lucida Grande', Arial, Helvetica, sans-serif; font-weight:bold; }
.prod_Name { margin-bottom:0; font-size:14px; font-weight:bold; line-height:24px; }
.prod_Description { margin:10px 0 15px; line-height:20px; }
.price_List { margin-bottom:0; }
.prod_Price { font-size:14px; font-weight:bold; }
.prod_Order p { margin:10px 0; line-height:24px; }

.ProductThumb { width:230px; float:left; text-align:center; position:relative; }
.ProductThumb p.piclink { margin-top:20px; z-index:99; }

.VariationOutOfStockMessage {color:red; float:left;margin-left:30px;width:200px;}

/*---- All Product View ----*/
#featureProducts { margin-bottom:20px; padding:8px 0; width:770px; overflow:hidden; border-top:1px solid #48260F; border-bottom:1px solid #48260F; }
#featureProducts h3 { margin:0; padding:0; font-size:18px; float:left; }
#featureProducts span { padding-top:3px; font-size:14px; float:right; }
#featureProducts a { color:#48260F; font:14px Georgia, Times, 'Times New Roman', sans-serif; font-style:italic; }
#featureProducts a:hover { color:#AF2919; }

/*---- Recommended Product Listing ----*/
#recProducts { margin-bottom:5px; padding:15px 0 0; background:url('/templates/carenoriginal/images/featureProd_recbg.gif') no-repeat; width:770px; height:58px; }
#recProducts h3 { float:left; font-size:16px; line-height:28px; }
#recProducts span { float:right; font-size:12px; line-height:28px; }
#recProducts a { color:#48260F; font:12px Georgia, Times, 'Times New Roman', sans-serif; font-style:italic; line-height:28px; }
#recProducts a:hover { color:#AF2919; }

/*---- Cart/Form Formatting ----*/
#price_label { float:left; width:140px; }
form#addToCart { margin-bottom:10px; width:540px; border-bottom:1px solid #48260F; overflow:hidden; }
form#addToCart dl { margin-bottom:0; float:left; overflow:hidden; }
form#addToCart dt { margin-bottom:5px; float:left; clear:left; width:100px; font-weight:normal; }
form#addToCart dd { margin-bottom:5px; float:left; }
form#addToCart dd ul.ProductOptionList { padding:0; list-style:none; }
.addCartBtn { margin:0; padding:10px 0 15px; float:left; clear:both; }
form#addToCart input.qtyInput { text-align:center; }

#ProductDetails { overflow:hidden; margin-bottom:15px; }

#SideProductRelated { clear:both; }
#SideCategoryList { margin-bottom:30px; }
.ProductImage { width:180px; height:258px; text-align:center; }
.LongProductDetails { margin-top:35px; width:589px; }

ul.ProductList { margin:0; padding-left:0; width:100%; overflow:hidden; }
ul.ProductList li { float:left; list-style:none; }
em.otherProdPrice { padding-right:10px; float:right; font-weight:bold; }

ul.OtherProductList { margin:0 0 15px; padding:0; width:100%; overflow:hidden; font-size:12px; }
ul.OtherProductList li { list-style:none; overflow:hidden; }
ul.OtherProductList .CartProductOptionList { padding-left:10px; }

.JustAddedProduct { margin-bottom:20px; overflow:hidden; }
.OtherProducts { float:left; font-size:12px; }
.SubTotal { overflow:hidden; border-top:1px solid #DDC; font-size:12px; }
.ViewCartLink { font-weight:bold; }

/* View Cart Contents */
#CartContent { overflow:hidden; }
.CartContents { width:770px; }
.CartContents td { vertical-align:top; }
.CartContents th { padding-bottom:8px; border-bottom:1px solid #DDC; }

a.CartRemoveLink { font-size:9px; font-weight:bold; line-height:14px; text-transform:uppercase; }

tr.First td { padding-top:10px; }
td.ProductName, td.CartItemQuantity, td.CartItemIndividualPrice, td.CartItemTotalPrice { padding-bottom:5px; }
td.ProductName { padding-left:10px; width:400px; }
td.ProductName a { font-weight:bold; }
td.ProductName small { font-size:10px; color:#775; }

.ProductPrice, .EstimateShippingLink { padding-right:5px; }
.ProductPrice { float:right; font-size:13px; font-weight:bold; }

.EstimateShipping dl { width:395px; float:right; }
.EstimateShipping dt { padding-bottom:5px; width:100px; float:left; clear:left; }
.EstimateShipping dd { margin:0; padding:0 0 5px 10px; float:left; clear:right; }

tr.SubTotal td.PaddRight { padding-left:10px; }
tr.SubTotal td { padding:10px 0; border-top:1px solid #DDC; }
tr.SubTotal td.Even { padding-left:10px; }

#SideCouponCodeBox { margin:30px 0; padding-top:10px; text-align:right; clear:both; }
#SideCouponCodeBox p { margin-bottom:3px; }

/* Form Styles */
.FormContainer dt { margin-bottom:5px; float:left; width:170px; font-weight:normal; font-size:12px; }
.FormContainer dd { margin-bottom:5px; float:left; width:477px; }
form#LoginForm dl { margin-bottom:15px; overflow:hidden; }
form#LoginForm dt { margin-bottom:5px; float:left; width:100px; font-weight:normal; font-size:12px; }
form#LoginForm dd { margin-bottom:5px; float:left; width:167px; }
dl { overflow:hidden; }
p.Submit { clear:both; }
.KeepShopping { margin-top:30px; padding-top:5px; width:100%; text-align:right; font-size:13px; }
.ProceedToCheckout { float:right; }

/* Checkout Styles */
.ExpressCheckoutBlock { margin-bottom:15px; }
.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent{ display:none; }
.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle { color:#775; }
.ExpressCheckoutTitle { border-bottom:1px solid #DDC; }
.ExpressCheckoutTitle a { float:right; font:12px Arial; }
.ExpressCheckoutContent { margin-top:12px; overflow:hidden; }
.ExpressCheckoutContent h4 { font:bold italic 13px/18px 'Lucida Grande',Arial,Helvetica,sans-serif; }
.ExpressCheckoutCompletedContent { margin-left:30px; display:inline-block; color:#48260F; }

/*---- GENERAL SEARCH PAGE STYLINGS -----*/
#SearchTips .BlockContent h3, .AdvancedSearch h3, #PageContent .BlockContent h3, #storeLocator h3 { margin-bottom:5px; padding-bottom:3px; border-bottom:1px solid #DDC; font-size:14px; }
.Field100 { width:110px; font-weight:bold; text-transform:capitalize; }

.QuickSearch { margin-top:3px; background:#FFF; border:1px solid #775; }
.QuickSearchTitle td { padding:4px; font-size:12px; font-weight:bold; }
.QuickSearchResult td { padding:5px; font-size:12px; border-top:1px solid #DDC; }
.QuickSearchResultMeta td { padding:5px; font-size:12px; border-top:1px solid #DDC; }
.QuickSearchResultMeta a { float:left; width:100%; }
.QuickSearchResultMeta span { clear:both; }

.QuickSearchAllResults td { padding:5px; font-size:12px; text-align:right; }

/*/---- STORE LOCATOR ----/*/
#storeLocator .FormContainer dt { width:100px; }
#storeLocator .FormContainer dd { margin-left:10px; }
#storeLocator .storeInfo { padding:0 0 20px 12px; width:244px; height:auto; overflow:hidden; float:left; line-height:18px; }
#storeLocator .storeInfo p span.storeName { font-size:14px; line-height:24px; font-weight:bold; }
#storeLocator p.storePhone { margin-top:5px; }

/*/----- FOOTER -----/*/
#footer { margin:10px 0 50px; width:960px; list-style:none; font-size:11px; text-transform:uppercase; clear:both; }
#footer ul { margin:0; padding:0; }
#footerTag { margin-bottom:10px; padding:10px 0; height:85px; border-top:1px solid #48260F; border-bottom:1px solid #48260F; overflow:hidden; }
#footerTag img { float:left;}
#footerLeft li { padding-right:20px; float:left; display:block; font-size:11px; }
#footerRight { margin:0; float:right; }
#footerRight li { margin-right:0; padding:0 0 0 20px; float:left; display:block; }