/** Kamibashi.com aka Kristen and Chris Daniels, October 2009, designed by Markuz Wernli Saito http://markuz.com **/ /** general html margins and font definition **/ body { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#ffffff; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; font-size:13px; letter-spacing: 1px; color:#000; text-align:left; } #darkpage { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#22245f; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; font-size:13px; letter-spacing: 1px; color:#ffffcc; text-align:left; } #blackpage { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#000000; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; font-size:13px; letter-spacing: 1px; color:#ffffcc; text-align:left; } /** global type treatment **/ a, a:visited {color:#048; text-decoration:none;} a:hover {text-decoration:underline;} pre {font-size:11px;} code {font-size:12px;} /** images with gray outline frame **/ img.grayliner {border-width: 1px; border-color: #999999; } table { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /** global positioning of layout elements as div id **/ #wrapper { width:1030px; margin:0px 0px 0px 0px; auto; text-align:center; } #menuhugger { width:1030px; margin:5px 0px 3px 33px; auto; text-align:left; } #enclose { width:100%; height: 100%; z-index: 1; } #frame { width:1030px; padding-top:20px; margin-left: auto; margin-right: auto; text-align:center; z-index: 1; } /** product pages **/ /** ================================================================ **/ .topbanner { margin-left: auto; margin-right: auto; width: 1030px; text-align:left; } .productintro { margin-left: auto; margin-right: auto; width: 1030px; text-align:left; } .introcenter { position: relative; width: 333px; margin-left: 349px; } .container { width: 1030px; margin: auto; border: none; padding: 0; text-align:left; } .fullwidth_separator { clear: both; width: 100%; height: 5px; font-size: 0px; line-height: 0px; padding: 0; border: none; } .fullwidth_separator_20px { clear: both; width: 100%; height: 20px; font-size: 0px; line-height: 0px; padding: 0; border: none; } .fullwidth_separator_1px { clear: both; width: 100%; height: 1px; font-size: 0px; line-height: 0px; padding: 0; border: none; } /** general text styling **/ p { font-family: georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; margin: 0px 0px 7px 0px; color: #333; } A:link { color: #104E93; text-decoration: none; } A:visited { color: #617891; text-decoration: none; } A:active { color: #617891; text-decoration: underline; } A:hover { color: #2A6BB3; text-decoration: underline; } #darkpage { color:#beige; } #title { font-size:24px; color: #000000; } #header { font-size:17px; margin-top:22px; color: #990000; font-weight: bold; } #largecopy { font-size:16px; line-height: 22px; } #largecopywide { font-size:16px; line-height: 27px; } #smallcopy { font-size:13px; line-height: 17px; } #smallcopyentry { padding-top:5px; font-size:13px; line-height: 17px; } #smallcopywide { font-size:13px; line-height: 21px; } #smalltitle { font-size:16px; font-weight: bold; color: #000000; } #smallheader { font-size:14px; font-weight: bold; color: #990000; } #caption { font-size:11px; line-height: 13px; font-weight: bold; color: #000000; } #captionlite { font-size:11px; line-height: 14px; color: #000000; } .pagelink ul {margin-top:16px; margin-left:-22px; list-style-type:none; background: url(http://www.kamibashi.com/assets/arrow_internal.gif) no-repeat 22px top;} .exteriorlink ul {margin-top:16px; margin-left:-22px; list-style-type:none; background: url(http://www.kamibashi.com/assets/arrow_external.gif) no-repeat 22px top;} /** global WHITE navigation menu **/ /** ================================================================ The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. =================================================================== **/ .whitemenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #ffffff; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;} /* hack to correct IE5.5 faulty box model */ * html .whitemenu {width:929px; width:928px;} /* remove all the bullets, borders and padding from the default list styling */ .whitemenu ul {padding:0;margin:0;list-style-type:none;} .whitemenu ul ul {width:170px;} /* rozstrzelenie poziome glownego menu */ .whitemenu li {float:left;width:150px;position:relative;} /* control shopping cart */ .whitemenu ul li.cart {width:32px; height:30px; border:1px dotted #ffffff; border-width:1px 0 1px 1px;} .whitemenu ul li.cart form:hover {background:#ffcccc;} /* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */ .whitemenu a, .whitemenu a:visited {display:block;font-size:12px;text-decoration:none; color:#990000; width:140px; height:30px; border:1px dotted #ffffff; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;} /* a hack so that IE5.5 faulty box model is corrected */ * html .whitemenu a, * html .whitemenu a:visited {width:145px; width:145px;} /* NEW style the First level background */ .whitemenu ul li ul li a. .whitemenu ul li a:visited {background:#fbe0e0;} /* NEW style the First level hover */ .whitemenu ul li ul li a:hover {background:#ffcccc;} .whitemenu ul li ul li :hover > a {background:#f4c2ac;} /*odleglosc malych strzalek*/ /* style the second level background with dropdown-third-level links */ .whitemenu ul ul a.drop, .whitemenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 140px center;} /* style the second level hover */ .whitemenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 140px center;} .whitemenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 140px center;} /* style the third level background */ .whitemenu ul ul ul a, .whitemenu ul ul ul a:visited {background:#fadcbe;} /* style the third level hover */ .whitemenu ul ul ul a:hover {background:#e8ad93;} /* LINIA POD GLÓWNYM MENU hide the sub levels and give them a positon absolute so that they take up no room */ .whitemenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:160px;border-top:1px dotted #cc6666;} /* another hack for IE5.5 */ * html .whitemenu ul ul {top:30px;top:31px;} /* jak daleko jest podmenu flyout */ .whitemenu ul ul ul{left:160px; top:-1px; width:160px;} /* position the third level flyout menu for a left flyout */ .whitemenu ul ul ul.left {left:-140px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .whitemenu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* tlo podlinkow style the second level links */ .whitemenu ul ul a, .whitemenu ul ul a:visited {background:#fbe9e9; color:#000000; height:auto; line-height:1em; padding:5px 10px; width:139px;border:1px dotted #cc6666; border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .whitemenu ul ul a, * html .whitemenu ul ul a:visited {width:149px;width:149px;} /* style the top level hover */ .whitemenu a:hover, .whitemenu ul ul a:hover{color:#000000; background:#ffcccc;} .whitemenu :hover > a, .whitemenu ul ul :hover > a {color:#000000; background:#ffcccc;} /* make the second level visible when hover on first level list OR link */ .whitemenu ul li:hover ul, .whitemenu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .whitemenu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .whitemenu ul :hover ul :hover ul{ visibility:visible;} /** global BLACK navigation menu **/ /** ================================================================ The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. =================================================================== **/ .blackmenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #000000; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;} /* hack to correct IE5.5 faulty box model */ * html .blackmenu {width:929px; w\idth:928px;} /* remove all the bullets, borders and padding from the default list styling */ .blackmenu ul {padding:0;margin:0;list-style-type:none;} .blackmenu ul ul {width:149px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .blackmenu li {float:left;width:149px;position:relative;} /* control shopping cart */ .blackmenu ul li.cart {width:32px; height:30px; border:1px dotted #000000; border-width:1px 0 1px 1px;} .blackmenu ul li.cart form:hover {background:#ffcccc;} /* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */ .blackmenu a, .blackmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#990000; width:138px; height:30px; border:1px dotted #000000; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;} /* a hack so that IE5.5 faulty box model is corrected */ * html .blackmenu a, * html .blackmenu a:visited {width:149px; w\idth:138px;} /* NEW style the First level background */ .blackmenu ul li ul li a. .blackmenu ul li a:visited {background:#fbe0e0;} /* NEW style the First level hover */ .blackmenu ul li ul li a:hover {background:#ffcccc;} .blackmenu ul li ul li :hover > a {background:#f4c2ac;} /* style the second level background with dropdown-third-level links */ .blackmenu ul ul a.drop, .blackmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 130px center;} /* style the second level hover */ .blackmenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;} .blackmenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;} /* style the third level background */ .blackmenu ul ul ul a, .blackmenu ul ul ul a:visited {background:#fadcbe;} /* style the third level hover */ .blackmenu ul ul ul a:hover {background:#e8ad93;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .blackmenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px dotted #cc6666;} /* another hack for IE5.5 */ * html .blackmenu ul ul {top:30px;t\op:31px;} /* position the third level flyout menu */ .blackmenu ul ul ul{left:149px; top:-1px; width:149px;} /* position the third level flyout menu for a left flyout */ .blackmenu ul ul ul.left {left:-149px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .blackmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .blackmenu ul ul a, .blackmenu ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:1px dotted #cc6666; border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .darkmenu ul ul a, * html .blackmenu ul ul a:visited {width:150px;w\idth:128px;} /* style the top level hover */ .blackmenu a:hover, .blackmenu ul ul a:hover{color:#000; background:#ffcccc;} .blackmenu :hover > a, .blackmenu ul ul :hover > a {color:#000; background:#ffcccc;} /* make the second level visible when hover on first level list OR link */ .blackmenu ul li:hover ul, .blackmenu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .blackmenu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .blackmenu ul :hover ul :hover ul{ visibility:visible;} /** global DARK navigation menu **/ /** ================================================================ The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. =================================================================== **/ .darkmenu {width:927px; height:32px; position:relative; z-index:100; border-right:1px dotted #2b3482; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;} /* hack to correct IE5.5 faulty box model */ * html .darkmenu {width:929px; w\idth:928px;} /* remove all the bullets, borders and padding from the default list styling */ .darkmenu ul {padding:0;margin:0;list-style-type:none;} .darkmenu ul ul {width:149px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .darkmenu li {float:left;width:149px;position:relative;} /* control shopping cart */ .darkmenu ul li.cart {width:32px; height:30px; border:1px dotted #2b3482; border-width:1px 0 1px 1px;} .darkmenu ul li.cart form:hover {background:#ffcccc;} /* style the links for the top level - PRODUCT | OCCASIONS | defines all the framing */ .darkmenu a, .darkmenu a:visited {display:block;font-size:12px;text-decoration:none; color:#990000; width:138px; height:30px; border:1px dotted #2b3482; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;} /* a hack so that IE5.5 faulty box model is corrected */ * html .darkmenu a, * html .darkmenu a:visited {width:149px; w\idth:138px;} /* NEW style the First level background */ .darkmenu ul li ul li a. .darkmenu ul li a:visited {background:#fbe0e0;} /* NEW style the First level hover */ .darkmenu ul li ul li a:hover {background:#ffcccc;} .darkmenu ul li ul li :hover > a {background:#f4c2ac;} /* style the second level background with dropdown-third-level links */ .darkmenu ul ul a.drop, .darkmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 130px center;} /* style the second level hover */ .darkmenu ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;} .darkmenu ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 130px center;} /* style the third level background */ .darkmenu ul ul ul a, .darkmenu ul ul ul a:visited {background:#fadcbe;} /* style the third level hover */ .darkmenu ul ul ul a:hover {background:#e8ad93;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .darkmenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px dotted #cc6666;} /* another hack for IE5.5 */ * html .darkmenu ul ul {top:30px;t\op:31px;} /* position the third level flyout menu */ .darkmenu ul ul ul{left:149px; top:-1px; width:149px;} /* position the third level flyout menu for a left flyout */ .darkmenu ul ul ul.left {left:-149px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .darkmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .darkmenu ul ul a, .darkmenu ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border:1px dotted #cc6666; border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .darkmenu ul ul a, * html .darkmenu ul ul a:visited {width:150px;w\idth:128px;} /* style the top level hover */ .darkmenu a:hover, .darkmenu ul ul a:hover{color:#000; background:#ffcccc;} .darkmenu :hover > a, .darkmenu ul ul :hover > a {color:#000; background:#ffcccc;} /* make the second level visible when hover on first level list OR link */ .darkmenu ul li:hover ul, .darkmenu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .darkmenu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .darkmenu ul :hover ul :hover ul{ visibility:visible;} /** pulldown menu **/ /** ================================================================ The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. =================================================================== **/ .pulldown {width:241px; height:30px; position:relative; z-index:10; border-right:1px dotted #999999; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;} /* hack to correct IE5.5 faulty box model */ * html .pulldown {width:241px; w\idth:240px;} /* remove all the bullets, borders and padding from the default list styling */ .pulldown ul {padding:0;margin:0;list-style-type:none;} .pulldown ul ul {width:235px;} /* float the list to make it horizontal and a relative positon so that you can control the pulldown positon */ .pulldown li {float:left;width:235px;position:relative;} /* style the links for the top level defines all the framing */ .pulldown a, .pulldown a:visited {display:block;font-size:11px; text-decoration:none; color:#990000; width:230px; height:30px; border:1px dotted #999999; border-width:1px 0 1px 1px; background:#ffffff; padding-left:10px; line-height:30px; font-weight:bold;} /* a hack so that IE5.5 faulty box model is corrected */ * html .pulldown a, * html .pulldown a:visited {width:235px; w\idth:230px;} /* style the second level background */ .pulldown ul ul a.drop, .pullmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 215px center;} /* style the second level hover */ .pulldown ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;} .pulldown ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;} /* style the first level background */ .pulldown ul a.drop, .pulldown ul a.drop:visited {background:#ffffff url(http://www.kamibashi.com/assets/arrowpull_off.gif) no-repeat 215px center;} /* style the first level hover */ .pulldown ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;} .pulldown ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;} /* style the third level background */ .pulldown ul ul ul a, .pullmenu ul ul ul a:visited {background:#fadcbe;} /* style the third level hover */ .pulldown ul ul ul a:hover {background:#e8ad93;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .pulldown ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:249px;border-top:1px dotted #999999;} /* another hack for IE5.5 */ * html .pulldown ul ul {top:30px;t\op:31px;} /* position the third level flyout menu */ .pulldown ul ul ul{left:241px; top:-1px; width:241px;} /* position the third level flyout menu for a left flyout */ .pulldown ul ul ul.left {left:-241px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .pulldown table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links, determine width */ .pulldown ul ul a, .pulldown ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:12px; padding:5px 10px; width:220px;border:1px dotted #999999; border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .pulldown ul ul a, * html .pulldown ul ul a:visited {width:220px;w\idth:218px;} /* style the top level hover */ .pulldown a:hover, .pulldown ul ul a:hover{color:#000; background:#ffcccc;} .pulldown :hover > a, .pulldown ul ul :hover > a {color:#000; background:#ffcccc;} /* make the second level visible when hover on first level list OR link */ .pulldown ul li:hover ul, .pulldown ul a:hover ul{visibility:visible; } /* make the second level visible when hover on first level list OR link */ .pulldown ul li:hover ul, .pulldown ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .pulldown ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .pulldown ul :hover ul :hover ul{ visibility:visible;} /** blackpulldown menu **/ /** ================================================================ The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. =================================================================== **/ .blackpulldown {width:241px; height:30px; position:relative; z-index:10; border-right:1px dotted #999999; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;} /* hack to correct IE5.5 faulty box model */ * html .blackpulldown {width:241px; w\idth:240px;} /* remove all the bullets, borders and padding from the default list styling */ .blackpulldown ul {padding:0;margin:0;list-style-type:none;} .blackpulldown ul ul {width:235px;} /* float the list to make it horizontal and a relative positon so that you can control the pulldown positon */ .blackpulldown li {float:left;width:235px;position:relative;} /* style the links for the top level defines all the framing */ .blackpulldown a, .blackpulldown a:visited {display:block;font-size:11px; text-decoration:none; color:#990000; width:230px; height:30px; border:1px dotted #999999; border-width:1px 0 1px 1px; background:#ffffff; padding-left:10px; line-height:30px; font-weight:bold;} /* a hack so that IE5.5 faulty box model is corrected */ * html .blackpulldown a, * html .blackpulldown a:visited {width:235px; w\idth:230px;} /* style the second level background */ .blackpulldown ul ul a.drop, .blackpullmenu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 215px center;} /* style the second level hover */ .blackpulldown ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;} .blackpulldown ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;} /* style the first level background */ .blackpulldown ul a.drop, .blackpulldown ul a.drop:visited {background:#000000 url(http://www.kamibashi.com/assets/arrowpull_off_black.gif) no-repeat 215px center;} /* style the first level hover */ .blackpulldown ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;} .blackpulldown ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;} /* style the third level background */ .blackpulldown ul ul ul a, .blackpullmenu ul ul ul a:visited {background:#fadcbe;} /* style the third level hover */ .blackpulldown ul ul ul a:hover {background:#e8ad93;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .blackpulldown ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:249px;border-top:1px dotted #999999;} /* another hack for IE5.5 */ * html .blackpulldown ul ul {top:30px;t\op:31px;} /* position the third level flyout menu */ .blackpulldown ul ul ul{left:241px; top:-1px; width:241px;} /* position the third level flyout menu for a left flyout */ .blackpulldown ul ul ul.left {left:-241px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .blackpulldown table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links, determine width */ .blackpulldown ul ul a, .blackpulldown ul ul a:visited {background:#fbe9e9; color:#666; height:auto; line-height:12px; padding:5px 10px; width:220px;border:1px dotted #999999; border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .blackpulldown ul ul a, * html .blackpulldown ul ul a:visited {width:220px;w\idth:218px;} /* style the top level hover */ .blackpulldown a:hover, .blackpulldown ul ul a:hover{color:#000; background:#ffcccc;} .blackpulldown :hover > a, .blackpulldown ul ul :hover > a {color:#000; background:#ffcccc;} /* make the second level visible when hover on first level list OR link */ .blackpulldown ul li:hover ul, .blackpulldown ul a:hover ul{visibility:visible; } /* make the second level visible when hover on first level list OR link */ .blackpulldown ul li:hover ul, .blackpulldown ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .blackpulldown ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .blackpulldown ul :hover ul :hover ul{ visibility:visible;} /** darkpulldown menu **/ /** ================================================================ The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. =================================================================== **/ .darkpulldown {width:241px; height:30px; position:relative; z-index:10; border-right:1px dotted #999999; font-family:georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif;} /* hack to correct IE5.5 faulty box model */ * html .darkpulldown {width:241px; w\idth:240px;} /* remove all the bullets, borders and padding from the default list styling */ .darkpulldown ul {padding:0;margin:0;list-style-type:none;} .darkpulldown ul ul {width:235px;} /* float the list to make it horizontal and a relative positon so that you can control the pulldown positon */ .darkpulldown li {float:left;width:235px;position:relative;} /* style the links for the top level defines all the framing */ .darkpulldown a, .pulldown a:visited {display:block;font-size:11px; text-decoration:none; color:#990000; width:230px; height:30px; border:1px dotted #999999; border-width:1px 0 1px 1px; background:#ffffff; padding-left:10px; line-height:30px; font-weight:bold;} /* a hack so that IE5.5 faulty box model is corrected */ * html .darkpulldown a, * html .pulldown a:visited {width:235px; w\idth:230px;} /* style the second level background */ .darkpulldown ul ul a.drop, .menu ul ul a.drop:visited {background:#fbe0e0 url(http://www.kamibashi.com/assets/arrow_off.gif) no-repeat 215px center;} /* style the second level hover */ .darkpulldown ul ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;} .darkpulldown ul ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrow_on.gif) no-repeat 215px center;} /* style the first level background */ .darkpulldown ul a.drop, .darkpulldown ul a.drop:visited {background:#2b3482 url(http://www.kamibashi.com/assets/arrowpull_off_blue.gif) no-repeat 215px center;} /* style the first level hover */ .darkpulldown ul a.drop:hover{background:#fbcbc0 url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;} .darkpulldown ul :hover > a.drop {background:#f4c2ac url(http://www.kamibashi.com/assets/arrowpull_on.gif) no-repeat 215px center;} /* style the third level background */ .darkpulldown ul ul ul a, .menu ul ul ul a:visited {background:#fadcbe;} /* style the third level hover */ .darkpulldown ul ul ul a:hover {background:#e8ad93;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .darkpulldown ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:249px;border-top:1px dotted #999999;} /* another hack for IE5.5 */ * html .darkpulldown ul ul {top:30px;t\op:31px;} /* position the third level flyout menu */ .darkpulldown ul ul ul{left:241px; top:-1px; width:241px;} /* position the third level flyout menu for a left flyout */ .darkpulldown ul ul ul.left {left:-241px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .darkpulldown table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links, determine width */ .darkpulldown ul ul a, .pulldown ul ul a:visited {background:#fbe9e9; color:#000; height:auto; line-height:12px; padding:5px 10px; width:220px;border:1px dotted #999999; border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .darkpulldown ul ul a, * html .darkpulldown ul ul a:visited {width:220px;w\idth:218px;} /* style the top level hover */ .darkpulldown a:hover, .darkpulldown ul ul a:hover{color:#000; background:#ffcccc;} .darkpulldown :hover > a, .darkpulldown ul ul :hover > a {color:#000; background:#ffcccc;} /* make the second level visible when hover on first level list OR link */ .darkpulldown ul li:hover ul, .darkpulldown ul a:hover ul{visibility:visible; } /* make the second level visible when hover on first level list OR link */ .darkpulldown ul li:hover ul, .darkpulldown ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .darkpulldown ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .darkpulldown ul :hover ul :hover ul{ visibility:visible;} /** global footer menu **/ /** ================================================================ **/ #footerhome { position:relative; left:0px; top:-210px; } #footerstandard { position:relative; left:0px; text-align:center; } /** OLD footer **/ #footer { color: #990000; font-family: georgia, garamond, times new roman, new york, century, palatino, utopia, baskerville, walbaum, caslon, times, serif; font-size: 13px; line-height: 15px; font-weight: bold; letter-spacing: 1px; width: 1000px; height: 50px; margin: 0px 0px 0px 0px; padding-top: 45px; padding-bottom: 5px; } .small { font-weight: none; font-size:11px; letter-spacing: 0px; line-height: 20px; color: #990000; } #footer a:link {color: #990000;} #footer a:visited {color: #cc6666;} #footer a:hover {color: #660000; text-decoration:underline;} /** homepage elements **/ /** ================================================================ **/ div.top_row { margin-left: auto; margin-right: auto; width: 940px; } div.logo { position: relative; z-index: 1; height: 222px; width: 392px; left:100px; top: 25px; float: left; /** left header graphic with logo and tag line **/ background-image: url('http://www.kamibashi.pl/index/logotop_default.jpg'); background-repeat: no-repeat; } /* hack to correct IE5.5 faulty box model */ * html #div.logo {width:392px; w\idth:392px; height: 222px; he\ight: 222px;} div.welcome { position: relative; z-index: 2; height: 238px; width: 522px; top: -220px; left: 355px; } /* hack to correct IE5.5 faulty box model edwardson tan hack */ * html #div.welcome {width:522px; w\idth:522px; height: 238px; he\ight: 238px;} #products_one { position:relative; left:0px; top:-210px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 900px; height: 200px; z-index: 1; } #products_two { position:relative; left:0px; top:-200px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 900px; height: 352px; z-index: 2; } opis { color: #990000; }