@charset "utf-8"; /* CSS Document */ body { background: #eaefb9 url('body_bckgrd.gif') no-repeat center top; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #491d56; } .clear { clear: both; } p { margin: 0px; padding: 0px; } .pink { font-weight: bold; color: #e8176d; } .mainpink { font-weight: bold; color: #e8176d; font-size: 16px; } #wrapper { margin: 0px auto; padding: 0px; width: 960px; } /*==============================================HEADER===================================================*/ #header { margin: 0px; padding: 0px 17px 0px 0px; height: 198px; width: 943px; } #logo { margin: 0px; padding: 0px; height: 198px; width: 360px; float: left; } #logo a { margin: 0px; padding: 0px; width: 360px; height: 198px; display: block; } #cart { float: right; margin: 21px 0px 6px; padding: 0px; height: 82px; width: 187px; background: url('cart.gif') no-repeat left top; } #cartquantity { margin: 0px; padding: 14px 0px 0px 84px; height: 31px; font: 11px Arial, Helvetica, sans-serif; color: #593165; } #cartbuttons { margin: 0px; padding: 0px 0px 0px 8px; } .viewbut { margin: 0px 0px 0px 5px; padding: 0px; } #nav { margin: 0px; padding: 0px; float: right; height: 75px; width: 485px; } /*#contact { position: absolute; left: 358px; top: 8px; } #news { position: absolute; left: 286px; top: 15px; z-index: 1; } #products { left: 183px; top: 10px; position: absolute; z-index: 10; } #about { position: absolute; left: 85px; top: 8px; z-index: 100; } #home { position: absolute; left: 3px; top: 2px; z-index: 1000; }*/ /*=============================================SIDEBAR=============================================*/ #container { width: 960px; padding: 0px; margin: 0px; padding-bottom: 10px; } #sidebar { margin: 0px 0px 10px; padding: 0px; float: left; width: 228px; position: relative; } #mainsidebar { background: url('sidebar_hdr.gif') no-repeat left top; margin: 0px 0px 0px 16px; padding: 61px 0px 0px; list-style: none; } #mainsidebar li, #newssidebar li { background: url('sidebar_rpt.gif') repeat-y; margin: 0px; padding: 0px 12px 0px 14px; width: 178px; font-size: 14px; line-height: 26px; } #mainsidebar li a, #newssidebar li a { font-weight: bold; color: #897190; text-decoration: none; border-bottom: 1px dotted #491d56; width: 178px; display: block; } #mainsidebar li a:hover, #newssidebar li a:hover { color: #542b60;	 } #mainsidebar_bot { margin: 0px 0px 0px 16px; padding: 0px; } #newssidebar { background: url('news_hdr_sidebar.gif') no-repeat left top; margin: 0px 0px 0px 16px; padding: 74px 0px 0px; list-style: none; } #newssidebar li { line-height: 16px; } #newssidebar li a { padding: 4px 0px 4px 0px; } #newssidebar_side { position: absolute; bottom: 226px; left: 0px; } #newsidebar_bot { margin: 0px; padding: 0px; } /*////////////////////////////////HOME CONTENT PAGE/////////////////////////////////////////////////////*/ #homecont_bkgrd { background: url('home_cont_bkgrd.gif') repeat-y; margin: 0px; padding: 0px; float: right; width: 727px; } #homecontent { margin: 0px; background: url('home_content_hdr.gif') no-repeat left top; width: 715px; padding-top: 7px; padding-right: 12px; padding-bottom: 0px; padding-left: 0px; } #homeflash { float: right; margin: 0px; padding: 0px; height: 246px; width: 237px; overflow:hidden; } #hometext { margin: 0px; padding: 20px 28px 0px 29px; } #hometext .introdiv { padding: 24px 0px 0px; margin:0px; } #hometext h2 { margin: 0px 0px 0px 91px; padding: 0px; font-size: 16px; color: #491d56; font-weight: normal; } #banner_holder{ background-image: url('bannerholder_bkg.gif'); background-repeat: repeat-y; background-position: left top; margin-top: 15px; margin-bottom: 15px; } #bestsellers { margin: 0px; padding: 0px 0px 35px 20px; } #bestsellholder{ background: url('bestsellbkg.gif') no-repeat left top; padding-top: 35px; } #bestsellers p{ margin: 0px 0px 29px 29px; padding: 10px 0px 0px 0px; } #leftscroll { margin: 0px; width: 34px; float: left; height: 108px; padding: 56px 0px 0px 5px; } #rightscroll { float: right; padding: 56px 0px 0px; height: 108px; width: 22px; } .productfeeds { margin: 0px; padding: 0px; float: left; width: 634px; clear: right; height: 164px; } .newsticker { margin: 0px; padding: 0px; } .newsticker ul { margin: 0px; padding: 0px; list-style: none; } .newsticker ul li { padding: 0px; display: inline-block; float: left; } .newsticker ul .scroll_prod { background: url('product_bkgrd.gif') no-repeat left top; margin: 0px 17px 0px 0px; padding: 0px 10px 0px 0px; height: 164px; width: 288px; position: relative; } .prod_text { float: left; width: 130px; padding: 13px 0px 0px 15px; height: 95px; overflow: hidden; } .newsticker ul .scroll_prod h3, #productarea h3 { margin: 0px; height: 72px; width: 108px; font-size: 14px; overflow: hidden; padding: 0px; } .newsticker ul .scroll_prod h3 a, #productarea h3 a { color: #491456; text-decoration: none; margin: 0px; padding: 0px; } .price { margin: 0px; padding: 0px; } .newsticker ul .scroll_prod a .thumb, #productarea a .thumb { margin: 9px 0px 0px; padding: 0px; height: 145px; width: 128px; float: right; } .prod_desc { color: #897190; font-size: 11px; font-style: italic; font-weight: normal; } .view_link { position: absolute; top:109px; left: 68px; } .view_link a { background: url('bestseller_view.gif') no-repeat top left; display: block; width: 92px; height: 51px; } .view_link a:hover, .snglview a:hover { background: url('bestseller_view_hover.gif') no-repeat top left;	 } #content_bot { background: url('home_cont_bot.gif') no-repeat left top; margin: 0px; padding: 0px; height: 5px; width: 727px; float: right; } /*=========================================PRODUCT PAGES========================================*/ #productcontent_bkgrd { background: url('product_cont_bckgrd.gif') repeat-y; margin: 0px; padding: 0px; float: right; width: 709px; } #productcontent { background: url('pageheader.gif') no-repeat left top; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #productcontent h1 { font-size: 32px; color: #e92576; margin: 0px; padding: 35px 0px 25px 30px; } #breadcrumbs { margin: 0px; color: #e8176d; font-size: 11px; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 35px; padding-left: 47px; } #breadcrumbs a { color: #491d56; text-decoration: none; } #breadcrumbs a:hover { color: #e8176d;	 } #productarea { width: 669px; margin: 0px; padding: 0px 0px 0px 30px; } .prod_area { background: url('product_bkgrd.gif') no-repeat left top; margin: 0px 35px 10px 0px; padding: 0px 10px 0px 0px; height: 164px; width: 288px; position: relative; float: left; } #productbottom { background: url('prodt_cont_bot.gif') no-repeat left top; margin: 0; padding: 0px; height: 2px; width: 709px; float: right; display:inline; } /*=====================================MAIN PRODUCT PAGE============================================================*/ #mainproductarea { margin: 0px; width: 669px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 30px; } #mainproductimage { margin: 0px; padding: 0px; width: 302px; float: left; text-align: center; } #thumbs { background: url('thumbs_area.gif'); height: 72px; width: 298px; text-align: center; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 4px; } #thumbs a img { border: 2px solid #907997; margin: 0px 5px 0px 0px; padding: 0px; } #thumbs a img:hover { border: 2px solid #53295f;	 } #mainproducttext { float: left; width: 332px; margin: 0px; padding: 0px 0px 0px 30px; } #mainproducttext h2 { margin: 0px; padding: 0px; font-size: 20px; color: #491456; line-height: 22px; width: 307px; } #mainproducttext .caption { font-size: 14px; font-style: italic; color: #897190; margin: 0px 0px 8px; padding: 0px 0px 8px; border-bottom: 1px dotted #53295f; width: 307px; } #mainproducttext form { margin: 0px; padding: 20px 0px 0px 0px; width: 307px; } .quantity { margin: 0px; padding: 0px; width: 30px; } #madefrombkgrd { background: url('madefrom_bkgrd.gif') repeat-y; margin: 15px 0px 0px; padding: 0px; } #madefrom { margin: 0px; margin-top: 15px; padding: 0px; width: 294px; } #ethicallyfab{ margin: 0px; margin-top: 15px; padding: 0px; width: 294px; } #prodinfo { margin: 0px; margin-top: 15px; padding: 0px; width: 294px; } #whywelike { background: url('madefrom_hdr.gif') no-repeat left top; margin: 0px; padding: 90px 0px 30px 15px; font-size: 12px; color: #491456; width: 317px; } #madefrom_bot { background: url('madefrom_bot.gif') no-repeat left top; margin: 0px; padding: 0px; height: 12px; width: 319px; } #alsolike { background: url('alsolike.gif') no-repeat left top; margin: 0px; padding: 74px 0px 0px; height: 230px; width: 699px; } #alsolike p { margin: 0px 0px 29px 29px; padding: 0px; } /*============================================FOOTER=========================================*/ #footer_wrapper { background: #cbd477 url('footer_wrapper.gif') repeat-x; margin: 0px; padding: 0px; } #footer { margin: 0px auto; padding: 21px 0px 20px; width: 960px; } #twitter { margin: 0px 0px 0px 23px; padding: 0px; } #email { margin: 0px 13px 0px 31px; padding: 0px; } #facebook { margin: 0px 0px 0px 6px; padding: 0px; } #footercomments { margin: 0px; padding: 43px 0px 0px; color: #4f611d; font-size: 10px; } #footercomments a { color: #4f611d; text-decoration: none; } #footercomments  a:hover { color: #29340c;	 } #footernav { margin: 0px; padding: 0px 0px 0px 11px; float: left; width: 450px; font-size: 12px; color: #4f611d; text-transform: capitalize; } /*=========================================BLOG====================================================*/ #blog { margin: 0px 0px 0px 13px; padding: 0px; float: left; width: 207px; list-style: none; } #blog li { margin: 0px 0px 8px; padding: 0px 0px 80px; background: url('blog_sidebar_bot.gif') no-repeat bottom left; } #blog li h2 { margin: 0px 0px 0px 3px; padding: 26px 0px 19px 27px; background: url('sidebar_blog_hdr.gif') no-repeat top left; font-size: 18px; color: #e8176d; } #blog li ul { margin: 0px 0px 0px 3px; padding: 0px; list-style-type: none; background: url('sidebar_rpt.gif') repeat-y; } #blog li ul li { margin: 0px; padding: 0px 12px 0px 14px; background: none; width: 178px; font-size: 12px; } #blog li ul li a { padding: 4px 0px 4px 0px; margin: 0px; color: #897190; text-decoration: none; border-bottom: 1px dotted #491d56; width: 178px; display: block;	 } #blog li ul li a:hover { color: #542b60;	 }	 #newsbkgrd { background: url('blog_bkgrd_rpt.gif') repeat-y; margin: 0px 0px 5px; padding: 0px; float: right; width: 727px; }#newscontent { margin: 0px; padding: 30px 0px 0px; width: 699px; background: url('blog_hdr.gif') no-repeat left top; } #newscontent h1 { font-size: 32px; color: #e92576; margin: 0px 0px 0px 33px; padding: 0px 0px 19px; width: 644px; font-weight: normal; } #newscontent .postbkgrd { margin: 0px 8px 0px 13px; padding: 0px; background: url('blog_post_bkgrd.gif') repeat-y; width: 678px; } #newscontent .post { background: url('blog_post_hdr.gif') no-repeat left top; margin: 0px; padding: 53px 36px 0px 46px; } .post h2 { margin: 0px; padding: 0px; font-size: 26px; width: 502px; float: left; } .post h2 a { color: #e8176d; text-decoration: none; } .post h2 a:hover { color: #491456;	 } .post .date { height: 58px; width: 48px; float: right; margin: 3px 0px 0px; padding: 10px 0px 0px; text-align: center; } .dateday { font-size: 30px; color: #e8176d; width: 48px; margin: 0px; padding: 0px; line-height: 22px; } .datemonth { font-size: 16px; color: #e8176d; margin: 0px; padding: 0px; line-height: 16px; } .dateyear { font-size: 10px; color: #94739e; line-height: 18px; } .entry { margin: 0px; padding: 15px 0px 0px; width: 506px; border-top: 1px dotted #491d56; } .entry p { margin: 0px; padding: 0px 0px 15px; text-align: justify; } .alignleft { float: left; margin: 0px 20px 20px 0px; padding: 0px; } .alignright { float: right; margin: 0px 20px 20px 0px; padding: 0px; } .postmetadata { background: url('blog_post_bot.gif') no-repeat left top; width: 614px; height: 44px; margin: 0px; padding: 22px 0px 0px 64px; font-size: 11px; } .metadata { margin: 0px 0px 0px 20px; padding: 0px; } .metadata a { color: #718035; text-decoration: none; } .metadata a:hover { text-decoration: underline;	 } #newsbkgrd_bot { background: url('blog_bot.gif') no-repeat left top; margin: 0px; padding: 0px; height: 4px; } #navigation { background: url('paginator.gif') no-repeat left top; margin: 15px 0px 10px; padding: 30px 40px 0px 0px; height: 38px; width: 659px; } .optionsholder{ margin: 0px; padding: 0px; padding-top: 10px; } .optionsholder{ margin: 0px; padding: 0px; margin-top: 10px; } .addcart_holder{ margin: 0px; padding: 0px; margin-top: 10px; } #brochurecontent { background: url('pageheader_broch.gif') no-repeat left top; margin: 0px; padding: 0px; } #brochurearea { width: 639px; margin: 0px; padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; } #brochurecontent h1 { font-size: 32px; color: #e92576; margin: 0px; padding: 35px 0px 25px 30px; } #offerbanner { min-height:116px; height:auto !important; height:116px; width: 630px; border: 4px solid #e8176d; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; } #offerimage{ position: absolute; top: -23px; left: -4px; } #trflower{ position: absolute;	 top: 0; right: 0; } #offerbanner h2{ margin: 0; padding: 0; padding-left:245px; padding-top:25px; width: 300px; padding-bottom: 25px; font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #491d56; }