/* CSS Document */ /* ----------------------------------------------- Lulamae Website Styles Author: Evolution 7 Date: October 2005 ----------------------------------------------- */ body {background:url("../images/background/bg_tile2.gif"); margin: 0px 0px 0px 0px; font-family:"Lucida Sans Unicode", Arial, Verdana, Helvetica, san serif; font-size:11px; color:#63374E;} a {color:#FFFFFF; text-decoration:none;} a:hover {color:#000000; text-decoration:none;} .logo {padding: 11px 0 0 8px;} .toppad{padding:35px 0 0 0;} /* NAVIGATION ----------------------------------------------- */ .menu_bg {background:url(../images/menu_bg.gif) no-repeat right; height:96px;} .dashline_top {background:url(../images/dash_line.gif) repeat-x; margin: 25px 11px 0 7px;} .dashline_bot {background:url(../images/dash_line.gif) repeat-x; margin: 0 11px 0 7px;} #menu {margin:0 0 0 13px;} #submenu {float:right;} /* BACKGROUND ----------------------------------------------- */ /*main background panel*/ #bg_main_top {background:url(../images/background/side1_top.gif) repeat-x; width:765px; height:23px;} #bg_main_top DIV {float:left; width:23px; background:#E9BCCC;} #bg_main_top SPAN {float:left; width:719px;} .bg_main_centre {background:url(../images/background/bg_main.gif) repeat-y; width:765px;} .bg_main_pad {padding: 0 0 0 0;} #bg_main_bottom {background:url(../images/background/side1_bot.gif) repeat-x; width:765px; height:23px;} #bg_main_bottom DIV {float:left; width:23px; background:#E9BCCC;} #bg_main_bottom SPAN {float:left; width:719px; height:23px;} /*inner background panel*/ #bg_inner_top {background: url(../images/background/side2_top.gif) repeat-x; width: 719px; height:14px;} #bg_inner_top DIV {float:left; width:14px; background:#F6DDE6;} #bg_inner_top SPAN {float:left; width:691px;} .bg_inner_centre {background:url(../images/background/inner_bg.gif) repeat-y #EBBACB; width:719px;} .bg_inner_pad {padding: 0 0 0 0;} #bg_inner_bottom {background:url(../images/background/side2_bot.gif) repeat-x; width:719px; height:14px;} #bg_inner_bottom DIV {float:left; width:14px; background:#F6DDE6;} #bg_inner_bottom SPAN {float:left; width:691px; height:14px;} .bg_inner_margin {margin: 0 0 0 22px;} /* HOMEPAGE CONTENT ----------------------------------------------- */ .welcome {padding: 16px 0 0 40px; width:320px; float:left;} #welcome_bg {background:url(../images/welcome_bg.gif) no-repeat; width:311px; height:319px;} #welcome_bg DIV {font-size:12px; text-align:center;} .home_img {float:right; width:259px; padding:27px 40px 0 0;} /*feature panel (homepage)*/ #feature_top {background:url(../images/background/fside_top.gif) repeat-x; width: 688px; height:19px;} #feature_top DIV {float:left; width:19px; background:#FFFFFF;} #feature_top SPAN {float:left; width:650px;} .feature_centre {background:url(../images/background/bg_featured.gif) repeat-y #EBBACB; width:688px; float:left;} #feature_bottom {background:url(../images/background/fside_bot.gif) repeat-x; width:688px; height:19px;} #feature_bottom DIV {float:left; width:19px; background:#FFFFFF;} #feature_bottom SPAN {float:left; width:650px; height:19px;} .feature_margin {margin: 0 0 0 15px;} /*feature images background and layout*/ .feature_header {margin: 10px 0px 10px 25px;} /*Feature Background with drop shadow*/ #feat_images_bg {margin:0px 0px 16px 19px; padding:0px 0px 0px 0px; float:left; display:inline; list-style-type:none; width:670px;} #feat_images_bg LI {background: url(../images/background/fp_background.gif) no-repeat; padding:11px 0 0 11px; float:left; display:inline; width:121px; height:175px;} /*border hover state for images*/ #feat_images_bg LI A IMG {background-color:#FFFFFF; padding:1px 1px 1px 1px;} #feat_images_bg LI A:HOVER IMG {background-color:#E48CBC;} /*Text styles for below images*/ #feat_images_bg LI DIV{font-size:10px; color:#63374E; width:90px; text-align:center; margin:8px 0 0 0;} #feat_images_bg LI DIV A {text-decoration:none; color:#63374E;} #feat_images_bg LI DIV A:HOVER {text-decoration:none; color:#A03D5F;} #feat_images_bg LI SPAN {color:#A03D5F;} /*purchase button*/ #feat_images_bg LI P {background:url(../images/but_purchase_off.gif) no-repeat #EBBACB;} #feat_images_bg LI P A:HOVER {background:url(../images/but_purchase_on.gif) no-repeat #EBBACB;} /* PRODUCT PAGES CONTENT ----------------------------------------------- */ /*producta*/ .product_dashline {background:url(../images/dash_line2.gif) repeat-x; margin: 0px 12px 15px 12px;} .product_header {margin:0px 0px 0px 0px; padding:0px 0 0 3px; width:228px;} .product_quote {margin:0px 8px 0px 0px; width:293px; float:right;} .product_centre {float:left;} .product_margin {margin: 0 0 0 0px;} .soldtext {color:#0033FF;} /*product images background and layout*/ .product_header {margin: 10px 0px 15px 25px;} .product_images_pad2 {margin:0px 0px 20px 14px; padding:0px 0px 0px 0px;} .product_images_bg2 {background: url(../images/background/bg_products.gif) no-repeat; } .product_images_line IMG {background-color:#FFFFFF; padding:1px 1px 1px 1px; margin: 2px 0 0 17px;} .product_images_line A:HOVER IMG{background-color:#E48CBC;} .producttext2{font-size:9px; text-align:center; margin:0 0 0 5px; padding: 0 0 10px 0; width:140px; line-height:11px;} .producttext2 SPAN {color:#A03D5F;} .price {font-size:11px; color:#A03D5F; padding: 5px 0 0 0;} .price_sale {font-size:11px; color:#A03D5F; padding: 0 0 0 0; line-height:12px;} .price_sale_sml {font-size:10px; color:#63374E;} .purchase_but IMG {background:url(../images/but_purchase_off.gif) no-repeat #EBBACB; height:28px; text-align:left;} .purchase_but A:HOVER IMG {background:url(../images/but_purchase_on.gif) no-repeat #EBBACB;} #zoom {position:absolute; width:11px; height:16px; z-index:1;} .zoomlayer {position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:719px; /*border:1px solid #000099;*/} /* CONTENT PAGES ----------------------------------------------- */ .content_pad {padding: 16px 13px 0 13px;} .content_text_pad {padding: 0 0 0 16px;} .content_text_pad2 {padding: 0 0px 0 0;} .content_text_pad3 {padding: 0 40px 0 0;} .content_text_pad DIV P {padding: 0 0 0 9px;} .content_head_pad {padding: 0 0 0 15px;} .content_dashline {background:url(../images/dash_line2.gif) repeat-x; margin:5px 0px 15px 0px;} .contact_content {padding: 15px 0 0 20px; font-size:12px;} .contact_pad {padding: 30px 0 0 90px;} .header_howtobuy {font-size:12px;} .htb_box {padding: 1px 20px 1px 30px;} .htb_text {color:#A03D5F;} .htb_smalltext {font-size:10px;} .htb_smalltext2 {font-size:10px; color:#A03D5F;} /*How to Buy Box (join mailing list)*/ #htb_top {background:url(../images/background/fside_top.gif) repeat-x; width:661px; height:19px;} #htb_top DIV {float:left; width:19px; background:#FFFFFF;} #htb_top SPAN {float:left; width:623px; height:19px;} .htb_centre {background:url(../images/background/bg_form2.gif) repeat-y #EBBACB; width:661px; float:left;} #htb_bottom {background:url(../images/background/fside_bot.gif) repeat-x; width:661px; height:19px;} #htb_bottom DIV {float:left; width:19px; background:#FFFFFF;} #htb_bottom SPAN {float:left; width:623px; height:19px;} .contact_link {font-weight:normal; text-decoration:none; color:#A03D5F;} .contact_link:hover {color:#63374E; text-decoration:underline;} .liststyle1 {list-style-type:none; margin: 0px 0 0px 10px; text-indent:none;} .liststyle1 UL {PADDING: 0px 0px 0px 0px; MARGIN: 0px 0px; LIST-STYLE-TYPE: none;} .liststyle1 UL LI {padding: 0 0px 10px 20px; background:url(../images/flower_list.gif) no-repeat 0px 2px; text-indent:none;} .htb_img {width:201px; height:194px; float:right;} .join_img {width:250px; height:194px; float:right;} /* FORM ----------------------------------------------- */ /*positional for input text fields*/ #form {float:left; width:325px;} #form DIV {float:left; width:155px; height:21px;} #form SPAN {float:left; width:120px; height:21px;} /*positional for submit button*/ #form4 {width:325px;} #form4 DIV DIV A {float:left; width:155px; height:40px; margin: 10px 0 0 0;} #form4 DIV SPAN {float:left; width:120px; height:40px;} /*input text field styles*/ .textbox {font-family:"Lucida Sans Unicode", Tahoma,Verdana, Arial; font-size: 11px; border-width: 1px; border-color:#FFFFFF; border-style: solid solid solid solid; text-indent: 3px; background-color:#FFFFFF; color: #63374E; width:155px;} /*form panel (join mailing list)*/ #form_top {background:url(../images/background/fside_top.gif) repeat-x; width:438px; height:19px;} #form_top DIV {float:left; width:19px; background:#FFFFFF;} #form_top SPAN {float:left; width:400px; height:19px;} .form_centre {background:url(../images/background/bg_form.gif) repeat-y #EBBACB; width:438px; float:left;} #form_bottom {background:url(../images/background/fside_bot.gif) repeat-x; width:438px; height:19px;} #form_bottom DIV {float:left; width:19px; background:#FFFFFF;} #form_bottom SPAN {float:left; width:400px; height:19px;} .form_pad{padding: 0 20px 0 30px;} .form_pad_success{padding: 20px 50px 0 50px;} .form_text_lg {font-size:14px; color:#A03D5F;} #submit_bg IMG {background:url(../images/but_submit_off.gif) no-repeat;} #submit_bg A:HOVER IMG {background:url(../images/but_submit_on.gif) no-repeat;} .validationtext {color:#A03D5F;} /* FOOTER ----------------------------------------------- */ .footer {color:#FFFFFF; font-size:9px; font-family:"Lucida Sans Unicode",Arial, Verdana; text-decoration:none;} .footertext {color:#FFFFFF; font-size:9px; text-decoration:none; font-family:"Lucida Sans Unicode", Arial, Verdana; text-decoration:none;} .footertext:HOVER {color:#63374E; text-decoration:none;} .footertext_lg {color:#FFFFFF; font-size:10px; text-decoration:none; font-family:"Lucida Sans Unicode", Arial, Verdana; text-decoration:none;} .footertext_lg:HOVER {color:#63374E; text-decoration:none;} .footer_pad {padding: 0 0 0 20px;}