body {font-family:Tahoma;font-size:12px;margin:0px;padding:0px;text-align:left;} p {margin:0px} form {margin:0px;} img {border:none;} ul {margin:0px; padding:0px; list-style-type:none} li {margin:0px; padding:0px; list-style-type:none} .fontNormal {font-family:tahoma; font-size:11px;} /*Links*/ a:link {text-decoration:none;color:#000000;} a:visited {text-decoration:none;color:#000000;} a:hover {text-decoration:none;color:#000000;} a:active {text-decoration:none;color:#000000;} a.lnk_w:link {text-decoration:none;color:#FFFFFF;} a.lnk_w:visited {text-decoration:none;color:#FFFFFF;} a.lnk_w:hover {text-decoration:none;color:#FFFFFF;} a.lnk_w:active {text-decoration:none;color:#FFFFFF;} a.lnk_b:link {text-decoration:none;color:#114688;} a.lnk_b:visited {text-decoration:none;color:#114688;} a.lnk_b:hover {text-decoration:none;color:#114688;} a.lnk_b:active {text-decoration:none;color:#114688;} /*Fonts*/ .fontN {font-family:arial;font-size:12px;padding:6px;} .fontG {font-family:arial;font-size:12px; color:#097053; padding:6px; } .fontW {font-family:arial;font-size:12px; color:#ffffff} .fontB {font-family:arial;font-size:12px; color:#1E4389} .outer {width:997px;text-align:center; overflow:hidden} /*Header & Footer*/ .header {background:url(header.jpg) no-repeat;height:203px;} .footer {margin-top:0px; height:35px;font-family:arial; clear:both;color:#000000; color:#333333; font-family:tahoma; font-size:11px;} .footer div.l {float:left;padding-top:10px;text-align:left} .footer div.r {float:right;padding-top:10px;} /*Box title*/ .bT {height:34px;background:url(title_bg.gif) repeat-x} .bT img.l {float:left;background:url(title_bg_l.gif) repeat-x;width:6px;height:34px;} .bT img.r {float:right;background:url(title_bg_r.gif) repeat-x;width:6px;height:34px;} .bT div {float:left;padding-top:10px;font-size:12px;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold} /*TAbs*/ .tabs {background:url(tab_bg.gif) no-repeat;height:37px; margin-top:0px;font-family:arial;font-size:11px} .tabs img {background:url(tab_m.gif) no-repeat;height:37px;width:1px; vertical-align:middle; margin-left:15px; margin-right:15px;} .tabs a {} .tabs a:link {text-decoration:none;color:#FFFFFF;} .tabs a:visited {text-decoration:none;color:#FFFFFF;} .tabs a:hover {text-decoration:none;color:#FFFF00;} .tabs a:active {text-decoration:none;color:#FFFFFF;} /*Category*/ .dCL {width:190px;text-align:left; margin-right:10px; } .cL ul {height:375px;padding-left:10px; padding-right:10px; font-size:11px;border:1px solid #60615F; background:#FFFFFF;border-bottom:1px solid #60615F; border-right:1px solid #60615F;border-left:1px solid #60615F;} .cLi {background:url(i.gif) no-repeat 0px 10px;padding-top:7px; padding-bottom:7px; padding-left:18px; border-bottom:1px dotted #60615F;color:#000066;cursor:pointer} .cLo {background:url(a.gif) no-repeat 0px 10px;padding-top:7px; padding-bottom:7px; padding-left:18px; border-bottom:1px solid #60615F;color:#000099;cursor:pointer} .cLa {background:url(a.gif) no-repeat 0px 10px;padding-top:7px; padding-bottom:7px; padding-left:18px; border-bottom:1px dotted #60615F;color:#000066;cursor:pointer; font-weight:bold;} .moreActiveL {float:left;width:38px;height:120px; margin-right:10px;background:url(leftarow.gif) no-repeat center;padding-top:150px;} .moreDeActiveL {float:left;width:38px;height:120px; margin-right:10px;background:url(leftarowhover.gif) no-repeat center;padding-top:150px;} .moreActiveR {float:left;width:38px;height:120px; margin-right:10px;background:url(rigtharow.gif) no-repeat center;padding-top:150px;} .moreDeActiveR {float:left;width:38px;height:120px; margin-right:10px;background:url(rigtharowhover.gif) no-repeat center;padding-top:150px;} .content {margin-top:0px;clear:both;padding-top:5px; width:997px;} /*Home page*/ .contH {height:410px; width:378px; background:url(home_content_bg.gif) no-repeat} .contH div.t {font-family:tahoma;color:#FFFF00;font-size:19px; padding:10px;} .contH div.d {font-family:Arial;color:#FFFFFF;font-size:12px; padding:10px; padding-top:0px; line-height:19px; height:225px;} .contH div.b {background:url(banner.gif) no-repeat; width:358px; height:124px; margin-left:10px;} /*Index page slates*/ .mainH {height:410px;width:100%;font-family:tahoma; font-size:11px;} .mainH div.r {height:200px;clear:both;} .mainH div.c {float:left;width:200px;height:200px; background:url(home_slate_bg.gif) no-repeat;text-align:center; } .mainH div.c div.i {width:190px;height:110px; overflow:hidden; margin-top:5px; padding:5px;} .mainH div.c div.i img {} .mainH div.c div.dt {width:190px;height:45px; overflow:hidden; margin-top:5px;} .mainH div.c div.dt div.t {color:#999999; line-height:16px;} .mainH div.c div.dt div.t span {color:#000099;font-weight:bold} .mainH div.c div.f {clear:both} .mainH div.c div.fl {float:left; padding-left:17px; color:#000000; font-weight:bold} .mainH div.c div.fr {float:right; padding-right:15px;} /*Home page slates*/ .sltH {height:410px;width:100%;font-family:tahoma; font-size:11px;} .sltH div.r {height:200px;clear:both;} .sltH div.c {float:left;width:300px;height:250px; background:url(prod_slate_bg.gif) no-repeat;text-align:center; } .sltH div.c div.i { height:160px; overflow:hidden; margin-top:5px; padding:2px; text-align:center; vertical-align:bottom;} .sltH div.c div.i img {} .sltH div.c div.dt {width:300px;height:45px; overflow:hidden; margin-top:5px;} .sltH div.c div.dt div.t {color:#999999; line-height:16px;} .sltH div.c div.dt div.t span {color:#000099;font-weight:bold} .sltH div.c div.f {clear:both} .sltH div.c div.fl {float:left; padding-left:17px; color:#000000; font-weight:bold} .sltH div.c div.fr {float:right; padding-right:15px;} /*product page slates*/ .prodH {height:410px;width:100%;font-family:tahoma; font-size:11px;} .prodH div.r {height:200px;clear:both;} .prodH div.c {float:left;width:300px;height:250px; background:url(prod_slate_bg.gif) no-repeat;text-align:center; } .prodH div.c div.i { height:160px; overflow:hidden; margin-top:5px; padding:2px; text-align:center; vertical-align:bottom;} .prodH div.c div.i img {} .prodH div.c div.dt {width:300px;height:45px; overflow:hidden; margin-top:5px;} .prodH div.c div.dt div.t {color:#999999; line-height:16px;} .prodH div.c div.dt div.t span {color:#000099;font-weight:bold} .prodH div.c div.f {clear:both} .prodH div.c div.fl {float:left; padding-left:17px; color:#000000; font-weight:bold} .prodH div.c div.fr {float:right; padding-right:15px;} .prodM {width:797px; background:url(product_design_h.gif) no-repeat; height:89px; overflow:hidden;} .prodM div.t {height:25px;overflow:hidden; font-size:11px; margin-top:64px;} .prodM div.ti {width:321px; background:url(bul.gif) no-repeat #6C7A79 300px 8px; height:20px; padding-top:5px; padding-left:10px; font-weight:bold; color:#FFFFFF; float:left; cursor:pointer} .prodM div.ta {width:321px; background:url(bul1.gif) no-repeat #D7D7D7 300px 8px; height:20px; padding-top:5px; padding-left:10px; font-weight:bold; color:#000000; float:left; cursor:pointer} .prodM div.to {width:321px; background:url(bul1.gif) no-repeat #FFFFFF 300px 8px; height:20px; padding-top:5px; padding-left:10px; font-weight:bold; color:#000000; float:left; cursor:pointer} .prodB {border:1px solid #5E6E6B; border-top:0px;} /*Design process*/ .dsg {width:997px; background:url(design_h.gif) no-repeat; height:89px; overflow:hidden;} .dsg div.t {height:25px;overflow:hidden; font-size:11px; margin-top:64px;} .dsg div.ti {width:321px; background:url(bul.gif) no-repeat #6C7A79 300px 8px; height:20px; padding-top:5px; padding-left:10px; font-weight:bold; color:#FFFFFF; float:left; cursor:pointer} .dsg div.ta {width:321px; background:url(bul1.gif) no-repeat #D7D7D7 300px 8px; height:20px; padding-top:5px; padding-left:10px; font-weight:bold; color:#000000; float:left; cursor:pointer} .dsg div.to {width:321px; background:url(bul1.gif) no-repeat #FFFFFF 300px 8px; height:20px; padding-top:5px; padding-left:10px; font-weight:bold; color:#000000; float:left; cursor:pointer} .dsgB {border:1px solid #5E6E6B; border-top:0px;} .ctl {background:#D7D7D7; padding:10px; font-size:11px;} .dg_size {padding:10px; margin-right:10px} .dg_size div.t {font-weight:bold;color:#666666; padding-bottom:8px;border-bottom:1px dotted #D7D7D7} .dg_size div.sa {font-weight:bold;color:#FFCC00; padding-top:8px; padding-bottom:8px; border-bottom:1px dotted #6C7A79;} .dg_size div.si {color:#333333;padding-top:8px; padding-bottom:8px; border-bottom:1px dotted #D7D7D7;} .dg_but {background:url(but_bg1.gif) no-repeat; width:190px; height:42px;color:#fff;padding-right:35px;font-size:13px;font-family:tahoma;padding-bottom:8px; border:none; text-align:center} .dg_but1 {background:url(but_bg2.gif) no-repeat; width:197px; height:42px;color:#fff;padding-right:35px;font-size:13px;font-family:tahoma;padding-bottom:8px; border:none; text-align:center} /* .content {margin-top:3px;margin-bottom:10px;margin-top:10px; clear:both; content:} .contentR {border:1px solid #104E3F;margin-top:3px;background:#F2F2F2;padding:5px;} .titleH {background:url(title_bullet.gif) no-repeat; vertical-align:middle; height:20px; margin-top:8px; margin-left:10px; border-bottom:1px solid #DCDCDC;text-align:left; padding-left:30px;} .contentAll {padding:10px; text-align:left;} .titleProduct {background:url(product_title.gif) no-repeat;height:25px; width:350px; margin-top:3px;font-family:arial;font-size:12px;text-align:left; padding-top:10px;} .productDetail { height:139px; width:348px; border-bottom:1px solid #0F0F0F;border-left:1px solid #0F0F0F;border-right:1px solid #0F0F0F; clear:both } /*Footer* .imgP { float:left; width:115px; height:100px padding:20px;} .productD {float:right; padding:5px; text-align:left;} .productC {height:90px; width:190px; overflow:hidden} .product { float:left; padding-top:10px; padding-left:10px; padding-right:10px;} .productMain {style="padding:10px; clear:both;"} .shoppingCart {background:url(online.gif) no-repeat; height:44px; width:214px; margin-top:5px; margin-bottom:5px;} .categoryH {background:url(category.gif) no-repeat;height:35px; width:214px; padding-top:10px; text-align:left;} .category {vertical-align:top;} .categoryList { background:url(arrow.gif) no-repeat; border-bottom:1px solid #E5E5E5; text-align:left; margin-left:20px; padding-bottom:5px;} /*Design process*/ .dBody {background:url(d_page_bg.gif) repeat-x;height:600px;padding:15px;padding-top:10px;text-align:left;; margin-top:15px;} .dTitle {font-size:18px; font-family:tahoma; color:#000000;line-height:20px;margin-bottom:15px;padding-bottom:10px; border-bottom:1px dotted #60615F} .dTitle span {font-size:12px; font-family:arial;} .effect_1 {background:url(effect_1.gif) no-repeat center; width:100%; height:7px;} .dC {clear:both;height:600px;} .dCR {float:left;border:1px solid #60615F;width:728px;padding:1px; padding-right:0px;height:490px; overflow:hidden; background:#ffffff;font-size:11px;} .sL {height:43px;font-size:11px; } .sLa {float:left;text-align:center;background:#F3E0C5 url(d_title_2.gif) no-repeat center top;padding-top:10px;padding-bottom:20px;color:#ffffff;cursor:pointer;font-weight:bold;} .sLo {float:left;text-align:center;background:#F3E0C5 url(effect_2.gif) no-repeat center bottom;padding-top:10px; padding-bottom:20px;color:#000000;cursor:pointer;font-weight:bold;} .sLi {float:left;text-align:center;background:#F3E0C5;padding-top:10px; padding-bottom:11px;color:#6666666;cursor:pointer;font-weight:bold;} .dCList {margin-top:10px; text-align:center; } .dCListD {height:90px;} .dCListD li.t {font-size:20px;color:#FF9900; margin-top:20px; height:30px} .dCListD li.p {font-size:16px;color:#000000; height:30px; font-weight:bold} .dCListD li.d {font-size:11px;color:#666666} .dBut {background:url(but_1.gif) no-repeat center; width:250px; height:31px; cursor:pointer} .dButO {background:url(but_1_o.gif) no-repeat center; width:250px; height:31px; cursor:pointer} .pages {text-align:center; font-size:12px; font-family:arial;} .pagesA {background:url(page_but.gif);height:28px;width:28px; color:#FFFFFF;cursor:pointer;font-weight:bold} .pagesI {background:url(page_but.gif) -28px 0px;height:28px;width:28px; color:#000000;cursor:pointer;font-weight:bold} .pagesO {background:url(page_but.gif) -56px 0px;height:28px;width:28px; color:#000000;cursor:pointer;font-weight:bold} .formError {font-family:arial;font-size:12px; color:#FF0000} #messageTip {background:url(ok.gif) no-repeat 10px 9px; border:1px solid #FFCC00; padding:8px; padding-left:40px; font-size:11px; color:#FFCC00; margin-bottom:20px; margin-left:10px; margin-right:10px; margin-top:0px;} #bg { background-image:url(bg.gif); background-repeat:repeat-x; height:31px;} #bg1 { background-image:url(bg1.gif); background-repeat:repeat-x; height:29px;} /*Product page*/ .productH {height:250px;width:100%;font-family:tahoma; font-size:11px;} .productH div.r {height:200px;clear:both;} .productH div.c {float:left;width:200px;height:200px; background:url(home_slate_bg.gif) no-repeat;text-align:center; } .productH div.c div.i {width:190px;height:110px; overflow:hidden; margin-top:5px; padding:5px;} .productH div.c div.i img {} .productH div.c div.dt {width:190px;height:45px; overflow:hidden; margin-top:5px;} .productH div.c div.dt div.t {color:#999999; line-height:16px;} .productH div.c div.dt div.t span {color:#000099;font-weight:bold} .productH div.c div.f {clear:both} .productH div.c div.fl {float:left; padding-left:17px; color:#000000; font-weight:bold} .productH div.c div.fr {float:right; padding-right:15px;} .whitetext { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;} /*thankyou page*/ .topImage {width:997px; background:url(thankyou_top.gif) no-repeat; height:89px; overflow:hidden;} .productGallery {width:997px; background:url(gallery.gif) no-repeat; height:89px; overflow:hidden;} /* payment page*/ /*Design process*/ .payment {width:100%; background:url(payment_process.gif) no-repeat; height:64px; overflow:hidden;} .boxline1 {background:url(../lib.src/dot1.gif) 0px 0px repeat-x #FFF; width:100%;} .boxline2 {background:url(../lib.src/dot1.gif) 100% 0px repeat-y} .boxline3 {background:url(../lib.src/dot1.gif) 0px 100% repeat-x} .boxline4 {background:url(../lib.src/dot1.gif) 0px 0px repeat-y;} .boxcor1 {background:url(../lib.src/graycor1.gif) 0px 0px no-repeat; } .boxcor2 {background:url(../lib.src/graycor2.gif) 100% 0px no-repeat;} .boxcor3 {background:url(../lib.src/graycor4.gif) 100% 100% no-repeat;} .boxcor4 {background:url(../lib.src/graycor3.gif) 0px 100% no-repeat;} .boxline11 {background:url(../lib.src/dot1.gif) 0px 0px repeat-x #FFF; width:100%;} .boxline22 {background:url(../lib.src/dot1.gif) 100% 0px repeat-y} .boxline33 {background:url(../lib.src/dot1.gif) 0px 100% repeat-x} .boxline44 {background:url(../lib.src/dot1.gif) 0px 0px repeat-y;} .boxcor11 {background:url(../lib.src/graycor1.gif) 0px 0px no-repeat;} .boxcor22 {background:url(../lib.src/graycor2.gif) 100% 0px no-repeat;} .boxcor33 {background:url(../lib.src/graycor4.gif) 100% 100% no-repeat;} .boxcor44 {background:url(../lib.src/graycor3.gif) 0px 100% no-repeat;} .boxline111 {background:url(../lib.src/dot1.gif) 0px 0px repeat-x #FFF; width:100%;} .boxline222 {background:url(../lib.src/dot1.gif) 100% 0px repeat-y} .boxline333 {background:url(../lib.src/dot1.gif) 0px 100% repeat-x} .boxline444 {background:url(../lib.src/dot1.gif) 0px 0px repeat-y;} .boxcor111 {background:url(../lib.src/graycor1.gif) 0px 0px no-repeat;} .boxcor222 {background:url(../lib.src/graycor2.gif) 100% 0px no-repeat;} .boxcor333 {background:url(../lib.src/graycor4.gif) 100% 100% no-repeat;} .boxcor444 {background:url(../lib.src/graycor3.gif) 0px 100% no-repeat;} .button {width:240px; background:url(../lib.src/butbg.gif) 0px repeat-x; margin-left:10px; text-align:center; vertical-align:middle; } .buttoncr1 {background:url(../lib.src/butcor1.gif) 0px 0px no-repeat;} .buttoncr2 {background:url(../lib.src/butcor2.gif) 100% 0px no-repeat; height:28px; text-align:center; vertical-align:middle;} .shopingBasketHeader {padding:5px; background:#D64623; text-align:left; font-weight:bold; color:#FFFFFF} .shopingBasketCell {padding:5px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #999999; text-align:left} .cartimg {background:url(../lib.src/cartimg.gif) no-repeat; width:107px;height:30px;text-align:center;vertical-align:middle; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; size:12px; line-height:15px; padding-left:25px; padding-bottom:16px; padding-right:15px; padding-top:6px;} #aboutimg{ width:288px; float:right; padding-right:10px;} #aboutcontent{ width:660px; float:left;} /*#cartbg{background:url(../lib.src/cartbg.gif); background-repeat:no-repeat; background-position:top left; padding-right:53px; margin-top:10px; text-align:left; height:73px; padding-top:8px; padding-left:5px;}*/ #cartbg{background-color:#EEEEEE;padding:5px; margin-top:10px; text-align:left; height:43px; } #yellowbg{ background-image:url(yellowbg.gif); background-repeat:repeat-x; background-position:top left; height:25px;} input { font-family: Verdana; font-size: 11px; color: #585858; } #contactbox{ width:317px; background-image:url(contactimg1.gif); background-repeat:no-repeat; background-color:#fdf6df;background-position:top right; border:1px solid #fbe69f; padding:6px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-decoration:none;} .greentext{ color:#09634a; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}