body { background:#fff; color:#000; font:80% verdana,arial,sans-serif; margin:0; padding:0; scrollbar-face-color:#ccc; scrollbar-shadow-color:#800080; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#999; scrollbar-darkshadow-color:#ddd; scrollbar-track-color:#fff; scrollbar-arrow-color:#800080; } p { font:1em/1.5 verdana,arial,sans-serif; margin:7px 0; padding:0; } p.first:first-letter { font:bold 3em verdana,arial,sans-serif; } p.orphan { overflow:hidden; } pre { font:1em/1.5 verdana,arial,sans-serif; margin:7px 0; padding:0; } h1 { color:#ccc; font-family:'century gothic',verdana,arial,sans-serif; margin:0 0 3px 0; padding:0; } h2,h3,h4,h5,h6 { color:#999; letter-spacing:0.1em; margin:7px 0 3px; padding:0; } h1>span { color:#999; } h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited { color:#ccc; font-family:'century gothic',verdana,arial,sans-serif; text-decoration:none; } h1 a:active, h2 a:active, h3 a:active, h1 a:hover, h2 a:hover, h3 a:hover { color:#cd0000; text-decoration:underline; } ul { margin:3px 0; list-style:square; } ul li { margin:3px 0; } ul.none { list-style:none; } ul.map { list-style-image:url(img/map.gif); } img,img a { border:none; margin:0; padding:0; } #tn ul { list-style:none; } #tn ul li { display:inline; } #imagegallery { margin:3px 0; padding:0; list-style:none; } #imagegallery ul li { display:inline; } hr.slice { background-color:#ddd; color:#666; height:1px; border:none; } form { background:#fff; color:#000; margin:1px 0; padding:0; } fieldset,.section { background:#f7f7f7; margin:10px 0; padding:10px; width:auto; border:1px solid #ddd; border-width:1px; } legend { color:#666; margin:0; padding:0; } label { color:#333; display:block; margin:7px 0 0 0; padding:0; } label.req { color:#800080; display:block; margin:7px 0 0 0; padding:0; } label.req>span { color:#ccc; display:block; margin:7px 0 0 0; padding:0; } label em { font-style:normal; text-decoration:underline; } caption { color:#666; margin:0 0 0 10px; padding:0; } .help { color:#666; margin:0 0 0 10px; padding:0; } input, select, textarea { background:#fff; font:1em verdana,arial,sans-serif; margin:2px 0; padding:3px; border:1px solid #ddd; border-width:1px; } input:focus, textarea:focus { background:#f0f0f0; cursor:pointer; } input:hover, textarea:hover { background:#eee; cursor:pointer; } input[type="button"] { background:#eee; color:#666; margin:10px 0; padding:2px 5px; text-decoration:none; cursor:pointer; border:1px solid #ddd; border-width:1px; } input[type="button"]:hover { background:#ddd; color:#000; border:1px solid #ccc; border-width:1px; } #showhidebtn { margin:20px 0 0 0; } #ranj { background:#eee; margin:10px 0; padding:10px; width:auto; } #high { background:#000; margin:10px 0; padding:0; height:25em; } #result, #result-getlist { background:#ccc; margin:0; padding:10px; } #result-sample { background:#fff; margin:10px 0 0; padding:10px; } form option { color:#000; } form option[selected] { color:#cd0000; } input[type="checkbox"] > label { color:#f00; } input[type="radio"] { margin:0 0 0 10px; padding:0; } label.radio, label.ck { display:inline; } #headroom { font:0.8em verdana,arial,sans-serif; text-align:right; margin:0; padding:70px 10px 0; } #logo { display:none; } #wrapper { margin:0; padding:0; } #content { background:#fff; margin:0 0 0 10%; padding:0 10px 10px; } #wrapper2 { background:#333; } #wnote { background:transparent url(/img/bg/abc.png) left top no-repeat; } #wnota { background:transparent url(/img/bg/abc.png) center bottom repeat-y; } #panel { float:left; margin:10px; padding:0; width:11em; } #aside { float:right; background:#fff; margin:10px 0 0 10px; padding:50px 10px 10px; width:30%; border:1px solid #eee; border-width:1px; } .coco { color:#eee; font:5em tahoma,verdana,arial,sans-serif; margin:10px 0; padding:0; } #breadcrumbs { margin:0; padding:0; } #breadcrumbs a { color:#666; font:0.8em verdana,arial,sans-serif; } #breadcrumbs a:hover { color:#000; } #footer { color:#666; font-size:0.8em; margin:0; padding:0 10%; clear:both; } #fcol1 { float:left; width:230px; } #footer ul { list-style:none; } #footer ul li a { color:#666; text-decoration:none; } #footer a:hover, #footer a:active { color:#000; } .le { text-align:left; } .ce { text-align:center; } .ri { text-align:right; } .flr { float:right; } .fll { float:left; } .day { background:#eee; } .today { background:#999; color:#fff; } #local { color:#000; font:1em 'lucida console',verdana,arial,sans-serif; margin:10px 0; padding:0 5px; } #post p { background:#ccc; margin:10px 0 0 0; padding:3px; } .commentby { color:#666699; font:0.8em verdana,arial,sans-serif; margin:0; padding:0; } .cocomasdesign { color:#666; font:normal 30px 'century gothic',verdana,arial; } .designcocomas { color:#666; font:bold 30px 'century gothic',verdana,arial; } .designnote { position:relative; top:0; left:20px; color:#ccc; } .all { font:italic bold 1em/1.5em verdana,arial,sans-serif; } .bac { background:#fff url("img/clcb.gif") center bottom no-repeat; } .baclefttop { background:#fff url("img/clcb.gif") 0 0 no-repeat; } .blkr { background:#fff url("img/ninja.png") right bottom no-repeat; height:770px; } .border { border:1px solid #999; border-width:1px 2px 2px 1px; } .fixed { position:fixed; top:50%; right:0; padding:10px; z-index:10; } .vert { width:1px; height:70px; } .clear { clear:both; } #hello { margin:33px 0 76px; } .letter { letter-spacing:0.3em; } .accelerator { text-decoration:underline; } address { color:#000; font:1em 'century gothic',verdana,arial,sans-serif; margin:5px 0; padding:0; } code { color:#000; font:bold 1em 'lucida console',verdana,arial,sans-serif; } .alert { color:#cd0000; } .success { color:#009900; } .cran { color:#990000; } .greendark { color:#990; } .avo { color:#cc0 } /* cc6 cc3 cc0 */ .cran { color:#990000; } .shy { color:#000; font:0.8em arial,verdana,sans-serif; } .box { border:1px solid #333; padding:5px; } .bar { background:#999; width:100%; } .sq { background:#ff0033; width:30px; height:30px; border-top:1px solid #ccc; border-right:1px solid #333; border-bottom:1px solid #333; border-left:1px solid #ccc; } .mov { background:#000; } .hidden { display:none; } .company { font:1em 'century gothic',arial,verdana; } .break { page-break-before:always; } .encode { color:#000; font:bold 1.3em 'lucida console',verdana,arial,sans-serif; margin:0; padding:10px; } #fnf { color:#cd0000; font:7em verdana,arial,sans-serif; } #testimonial { width:110px; height:auto; } #what { background:#fff url("/img/sample/kt.jpg") 0 0 no-repeat; height:220px; } .whatv { width:1px; height:37px; } .whaton { background:#ccc; opacity:.50; filter:alpha(opacity=50); -moz-opacity:0.5; color:#fff; font:30px verdana,arial; margin:0; padding:0 10px; height:100px; } #rockgirl { background:#fff url("/img/design/rockgirl.jpg") 0 0 no-repeat; height:359px; } #sumo { background:#fff url("/img/travel/japan/sumo.jpg") 0 0 no-repeat; width:450px; height:299px; } /* opacity is for FF, alpha is for IE z-index stacking order 2 is in front of 0 */ #overlay { background:#000; width:100%; height:100%; top:0; left:0; position:absolute; z-index:2; opacity:0.81; filter:alpha(opacity=81); -moz-opacity:0.81; } #overlayscreen { background:#eee; margin:0; padding:10px; width:17%; height:27%; top:11%; left:21%; position:absolute; z-index:99; border:1px solid #000; border-width:1px; } ul#accessibility { float:left; margin:0 10px; padding:0; list-style:none; } ul#accessibility li { margin:0 5px; padding:0; display:inline; } ul#accessibility li a { color:#666; text-decoration:none; } #topline { background:#fff; margin:0 0 5px 0; padding:0 0 50px 0; } ul#tab { margin:0; padding:0; list-style:none; } ul#tab li { margin:0; padding:0; display:inline; } ul#tab a:link, ul#tab a:visited { float:left; background:#eee; color:#666; font:1.5em verdana,arial,sans-serif; margin:0 2px 0 0; padding:20px 5px 2px; text-decoration:none; border:1px solid #ccc; border-width:0 0 1px 0; } ul#tab a.one { padding:20px 17px 2px; } ul#tab a:hover, ul#tab a:active { background:#e7e7e7; color:#000; border:1px solid #ddd; border-width:0 0 1px 0; } ul#tab #here a { background:#cc0; color:#666; border:1px solid #cc0; border-width:0 0 1px 0; } ul.pipe { color:#000; margin:0; padding:0; list-style:none; } ul.pipe li { margin:0 5px; padding:0; display:inline; } ul.pipe li a { text-decoration:none; } ul.b1 { margin:15px 0; padding:10px 0; list-style:none; } ul.b1 li { margin:3px 0; padding:0; display:inline; } ul.b1 li a:link, ul.b1 li a:visited { background:#f7f7f7; color:#666; margin:0; padding:10px; text-decoration:none; border:1px solid #ddd; border-width:1px; } ul.b1 li a:hover { background:#f0f0f0; color:#000; } /* Design - nav/n1.php */ ul#abajo { margin:15px 0; padding:0; list-style:none; } ul#abajo li { margin:0; padding:0; } ul#abajo li a { background:#ddd; color:#666; margin:0 0 1px 0; padding:5px 10px; display:block; width:21em; text-decoration:none; } ul#abajo li a:hover { background:#eee; color:#000; } /* Sample index,product1,product2 */ #dropc { float:left; margin:10px; padding:0; width:11em; height:22em; } #drop { list-style:none; font:1em verdana,arial,sans-Serif; margin:0 10px 0 0; padding:0; } #drop li { width:11em; height:2em; clear:both; } #drop li a { float:left; background:#eee; color:#666; margin:0 10px 0 0; padding:5px; display:block; width:9em; text-decoration:none; } #drop li:hover a, #drop li a:hover { background:#eee; color:#000; } #drop ul { display:none; } #drop li:hover ul { display:block; color:#666; width:1280px; margin:0 0 2px 5px; padding:0; } #drop ul { float:left; margin:0; padding:4px 8px; list-style:none; } #drop ul li { float:left; color:#999; clear:none; margin:0; padding:0; width:auto; height:auto; } #drop li:hover ul li a, #drop ul li a { float:none; background:none; color:#000; display:inline; padding:5px; } #drop li:hover ul li a:hover, #drop ul li a:hover { background:none; color:#000; } #drop li#here a { background:#333; color:#ccc; } #drop li#here ul li a { background:#fff; } /* sample products */ #navvc { float:left; margin:10px; padding:0; width:11em; height:29em; } ul#navv { margin:0 10px 10px 0; padding:0; } ul#navv li { margin:0; padding:0; list-style:none; } ul#navv li a:link, #navv li a:visited { background:#333; color:#ccc; margin:0; padding:5px; display:block; text-decoration:none; } ul#navv li a:hover, #navv li a:active { background:#999; color:#fff; display:block; text-decoration:none; } ul#navv #here a { background:#cc0; color:#000; } /* design menu dropdn-multilevel */ /* list-style-type:none; list-style-position:outside; line-height:1.5em; */ #dn, #dn ul { background:#ccc; margin:0; padding:0; list-style:none; position:relative; } #dn a:link; #dn a:active, #dn a:visited { background:#fff; color:#000; display:block; padding:0 5px; border:1px solid #ff9900; text-decoration:none; } #dn a:hover { background:#fff; color:#333; text-decoration:none; } #dn li { float:left; position:relative; } #dn ul { position:absolute; width:12em; top:1.5em; display:none; } #dn li ul a { float:left; width:12em; } #dn ul ul { top:auto; } #dn li ul ul { left:12em; margin:0 0 0 10px; } #dn li:hover ul ul; #dn li:hover ul ul ul, #dn li:hover ul ul ul ul { display:none; } #dn li:hover ul; #dn li li:hover ul, #dn li li li:hover ul, #dn li li li li:hover ul { display:inline; } /* vertical navigation list : list_vertical */ #nav { width:130px; margin:10px 10px 10px 0; border:1px solid #999; } #nav ul { list-style:none; margin:0; padding:0; } #nav li { background:#f5f5f5; margin:0; padding:0; border-bottom:1px solid #eee; border-right:2px solid #fff; } #nav li a { display:block; color:#666; margin:0 0 2px 0; padding:5px; width:auto; border-right:2px solid #fff; text-decoration:none; } html>body #nav li a { width:auto; } #nav li a:hover { background:#eee; color:#000; border-color:#666699; } #nav #here a { background:#ccc; color:#000; border-color:#ffcc00; } /* navigation list vertical: design */ ul.vnav,.vnav ul { margin:0; padding:0; cursor:default; list-style-type:none; } ul.vnav { float:left; width:20ex; margin-right:1em; } ul.vnav>li { margin:0; padding:2px 6px; } /* make the sub list items invisible */ ul.vnav li>ul { display:none; position:absolute; width:20ex; left:20ex; margin-top: -1.4em; margin-left: 9px; } /* when hovered make them appear */ ul.vnav li:hover>ul { display:block; } /* make links as a block element */ .vnav ul li a { display:block; padding: 2px 10px; } /* menu style */ ul.vnav, .vnav ul, .vnav ul li a { background:#fff; color:#000080; border:1px solid #999; } ul.vnav li:hover, .vnav ul li a:hover { background:#000080; color:#fff; } ul.vnav li:active, .vnav ul li a:active { background:#0000ff; color:#fff; } .vnav a { text-decoration:none; } /* horizontal navigation list :: design */ ul.lu { list-style:none; color:#666; } #notesquare ul li { list-style:square outside; } ul.list li { list-style:square outside; } /* horizontal navigation list :: design horizontal */ #dropdown ul { list-style:none; } ul.drop { padding:0; margin:0; list-style:none; } li.drop { float:left; background:#ddd; color:#000; width:10em; margin-top:3px; } li.drop ul { display:none; position:relative; top:1em; left:0px; background:#ccc; padding:3px; } li>ul { top:auto; left:auto; } li:hover ul, li.over ul { display:block; z-index:10; } a:link, a:visited { color:#009; font:1em verdana,arial,sans-serif; border:none; text-decoration:none; } a:hover, a:active { color:#cd0000; border:none; text-decoration:underline; } a.top { color:#666; text-decoration:none; } a.bc:link, a.bc:visited { color:#000; border:none; } a.bc:hover, a.bc:active { color:#cd0000; border:none; } a.blam { font:5em verdana,arial,sans-serif; margin:0; padding:0; } a.blam:link, a.blam:visited { color:#ddd; border:none; text-decoration:none; } a.blam:hover, a.blam:active { color:#000; border:none; text-decoration:none; }