/*
Yeşil: #BCD700
Sari: #FED400
Turuncu: #FF9933
Mavi: #1C3E7A
*/

/* OVERALL */

* {margin:0;padding:0;list-style:none;}
body {font: 76% Lucida Sans Unicode, Lucida Grande, sans-serif;}
div#page {width:750px;margin:0 auto;}
h1 {font:1.2em Arial, Helvetica, sans-serif; font-weight:bold;padding:4px 0;color:#1c3e7a;}
p {font-size:.9em;}
img {border:none;}
a,a:visited {color:#455fbd; text-decoration:underline;}
a:hover {text-decoration:none;}
.newIcon {color:#FF3300 !important;font-size:9px !important;}

/* HEADER */

#logo {float:left;}
#ilsHolder {margin:0 auto;position:absolute; z-index:2;}
#usermenu {margin-top:5px;text-align:right;}
#usermenu #usermenuTable td {vertical-align:top;width:500px;}

.usermenunav {text-align:right;}
.usermenunav li {display:inline;}

.usermenunav li#uyegirisi a:link,
.usermenunav li#uyegirisi a:visited,
.usermenunav li#uyegirisi a:active 
{text-decoration:none;color:#aaa;margin-left:2px; 
background:url(/img/userMenu/uyegirisi.gif) left center no-repeat; padding-left:18px;}
.usermenunav li#uyecikisi a:link,
.usermenunav li#uyecikisi a:visited,
.usermenunav li#uyecikisi a:active 
{text-decoration:none;color:#aaa;margin-left:2px;text-decoration:underline;}
.usermenunav li#uyeol a:link,
.usermenunav li#uyeol a:visited,
.usermenunav li#uyeol a:active 
{text-decoration:none;color:#bcd700;margin-left:2px; 
background:url(/img/userMenu/uyeol.gif) left center no-repeat; padding-left:18px;}
.usermenunav li#kullanicibilgileri a:link,
.usermenunav li#kullanicibilgileri a:visited,
.usermenunav li#kullanicibilgileri a:active 
{text-decoration:none;color:#aaa;margin-left:2px; 
background:url(/img/userMenu/kullanicibilgileri.gif) left center no-repeat; padding-left:18px;}
.usermenunav li#sepetim a:link,
.usermenunav li#sepetim a:visited,
.usermenunav li#sepetim a:active 
{text-decoration:none;color:#aaa;margin-left:2px; 
background:url(/img/userMenu/sepetim.gif) left center no-repeat; padding-left:18px;}
.usermenunav li#siparistakibi_ a:link,
.usermenunav li#siparistakibi_ a:visited,
.usermenunav li#siparistakibi_ a:active 
{text-decoration:none;color:#aaa;margin-left:2px;
background:url(/img/userMenu/siparis_.gif) left center no-repeat; padding-left:18px;}
.usermenunav li#siparistakibi a:link,
.usermenunav li#siparistakibi a:visited,
.usermenunav li#siparistakibi a:active 
{text-decoration:none;color:#FF9933;margin-left:2px;
background:url(/img/userMenu/siparis.gif) left center no-repeat; padding-left:18px;}
.usermenunav li#yardim a:link,
.usermenunav li#yardim a:visited,
.usermenunav li#yardim a:active 
{text-decoration:none;color:#aaa;margin-left:2px;
background:url(/img/userMenu/yardim.gif) left center no-repeat; padding-left:18px;}
.usermenunav li#hatirlatma a:link,
.usermenunav li#hatirlatma a:visited,
.usermenunav li#hatirlatma a:active 
{text-decoration:none;color:#aaa;margin-left:2px;
background:url(/img/userMenu/hatirlatma.gif) left center no-repeat; padding-left:18px;}
.usermenunav li#uyegirisi a:hover {color:#333;}
.usermenunav li#uyecikisi a:hover {color:#333;}
.usermenunav li#kullanicibilgileri a:hover {color:#333;}
.usermenunav li#sepetim a:hover {color:#333;}
.usermenunav li#yardim a:hover {color:#333;}
.usermenunav li#hatirlatma a:hover {color:#333;}
.usermenunav li#siparistakibi_ a:hover {color:#333;}
.usermenunav li#uyeol a:hover {color:#d5f306;}
#frmAra {margin-top:4px;float:right;}
#frmtxtUrun {border:1px solid #cdcdcd;width:120px;color:#CCC;font-size:.9em;padding:2px;margin-right:4px;}

/* MAIN MENU */

#mainMenu {margin-top:7px;}
#mainMenu ul li a:link,
#mainMenu ul li a:visited,
#mainMenu ul li a:active {display:block;height:16px;font-size:.9em;color:#000; text-decoration:none;padding-left:45px;}
#mainMenu ul li a:hover {color:#fb8000; background:url(/img/mainMenu/dugme.gif) 25px center no-repeat;}
#reklam {text-align:center;}
#reklam img {margin-top:8px;}

/* CONTENT */

#cntAnasayfa,#cntSpot,#cntUrunler,#cntUrunIslem,#cntSablonlar,#cntYorum,
#cntSepetim,#cntSiparis,#cntOnayla,#cntOdeme,#cntSonuc,#cntArama,#cntHakkimizda,
#cntIletisim,#cntYardim,#cntYardim,#cntBasindaKido,#cntHatirlatma {margin-top:10px;}
#cntYardim ul {padding:10px 10px 10px 25px;border:1px dashed #ccc;}
#cntYardim ul li {line-height:1.6em;color:#525252;list-style:decimal;}
#cntHakkimizda p,#cntYardim p,#cntHatirlatma p{margin-bottom:10px; line-height:1.6em;color:#525252;}
#cntAnasayfa,#cntUrunler,#cntUrunIslem {margin-bottom:10px;}
#cntPaging {margin-top:10px; color:#BCD700; border:1px solid #BCD700; text-align:center; padding:2px;}
#cntPaging a:active,#cntPaging a:link,#cntPaging a:visited {text-decoration:none;color:#BCD700;}
#cntPaging a:hover{color:#FF9933;}
#cntPaging #pageCurrent {color:#666;}
#cntSifremiUnuttum,#cntuyeol,#cntTebrikler {margin:10px 0;}
#cntuyeol {background: url(/img/form/form_bg.gif) no-repeat bottom right;}
#relUrunler {clear:both;}
#relUrunler h1,#cntUrunler h1,#cntSablonlar h1,#cntUrunIslem h1,#cntArama h1 {margin-bottom:4px;}
#relUrunler h1 a,#relUrunler h1 a:visited,#cntUrunler h1 a,#cntUrunler h1 a:visited,#cntSablonlar h1 a,#cntSablonlar h1 a:visited,#cntUrunIslem h1 a,#cntUrunIslem h1 a:visited {text-decoration:none;color:#1c3e7a;}
#relUrunler h1 a:hover,#cntUrunler h1 a:hover,#cntSablonlar h1 a:hover,#cntUrunIslem h1 a:hover 
{color:#BCD700;}
.cntAnaKategori p {margin-bottom:10px;color:#525252;}
.cntAnaKategori table td.tdThumb {width:120px;vertical-align:top;}
#tblRelUrun td {padding-bottom:5px;width:265px;}
.relUrun h2,.cntYasAraligi h2,#cntHatirlatma h2 
{font:.9em Arial, Helvetica, sans-serif;font-weight:bold;color:#1c3e7a;margin-bottom:3px;text-decoration:none;}
.relUrun h2 a,.relUrun h2 a:visited {text-decoration:none;color:#1c3e7a;}
.relUrun p,.cntUrun p,.cntSablon p,.cntSepetUrun p,#sepetIslem p {color:#525252;}
.relUrunImg {border:1px solid #FED400;}
.relUrunContent {margin-left:105px;}
.cntSablon {width:260px;margin-right:5px;border:1px dashed #FED400;}
.cntYasAraligi {width:240px;height:220px;margin-right:5px;float:left;border:1px solid #FED400;margin-bottom:5px;padding:10px;}
.cntUrun,.cntSablon,.cntAnaKategori {margin-bottom:5px;}
.cntUrun table,.cntSablon table {width:100%;}
.cntUrun table td,.cntSablon table td {vertical-align:top;}
.cntUrun table td.tdThumb,.cntSablon table td.tdThumb {width:120px;}
.cntUrun table td.tdExtra,.cntSablon table td.tdExtra {width:150px;}
.cntUrun table td.tdExtra ul {padding:5px;}
.cntUrun table td.tdExtra li {font:.8em Arial, Helvetica, sans-serif; text-align:center;color:#666;}
.cntUrun table td.tdExtra li span.extHeadline {text-decoration:underline;}
.cntUrun table td.tdExtra li.promotions {background-color:#FFF;}
.cntUrun table td.tdExtra li.boySecenekleri,.cntUrun table td.tdExtra li.hsInclPrds
{border-top:1px solid #FED400;border-left:1px solid #FED400;border-right:1px solid #FED400;
padding:3px;background-color:#FFF;color:#666;}
.cntUrun h2,.cntAnaKategori h2,.cntSablon h2 
{font:.9em Arial, Helvetica, sans-serif; font-weight:bold;color:#BCD700;margin-bottom:3px;}
.cntUrun h2 a,.cntUrun h2 a:visited,.cntSablon h2 a,.cntSablon h2 a:visited,
.cntAnaKategori h2 a,.cntAnaKategori h2 a:visited
{text-decoration:none;color:#BCD700;}
#urunTanitim {margin-bottom:10px;}
#cntSepetim #sepetAciklama h2 {font:.9em Arial, Helvetica, sans-serif; font-weight:bold;color:#1c3e7a;margin-bottom:10px;}
#cntSepetim #sepetAciklama p,#cntSiparis #siparisAciklama p {margin-bottom:10px;}
#cntSepetim #sepetAciklama ul li {list-style:disc;margin:0 0 10px 20px;}
#cntSepetim div.cntSepetUrun{margin-bottom:5px; background-color:#fff; padding:5px; border:1px dashed #FED400;}
#cntSiparis div.cntSiparisUrun{margin-bottom:10px; border:1px solid #FED400;}
#cntSiparis div.cntSiparisUrun {border-color:#1c3e7a;}
#cntSepetim div.cntSepetUrunSelected {background-color:#000;}
#cntSepetim div.cntSepetUrun table {width:100%;}
#cntSepetim div.cntSepetUrun table td { vertical-align:top;}
#cntSepetim div#sepetIslem {float:right; width:202px; padding:5px 10px 5px 5px;}
#cntSepetim div#sepetIslem table {width:100%;}
#cntSepetim div.cntSepetUrun h2,#cntSiparis div.cntSiparisUrun h2
{font:.9em Arial, Helvetica, sans-serif; font-weight:bold;color:#BCD700;margin-bottom:3px;}
#cntSiparis div.cntSiparisUrun h2.headline {color:#1c3e7a;}
#cntSiparis div.cntSiparisUrun h2.subline {color:#FF9933;}
#cntSepetim div.cntSepetUrun table td.tdThumb {width:55px;}
#cntSepetim div.cntSepetUrun table td.tdExtra {width:200px;padding:5px; background-color:#FFFFCC;}
#cntSepetim div.cntSepetUrun table td.tdExtra ul {margin:4px 0; text-align:right;}
#cntSepetim div.cntSepetUrun table td.tdExtra ul li a,
#cntSepetim div.cntSepetUrun table td.tdExtra ul li a:visited{color:#455fbd;}
#cntSepetim div.cntSepetUrun table td.tdExtra ul li a:hover{text-decoration:none;}
h1 span.headPre {color:#ccc;}
#cntSiparis #faturaAdres 
{border:1px solid #ccc;width:300px;margin-bottom:10px;background-color:#FFFFCC;display:none; padding:10px 0;}
#cntSiparis div.cntSepetUrun {width:300px;}
#cntOnayla td.leftTd {color:#666;}
#eftbilgileri ul li { list-style:disc; margin-left:10px;}
ul#sizes {margin-bottom:10px;}
ul#sizes li {display:block;float:left;margin:0 2px 0 0;padding:2px;border:1px solid #BCD700;}
ul#sizes li a:active,
ul#sizes li a:link,
ul#sizes li a:visited {text-decoration:none; color:#BCD700;}
ul#sizes li a:hover { background-color:#BCD700; color:#fff;}
ul#sizes li a.active { background-color:#BCD700; color:#fff;}
.pNo,.pYes {display:block;padding:3px; text-align:center;}
.pNo {color:#FF3333 !important; border:1px solid #FF3333;}
.pYes {color:#BCD700 !important; border:1px solid #BCD700;}
.pFiyatPromosyon {text-decoration:line-through;}
.liofs {border:1px dashed #FF9933; padding:2px; background-color:#FEFEF1;font-size:11px;}
div.solAdres {float:left;}
span.underline {background-color:#FED400;}
div.sipHead {padding:2px 3px;}
div.sipInfo {border-top:1px solid #1c3e7a;border-bottom:1px solid #1c3e7a;
padding:5px;margin:2px 0 5px 0;}
div.sipSiparisPrd { background:url(/img/form/bg_Capraz_Gri.gif) repeat;
border-top:1px solid #1c3e7a;padding:5px;}
div.sipTotal {background-color:#1c3e7a;color:#FFF;padding:5px;}
td.spleftTd {width:85px;vertical-align:top;text-align:right;border-right:1px solid #FF9933;padding-right:5px;}
td.sprightTd {width:140px;vertical-align:top;}
a.aBedenTablosu, a.aBedenTablosu:visited {background:url(/img/form/icon_bedenTablosu.gif) 4px 2px no-repeat; padding-left:20px;margin-top:5px;}
a.aYaziKarakterleri, a.aYaziKarakterleri:visited {background:url(/img/form/icon_yaziKarakterleri.gif) 4px 2px no-repeat !important; padding-left:20px;margin-top:5px;}
div.onaylaUrunler {margin-bottom:10px; background-color:#fff; padding:5px; border:1px dashed #BCD700;}
div.onaylaUrunler h2 {color:#BCD700 !important;margin-bottom:0px !important;}
div.onaylaUrunler p,p.onaylaHNot {margin-bottom:0px !important;}
p.onaylaHNot {padding:5px; border:1px dashed #BCD700;margin-top:10px;}
div#lDsc p{margin-bottom:10px;}
table#bedenTablosu {border:1px solid #ccc;margin-bottom:10px;}
table#bedenTablosu tr.odd {background-color:#EEE;}
table#bedenTablosu td {padding:2px;}
#cntBasindaKido .tableHolder {margin-bottom:10px;}
#cntBasindaKido .tableHolder h2 {font:.9em Arial, Helvetica, sans-serif; font-weight:bold;color:#FF9933;margin-bottom:10px;}
#cntBasindaKido .tableHolder p {color:#525252;}
fieldset.formAlike legend {padding:0 4px 4px 4px; color:#bcd700;}
fieldset.formAlike {border-top:1px #bcd700 solid;border-left:0px;border-bottom:0px;border-right:0px;margin-bottom:10px;padding:5px; width:300px;}
fieldset.formAlike table td img {border:1px solid #1C3E7A;margin:3px;}
fieldset.hatirlatma  {border:1px #bcd700 solid;margin-bottom:10px;padding:5px;}
fieldset.hatirlatma legend {padding:0 4px 4px 4px;color:#bcd700;}
fieldset.hatirlatma  table .leftTd {width:200px;padding-right:5px;}

/* POPUP */

a.thumbnail{position:relative;display:block;float:left;margin:0 4px 4px 0;;}
a.thumbnail:hover{background-color:transparent;z-index:50;}
a.thumbnail span{position:absolute;background-color:#fff;padding:5px;border:1px solid #ccc;visibility:hidden;color:#fff;text-decoration:none;}
a.thumbnail span img{border-width:0;}
a.thumbnail:hover span {visibility:visible;top:-45px;left:40px;}

/* CUSTOMIZATION */

#slSCo option,#slHeadCl option {color:#333;}
#slSCo option.optGrp {background-color:#ccc;font-size:0.7em;padding:2px;font-weight:bold;color:#1c3e7a;}
img.cTempImg {border:1px dashed #BCD700;}
#cTempNot {font-size:0.8em;color:#A7A7A7;margin-top:5px;}
img.cFaceImg,img.cDesignImg {cursor:pointer;border:1px solid #ccc;}

/* DOM TABBING by Christian Heilmann */

div.domtab{width:535px;margin:10px 0;}
ul.domtabs{float:left;width:100%;}
ul.domtabs li{float:left;padding:0 5px 0 0;}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover{width:95px;display:block;text-decoration:none;padding:5px 5px 5px 35px;border-top:1px dashed #BCD700;border-left:1px dashed #BCD700;border-right:1px dashed #BCD700;color:#FED400;background:#fff url(/img/form/dugme_.gif) 7px center no-repeat;}
ul.domtabs a:hover{background:#FED400 url(/img/form/dugme__.gif) 7px center no-repeat;color:#FFF;}
div.domtab div{clear:both;width:auto;padding:10px;border:1px dashed #BCD700;}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{background:#BCD700 url(/img/form/dugme.gif) 7px center no-repeat;color:#fff;border:1px solid #BCD700;}
div.domtab div h2 {font:.9em Arial, Helvetica, sans-serif; font-weight:bold;color:#1c3e7a;margin-bottom:10px;}
div.domtab div h2.altbaslik {margin:5px 0;}
div.domtab div p {margin-bottom:10px;color:#333;}
div.domtab div table {margin-bottom:10px;}
div.domtab div table td#loadarea {width:230px;}
div.domtab div img.gallerythb,div.domtab img.galleryPhoto {border:1px solid #FED400;}
ul.prevnext{float:right;}
ul.prevnext li{float:left;width:100px;margin:0 5px 0 0;}
ul.prevnext li a:active,
ul.prevnext li a:visited,
ul.prevnext li a:link { text-decoration:none;color:#BCD700;background-color:#fff;text-align:center;border:1px solid #BCD700;display:block;}
ul.prevnext li a:hover { color:#fff;background-color:#BCD700;}
/*#domtabprintview{float:right;padding-right:1em;text-align:right;}
#domtabprintview a:link,
#domtabprintview a:visited,
#domtabprintview a:active,
#domtabprintview a:hover{color:#fff;}*/

/* FORMS */

.asterisk { color:#FF0000;}
#formUyeol {margin-top:5px;}
form.cntForm legend {padding:0 4px 4px 4px; color:#bcd700;}
form.cntForm fieldset {border-top:1px #bcd700 solid;border-left:0px;border-bottom:0px;border-right:0px;margin-bottom:10px;padding:5px; width:300px;}
form.cntForm fieldset p {margin-bottom:10px;}
form.cntForm div p {margin-bottom:10px;}
form.cntForm h2 {font:.9em Arial, Helvetica, sans-serif; font-weight:bold;color:#1c3e7a;margin-bottom:10px;}
form.cntForm table {width:100%;}
table td.leftTd,table td.kkleftTd {text-align:right; vertical-align:top;}
table td.leftTd {width:100px;}
table td.kkleftTd {width:140px;}
form .textField {border:1px solid #cdcdcd;color:#666;padding:2px;font: 1.0em Verdana, Helvetica, sans-serif;}
form select {border:1px solid #cdcdcd;color:#666;padding:2px;}
form a:active,form a:link,form a:visited {color:#455fbd; text-decoration:underline;}
form a:hover {text-decoration:none;}
.formEx {color:#1c3e7a; background-color:#fff;}

/* UYE GIRIS & SIFREMI UNUTTUM FORMALARI */

div#cntUyeGirisi {clear: left;display: block;width:310px; background: url(/img/form/form_bg2.gif) no-repeat bottom right; margin:10px 0;}
div#cntOzelUyeGirisi {clear: left;display: block;background: url(/img/form/form_bg2.gif) no-repeat bottom right; margin:10px 0; min-height:500px;}
div#cntOzelUyeGirisi h1 {margin:15px 0;font-size:17px;}
div#cntOzelUyeGirisi .bilgilendirme p {font-size:13px;line-height:21px;margin-bottom:10px;background-color:#f8ec8d;padding:5px;border:1px solid #e3916a;}
div#cntUyeGirisi p {margin-bottom:5px;}
form#formLogin ,form#formSifre {margin:5px 0;}
div.notes {float: right;width: 200px;margin: 10px 0 10px 10px;padding: 5px; border: 1px dashed #FF9933;background-color:#FEFEF1;color: #666666;}
div.notes h3 {background: url(/img/form/icon_info.gif) top left no-repeat;padding:3px 0 3px 22px;margin-bottom:1em;border-width: 0 0 1px 0;border-style: solid;border-color: #fb8000;color: #fb8000;font:.9em Arial, Helvetica, sans-serif; font-weight:bold;}
div.notes p {margin: 0em 0em 1.2em 0em;color: #666666;}

/* FOOTER */

#footer {text-align:center;margin:10px 0 10px 0;}
#footerMenu {margin:0 auto; text-align:center;}
#footerMenu li {display:inline; background-color:#f4f4f4;height:18px;margin-right:2px;padding:0 5px 0 5px;}
#footerMenu li a:link,
#footerMenu li a:visited,
#footerMenu li a:active {font-size:.9em; color:#969696; text-decoration:none;}
#footerMenu li a:hover {color:#000;}
#footer p {clear:both;color:#ccc;margin-top:5px;}

/* LIGHTBOX */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*DROPDOWN MENU*/

/* ================================================================ 
This copyright notice must be untouched at all times.

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.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:535px; height:33px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:535px; w\idth:535px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:135px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;height:33px;background:#fff;}
/* a hack so that IE5.5 faulty box model is corrected*/
* html .menu a, * html .menu a:visited {width:125px; w\idth:125px;} 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#fff;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* 
style the third level background
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
style the third level hover 
.menu ul ul ul a:hover {background:#b2ab9b;} 
*/
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:33px;left:0;}
/* another hack for IE5.5 */
* html .menu ul ul {top:33px;t\op:33px;}
/* 
position the third level flyout menu
.menu ul ul ul{left:149px; top:-1px; width:149px;}
position the third level flyout menu for a left flyout 
.menu ul ul ul.left {left:-149px;}
*/
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fb8000; height:auto; line-height:1em; padding:5px 10px; width:106px;color:#fff;text-decoration:none;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:106px;w\idth:106px;}
/* style the top level hover     - w126px-fb8000-f95200*/
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#f95200;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#f95200;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}