/* attr1:#FFFFFF; attr2:#000000; attr3:#CAC9C9; attr4:#000000; attr5:#666666; attr6:#41403E; attr7:verdana; */ #wrapper{ width:843px; background-color:#FFFFFF;} form{ margin:0px; padding:0px;} /* coloring for layout */ .top_top {/*background:#000000;*/ width:100%; font-family:verdana; font-size:10pt; color:#000000;}/* 0to1 */ .top_middle { width:843px; font-family:verdana; font-size:10pt; color:#000000; text-align:right; height:43px; background-image:url(tillysnailstudio_LinkBg.jpg);background-repeat:no-repeat; /* padding-top:2px; border-bottom:#1px solid #41403E;*/}/* 2to5 */ .top_bottom { background-image:url(tillys_linkBg.jpg); height:40px; height:25px; width:100%; font-family:verdana; font-size:10pt; color:#000000;}/* 6to7 */ .middle {background:#FFFFFF; width:100%; width_:100%;}/* 8to14 */ .middle_left {/* background:#666666;*/ background:url(tillysnailstudio_LeftBg.jpg); background-repeat:repeat-x; background-position:bottom; color:#000000;}/* 8to9 */ .middle_center { width_:100%; background:#fff url(tillys_bodyBg.jpg); background-repeat: repeat-x; background-position:bottom; }/* 10to12 */ .middle_right {background-color:#D9E8EF; width_:100%;}/* 13to14 */ .bottom_top {/*background-color:#FFFFFF;*/ border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; width_:100%;/*background-color:#000000;*/}/* 15only */ .bottom_bottom {background-color:#000000; width_:100%; color:#FFFFFF; font-size:11px; text-align:center;} /* 16to17 */ .desc{ width:100%; overflow:hidden;} .formflat { border:1px solid #000000; background-color:#FFFFFF; font-size:10px;} #menu_horizontal, #menu_vertical{ width:100%; /*background-color:#666666;*/} /*********************** *HORIZONTAL MENU CUSTOMIZATION ***********************/ /*ROOT HORI MENU */ #menu_horizontal ul#navmenu a { /* border: 0px solid #FFF; border-right-color: #CAC9C9; border-bottom-color: #CAC9C9; background: #666666;*/ color: #FFFFFF; font: bold 12px verdana; /* line-height:41px; */ padding:13px; } #menu_horizontal ul#navmenu li li a{ padding:8px; } /**/ /* ROOT HORI MENU HOVER */ #menu_horizontal ul#navmenu a:hover, #menu_horizontal ul#navmenu li:hover a, #menu_horizontal ul#navmenu li.iehover a, #menu_horizontal ul#navmenu li:hover li a:hover, #menu_horizontal ul#navmenu li:hover li:hover a, #menu_horizontal ul#navmenu li.iehover li a:hover, #menu_horizontal ul#navmenu li.iehover li.iehover a, #menu_horizontal ul#navmenu li:hover li:hover li:hover li a:hover, #menu_horizontal ul#navmenu li.iehover li.iehover li.iehover li a:hover, #menu_horizontal ul#navmenu li:hover li:hover li a:hover, #menu_horizontal ul#navmenu li:hover li:hover li:hover a, #menu_horizontal ul#navmenu li.iehover li.iehover li a:hover, #menu_horizontal ul#navmenu li.iehover li.iehover li.iehover a,{ /* background: #BF0000; */ /* color: #CAC9C9;*/ } #menu_horizontal ul#navmenu li ul li.active a:hover{ background: #2E2E2F;} /* ROOT HORI MENU NORMLA */ #menu_horizontal ul#navmenu li:hover li:hover li a, #menu_horizontal ul#navmenu li.iehover li.iehover li a , #menu_horizontal ul#navmenu li:hover li:hover li:hover li a, #menu_horizontal ul#navmenu li.iehover li.iehover li.iehover li a, #menu_horizontal ul#navmenu li:hover li a, #menu_horizontal ul#navmenu li.iehover li a { /* background: #BF0000; */ /* color: #FFFFFF;*/ } #menu_horizontal ul#navmenu ul{ /*top:40px;*/ background-color:#666666; } #menu_horizontal ul#navmenu li { z-index:1 } #menu_horizontal ul#navmenu li ul { background-color:#666666; * top:40px;} #menu_horizontal ul#navmenu li ul ul {* top:0px;} /************************************* *VERTICAL MENU CUSTOMIZATION *************************************/ /* Root Menu */ #menu_vertical ul#navmenu a { border: 0px solid #FFF; border-right-color: #CAC9C9; border-bottom-color: #CAC9C9; /* background: #666666; */ color: #41403E; font: bold 12px verdana; line-height:41px; } /**/ /* Menu Hover Persistence */ #menu_vertical ul#navmenu a:hover, #menu_horizontal ul#navmenu li:hover #menu_vertical ul#navmenu li:hover a, #menu_vertical ul#navmenu li.iehover a, #menu_vertical ul#navmenu li:hover li a:hover, #menu_vertical ul#navmenu li:hover li:hover a, #menu_vertical ul#navmenu li.iehover li a:hover, #menu_vertical ul#navmenu li.iehover li.iehover a, #menu_vertical ul#navmenu li:hover li:hover li a:hover, #menu_vertical ul#navmenu li:hover li:hover li:hover a, #menu_vertical ul#navmenu li.iehover li.iehover li a:hover, #menu_vertical ul#navmenu li.iehover li.iehover li.iehover a, #menu_vertical ul#navmenu li:hover li:hover li:hover li a:hover, #menu_vertical ul#navmenu li.iehover li.iehover li.iehover li a:hover, #menu_vertical ul#navmenu li li:hover, #menu_vertical ul#navmenu li li.iehover{ /* background: #2E2E2F;*/ /* color: #FFFFFF;*/ } /**/ /* Menu Noraml */ #menu_vertical ul#navmenu li:hover li a, #menu_vertical ul#navmenu li.iehover li a, #menu_vertical ul#navmenu li:hover li:hover li a, #menu_vertical ul#navmenu li.iehover li.iehover li a, #menu_vertical ul#navmenu li:hover li:hover li:hover li a, #menu_vertical ul#navmenu li.iehover li.iehover li.iehover li a { /* background: #DADADA;*/ /* color: #FFFFFF;*/ } /**/ /* **************************************************** */ /* sub menus */ .top_bottom td {color:#FFFFFF; vertical-align:middle;font-size:11px;} .top_bottom td a{color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none;} .top_bottom td a:hover{text-decoration:underline;} .top_bottom td a:visited{color:#FFFFFF;} /* site map tree view */ #all_sitemap{height:450px;} .treeview{ text-align:left;} .treeview ul{ /*CSS for Simple Tree Menu*/ margin: 0px;padding: 0px; font-family:verdana; font-size:10pt; } .treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/ font-family:verdana; font-size:10pt; background: url(list.gif) no-repeat left center; list-style-type: none; padding-left: 22px; margin-bottom: 3px; } .treeview li.subload{ /* Style for LI that contains sub lists (other ULs). */ background: url(open.gif) no-repeat left 1px; cursor: hand !important;cursor: pointer !important; } .treeview li.subload ul{ /*Style for ULs that are children of LIs (submenu) */ display: none; /*Hide them by default. Don't delete. */ } .treeview .subload ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */ cursor: default; } .treeview_li_only li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/ font-family:verdana; font-size:10pt; background: url(list.gif) no-repeat left center; list-style-type: none; padding-left: 22px; margin-bottom: 3px; } .treeview li, .treeview li.subload, .treeview a , .treeview a:link, .treeview a:visited{ /*Style for LIs of ULs that are children of LIs (submenu) */ text-decoration:none; color:#000000; } /* search result */ #search_result{ padding:5px; text-align:left;color:#000000;} #search_result a{ font-family:#000000; color:#0000FF; } #search_result .title{color:#000000;font-weight:bold;} #search_result .description{padding:5px; text-align:left;color:#000000;} #search_result .url{color:#0000FF;} /* */ .copyright{font-family:verdana; color:#CAC9C9; font-size:10pt; ; } .user_comp { width:100%; } .user_comp .title{ padding-top:2px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; height:29px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF;} .user_comp .desc{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:;} .news_vert{width:100%;} .news_vert .title{background-color:#FFFFFF; padding-top:2px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; height:29px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF;} .news_vert .desc{ padding-left:4px;padding-right:4px; text-align:left; font-family:verdana; font-size:10pt; color:#CAC9C9;} .comp_logo{} .page_data { color:#000000; font-family:verdana; font-size:10pt; text-align:left; font-weight:normal; height:414px; *height:358px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:2px solid #FFFFFF; } .page_data td{ color:#000000; font-family:verdana; font-size:10pt; text-align:left; font-weight:normal; padding-left:20px; } .page_data td td{ padding:0px; } .textfield1{width:300px; height:20px; border:1px solid #908d8d} .select31{height:20px; border:1px solid #908d8d} .textarea31{width:300px; border:1px solid #908d8d} .page_data td div.portofolio{ padding-left:20px; position:relative; left:-20px; background:url(TillyindePersBg.jpg) repeat-x top; * width:102.3%; z-index:0px; } .search_align{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; text-align:right; padding-bottom:5px;} .search_form { margin:0px; padding-top:10px; vertical-align:middle;} .input { border:1px solid #626A6C; font-size:9px;} .submit_big{height:35px; width:35px; background-image:url('go_big.png');} * html .submit_big{ background-image:url('none'); height:35px; width:35px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/tillysnailstudio/go_big.png', sizingMethod='scale')} /* .submit_small{ vertical-align:middle; padding:0; background-repeat:no-repeat; background-position:center; } .submit_small{ height:17px; width:17px; background-image:url('search_small.jpg'); } * html .submit_small{ background-image:url('none'); vertical-align:middle; height:17px; width:17px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/tillysnailstudio/search_small.jpg', sizingMethod='scale') } */ .submit_small{ height:23px; width:22px; background-image:url('search.png'); } * html .submit_small{ background-image:url('none'); height:23px; width:22px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/tillysnailstudio/search.png', sizingMethod='scale') } .heightLogo { height:607px; verticle-align:bottom; text-align:right; } * html .heightLogo { height:613px; verticle-align:bottom; text-align:right; } a, a:link, a:visited { color:#000; text-decoration:underline;} a:hover{text-decoration:none} /* *Language Bar */ .language_bar{ background-color:#CAC9C9; } /* ====================================================== tillysnailstudio Catalog ====================================================== */ #product { width:720px; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3D3D3D; text-align:center; background-color:#D7EBF4} h1 {font-size:16px;} #productImg{ margin:4px; padding:4px; border:1px solid #000000; background-color:#CCCCCC} #heading { font-size:12px; font-weight:bold} #productOrigin {font-size:11px; height:30px; } .productCost0, .productCost4 { background-color:#000000; margin:0px; padding:5px; color:#FFFFFF; font-weight:bold; text-align:left; font-size:11px;} .productCost1, .productCost5 { background-color:#F26422; margin:0px; padding:5px; color:#FFFFFF; font-weight:bold; text-align:left; font-size:11px;} .productCost2, .productCost6 { background-color:#F7921E; margin:0px; padding:5px; color:#FFFFFF; font-weight:bold; text-align:left; font-size:11px;} .productCost3, .productCost7 { background-color:#961B1E; margin:0px; padding:5px; color:#FFFFFF; font-weight:bold; text-align:left; font-size:11px;} .productCost_text{ color:#FFFFFF; font-weight:bold; text-align:left; font-size:11px; vertical-align:middle; } #productCost span { color:#BABABA;} #productName { padding:0px 0px 0px 3px; margin:0px;} #productName p{ width:288px; * width:300px; background-color:#961B1E; text-align:left; color:#FFFFFF; font-weight:bold; padding:10px; margin:0px; font-size:12px;} #productName p span {font-size:10px;} #productContact { width:150px; * width:162px; height:38px; * height:62px; background-color:#EC4822; text-align:center; padding-top:22px; color:#FFFFFF; font-weight:bold; margin:0px; font-size:12px;} #productSpecification { padding:0px 0px 0px 3px; margin:0px;} #productSpecification p{ width:96%; * width:100%; min-height:186px; background-color:#56B5E1; text-align:left; color:#000000; font-weight:bold; padding:10px; font-size:11px; margin:5px 0px 0px 0px; } #productSpecification p span{ font-size:11px; font-weight:normal} #footer { background-color:#000000; height:10px; margin:0px; padding:0px;} #footerBg {background-color:#ffffff;} .contentext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;} #pagination a { font-size:11px; text-decoration:none; color:#000000;} #pagination a:hover {text-decoration:underline;} ._bottom_strip{background-image:url(_bottom_strip.jpg); border:1px solid #000000;} .INSIDE_bottom_strip{background-image:url(INSIDE_bottom_strip.jpg); border:1px solid #000000;} .OUTSIDE_bottom_strip{background-image:url(OUTSIDE_bottom_strip.jpg); border:1px solid #000000;} .BOTH_bottom_strip{background-image:url(BOTH_bottom_strip.jpg); border:1px solid #000000;} .order_txtbox{ width:262px; padding:0 0 0 3px; font-family:verdana; font-size:10pt; color:#000000;} .order_txtbox1{ width:64px; padding:0 0 0 3px; font-family:verdana; font-size:10pt; color:#000000;} .order_txtbox2{ width:188px; padding:0 0 0 3px; font-family:verdana; font-size:10pt; color:#000000;} .order_txtbox3{width:44px; text-align:center;font-family:verdana; font-size:10pt; color:#000000;} .order_txtbox4{width:142px; padding:0 0 0 3px; font-family:verdana; font-size:10pt; color:#000000;} .order_textarea{width:261px; height:93px;padding:0 0 0 3px; font-family:verdana; font-size:10pt; color:#000000;} .input_order{ width:72px; height:20px; background:url(submitbg.jpg) repeat-x; border:none; font-family:verdana; font-size:10pt; color:#ffffff} /* ====================================================== tillysnailstudio Media Module ====================================================== */ .mediaModule { z-index:9999; position:relative; } #popupImage #diplays image { margin:15px 0px; } .mediaModuleBorder { background-color:#000000; border:3px solid #444444; /*padding:0 3px 0 8px;*/ } a.extraLinks { color:#23acd6; font-family:verdana; font-size:10pt; ; font-weight:bold} a.extraLinks:hover{text-decoration:underline} td.mediaTitle {color:#58c2ea; font-family:verdana; font-size:33px; vertical-align:middle; padding:0 0 0 8px;} td.mediaDesc{color:#64696d; font-family:verdana; font-size:10pt; ;} /* ====================================================== tillysnailstudio Media Module ====================================================== */ /* ====================================================== tillysnailstudio Guestbook ====================================================== */ #guestbook table td {font-family:Verdana, Arial, Helvetica, sans-serif; color:#3D3D3D; font-size:11px;} .guestBookSubmitBtn { background:transparent url(guestBookSubmitBtn.gif); background-repeat:no-repeat; border:0px; font-size:11px; width:150px; height:28px;}