﻿body {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; margin:0; color: #fff; height: auto; background-image:url(../Images/Layout/Backgrounds/all-collections-bg.jpg); background-position: top center; background-repeat: no-repeat; background-color: #000}
html {height: auto}
#bg {position: absolute; top:0; left: 0;width: 100%; height:837px; overflow: visible; background-image:url(../Images/Layout/Backgrounds/home-bg-1.jpg); background-position: top center; background-repeat: no-repeat;}
#wrapper {position: relative; width: 955px; margin: 0 auto;}
#header {position: relative; width: 955px; height: 98px; background-color: #000; z-index: 200}
#headerBottom {position: relative; width: 955px; height: 12px; margin-bottom: 8px}
#menu {position: relative; width: 955px; height: 41px; padding:0; background-image: url(../Images/Layout/menu-bg.png); background-repeat: no-repeat; z-index: 0}
#logo {position: absolute; top: 25px; left: 30px}
#top-menu {position: absolute; top: 15px; right: 230px;}
#quick-search {position: absolute; top: 15px; right: 30px; width: 190px; height: 27px; z-index: 230;}
#stockist-log-in {position: absolute; top: 55px; right: 30px; text-align: right; z-index: 210;}
#main-content-top {position: relative; width: 955px; height: 12px; margin-top: 40px; background-image:url(../Images/Layout/roundedBlackTop.png); background-repeat: no-repeat}
.main-content-header {position: absolute; left: 0; top: 20px; height: 30px; width: 935px; background-color: #000; margin-top: -20px; padding-left: 20px; z-index:100}
.main-content-header-bottom {position: absolute; left: 0; top: 30px; width: 955px; height: 12px; background-image:url(../Images/Layout/roundedBlackBottom.png); background-repeat: no-repeat; z-index: 0}
#main-content {position: relative; width: 915px; min-height: 420px; padding:60px 20px 20px 20px; background-image:url(../Images/Layout/main-content-bg.png); background-repeat:repeat; z-index: 100}
#main-content-bottom {position: relative; width: 955px; height: 12px; background-image:url(../Images/Layout/mainContentBottom.png); background-repeat: no-repeat}
.main-content-left {float: left; width: 230px; margin-right: 45px; margin-top: 10px}
.main-content-right {float: left; width: 640px; margin-top: 10px}
#footerTop {position: relative; width: 955px; height: 12px; margin-top: 8px}
#footer {clear: both; position: relative; width: 955px; height: 37px; background-color: #000; padding-top: 10px; z-index:0}
.clear {clear: both; height: 0}
.searchdropdown {display: none; background-color: #e6e6e6; width: 172px; padding: 13px; border-left: 1px solid #fff; border-right: 1px solid #fff;border-bottom: 1px solid #fff; position: absolute; top: 22px;}
.searchdropdown ul {margin:0; padding:0}
.searchdropdown ul li {color: #7e7e7e; font-weight: bold; font-size: 10px; list-style-type: none; line-height: 30px; background-image: url(../Images/Layout/searchdropdown-divider.jpg); background-position: bottom center; background-repeat: no-repeat;}
.searchdropdown ul li a {color: #7e7e7e; text-decoration:none}

.quicksearchdropdown {display: none; background-color: #e6e6e6; width: 162px; padding: 13px; border-left: 1px solid #fff; border-right: 1px solid #fff;border-bottom: 1px solid #fff; border-top: 0;position: absolute; top: 22px; left: 0;}
.quicksearchdropdown ul {margin:0; padding:0}
.quicksearchdropdown ul li {color: #000; font-weight: bold; font-size: 12px; list-style-type: none; line-height: 20px; background-image: url(../Images/Layout/searchdropdown-divider.jpg); background-position: bottom center; background-repeat: no-repeat; font-style: italic}
.quicksearchdropdown ul li ul {margin: 5px;}
.quicksearchdropdown ul li ul li a {color: #7e7e7e; font-size: 10px; font-style: normal; text-decoration:none}
.quicksearchdropdown ul li ul li a:hover {color: #000}