/*GENERAL*/ *{margin:0;padding:0;} a{outline:none;border:none;} input{margin:0;border:1px solid #e6aac8; padding-left:3px; color:#666666; font-size:11px} textarea{margin:0;border:1px solid #e6aac8; padding-left:3px; color:#666666; font-size:11px} select{margin:0;border:1px solid #76a6b8; padding-left:5px;color:#666666; font-size:12px; background-color:#F4F4F4} .left { float:left} .right {float:right} .spaceAuto {height:100px; clear:both; font-size:5px} .space5 {height:5px; clear:both; font-size:5px} .space10 {height:10px; clear:both; font-size:10px} .space15 {height:15px; clear:both; font-size:15px} .space25 {height:25px; clear:both;font-size:25px} .btn {background-color:#000000; text-align:center; color:#FFFFFF; font-size:11px} .centerDiv { text-align:center; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ body,td,th { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666; line-height:16px; } html,body{width:100%;height:100%; background-color:#fff; background-image:url(../images/bg.jpg);} a {color:#d62f81; text-decoration:none} a:hover {color:#000; text-decoration:underline} /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .grey { background:url(../images/bg_grey.jpg); background-repeat:repeat-x;} #container{width:761px; margin:0 auto; margin-top:60px; } #contentsWrapper { width:759px;float:left; height:100%; background:url(../images/bg_contents.jpg) top #FFFFFF repeat-x; border:1px solid #CC6699; text-align:justify} #contents { padding:0px 10px 0px 10px} #contents .left{ float:left; width:370px; clear:right} .toplinks { height:23px; background-image:url(../images/bg_top.jpg); color:#FFFFFF; font-size:11px} .cartslink { float:left; width:500px; text-align:right; font-weight:bold; font-size:11px; padding-top:3px} .toplinks a {color:#fff; text-decoration:none} .toplinks a:hover {color:#fff; text-decoration:underline} /*Menus++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #menu {height:17px; background-color:#000000; margin:0px; padding-left:10px; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; } #menu a { color:#fff; text-decoration:none} #menu a:hover { color:#f65faa; text-decoration:none; } #menu a.slected { color:#f65faa; text-decoration:none; } #subMenu { background:url(../images/bg_rightmenu.jpg) right top repeat-y; padding-left:55px; text-align:left} #subMenu ul { list-style:none; text-transform:none} #subMenu li {list-style:url(../images/star.gif); margin-left:15px; padding-left:1px; line-height:18px} #subMenu li a{ color:#595959; text-decoration:none;list-style:url(../images/star.gif); } #subMenu li a:hover { color:#f00f83; text-decoration:none;list-style:url(../images/star1.gif); } #grayPanel { background:url(../images/gray.jpg) repeat-x top; padding:4px; width:100%; height:auto} #menuIn { background:url(../images/bg_logins_03.jpg) repeat-x top; padding:4px; width:355px; height:121px; float:left} /*#menuIn { background:url(../images/bg_logins_03.jpg) repeat-x top; height:29px; padding:4px; width:355px; height:130px; float:left}*/ #menuIn .block {float:left; margin-top:14px; height:111px; width:120px; border-right:1px dotted #666666} #menuIn ul { list-style:none; text-transform:none} #menuIn li {list-style:url(../images/star.gif); margin-left:18px; padding-left:1px; } #menuIn li a{ color:#595959; text-decoration:none;list-style:url(../images/star.gif); } #menuIn li a:hover { color:#f00f83; text-decoration:none;list-style:url(../images/star1.gif); } #menuIn2 .block {float:left; margin-top:14px;} #menuIn2 ul { list-style:none; text-transform:none} #menuIn2 li {list-style:url(../images/star.gif); margin-left:18px; padding-left:1px; } #menuIn2 li a{ color:#595959; text-decoration:none;list-style:url(../images/star.gif); } #menuIn2 li a:hover { color:#f00f83; text-decoration:none;list-style:url(../images/star1.gif); } #menuIn3 .block {float:left; margin-top:14px;} #menuIn3 ul { list-style:none; text-transform:none} #menuIn3 li {list-style:url(../images/star.gif); margin-left:18px; padding-left:1px; } #menuIn3 li a{ color:#595959; text-decoration:none;list-style:url(../images/star.gif); } #menuIn3 li a:hover { color:#f00f83; text-decoration:none;list-style:url(../images/star1.gif); } #subMenuProduct { background:url(../images/bg_rightmenu.jpg) right top repeat-y; padding-left:55px; text-align:left} #subMenuProduct ul { list-style:none; text-transform:none} #subMenuProduct li {list-style:url(../images/star.gif); margin-left:15px; padding-left:1px; line-height:18px} #subMenuProduct li a{ color:#595959; text-decoration:none;list-style:url(../images/star.gif); } #subMenuProduct li a:hover { color:#f00f83; text-decoration:none;list-style:url(../images/star1.gif); } /*Home PageContents ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #home { width:100%} #home .left{ width:574px; float:left; margin:0px; padding:0px} #home .right{ width:182px; float:left; } #intro { width:365px; padding:10px 5px 2px 20px; float:left} .homePro { float:left; margin:5px 12px 2px 12px; text-align:center} .pinkBold {color:#e84697; font-weight:bold} .pinkBold1 {color:#e84697; font-weight:bold ; font-size:22px} .titleOccasion { height:22px; background:url(../images/bg_titleHome.jpg) no-repeat right top; color:#CC6699; font-weight:bold; padding-top:11px; padding-left:45px; padding-bottom:0px} .titleProduct { height:22px; background:url(../images/bg_titleMenu.jpg) no-repeat right top; color:#CC6699; font-weight:bold; padding-top:11px; padding-left:45px; padding-bottom:0px} .homePro55 { background:url(../images/bg_block.gif) no-repeat ; height:160px; width:158px; float:left; margin:5px 12px 2px 12px; text-align:center} /*PageContents ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #header {} #leftCol { float:left; width:231px; } #rightCol {float:left; width:693px; padding-left:3px; } #rightCol .homeleft{ width:449px; float:left; padding:15px 5px 0px 10px; } #rightCol .homeright{ width:229px; float:left; padding-top:15px} /*Titles & Text Styles++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .titleShade{ background:url(../images/bg_titles.jpg) repeat-x; font-weight:bold; } .titleRed {font-size:22px; color:#FF0000; } .titleGrey {font-size:18px; color:#fff; font-style:italic } .bgTitle {background-image:url(../images/bg_title.jpg); text-transform:uppercase; font-size:13px; color:#FFFFFF; height:30px; width:248px} /*Login Sec++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #login_wrap { width:179px; height:129px; background-image:url(../images/bg_login.jpg);background-color:#ec3c97; background-repeat:repeat-x; float:left; padding-top:10px} #login_wrap .curv {width:34px; float:right; background:url(../images/bg_loginRight.jpg) right no-repeat; height:129px} #login_wrap .left{ float:left; width:130px; padding-left:10px} #login_wrap .title {color:#FFFFFF; font-weight:bold} #login_wrap a{ color:#000; text-decoration:none;} #login_wrap a:hover{ color:#fff; text-decoration:underline; font-weight:bold} #login_wrap .smalltext { font-size:10px; font-style:italic} #login_wrap .smalltext a{ color:#000; text-decoration:none} #login_wrap .smalltext a:hover{ color:#fff; text-decoration:underline} /*Login Sec InSide+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #login_wrapin { width:210px; height:129px; background-image:url(../images/bg_login.jpg);background-color:#ec3c97; background-repeat:repeat-x; float:left;} #login_wrapin .curv {width:34px; float:right; background:url(../images/bg_loginRight.jpg) right no-repeat; height:129px} #login_wrapin .left{ float:left; width:130px; padding-left:10px} #login_wrapin .title {color:#FFFFFF; font-weight:bold} #login_wrapin a{ color:#000; text-decoration:none;} #login_wrapin a:hover{ color:#fff; text-decoration:underline; font-weight:bold} #login_wrapin .smalltext { font-size:10px; font-style:italic} #login_wrapin .smalltext a{ color:#000; text-decoration:none} #login_wrapin .smalltext a:hover{ color:#fff; text-decoration:underline} #login_wrapin .loginFlower { background:url(../images/bglogins_03.jpg) top no-repeat; width:36px; height:129px; float:left} /*Search Sec++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #searchWrapper { background:url(../images/bg_shinesearch.jpg) #e6e6e6 top center no-repeat; padding-left:10px} /*Footer Links -------------------------------------------*/ #footer { float:left; padding-left:10px; height:18px; background:url(../images/bg_order.jpg) #ed3997 repeat-y right; color:#FFFFFF} .bcorner { width:11px; float:left; background-image:url(../images/bg_orderright.jpg); background-repeat:no-repeat} .footerlinks {clear:left; padding-top:5px; float:left; width:580px} .footerlinks1 {padding-top:5px; float:right; width:140px; text-align:right} .footerlinks a{ color:#000000; text-decoration:none} .footerlinks a:hover{ color:#000000; text-decoration:underline} /*Image Gallery-------------------------------------------*/ #gallery_wrapper {float:left; margin:10px 15px 5px 15px; } #gallery_wrapper .block { background:url(../images/bg_block.gif) no-repeat ; height:137px; width:147px; padding:10px 5px 10px 5px; text-align:center} #gallery_wrapper .text { text-align:center} #galleryBig {background:url(../images/bg_gallery.gif) no-repeat ; height:343px; width:343px; padding:10px 5px 5px 0px; margin:0px 5px 0px 0px; text-align:center; float:left} #galleryrowWrapper { clear:both; margin-left:378px; margin-right:10px} #galleryrowWrapper .title { width:348px; padding-left:10px; height:18px; background:url(../images/bg_order.jpg) #ed3997 repeat-y right; color:#FFFFFF; float:left; font-weight:bold} #galleryrowWrapper .block { float:left; background:url(../images/bg_gallerysmall.gif) no-repeat ; height:75px; width:75px; padding:2px 2px 2px 2px; margin:10px 6px 0px 5px; text-align:center} /* Thumbnail Viewr **********************************/ #thumbBox{ /*Outermost DIV for thumbnail viewer*/ position: absolute; left: 0; top: 0; width: auto; padding: 10px; padding-bottom: 0; background: #313131; visibility: hidden; z-index: 10; cursor: hand; cursor: pointer; } #thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */ font: bold 16px Tahoma; letter-spacing: 5px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right; } #thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */ background-color: white; } #thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/ position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; } /*modal popup */ .watermark { background: #FFAAFF; } .popupControl { background-color:#AAD4FF; position:absolute; visibility:hidden; border-style:solid; border-color: Black; border-width: 2px; } .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; } .modalPopup { background-color:#FFF0FF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:250px; } .sampleStyleA { background-color:#FFF; } .sampleStyleB { background-color:#FFF; font-family:monospace; font-size:10pt; font-weight:bold; } .sampleStyleC { background-color:#ddffdd; font-family:sans-serif; font-size:10pt; font-style:italic; } .sampleStyleD { background-color:Blue; color:White; font-family:Arial; font-size:10pt; }