.floatleft { float: left; } /*********************** Site Navigation (Top) ***********************/ .topBar ul { list-style: none; float: right; } .topBar ul li {float: left; padding: 3px 0px; margin: 0; color: #fff;} .topBar ul li:hover {background: #6b1015; padding-left: 1px;} .topBar ul li:hover a { border: none !important; padding-left: 9px;} .topBar ul li a, .topBar ul li a:link, .topBar ul li a:visited, .topBar ul li a:active{ color: #fff; display: block; float: left; padding: 10px 9px; text-transform: uppercase; font-size: 1em; border-left: 1px solid #bb5f64;} .topBar ul li a:hover {text-decoration: none;} .topBar ul li.first a{ border: 0 !important; padding-left: 10px; } /*********************** Content Container ***********************/ #container { } #leftColumn .menutitle { color: #2068ca; font-weight: 700; margin: 10px 0 5px 0; } #leftColumn .menusearchtitle { color: #2068ca; font-weight: 700; margin: 25px 0 5px 0; } #leftColumn .leftMenu {width: 137px;} /* Handles top level menu */ #leftColumn ul {list-style-type: none; padding: 0; margin: 0;} #leftColumn ul li {position: relative;} #leftColumn ul li.department a {width: 125px; color: #fff; text-decoration: none; padding: 6px; margin: 0; display: block;} #leftColumn ul li.department a:hover {color: #fff;} /* Handles backgrounds on top level menu */ #leftColumn .leftMenu li.d_batteries { background: #ff800d url('/Images/layout/batteries_bg2.jpg'); } #leftColumn .leftMenu li.d_batteries:hover { background: #ff800d url('/Images/layout/batteries_bg1.jpg'); } #leftColumn .leftMenu li.d_jewelleryfindings { background: #a119ab url('/Images/layout/jewelleryfindings_bg2.jpg'); } #leftColumn .leftMenu li.d_jewelleryfindings:hover { background: #a119ab url('/Images/layout/jewelleryfindings_bg1.jpg'); } #leftColumn .leftMenu li.d_earpiercing { background: #6e9808 url('/Images/layout/earpiercing_bg2.jpg'); } #leftColumn .leftMenu li.d_earpiercing:hover { background: #6e9808 url('/Images/layout/earpiercing_bg1.jpg'); } #leftColumn .leftMenu li.d_watchparts { background: #704f26 url('/Images/layout/watchparts_bg2.jpg'); } #leftColumn .leftMenu li.d_watchparts:hover { background: #704f26 url('/Images/layout/watchparts_bg1.jpg'); } #leftColumn .leftMenu li.d_equipment { background: #287482 url('/Images/layout/equipment_bg2.jpg'); } #leftColumn .leftMenu li.d_equipment:hover { background: #287482 url('/Images/layout/equipment_bg1.jpg'); } #leftColumn .leftMenu li.d_tools { background: #216609 url('/Images/layout/tools_bg2.jpg'); } #leftColumn .leftMenu li.d_tools:hover { background: #216609 url('/Images/layout/tools_bg1.jpg'); } #leftColumn .leftMenu li.d_consumables { background: #ca176b url('/Images/layout/consumables_bg2.jpg'); } #leftColumn .leftMenu li.d_consumables:hover { background: #ca176b url('/Images/layout/consumables_bg1.jpg'); } #leftColumn .leftMenu li.d_clockparts { background: #e0a30a url('/Images/layout/clockparts_bg2.jpg'); } #leftColumn .leftMenu li.d_clockparts:hover { background: #e0a30a url('/Images/layout/clockparts_bg1.jpg'); } #leftColumn .leftMenu li.d_bookscatalogues { background: #6d6b76 url('/Images/layout/bookscatalogues_bg2.jpg'); } #leftColumn .leftMenu li.d_bookscatalogues:hover { background: #6d6b76 url('/Images/layout/bookscatalogues_bg1.jpg'); } #leftColumn .leftMenu li.d_documentdownloads { background: #39308d url('/Images/layout/documentdownloads_bg2.jpg'); } #leftColumn .leftMenu li.d_documentdownloads:hover { background: #39308d url('/Images/layout/documentdownloads_bg1.jpg'); } #leftColumn .leftMenu li.d_conversioncharts { background: #39308d url('/Images/layout/conversioncharts_bg2.jpg'); } #leftColumn .leftMenu li.d_conversioncharts:hover { background: #39308d url('/Images/layout/conversioncharts_bg1.jpg'); } #leftColumn .leftMenu li.d_mentecplusweb { background: #551515 url('/Images/layout/mentecplusweb_bg2.jpg'); } #leftColumn .leftMenu li.d_mentecplusweb:hover { background: #982626 url('/Images/layout/mentecplusweb_bg1.jpg'); } #leftColumn .leftMenu li.d_mentecplusweb a {font-weight: bold; padding-left: 25px;} #leftColumn .leftMenu li.d_dreamsemotions { background: #fff url('/Images/layout/dreamsemotions_bg2.jpg'); } #leftColumn .leftMenu li.d_dreamsemotions:hover {background: #f4f4f4 url('/Images/layout/dreamsemotions_bg1.jpg') !important;} /*#leftColumn .leftMenu li.d_dreamsemotions .darrow {background: url('/Images/layout/arrow_white.gif') no-repeat right 3px;} */ #leftColumn .leftMenu li.d_dreamsemotions a {width: 125px; text-decoration: none; padding: 6px; margin: 0; display: block;} #leftColumn .leftMenu li.d_dreamsemotions a:hover {} #leftColumn .leftMenu li.d_dreamsemotions a img {display: block; margin: 0;} #leftColumn .leftMenu li.d_dreamsemotions ul li {height: inherit;} #leftColumn .leftMenu li.d_dreamsemotions a:hover {} #leftColumn .leftMenu li.d_watchstrapsbraceletsfittings { background: #fff url('/Images/layout/watchstrapsbraceletsfittings_bg2.jpg'); } #leftColumn .leftMenu li.d_watchstrapsbraceletsfittings:hover {background: #f4f4f4 url('/Images/layout/watchstrapsbraceletsfittings_bg1.jpg') !important;} #leftColumn .leftMenu li.d_watchstrapsbraceletsfittings a {width: 125px; text-decoration: none; padding: 6px; margin: 0; display: block;} #leftColumn .leftMenu li.d_watchstrapsbraceletsfittings a:hover {} #leftColumn .leftMenu li.d_watchstrapsbraceletsfittings a img {display: block; margin: 0;} #leftColumn .leftMenu li.d_watchstrapsbraceletsfittings ul li {height: inherit;} #leftColumn .leftMenu li.d_watchstrapsbraceletsfittings a:hover {} /* Handles hiding and showing nested menus */ ul li.department div.categorybox {display: none; position: absolute; left: 137px; top: -3px; } ul li.department div.categorybox ul li.category div.subcategorybox {display: none; position: absolute; left: 150px; top: -3px; } ul li.department div.categorybox ul li.category div.subcategorybox ul li.category div.subcategorybox2 {} ul li.department:hover div.categorybox {display: block;} ul li.department:hover div.categorybox ul li.category:hover div.subcategorybox {display: block;} /* Handles hiding and showing nested menus */ ul li.department div.categorybox div.subcategorybox2 {display: none; position: absolute; left: 137px; top: -3px;} ul li.department div.categorybox ul li.category div.subcategorybox2 {display: none; position: absolute; left: 150px; top: -3px;} ul li.department div.categorybox ul li.category div.boxbelow{position: absolute; left: 50px; top: 18px;} ul li.department:hover li.category:hover li.category:hover div.subcategorybox2 {display: block;} /* Handles floating lists in nested divs */ ul li div ul {float: left; width: 150px; display: block; padding: 0;} ul li div ul li div ul {float: left; width: 150px; display: block;} /* Handles link colours on nested menus */ #leftColumn .leftMenu .categorybox a{color: #000;} #leftColumn .leftMenu .categorybox li:hover a {color: #fff;} #leftColumn .leftMenu .categorybox li:hover ul li a {color: #000;} #leftColumn .leftMenu .categorybox li:hover ul li a:hover {color: #fff;} #leftColumn .leftMenu .categorybox li li { display: block;width:150px; } #leftColumn .leftMenu .categorybox li li a{ display: block; width: 130px;} #leftColumn .leftMenu .categorybox li li li { display: block;width:150px; } #leftColumn .leftMenu .categorybox li li li a{ display: block; width: 130px;} /* Handles arrows on menu items with nested menus underneath */ .darrow {background: url('/Images/layout/arrow_white.gif') no-repeat right 3px; width: 138px;} .arrow a {background: url('/Images/layout/arrow_black.gif') no-repeat right top; width: 138px;} .arrow:hover a {background: url('/Images/layout/arrow_white.gif') no-repeat right top; width: 130px;} .arrow:hover ul li a {background: none; width: 130px;} .arrow:hover ul li.arrow a {background: url('/Images/layout/arrow_black.gif') no-repeat right top; width: 130px;} .arrow:hover ul li.arrow ul li a {background: none; width: 130px;} #leftColumn .leftMenu div.categorybox ul li div.subcategorybox ul li {width:150px;} #leftColumn .leftMenu div.categorybox ul li div.subcategorybox ul li a {width:130px;} #leftColumn .leftMenu div div.title {position:absolute; left: -3px; top: -30px; width: 148px; height: 27px; font-size: 1.7em; padding: 0 4px; color: #fff;} /* Handles colours, hover states and widths of individual nested items */ #leftColumn .leftMenu div.c_batteries { background: #f0dac7; border: 3px solid #ff800d; top: 0px;} #leftColumn .leftMenu div.c_batteries li { background: #f0dac7; } #leftColumn .leftMenu div.c_batteries li:hover {background: url('/Images/layout/batteries_li_selected.jpg') repeat-x #ff800d;} #leftColumn .leftMenu div.c_batteries a {width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_batteries div.title {background: #fe9f4b;} #leftColumn .leftMenu div.c_jewelleryfindings { background: #e5cde7; border: 3px solid #a119ab; top: -25px;} #leftColumn .leftMenu div.c_jewelleryfindings li { background: #e5cde7; } #leftColumn .leftMenu div.c_jewelleryfindings li:hover {background: url('/Images/layout/jewelleryfindings_li_selected.jpg') repeat-x #a016aa;} #leftColumn .leftMenu div.c_jewelleryfindings a {width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_jewelleryfindings div.title {background: #ce61d4;} #leftColumn .leftMenu div.c_earpiercing {background: #c6d2a7; border: 3px solid #6e9808; } #leftColumn .leftMenu div.c_earpiercing li {background: #c6d2a7; } #leftColumn .leftMenu div.c_earpiercing li:hover {background: url('/Images/layout/earpiercing_li_selected.jpg') repeat-x #689200;} #leftColumn .leftMenu div.c_earpiercing a {width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_earpiercing div.title {background: #94b739;} #leftColumn .leftMenu div.c_watchparts { background: #ddccb6; border: 3px solid #704f26; } #leftColumn .leftMenu div.c_watchparts li { background: #ddccb6;} #leftColumn .leftMenu div.c_watchparts .subcategorybox {} #leftColumn .leftMenu div.c_watchparts li:hover {background: url('/Images/layout/watchparts_li_selected.jpg') repeat-x #704f26;} #leftColumn .leftMenu div.c_watchparts a {width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_watchparts div.title {background: #9a7852;} #leftColumn .leftMenu div.item_4 { top: -75px; } #leftColumn .leftMenu div.item_5 { top: -94px; } #leftColumn .leftMenu div.c_equipment { background: #b3cfd7; border: 3px solid #287482; top: -100px;} #leftColumn .leftMenu div.c_equipment li div {top: 0;} #leftColumn .leftMenu div.c_equipment li:hover { background: url('/Images/layout/equipment_li_selected.jpg') repeat-x #287482; color: #fff;} #leftColumn .leftMenu div.c_equipment a{width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_equipment div.title {background: #70b7cb;} #leftColumn .leftMenu div.c_tools { background: #b7d2ae; border: 3px solid #216609; top: -250px; } #leftColumn .leftMenu div.c_tools li { background: #b7d2ae;width:150px; } #leftColumn .leftMenu div.c_tools li div {top: 0;} #leftColumn .leftMenu div.c_tools li:hover {background: url('/Images/layout/tools_li_selected.jpg') repeat-x #1a5c02; color: #fff;width:150px;} #leftColumn .leftMenu div.c_tools a {width: 130px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_tools div.title {background: #4a922f;} #leftColumn .leftMenu div.c_tools div.boxbelow{top: 18px;} #leftColumn .leftMenu div.c_consumables { background: #efd3e0; border: 3px solid #ca176b; top: -250px; } #leftColumn .leftMenu div.c_consumables li { background: #efd3e0; } #leftColumn .leftMenu div.c_consumables li div {top: 0;} #leftColumn .leftMenu div.c_consumables li:hover {background: url('/Images/layout/consumables_li_selected.jpg') repeat-x #c80b65; color: #fff;} #leftColumn .leftMenu div.c_consumables a {width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_consumables div.title {background: #e05a99;} #leftColumn .leftMenu div.c_clockparts { background: #f0e8d6; border: 3px solid #e0a30a; } #leftColumn .leftMenu div.c_clockparts li { background: #f0e8d6; } #leftColumn .leftMenu div.c_clockparts li:hover {background: url('/Images/layout/clockparts_li_selected.jpg') repeat-x #e2a30a; color: #fff;} #leftColumn .leftMenu div.c_clockparts a {width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_clockparts div.title {background: #f2c858;} #leftColumn .leftMenu div.item_2327 { top: -175px; } #leftColumn .leftMenu div.item_2328 { top: -194px; } #leftColumn .leftMenu div.c_bookscatalogues { background: #e3e2e4; border: 3px solid #6d6b76; top: -70px; } #leftColumn .leftMenu div.c_bookscatalogues li { background: #e3e2e4; } #leftColumn .leftMenu div.c_bookscatalogues li:hover {background: url('/Images/layout/books_li_selected.jpg') repeat-x #6b6974; color: #fff;} #leftColumn .leftMenu div.c_bookscatalogues a {width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_bookscatalogues div.title {background: #aaa9b1;} #leftColumn .leftMenu div.c_dreamsemotions { background: #fdc6bd; border: 3px solid #e44f3c; top: 0px; } #leftColumn .leftMenu div.c_dreamsemotions li { background: #fdc6bd; } #leftColumn .leftMenu div.c_dreamsemotions li:hover {background: url('/Images/layout/dreamsemotions_li_selected.jpg') repeat-x #d45a43; color: #fff;} #leftColumn .leftMenu div.c_dreamsemotions a {width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_dreamsemotions div.title {background: #f09b8d;} #leftColumn .leftMenu div.c_watchstrapsbraceletsfittings { background: #fdc6bd; border: 3px solid #e44f3c; top: 0px; } #leftColumn .leftMenu div.c_watchstrapsbraceletsfittings li { background: #fdc6bd; } #leftColumn .leftMenu div.c_watchstrapsbraceletsfittings li:hover {background: url('/Images/layout/watchstrapsbraceletsfittings_li_selected.jpg') repeat-x #d45a43; color: #fff;} #leftColumn .leftMenu div.c_watchstrapsbraceletsfittings a {width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_watchstrapsbraceletsfittings div.title {background: #f09b8d;} #leftColumn .leftMenu div.c_documentdownloads { background: #cbc5fc; border: 3px solid #39308d; top: -100px;} #leftColumn .leftMenu div.c_documentdownloads div.c_documentdownloads{ top: 0px;} #leftColumn .leftMenu div.c_documentdownloads li { background: #cbc5fc;} #leftColumn .leftMenu div.c_documentdownloads .subcategorybox {} #leftColumn .leftMenu div.c_documentdownloads li:hover {background: url('/Images/layout/documentdownloads_li_select.jpg') repeat-x #241d6d;} #leftColumn .leftMenu div.c_documentdownloads a {width: 129px; padding: 3px 15px 3px 6px;} #leftColumn .leftMenu div.c_documentdownloads div.title {background: #6055bb;}