body { margin: 0; padding: 0; font-size: 76%; font-family: Georgia, "Times New Roman", Times, serif; background: black; color: white; }

img { border: 0; }

a { color: #686868; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { position: relative; margin: 0 0 1em; font-weight: normal; background: #262626; color: black; font-size: 260%; padding: 10px 15px; font-family: Georgia, "Times New Roman", Times, serif; }

h2 { font-size: 170%; font-weight: normal; }

td { vertical-align: top; }


.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */


#wrapper { width: 930px; margin: 0 auto; }

#header { position: relative; height: 66px; }
#header img { position: absolute; right: 0; top: 22px; }
#header p { height: 66px; line-height: 66px; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; color: #333; }

#main { position: relative; overflow: hidden; width: 930px; }

#home-noflash { position: relative; overflow: hidden; width: 930px; height: 450px; }
#home-noflash ul { position: relative; margin: 0; padding: 0; list-style-type: none; }
#home-noflash ul.js { position: absolute; z-index: 5; top: 0; margin-top: 0 !important; }
#home-noflash ul.clone { z-index: 10; top: -450px; }

#collection-gallery { min-height: 375px; }
* html #collection-gallery { height: 375px; }
#collection-gallery ul { margin: 0 -6px 0 0; padding: 0; list-style-type: none; width: 616px; }
#collection-gallery li { float: left; padding: 0 6px 6px 0; height: 107px; width: 71px; }
* html #collection-gallery li { height: 108px; }
#collection-gallery li a { position: relative; overflow: hidden; float: left; height: 107px; width: 71px; }
#collection-gallery li a:hover, #collection-gallery li.active a { border: 4px solid white; height: 100px; width: 64px; }
* html #collection-gallery li a:hover, #collection-gallery li.active a { width: 63px; }
#collection-gallery li a img { position: absolute; }
#collection-gallery li a:hover img, #collection-gallery li.active a img { top: -4px; left: -4px; }
#collection-gallery p { clear: left; padding: 1em 0 0; width: 600px; font-family: Georgia, "Times New Roman", Times, serif; color: #808080; }

#collection-full-view { position: absolute; right: 0; top: 0; width: 320px; height: 463px; background: black; }
* html #collection-full-view { width: 316px; }
#collection-full-view ul { margin: 0; padding: 0; list-style-type: none; }
#collection-full-view li { position: absolute; z-index: 5; right: 0; top: 0; display: none; }
#collection-full-view li.active { display: block; }
#collection-full-view li.front { z-index: 10; }
#collection-full-view li img { background: white; }
#collection-full-view li p { font-family: Georgia, "Times New Roman", Times, serif; color: #808080; }
#collection-full-view li p.link { position: absolute; bottom: 3px; #bottom: 25px; left: 0; background: url(../graphics/white_50.png); }
#collection-full-view li p.link a { color: white; display: block; text-align: right; line-height: 25px; width: 290px; height: 25px; text-transform: uppercase; }
#collection-full-view li p.link a:hover { text-decoration: none; }
#collection-full-view li p.link a span { float: right; padding: 0 5px 0 20px; height: 25px; background: url(../graphics/large_view.png) no-repeat left 4px; cursor: pointer; }
#collection-full-view li p.description { color: #808080; #margin: 0.5em 0 0; }

#footer { position: relative; z-index: 30; clear: both; padding: 25px 0 0; }
#footer, #footer a { color: #333; }

#navigation { position: relative; z-index: 10; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation li { position: relative; float: left; height: 61px; }
#navigation li a { float: left; height: 61px; zoom: 1; }
#navigation li a:hover { float: left; height: 61px; text-decoration: none; }
#navigation li a span { display: none; }
#navigation li ul { display: none; position: absolute; bottom: 61px; left: 0; }
* html #navigation li ul { bottom: 0px; }
#navigation li li { float: none; height: auto; background-image: none !important; }
#navigation li li a { float: none; display: block; height: auto; width: auto !important; padding: 3px 2px; border-bottom: 1px solid black; background: url(../graphics/navlink_sub.png) !important; }
#navigation li li a:hover, #navigation li li.nav_active a { float: none; display: block; height: auto; width: auto !important; background: url(../graphics/navlink_hover.png) !important; }
#navigation li li a span { display: block; padding: 0 10px; font-family: Georgia, "Times New Roman", Times, serif; color: white; }

#navigation li.link_1 a, #navigation li.active_1 a { width: 78px; }
#navigation li.link_1 a { background: url(../graphics/navigation/1_link.gif) no-repeat bottom left; }
#navigation li.link_1, #navigation li.link_1 a:hover, #navigation li.link_1:hover a { background: url(../graphics/navigation/1_hover.gif) no-repeat bottom left; }
#navigation li.active_1 a { background: url(../graphics/navigation/1_active.gif) no-repeat bottom left; }

#navigation li.link_2 a, #navigation li.active_2 a { width: 145px; }
#navigation li.link_2 a { background: url(../graphics/navigation/2_link.gif) no-repeat bottom left; }
#navigation li.link_2, #navigation li.link_2 a:hover, #navigation li.link_2:hover a { background: url(../graphics/navigation/2_hover.gif) no-repeat bottom left; }
#navigation li.active_2 a { background: url(../graphics/navigation/2_active.gif) no-repeat bottom left; }

#navigation li.link_3 a, #navigation li.active_3 a { width: 119px; }
#navigation li.link_3 a { background: url(../graphics/navigation/3_link.gif) no-repeat bottom left; }
#navigation li.link_3, #navigation li.link_3 a:hover, #navigation li.link_3:hover a { background: url(../graphics/navigation/3_hover.gif) no-repeat bottom left; }
#navigation li.active_3 a { background: url(../graphics/navigation/3_active.gif) no-repeat bottom left; }

#navigation li.link_4 a, #navigation li.active_4 a { width: 85px; }
#navigation li.link_4 a { background: url(../graphics/navigation/4_link.gif) no-repeat bottom left; }
#navigation li.link_4, #navigation li.link_4 a:hover, #navigation li.link_4:hover a { background: url(../graphics/navigation/4_hover.gif) no-repeat bottom left; }
#navigation li.active_4 a { background: url(../graphics/navigation/4_active.gif) no-repeat bottom left; }

#navigation li.link_5 a, #navigation li.active_5 a { width: 106px; }
#navigation li.link_5 a { background: url(../graphics/navigation/5_link.gif) no-repeat bottom left; }
#navigation li.link_5, #navigation li.link_5 a:hover, #navigation li.link_5:hover a { background: url(../graphics/navigation/5_hover.gif) no-repeat bottom left; }
#navigation li.active_5 a { background: url(../graphics/navigation/5_active.gif) no-repeat bottom left; }

* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #navigation a:hover table { display: block; left: 0; top: 0; }
#navigation td { margin: 0; padding: 0; }
#navigation td a { position: relative; zoom: 1; }
* html #navigation a:hover { position: relative; z-index: 100; }
#navigation li:hover { position: relative; }
* html #navigation ul ul a:hover { position: relative; z-index: 110; }
#navigation ul ul li:hover { position: relative; }
* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }
#navigation ul ul ul ul a:hover { position: relative; z-index: 130; }
#navigation ul ul { visibility: hidden; display: none; }
#navigation ul :hover ul { visibility: visible; display: block; height: auto; }
#navigation ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul { visibility: visible; }
#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }

#footer p { position: relative; top: 0.7em; padding: 0.7em 10px; clear: left; border-top: 1px solid #262626; font-size: 90%; }

body.stockists #content table, body.contact #content table { position: relative; left: -1em; width: 945px; }
body.stockists #content th, body.contact #content th { padding: 0 1em; text-align: left; }
body.stockists #content td, body.contact #content td { width: 25%; padding: 0 1em; border-right: 1px solid #191919; }
body.stockists #content td p, body.contact #content td p { margin: 0 0 2em; color: #808080; }
body.stockists #content td p strong, body.contact #content td p strong { color: white; }