#MainDropMenu { font-size: 14px; /* 10px */ font-weight: bold; height:33px; z-index:100; top: 135px;/*126px;*//*88px; */ position: absolute; width:964px; text-align:left; z-index:101; } #MainDropMenu ul { position:relative; height: 0; height: auto; zoom: 1;} #MainDropMenu ul li { line-height:1.1; z-index:auto } #MainDropMenu #tab1 { z-index:20 } #MainDropMenu #tab2 { z-index:19 } #MainDropMenu #tab3 { z-index:18 } #MainDropMenu #tab4 { z-index:17 } #MainDropMenu #tab5 { z-index:16 } #MainDropMenu #tab6 { z-index:15 } #MainDropMenu #tab7 { z-index:14 } #MainDropMenu #tab8 { z-index:13 } #MainDropMenu #tab9 { z-index:12; white-space:nowrap} #MainDropMenu #tab10 { z-index:11 } #MainDropMenu #tab11 { z-index:10 } #MainDropMenu #tab12 { z-index:9 } #MainDropMenu #tab13 { z-index:8 } #MainDropMenu #tab14 { z-index:7 } #MainDropMenu #tab15 { z-index:6 } /* link styles */ /*Title tabs*/ #MainDropMenu ul li a { /*background:url(../Images/Menu/bg-mn-bardivider.gif) no-repeat right 0px; */ /*font-family: Palatino, "lucida grande", tahoma, verdana, arial, sans-serif;*/ /*font-family: Century Gothic, Palatino, "lucida grande", tahoma, verdana, Arial, "Times New Roman";*/ font-weight: 500; font-size: 14px; color: #000000; display:block; height:30px; margin-left:0px; /*margin-bottom: 5px;*/ padding: 7px 16px 0px 18px; width:.1em; /* to fix IE issue */ text-decoration: none; /*border-right: solid 1px #e7e7e7;*/ } #MainDropMenu div.wrapper ul li a { /*background:url(../Images/Menu/bg-mn-bardivider.gif) no-repeat right 0px; */ /*font-family: Palatino, "lucida grande", tahoma, verdana, arial, sans-serif;*/ /*font-family: Century Gothic, Palatino, "lucida grande", tahoma, verdana, Arial, "Times New Roman";*/ font-size: 14px; color: #000000; display:block; height:30px; margin-left:0px; margin-bottom: 5px; padding: 5px 0px 0px 0px; text-decoration:none; } #MainDropMenu div.wrapper ul li { margin-left:0px; padding: 2px 0px 2px 0px; text-decoration:none; } #MainDropMenu > ul li a { width:auto } #MainDropMenu ul li:hover a, #MainDropMenu ul li a:hover, #MainDropMenu ul li a:active { /*background:transparent url(../Images/Menu/MenuTabBackA.gif) no-repeat right top; */ text-decoration:underline; color: #e44296; } #MainDropMenu ul li a:link span { top: -500em;} #MainDropMenu ul li:hover a span, #MainDropMenu ul li a:hover span { /*background: transparent url(../Images/Menu/MenuTabBackB.gif) left top no-repeat; */ position: absolute; width: 7px; height: 29px; left: auto; top: 0px; margin-left: -16px; } /* =dropdown styling ------------------------------------ */ /* table takes no part in the layout - required for IE to work */ #MainDropMenu table { position:absolute; top:0; left:0; border-collapse:collapse } #MainDropMenu div.wrapper { background:transparent url(../Images/Menu/bg-964-mn-bottomshadow.png) no-repeat 3px bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */ padding-bottom:12px; margin-top: 7px; margin-left: -9px; border-top-style:solid; border-color: #6e6e6e; border-width: 1px; } #MainDropMenu div.shadow { background:transparent url(../Images/Menu/bg-mn-rt-sideshadow.png) repeat-y right !important; background:transparent; padding-right: 9px; } #MainDropMenu div.leftshadow { background:transparent url(../Images/Menu/bg-mn-lf-sideshadow.png) repeat-y left !important; background:transparent; padding-left: 9px;} #MainDropMenu div.container { color:#000; font-weight:bold; border: 0px !important; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} /*#MainDropMenu DIV.wrapper.colWidthOne DIV.container { background: #fff url(../Images/Menu/bg-mn-190-dropbg.gif) no-repeat top left;}*/ #MainDropMenu DIV.wrapper.colWidthOne DIV.container { background-color: #FFF; } /*#MainDropMenu DIV.wrapper.colWidthTwo DIV.container { background: #fff url(../Images/Menu/bg-mn-365-dropbg.gif) no-repeat top left;}*/ #MainDropMenu DIV.wrapper.colWidthTwo DIV.container { background-color: #FFF; } #MainDropMenu DIV.wrapper.colWidthThree DIV.container { background: #fff url(../Images/Menu/bg-mn-510-dropbg.gif) no-repeat top left;} #MainDropMenu DIV.wrapper.colWidthFour DIV.container { background-color: #FFF; background-repeat: no-repeat;} /*#MainDropMenu DIV.wrapper.colWidthFour DIV.container { background: #fff url(../Images/Menu/670-TopBack.gif) no-repeat top left;}*/ #MainDropMenu DIV.wrapper.colWidthFive DIV.container { background-color: #FFF; background-repeat: no-repeat;} /*#MainDropMenu DIV.wrapper.colWidthFive DIV.container { background: #fff url(../Images/Menu/bg-mn-807-dropbg.gif) no-repeat top left;}*/ #MainDropMenu DIV.wrapper.colWidthSix DIV.container { background: #fff url(http://www.vestryonline.com/Images/Menu/bg-mn-964-dropbg.gif) no-repeat top left;} #MainDropMenu div.inner { } #MainDropMenu div.drop { margin: 5px 15px auto auto;} #MainDropMenu div.drop.first { margin: 15px 15px; width: 160px; display:inline;} #MainDropMenu div.drop.last { margin: 15px 15px 0px 0px; } #MainDropMenu div.drop.colspan1.last { margin: 15px 0px 0px 0px;} #MainDropMenu div.drop ul li { display: block;} #MainDropMenu div.drop ul li a { width: inherit !important; width: 130px; display:inline;} #MainDropMenu div.drop { float:left; padding-bottom:10px; width:300px; font-size: 80%;} #MainDropMenu div.drop ul { height:auto; width: 150px; float: left; } #MainDropMenu div.drop li { float:none; height:auto; text-transform:capitalize; font-weight: normal; } #MainDropMenu div.drop li ul { } /* links */ #MainDropMenu div.drop a, #MainDropMenu div.drop a:link, #MainDropMenu div.drop a:visited, #MainDropMenu div.drop a:hover, #MainDropMenu div.drop a:active { background:none; color:#000; float:none; height:auto; line-height:19px; margin:0; padding:0 11px 0 0; margin-left: 11px; display: block; } #MainDropMenu div.drop a:hover {text-decoration:underline; color:#000;} /* hide the sub level and give positon absolute so it takes up no room */ #MainDropMenu ul iframe { border:none; display:block; height:1px; left:-1px; position:absolute; top:-500em; width:1px; z-index:0; /* iframe covers windowed componenets in IE - must be positioned before wrapper */ } #MainDropMenu ul div.wrapper { height:1px; left:-1px; overflow:hidden; position:absolute; top:-500em; width:1px } /* show sub level when hover on top level list OR link */ #MainDropMenu ul li a:hover iframe { top:34px; left: 0; } #MainDropMenu ul li a:hover div.wrapper, #MainDropMenu ul li:hover div.wrapper { top:24px; left:0; height:auto; width: auto; padding-right: 19px; } /* =dropdown styling for New Arrivals promo links ------------------------------------ */ #MainDropMenu div.drop a.promote, #MainDropMenu div.drop a.promote:link, #MainDropMenu div.drop a.promote:visited, #MainDropMenu div.drop a.promote:active, #MainDropMenu div.drop a.promote:hover { color:#3f8279; } #MainDropMenu div.drop a.green, #MainDropMenu div.drop a.green:link, #MainDropMenu div.drop a.green:visited, #MainDropMenu div.drop a.green:active, #MainDropMenu div.drop a.green:hover { color:#3f8279; } #MainDropMenu div.drop a.bold, #MainDropMenu div.drop a.bold:link, #MainDropMenu div.drop a.bold:visited, #MainDropMenu div.drop a.bold:active, #MainDropMenu div.drop a.bold:hover { font-weight:bold; } /* =dropdown styling for nested columns ------------------------------------ */ #MainDropMenu div.drop.colspan1 { width: 160px;} #MainDropMenu div.drop.colspan2 { width: 325px;} #MainDropMenu div.drop.colspan3 { width: 459px;} #MainDropMenu div.drop.colspan4 { width: 580px;} #MainDropMenu div.drop.colspan5 { width: 750px;} #MainDropMenu div.drop.colspan6 { width: 964px;} #MainDropMenu DIV.wrapper.colWidthTwo div.drop.colspan1 { width: 155px;} #MainDropMenu div.drop.colspan4 ul { width: 140px; margin-left: 0px;} #MainDropMenu div.drop.colspan4 ul li a:link, #MainDropMenu div.drop.colspan4 ul li a:hover { padding: 0px 4px 0px 0px; } /* =override styling for dropdowns with one section ------------------------------------ */ #MainDropMenu div.OneSection div.drop.colspan4 { width: 630px;} #MainDropMenu div.OneSection div.drop.colspan4 ul { width: 150px;} /* =dropdown title styling ------------------------------------ */ #MainDropMenu div.drop strong { color:#FFF; display:block; line-height:18px; height: 19px; margin:0; padding-left:11px; padding-right:0px; position: relative; } #MainDropMenu div.drop.styleideas strong { background:#e44296 url(../images/menu/SubMenuLeft.gif) no-repeat left top; } #MainDropMenu div.drop.searchby strong { background:#666 url(../images/menu/bg-drop-searchby-left.gif) no-repeat left top; } #MainDropMenu div.drop.styleideas strong span { background:#FFF url(../images/menu/SubMenuRight.gif) no-repeat right top; height: 19px; float: right; right: 0px; position: absolute; *margin-top: -3px !important; *margin-top: -18px; } #MainDropMenu div.drop.searchby strong span { background:#fff url(../images/menu/bg-drop-searchby-right.gif) no-repeat right top; height: 19px; float: right; right: 0px; position: absolute; *margin-top: -3px !important; *margin-top: -18px;} li.columnTitle { margin: 6px auto 1px 11px; float: left; background:transparent url(http://www.vestryonline.com/secure/images/1024/header/menu/dropdowns/bg-drop-coltitle.gif) repeat-x left 9px; font-weight: bold !important;} li.columnSubSectionTitle { display: inline; margin: 3px auto 1px 5px; float: left; /*background:transparent url(http://www.vestryonline.com/secure/images/1024/header/menu/dropdowns/bg-drop-coltitle.gif) repeat-x left 9px; */ font-weight: bold !important; /*background:#a14c94 url(../images/menu/SubMenuLeft.gif) no-repeat left top;*/ height: 19px; border-width: 1px; padding: 4px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; } li.MainColumnSubSectionTitle { display: inline; margin: 5px auto 3px 0px; float: left; /*background:transparent url(http://www.vestryonline.com/secure/images/1024/header/menu/dropdowns/bg-drop-coltitle.gif) repeat-x left 9px; */ font-weight: bold !important; /*background:#a14c94 url(../images/menu/SubMenuLeft.gif) no-repeat left top;*/ height: 19px; /*border-width: 1px; */ /*padding: 4px; */ /*border-bottom-style: dotted; border-bottom-color: #CCCCCC;*/ } li.MainColumnSubSectionSaleTitle { display: inline; margin: 5px auto 3px 0px; float: left; color: Red; /*background:transparent url(http://www.vestryonline.com/secure/images/1024/header/menu/dropdowns/bg-drop-coltitle.gif) repeat-x left 9px; */ font-weight: bold !important; /*background:#a14c94 url(../images/menu/SubMenuLeft.gif) no-repeat left top;*/ height: 19px; /*border-width: 1px; */ /*padding: 4px; */ /*border-bottom-style: dotted; border-bottom-color: #CCCCCC;*/ } li.columnTitle h3 { display: inline; background-color: #fff;} div.columnTitle { margin-left: 11px; float: left; height: 13px; margin-top: 6px; background:transparent url(http://www.vestryonline.com/secure/images/1024/header/menu/dropdowns/bg-drop-coltitle.gif) repeat-x left 9px; } div.columnTitle h3 {display: inline; background-color: #fff; line-height: auto; } div.columnTitle.titleSpan1 { width: 120px; } div.columnTitle.titleSpan2 { width:280px; } div.columnTitle.titleSpan3 { width: 440px;} div.columnTitle.titleSpan4 { width: 600px;} div.columnTitle.titleSpan5 { width: 760px;} div.columnTitle.titleSpan6 { width: 920px;} li.columnDivider { margin: 0px 0px 0px 11px; color: #e2e2e2; } /* =ie6 overrides for dropdowns ------------------------------------ */ * #MainDropMenu ul li div.styleideas strong span, * #MainDropMenu ul a div.styleideas strong span { background:#fff url(../images/menu/SubMenuRight.gif) no-repeat right top; height: 19px; width: 3px; *position: relative; right: 0px;} * #MainDropMenu ul li div.inner div.styleideas strong span { background:#fff url(../images/menu/SubMenuRight.gif) no-repeat right top; height: 19px; width: 3px; *position:absolute !important; *position: relative; right: 0px;} * #MainDropMenu ul li:active div.drop.searchby strong span, * #MainDropMenu ul a:hover div.drop.searchby strong span { background:#666 url(../images/menu/bg-drop-searchby-right.gif) no-repeat right top; height: 19px; width: 3px; *position: relative; right: 0px;} * #MainDropMenu ul li:active div.drop.exclusives strong span, * #MainDropMenu ul a:hover div.drop.exclusives strong span { background:#e4e4e4 url(http://www.vestryonline.com/secure/images/1024/header/menu/dropdowns/bg-drop-exclusives-right.gif) no-repeat right top; height: 19px; width: 3px; *position: relative; right: 0px;} * #MainDropMenu ul li:active div.drop div.columnTitle span, * #MainDropMenu ul a:hover div.drop div.columnTitle span { padding-left: 15px; padding-right: 2px; height: auto; background: none; margin-bottom: -1px; position:relative; height: 0; height: auto; zoom: 1; } * #MainDropMenu ul a:link div.drop.searchby strong span, * #MainDropMenu ul a:link div.drop.exclusives strong span{ right: -20px;} /* =dropdown placement ------------------------------------ */ #MainDropMenu DIV.wrapper.one, #MainDropMenu DIV.wrapper.One { margin-left: -9px;} #MainDropMenu DIV.wrapper.onehalf, #MainDropMenu DIV.wrapper.OneHalf { margin-left: 63px;} #MainDropMenu DIV.wrapper.two, #MainDropMenu DIV.wrapper.Two { margin-left: 135px;} #MainDropMenu DIV.wrapper.twohalf, #MainDropMenu DIV.wrapper.TwoHalf { margin-left: 218px;} #MainDropMenu DIV.wrapper.three, #MainDropMenu DIV.wrapper.Three { margin-left: 280px;} #MainDropMenu DIV.wrapper.threehalf, #MainDropMenu DIV.wrapper.ThreeHalf { margin-left: 390px;} #MainDropMenu DIV.wrapper.four, #MainDropMenu DIV.wrapper.Four { margin-left: 370px;} #MainDropMenu DIV.wrapper.fourhalf, #MainDropMenu DIV.wrapper.FourHalf { margin-left: 560px;} #MainDropMenu DIV.wrapper.five, #MainDropMenu DIV.wrapper.Five { margin-left: 470px;} #MainDropMenu DIV.wrapper.fivehalf, #MainDropMenu DIV.wrapper.Fivehalf { margin-left: 715px;} #MainDropMenu DIV.wrapper.six, #MainDropMenu DIV.wrapper.Six { margin-left: 470px;} /* =iframe placement ------------------------------------ */ #MainDropMenu iframe.One, #MainDropMenu iframe.one { margin-left: 0px;} #MainDropMenu iframe.OneHalf, #MainDropMenu iframe.onehalf { margin-left: 72px;} #MainDropMenu iframe.two, #MainDropMenu iframe.Two { margin-left: 144px; } #MainDropMenu iframe.twohalf, #MainDropMenu iframe.TwoHalf { margin-left: 227px;} #MainDropMenu iframe.three, #MainDropMenu iframe.Three { margin-left: 310px; } #MainDropMenu iframe.threehalf, #MainDropMenu iframe.ThreeHalf { margin-left: 395px; } #MainDropMenu iframe.four, #MainDropMenu iframe.Four { margin-left: 490px; } #MainDropMenu iframe.fourhalf, #MainDropMenu iframe.FourHalf { margin-left:560px; } #MainDropMenu iframe.five, #MainDropMenu iframe.Five { margin-left: 650px;} #MainDropMenu iframe.fivehalf, #MainDropMenu iframe.FiveHalf { margin-left: 724px;} /* =dropdown widths and shadows ------------------------------------ */ #MainDropMenu DIV.wrapper.colWidthOne { width: 190px; background:transparent url(../images/menu/bg-190-mn-bottomshadow.png) no-repeat 0px bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */} #MainDropMenu DIV.wrapper.colWidthOne, #MainDropMenu DIV.wrapper.colWidthOne DIV.container { width: 190px; overflow: hidden; } #MainDropMenu DIV.wrapper.colWidthTwo { background:transparent url(../images/menu/bg-365-mn-bottomshadow.png) no-repeat left bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */} #MainDropMenu DIV.wrapper.colWidthTwo, #MainDropMenu DIV.wrapper.colWidthTwo DIV.container { width: 360px; overflow: hidden;} #MainDropMenu DIV.wrapper.colWidthThree { background:transparent url(../images/menu/bg-510-mn-bottomshadow.png) no-repeat left bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */} #MainDropMenu DIV.wrapper.colWidthThree, #MainDropMenu DIV.wrapper.colWidthThree DIV.container { width: 510px; overflow: hidden;} #MainDropMenu DIV.wrapper.colWidthFour { background:transparent url(../images/menu/bg-670-mn-bottomshadow.png) no-repeat 0px bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */} #MainDropMenu DIV.wrapper.colWidthFour, #MainDropMenu DIV.wrapper.colWidthFour DIV.container{ width: 665px; overflow: hidden;} #MainDropMenu DIV.wrapper.colWidthFive { background:transparent url(../images/menu/bg-807-mn-bottomshadow.png) no-repeat 0px bottom !important; background:transparent url(../images/trans.gif); /* IE will not show the png */} #MainDropMenu DIV.wrapper.colWidthFive, #MainDropMenu DIV.wrapper.colWidthFive DIV.container { width: 790px; overflow: hidden;} #MainDropMenu DIV.wrapper.colWidthSix, #MainDropMenu DIV.wrapper.colWidthSix DIV.container { width: 963px; overflow: hidden; } #MainDropMenu DIV.wrapper.colWidthOne div.shadow, #MainDropMenu DIV.wrapper.colWidthOne div.leftshadow, #MainDropMenu ul li:hover DIV.wrapper.colWidthOne { width: 190px;} #MainDropMenu DIV.wrapper.colWidthTwo div.shadow, #MainDropMenu DIV.wrapper.colWidthTwo div.leftshadow, #MainDropMenu ul li:hover DIV.wrapper.colWidthTwo { width: 360px;} #MainDropMenu DIV.wrapper.colWidthThree div.shadow, #MainDropMenu DIV.wrapper.colWidthThree div.leftshadow, #MainDropMenu ul li:hover DIV.wrapper.colWidthThree { width: 510px;} #MainDropMenu DIV.wrapper.colWidthFour div.shadow, #MainDropMenu DIV.wrapper.colWidthFour div.leftshadow, #MainDropMenu ul li:hover DIV.wrapper.colWidthFour { width: 665px;} #MainDropMenu DIV.wrapper.colWidthFive div.shadow, #MainDropMenu DIV.wrapper.colWidthFive div.leftshadow, #MainDropMenu ul li:hover DIV.wrapper.colWidthFive { width: 790px;} #MainDropMenu DIV.wrapper.colWidthSix div.shadow, #MainDropMenu DIV.wrapper.colWidthSix div.leftshadow, #MainDropMenu ul li:hover DIV.wrapper.colWidthSix { width: 964px;} .cbListCss td { color: black; border-style: none; /*font-family: Tahoma; font-size: 10px;*/ margin-right: 0px; font-weight: 100; } .cbListCss input { margin-right: 5px; } /*Currency Selection*/ .currPnl { background-color: #E6E6E6; margin-top:4px; } .currencyInner { background-color: #E6E6E6; border: none; width: 130px; padding:5px; } .currHead { background-color: #D9D9D9; border: none; padding:0px; font-size:0.85em; padding: 5px; } .currCSS td { padding: 0px 0px 5px 0px; font-size:0.8em; } .currCSS input { margin-right:5px; /*padding: 4px 4px 4px 0px; margin-left: -20px;*/ /*background-image: url(http://www.vestryonline.com/css/images/countries.png); background-repeat: no-repeat; background-position: -24px 0px;*/ /*font-size:0.9em; line-height:18px;*/ } .currCSS .GBP label { background-image: url('../images/Flags/gbp.gif'); background-repeat: no-repeat; padding:0px 0px 5px 30px; } .currCSS .EUR label { background-image: url('../images/Flags/eur.gif'); background-repeat: no-repeat; padding:0px 0px 5px 30px; } .currCSS .USD label { background-image: url('../images/Flags/usd.gif'); background-repeat: no-repeat; padding:0px 0px 5px 30px; }