﻿/* ######### Vertical Menu - THE WHITE MENU VERSION 07,08,2008 ######### */

.markermenu{
width: 145px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
border:thin;
border-color:gray;

}

.markermenu ul{
list-style-type: none;
margin: 3px 0;
padding: 0;
}

.markermenu ul li a{
background: #606E8A;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #ffffff;
display: block;
width: auto;
padding: 0px 0;
padding-left: 20px;
text-decoration: none;
line-height: 32px;
margin-top: 0px;

/* image for background btn when normal state */
background-image:url('../templateimages/left-menu_bar.gif');
background-repeat:repeat-x;
background-position:top;


}

* html .markermenu ul li a{ /*IE6 hack*/
width: 145px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #ffffff;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: #A83C05; /* dark orange */
background-image:url('../templateimages/left-menu_bar_over.gif'); /* image for background btn when mouse over */
background-repeat:repeat-x;
background-position:top;
}

/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 12px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid #000000;
visibility: hidden;
z-index: 100;
text-align:left;

}


.ddsubmenustyle li a{
	display: block;
	width: 240px;
	color: black;
	background-color: #ffffff; /* white colour for submenus */
	text-decoration: none;
	padding: 4px 5px;
	border-bottom: 1px solid #ffb17f; /* light orange line */
	background-repeat:no-repeat;
	background-position:center right;
	height: 35px; /* includes 5px padding top and bottom */
	font-size:8pt;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
background-color: #fff3e6; /* hover over state using 10% tint of the full strength orange*/
color: #ff6300;
}

.ddsubmenustyle li a:selected{
background-color: #ff6300; /* full strength orange */
color: white;
}


.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

/* ---------------------- attempts at getting images to appear in the submenus ------------------------ */

	/* list style works in explorer but not firefox */
	/* list-style-image: url('../templateimages/menupic_kidskayman.png'); */

/* croc for kids */
.kidscayman {background-image:url('../templateimages/menupic_kidskayman.png');}
.kidsdisney {background-image:url('../templateimages/menupic_kidsdisney.png');}
.kidsathens {background-image:url('../templateimages/menupic_kidsathens.png');}
.kidsflurry {background-image:url('../templateimages/menupic_kidsflurry.png');}
.kidsscutes {background-image:url('../templateimages/menupic_kidsscutes.png');}
.kidsmaryjane {background-image:url('../templateimages/menupic_kidsmaryjane.png');}
.kidsmammoths {background-image:url('../templateimages/menupic_kidsmammoth.png');}
.kidscrocling {background-image:url('../templateimages/menupic_kidscrocling.png');}
.kidsother {background-image:url('../templateimages/menupic_kidsotter.png');}
.kidspelican {background-image:url('../templateimages/menupic_kidspelican.png');}
.kidsendeavor {background-image:url('../templateimages/menupic_kidsendeavor.png');}
.kidscrocband {background-image:url('../templateimages/menupic_crocbandkids.png');}



/* crocs for men/women*/
.mensallterrain {background-image:url('../templateimages/menupic_mensallterrain.png');}
.mensathens {background-image:url('../templateimages/menupic_mensathens.png');}
.mensbaja {background-image:url('../templateimages/menupic_mensbaja.png');}
.mensbaya {background-image:url('../templateimages/menupic_mensbaya.png');}
.mensbeach {background-image:url('../templateimages/menupic_mensbeach.png');}
.menscayman {background-image:url('../templateimages/menupic_menscayman.png');}
.menscrete {background-image:url('../templateimages/menupic_menscrete.png');}
.menscretecanvas {background-image:url('../templateimages/menupic_menscretecanvas.png');}
.crocband {background-image:url('../templateimages/menupic_crocband.png');}
.crocbandflip {background-image:url('../templateimages/menupic_crocbandflip.png');}
.crocbandflat {background-image:url('../templateimages/menupic_crocbandflat.png');}
.mensendeavor {background-image:url('../templateimages/menupic_mensendeavor.png');}
.menshicruiser {background-image:url('../templateimages/menupic_menshicruiser.png');}
.menshydro {background-image:url('../templateimages/menupic_menshydro.png');}
.mensislander {background-image:url('../templateimages/menupic_islander.png');}
.mensithaca {background-image:url('../templateimages/menupic_ithaca.png');}
.mensmammoths {background-image:url('../templateimages/menupic_mensmammoths.png');}
.mensithaca {background-image:url('../templateimages/menupic_mensithaca.png');}
.mensoffroader {background-image:url('../templateimages/menupic_mensoffroader.png');}
.mensprofessional {background-image:url('../templateimages/menupic_mensprofessional.png');}
.menssantacruz {background-image:url('../templateimages/menupic_menssantacruz.png');}
.mensscutes {background-image:url('../templateimages/menupic_mensscutes.png');}
.menssobek {background-image:url('../templateimages/menupic_menssobek.png');}
.mensventurecanvas {background-image:url('../templateimages/menupic_mensventurecanvas.png');}
.mensventureleather {background-image:url('../templateimages/menupic_mensventureleather.png');}
.mensvikingsport {background-image:url('../templateimages/menupic_mensvikingsport.png');}
.yukon {background-image:url('../templateimages/menupic_yukon.png');}
.blitzen {background-image:url('../templateimages/menupic_blitzen.png');}
.bistro {background-image:url('../templateimages/menupic_bistro.png');}
.spec {background-image:url('../templateimages/menupic_spec.png');}
.specvent {background-image:url('../templateimages/menupic_specvent.png');}


/* crocs for women */
.womensadara {background-image:url('../templateimages/menupic_womensadara.png');}
.womensalice {background-image:url('../templateimages/menupic_womensalice.png');}
.womenscapri {background-image:url('../templateimages/menupic_womenscapri.png');}
.womenscapricanvas {background-image:url('../templateimages/menupic_womenscapricanvas.png');}
.womensceleste {background-image:url('../templateimages/menupic_womensceleste.png');}
.womenscleo {background-image:url('../templateimages/menupic_womenscleo.png');}
.womenscyprus {background-image:url('../templateimages/menupic_womenscyprus.png');}
.womensmalindi {background-image:url('../templateimages/menupic_womensmalindi.png');}
.womensmaryjane {background-image:url('../templateimages/menupic_womensmaryjane.png');}
.womenspatra {background-image:url('../templateimages/menupic_womenspatra.png');}
.womensprima {background-image:url('../templateimages/menupic_womensprima.png');}
.womenssassari {background-image:url('../templateimages/menupic_womenssassari.png');}
.womensithaca {background-image:url('../templateimages/menupic_womensithaca.png');}
.womenssantacruz {background-image:url('../templateimages/menupic_womenssantacruz.png'); letter-spacing:-.5pt;}
.womenstroika {background-image:url('../templateimages/menupic_troika.png');}
.womenscaptiva {background-image:url('../templateimages/menupic_womenscaptiva.png');}
.womenspatricia {background-image:url('../templateimages/menupic_womenspatricia.gif');}


/* crocs accessories */
.butterpolish {background-image:url('../templateimages/menupic_crocsbutter.png');}
.colouredkeyring {background-image:url('../templateimages/menupic_colouredkeyring.png');}
.kneepads {background-image:url('../templateimages/menupic_kneepads.png');}
.roundkeyring {background-image:url('../templateimages/menupic_keyrings.png');}
.turbostraps {background-image:url('../templateimages/menupic_turbostrap.png');}
.crocsodials {background-image:url('../templateimages/menupic_crocodials.png');}
.crocsrivets {background-image:url('../templateimages/menupic_crocrivets.png');}
.travelsocks {background-image:url('../templateimages/menupic_crocsocks.png');}
.wristband {background-image:url('../templateimages/menupic_wristbands.png');}
.strappitz {background-image:url('../templateimages/menupic_strapitz.png');}

/* fit flop walkstar */
.walkstar {background-image:url('../templateimages/menupic_walkstar.png');}

/* cushe shoes */
.voyager {background-image:url('../templateimages/menupic_voyager.png');}
.malibu {background-image:url('../templateimages/menupic_cushemalibu.gif');}
.groove {background-image:url('../templateimages/menupic_cushegroove.gif');}
.spectrum {background-image:url('../templateimages/menupic_cushespectrum.gif');}
.manuka {background-image:url('../templateimages/menupic_cushemanuka.gif');}
.xscapelow {background-image:url('../templateimages/menupic_cushexscapelow.gif');}
.xscapemid {background-image:url('../templateimages/menupic_cushexscapemid.gif');}


/* homeys slippers */
.turbo {background-image:url('../templateimages/menupic_turbo.png');}
.boogaloo {background-image:url('../templateimages/menupic_boogaloo.png');}
.ladyz {background-image:url('../templateimages/menupic_ladyz.png');}


/* jibbitz */
.jibsplats {background-image:url('../templateimages/menupic_splats.png');}
.jibanimals {background-image:url('../templateimages/menupic_birds.png');}
.jibxmas {background-image:url('../templateimages/menupic_xmas.png');}
.jibdisney {background-image:url('../templateimages/menupic_disney.png');}
.jibfashion {background-image:url('../templateimages/menupic_fashion.png');}
.jibfish {background-image:url('../templateimages/menupic_fish.png');}
.jibflipflop {background-image:url('../templateimages/menupic_jibflipflop.png');}
.jibflowers {background-image:url('../templateimages/menupic_flowers.png');}
.jibfood {background-image:url('../templateimages/menupic_food.png');}
.jibghosts {background-image:url('../templateimages/menupic_ghosts.png');}
.jibmermaid {background-image:url('../templateimages/menupic_mermaids.png');}
.jibmisc {background-image:url('../templateimages/menupic_jibmisc.png');}
.jibmonster {background-image:url('../templateimages/menupic_monsters.png');}
.jibmusic {background-image:url('../templateimages/menupic_music.png');}
.jibrhinestone {background-image:url('../templateimages/menupic_rhinestones.png');}
.jibstars {background-image:url('../templateimages/menupic_stars.png');}
.jibsuperhero {background-image:url('../templateimages/menupic_superheroes.png');}
.jibsurfboard {background-image:url('../templateimages/menupic_surfboards.png');}
.jibtransport {background-image:url('../templateimages/menupic_transport.png');}
.jibwinpooh {background-image:url('../templateimages/menupic_winpooh.png');}
.jibbirds {background-image:url('../templateimages/menupic_birds.png');}
.jibcats {background-image:url('../templateimages/menupic_cat.png');}
.jibdogs {background-image:url('../templateimages/menupic_dog.png');}
.jibfarmanimals {background-image:url('../templateimages/menupic_farmanimals.png');}
.jibinsect {background-image:url('../templateimages/menupic_insects.png');}
.jibmonster {background-image:url('../templateimages/menupic_monsters.png');}
.jibpawprint {background-image:url('../templateimages/menupic_pawprints.png');}
.jibrept {background-image:url('../templateimages/menupic_reptiles.png');  letter-spacing:-.5pt;}
.jibseacreat {background-image:url('../templateimages/menupic_seacreatures.png');}
.jibwild {background-image:url('../templateimages/menupic_wild.png');}

/* littlemissmatched */
.boysmissmatched {background-image:url('../templateimages/menupic_flipflop.png');}
.kidsmissmatched {background-image:url('../templateimages/menupic_kidrainbowpuzzle.png');}
.mensmissmatched {background-image:url('../templateimages/menupic_mensmismatched.png');}
.womensflipflops {background-image:url('../templateimages/menupic_womenflipflop.png');}
.womensloungewear {background-image:url('../templateimages/menupic_womenloungewear.png');}
.womenswinterwear {background-image:url('../templateimages/menupic_womenwinterwear.png');}
.missmatchgifts {background-image:url('../templateimages/menupic_gifts.png');}
.toddlerandbaby {background-image:url('../templateimages/menupic_infantbib.png');}

/* ocean minded */
.mensocean {background-image:url('../templateimages/menupic_sbajablack.png');}
.womensocean {background-image:url('../templateimages/menupic_mokulua.png');}
/*.canejo {background-image:url('../templateimages/menupic_canejo.png');}
.crusader {background-image:url('../templateimages/menupic_crusader.png');}
.grassroots {background-image:url('../templateimages/menupic_grassroots.png');}
.longbros {background-image:url('../templateimages/menupic_longbros.png');}
.scorpion {background-image:url('../templateimages/menupic_scorpion.png');}
.seaweed {background-image:url('../templateimages/menupic_seaweed.png');}
.southernbaja {background-image:url('../templateimages/menupic_sbajablack.png');}
.mokulua {background-image:url('../templateimages/menupic_mokulua.png');}
.laguna {background-image:url('../templateimages/menupic_laguna.png');}
.delmar {background-image:url('../templateimages/menupic_delmar.png');}
.hibiscus {background-image:url('../templateimages/menupic_hibiscus.png');}
.holiday {background-image:url('../templateimages/menupic_holidays.png');}
.chamomile {background-image:url('../templateimages/menupic_chamomile.png');}
.dawnpatrol {background-image:url('../templateimages/menupic_dawnpatrol.png');}
.lagunagirls {background-image:url('../templateimages/menupic_lagunagirls.png');}
.girlsocean {background-image:url('../templateimages/menupic_lagunagirls.png');}
.boysocean {background-image:url('../templateimages/menupic_dawnpatrol.png');} */

