<style> .stretchHolder {width:750px; height:50px; margin:30px auto; position:relative; z-index:100; box-shadow:0 2px 2px rgba(0,0,0,0.8); font-family:arial, sans-serif;} .stretchMenu {position:absolute; width:750px; overflow:hidden;} .stretchDrop {padding:0; margin:0; list-style:none; width:1150px; position:relative;} .stretchDrop 62 li.slide {float:left; width:150px; -moz-transition: 0.25s 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; -webkit-transition: 0.25s; transition: 0.25s; } .stretchDrop 62 li.last {width:470px; float:left;} .stretchDrop 62 li 62 a {display:block; font-weight:bold; line-height:50px; padding-left:10px; color:#000; text-decoration:none; font-size:13px; text-shadow: 0 1px 1px #fff; border-left:1px solid #fff;} .stretchDrop 62 li.slide 62 a {border-right:1px solid #000;} .stretchDrop 62 li.p1 62 a {background:#09c;} .stretchDrop 62 li.p2 62 a {background:#c90;} .stretchDrop 62 li.p3 62 a {background:#0c9;} .stretchDrop 62 li.p4 62 a {background:#9c0;} .stretchDrop 62 li.p5 62 a {background:#f6c;} .stretchDrop 62 li.p1 62 a, .stretchDrop 62 li.p2 62 a, .stretchDrop 62 li.p3 62 a, .stretchDrop 62 li.p4 62 a, .stretchDrop 62 li.p5 62 a { z-index:100; background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3))); background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%); background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%); background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%); background-image:linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%); -webkit-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4); -moz-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4); box-shadow: inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4); text-shadow: 0 1px 1px #fff;} .stretchDrop 62 li 62 div {height:0; width:469px; overflow:hidden; position:relative; border-radius:0 0 20px 20px; margin-left:1px; -moz-transition: height 0.25s; -ms-transition: height 0.25s; -o-transition: height 0.25s; -webkit-transition: height 0.25s; transition: height 0.25s; } .stretchDrop 62 li.p1 62 div {background:#09c;} .stretchDrop 62 li.p2 62 div {background:#c90;} .stretchDrop 62 li.p3 62 div {background:#0c9;} .stretchDrop 62 li.p4 62 div {background:#9c0;} .stretchDrop 62 li.p5 62 div {background:#f6c;} .stretchDrop 62 li.p1 62 div, .stretchDrop 62 li.p2 62 div, .stretchDrop 62 li.p3 62 div, .stretchDrop 62 li.p4 62 div, .stretchDrop 62 li.p5 62 div { background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0)); background-image: -webkit-linear-gradient(900deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0)); background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0)); background-image: -o-linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0)); background-image: linear-gradient(90deg, rgba(255, 255, 255,0.3), rgba(255, 255, 255,0)); } .stretchDrop:hover {direction:ltr;} .stretchDrop:hover 62 li.slide {width:70px; -moz-transition: 0.25s 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; -webkit-transition: 0.25s; transition: 0.25s; } .stretchDrop:hover 62 li.slide:hover {width:470px; -moz-transition: 0.25s 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; -webkit-transition: 0.25s; transition: 0.25s; } .stretchDrop:hover 62 li:hover 62 div {height:210px; -moz-transition: 0.25s 0.5s; -ms-transition: 0.25s 1s; -o-transition: 0.25s 1s; -webkit-transition: 0.25s 1s; transition: 0.25s 1s; } .stretchDrop 62 li 62 div b {display:block; width:470px; height:50px; background:#888; margin-top:-50px; box-shadow:0 2px 5px rgba(0,0,0,0.8);} .stretchDrop 62 li 62 div dl {width:110px; float:left; padding:5px 10px; margin:12px; font-weight:bold;} .stretchDrop 62 li 62 div dl dt {padding-left:10px; margin-bottom:5px; font-size:13px; line-height:25px; border-bottom:1px dotted #000; text-shadow: 0 1px 1px #fff;} .stretchDrop 62 li.p1 62 div dl dt {color:#036;} .stretchDrop 62 li.p2 62 div dl dt {color:#630;} .stretchDrop 62 li.p3 62 div dl dt {color:#063;} .stretchDrop 62 li.p4 62 div dl dt {color:#360;} .stretchDrop 62 li.p5 62 div dl dt {color:#906;} .stretchDrop 62 li 62 div dl dd {padding:0; margin:0;} .stretchDrop 62 li 62 div dl dd a {display:block; color:#fff; font-size:11px; line-height:20px; text-decoration:none; padding-left:10px;} .stretchDrop 62 li 62 div dl dd a:hover {color:#fff; background:rgba(0,0,0,0.3); border-radius:5px;} #info .stretchDrop 62 li 62 div p {width:404px; height:30px; background:#eee; position:absolute; bottom:5px; left:12px; padding:0 20px; line-height:30px; font-size:12px; margin:0; border-radius:30px;} </style> <div class='stretchHolder'> <div class='stretchMenu'> <ul class='stretchDrop'> <li class='slide p1'><a href='#url'>Canon</a> <div><b/> <dl> <dt>Cameras</dt> <dd><a href='url'>Model #1</a></dd> <dd><a href='url'>Model #2</a></dd> <dd><a href='url'>Model #3</a></dd> <dd><a href='url'>Model #4</a></dd> <dd><a href='url'>Model #5</a></dd> <dd><a href='url'>Model #6</a></dd> </dl> <dl> <dt>Lenses</dt> <dd><a href='url'>Standard</a></dd> <dd><a href='url'>Telephoto</a></dd> <dd><a href='url'>Wide</a></dd> <dd><a href='url'>Zoom</a></dd> <dd><a href='url'>Ultra Zoom</a></dd> <dd><a href='url'>Fish Eye</a></dd> </dl> <dl> <dt>Accessories</dt> <dd><a href='url'>Filters</a></dd> <dd><a href='url'>Tripods</a></dd> <dd><a href='url'>Flashguns</a></dd> <dd><a href='url'>Lens Hoods</a></dd> <dd><a href='url'>Gadget Bags</a></dd> <dd><a href='url'>Batteries</a></dd> </dl> </div> </li> <li class='slide p2'><a href='#url'>Nikon</a> <div><b/> <dl> <dt>Cameras</dt> <dd><a href='url'>Model #1</a></dd> <dd><a href='url'>Model #2</a></dd> <dd><a href='url'>Model #3</a></dd> <dd><a href='url'>Model #4</a></dd> <dd><a href='url'>Model #5</a></dd> <dd><a href='url'>Model #6</a></dd> </dl> <dl> <dt>Lenses</dt> <dd><a href='url'>Standard</a></dd> <dd><a href='url'>Telephoto</a></dd> <dd><a href='url'>Wide</a></dd> <dd><a href='url'>Zoom</a></dd> <dd><a href='url'>Ultra Zoom</a></dd> <dd><a href='url'>Fish Eye</a></dd> </dl> <dl> <dt>Accessories</dt> <dd><a href='url'>Filters</a></dd> <dd><a href='url'>Tripods</a></dd> <dd><a href='url'>Flashguns</a></dd> <dd><a href='url'>Lens Hoods</a></dd> <dd><a href='url'>Gadget Bags</a></dd> <dd><a href='url'>Batteries</a></dd> </dl> </div> </li> <li class='slide p3'><a href='#url'>Kodak</a> <div><b/> <dl> <dt>Cameras</dt> <dd><a href='url'>Model #1</a></dd> <dd><a href='url'>Model #2</a></dd> <dd><a href='url'>Model #3</a></dd> <dd><a href='url'>Model #4</a></dd> <dd><a href='url'>Model #5</a></dd> <dd><a href='url'>Model #6</a></dd> </dl> <dl> <dt>Lenses</dt> <dd&...
WWE_EX_SPORT