body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; background: #a4dae1; } .clear { clear: both; } a:active { outline: none; } a:focus { -moz-outline-style: none; } #wrapper { margin: 0px auto; padding: 0px; height: auto; width: 950px; background: #a4dae1 url('wrapper_bkgrd.gif') no-repeat left top; } #header { margin: 0px; padding: 0px; height: 147px; width: 950px; background: url('logo.gif') no-repeat left top; } #logo { margin: 0px; padding: 0px; float: left; height: 147px; width: 210px; } #midhead { margin: 0px; padding: 0px; float: left; height: 147px; width: 555px; } /*NAVIGATION*/ #nav { margin: 85px 0px 0px; padding: 0px; float: left; height: 28px; width: 555px; } #nav ul { margin: 0px; padding: 0px; height: 28px; width: 555px; } #nav li { margin: 0px 1px; padding: 0px; list-style: none; display: inline; float: left; } #searcharea { margin: 0px 0px 8px 300px; padding: 0px 0px 0px 90px; float: left; height: 34px; width: 165px; background: url('search.gif') no-repeat left top; } .search { padding: 0px; margin: 8px 0px 0px; float: left; } .searchbutton { margin: 0px; padding: 0px; clear: left; } #cart { margin: 9px 0px 0px 0px; padding: 0px; float: right; height: 140px; width: 174px; background: url('cart.gif') no-repeat left top; } #cartitems { padding: 40px 0px 0px 015px; height: 36px; width: 146px; } #cartitems p { font-size: 12px; color: #1f0f14; margin: 0px; padding: 0px; } #cartbuts { margin: 0px; padding: 0px; height: 45px; width: 161px; } /*CONTENT*/ #content { margin: 0px; padding: 0px; height: auto; width: 950px; } #rightcontent { margin: 0px; padding: 0px; float: right; height: auto; width: 770px; } #banner { margin: 5px 0px 0px; padding: 0px; height: 264px; width: 759px; background: url('home_banner.gif') no-repeat left top; } #bannertext { padding: 80px 5px 10px 30px; height: 184px; width: 245px; float: left; } #bannertext p { font-size: 12px; color: #282d2d; margin: 0px; padding: 5px 0px 0px; } #bannerbutton { margin: 0px; padding: 163px 0px 0px 215px; float: right; height: 101px; width: 264px; } #featuredpresents { margin: 5px 0px 0px; padding: 0px; height: 54px; width: 759px; background: url('featured_presents_top.gif') no-repeat left top; } #presentsbody { margin: 0px; padding: 10px 0px 0px 20px; height: auto; width: 739px; background: url('featured_presents_bkgrd.gif') repeat-y; } .presenttop { margin: 0px 0px 5px 5px; padding: 17px 0px 0px; float: left; height: auto; width: 355px; background: #ffffff url('present_top.gif') no-repeat left top; } .present { background: url('presentbkgrd.gif') repeat-y; margin: 0px; padding: 0px 0px 0px 14px; height: auto; width: 341px; } .presentbot { background: url('present_bot.gif') no-repeat; margin: 0px; padding: 0px; height: 16px; width: 355px; } .presentbot1 { background: url('present_bot1.gif') no-repeat; margin: 0px; padding: 0px; height: 12px; width: 355px; } .presentimage { margin: 0px; padding: 10px 0px 0px; float: left; height: auto; width: 95px; clip: rect(0px 99px 99px 0px); } .presenttext { margin: 0px; padding: 0px 10px; float: right; height: auto; width: 225px; } .presenttext h2 { margin: 0px; padding: 0px; font-size: 14px; color: #30a6b7; } h2.price { color: #5a2033; margin: 0px; padding: 10px 0px 0px; } .viewbut { margin: 0px; padding: 0px; height: 25px; width: 63px; } #featuredpresentbot { background: url('featuredprese_bot.gif') no-repeat; margin: 0px; padding: 0px; height: 19px; width: 759px; } /*SIDEBAR*/ #sidebar { margin: 0px; padding: 5px 0px 0px 10px; float: left; height: auto; width: 170px; } #sidenavtop { background: url('sidebarheader.gif') no-repeat left top; margin: 0px; padding: 0px; height: 70px; width: 158px; } #sidenavmid { background: url('sidebarbkgrd.gif') repeat-y; margin: 0px; padding: 0px 0px 20px; height: auto; width: 158px; } #sidenavmid ul { margin: 0px; padding: 5px 0px 20px 8px; height: auto; width: 142px; list-style: none; } #sidenavmid ul li { margin: 0px; padding: 0px; height: 45px; position: relative; z-index: 100; } #sidenavmid ul li:hover .flyout { visibility:visible;  } .flyout { margin: 0px; padding: 5px 0px 10px 10px; visibility:hidden; position: absolute; z-index: 100; top: 0px; left: 140px; background: #6a3145; border: #b6e1e6 2px solid; height: auto; width: 183px; } #sidenavmid ul li ul li { margin: 0px; padding: 5px 0px; border-bottom: dotted 1px #dbc1ca; height: auto; } #sidenavmid ul li ul li a{ margin: 0px; padding: 0px; color: #dbc1ca; text-decoration: none; width: 180px; font-size: 12px; } #sidenavmid ul li ul li a:hover { color: #FFFFFF; } #sidenavmid .largerlink { margin: 0px; padding: 0px; height: 69px; } #sidenavbot { background: url('bot_sidebar.gif') no-repeat left top; margin: 0px; padding: 0px; height: 19px; width: 158px; } #freedelivery { background: url('freedelivery.gif') no-repeat left top; margin: 5px 0px 0px; padding: 0px; height: 162px; width: 158px; } /*FOOTER*/ #footer { margin: 0px; margin-left: auto;  margin-right: auto; padding: 10px 0px 10px 9px; height: auto; width: 941px; } .contactfooter { background: url('contact_footer.gif') no-repeat left top; margin: 0px; padding: 20px 0px 0px 17px; height: 47px; width: 916px; font-size: 16px; color: #ffffff; } .tel { font-size: 22px; font-weight: bold; } .contactfooter a { color: #FFFFFF; font-size: 18px; font-weight: bold; text-decoration: none; } .contactfooter a:hover { text-decoration: underline; } #footernav { text-align: center; margin: 0px; padding: 13px 0px 0px; width: 941px; font-size: 12px; color: #0b363c; } #footernav a { color: #0b363c; text-decoration: none; } #footernav a:hover { text-decoration: underline; } #footercomments { text-align: center; font-size: 10px; color: #0b363c; margin: 0px; padding: 0px; width: 941px; } #footercomments a { color: #0b363c; text-decoration: none; } #footercomments a:hover { text-decoration: underline; } /*PRODUCTS PAGES*/ #productcontent { margin: 0px; padding: 0px; height: auto; width: 770px; background: url('products_header.jpg') no-repeat left top; } #productheader { margin: 0px; padding: 0px 40px 0px 0px; float: right; height: 115px; width: 315px; } #productfor { margin: 0px; padding: 20px 0px 0px; height: 30px; width: 295px; font-size: 16px; color: #22a1b2; text-align: right; } #producttitle { margin: 0px; padding: 0px; height: 84px; width: 295px; font-size: 22px; color: #5c2236; font-weight: bold; text-align: right; } #breadcrumbs { height: 50px; width: 710px; padding-top: 10px; padding-left: 40px; font-size: 11px; color: #cbb8be; } #breadcrumbs a { color: #cbb8be; text-decoration: none; } #breadcrumbs a:hover { text-decoration: underline; } .presentmainbot { background: url('mainprod_bot.gif') no-repeat left top; margin: 0px; padding: 0px 0px 0px 45px; height: 38px; width: 310px; font-size: 11px; color: #572435; } .presentmainbot p { margin: 0px; padding: 0px; } #enlarge { margin: 0px 10px 0px 0px; padding: 0px; } #mainproddesc { margin: 0px 20px 0px 0px; padding: 15px 0px 0px 0px; float: right; height: auto; width: 353px; background: url('mainprodtext_top.gif') no-repeat left top; } #mainproddescmid { margin: 0px; padding: 0px 15px 20px; height: auto; width: 323px; background: url('mainprodtext_mid.gif') repeat-y; } #mainproddescmid h2 { margin: 0px; padding: 5px 0px 0px; font-size: 20px; font-weight: bold; color: #FFFFFF; } #mainproddescmid p { font-size: 12px; color: #feffff; margin: 0px; padding: 10px 0px 0px; } #mainproddescbot { background: url('mainprodtext_bot.gif') no-repeat left top; margin: 0px; padding: 0px; height: 13px; width: 353px; } #addtocart { margin: 15px 0px 10px; padding: 0px; height: 55px; width: 323px; color: #FFFFFF; font-size: 12px; } #addtocart .quantity { margin: 0px; padding: 0px; } #addtocart .button { margin: 0px 30px 0px 0px; padding: 0px; height: 50px; width: 165px; float: right; } #otherideas { background: url('alsolikeimage.gif') no-repeat left top; margin: 0px; padding: 45px 0px 0px; height: auto; width: 721px; } /*BROCHURE PAGES*/ #brochurecontent { margin: 0px; padding: 0px; height: auto; width: 770px; background: url('brochure_header.jpg') no-repeat left top; } #brochurebody { margin: 0px; padding: 0px 0px 70px 24px; height: auto; width: 739px; background: url('featured_presents_bkgrd.gif') repeat-y; } .clear1 { clear: both; height: 60px; } #presentsbody h2.trigger { padding: 0px 0px 0px 10px; margin: 0px 0px 5px; background: url('faq_open.gif') no-repeat; width: 450px; font-size: 14px; color: #FEFFFF; font-weight: normal; float: left; height: 22px; } #presentsbody h2.trigger a { color: #FEFFFF; font-size: 14px; text-decoration: none; display: block; padding-left: 30px; } #presentsbody h2.trigger a:hover { color: #ccc; } #presentsbody h2.active {background: url('faq_close.gif') no-repeat;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/ #presentsbody .toggle_container { margin: 0px 0px 5px; padding: 0px; overflow: hidden; font-size: 14px; width: 620px; clear: both; } #presentsbody p { margin: 0px 0px 15px; padding: 0px; font-size: 12px; color: #FeFFFF; text-align: justify; } #presentsbody .toggle_container .block { padding: 10px 20px 20px 30px; /*--Padding of Container--*/ } #presentsbody .toggle_container .block p { margin: 0px; padding: 0px; color: #aff5fe; font-style: italic; } .sectimageholder{ width: 92px; height: 92px; overflow: hidden; } .sectimage{ border: 0; clip:rect(0 92px 92px 0); }