/* resets and overrides 
=======================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-style: normal; text-align: left;}
textarea{overflow: auto;}
input[type=submit],label,select,.pointer {cursor: pointer;}

xhtml {height: 100%; margin-top: 1px;} /* Forces toolbars to appear in FF to avoid horizontal dif. */
html {overflow-y: scroll;}
::selection {color: #fff; background-color: #44AF3C;}
::-moz-selection {color: #fff; background-color: #44AF3C;}

/* links & type
===============*/
body {font-size: 0.9em; font-family: "Times New Roman", Times, Serif; color: #3E3E3E; line-height: 1.4em;}
select, input, textarea {font-family: "Times New Roman", Times, Serif;}
a {color: #658A52;}
a:hover {color: #3E5432;}
#footer, #breadcrumb, #header a, .breadcrumb {font-family: Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: none;}
#header a:hover {color: #776975; border-color: #776975;}
.navigation li a {text-decoration: none; color: #658A52; text-transform: uppercase;}
.navigation li a:hover, .navigation li.active a {color: #44AF3C;}
.breadcrumb a {text-decoration: none;}
#footer {color: #93A891; font-size: 0.9em; line-height: 1.3em;}
#footer a {text-decoration: none;}
#footer .special a {color: #776975;}
.collections a.collection {text-decoration: none; color: #3E3E3E; font-size: 1.2em; text-transform: uppercase;}
.collections a.collection span {text-align: center;}
.colourways a {text-decoration: none;}
#returnToCollection {text-transform: uppercase;}
#returnToCollection a {text-decoration: none;}
h1 {font-size: 1.8em; font-weight: normal; padding: 20px 0 15px; text-transform: uppercase;}
h2, span.h2 {font-size: 1.4em; font-weight: normal; padding: 7px 0 10px; text-transform: uppercase; color: #606060;}
h2 span {color: #A8A8A8;}
h3 {font-size: 1.3em; font-weight: normal; color: #658A52; padding-bottom: 7px;}
strong.h3 {display: block; font-size: 1.3em; font-weight: normal; color: #658A52; padding-bottom: 7px;}
p {padding-bottom: 0.9em;}
small {font-size: 0.85em;}

/* layout
=========*/
body {background-color: #fff;}
#header {position: relative;}
#footer, #header {width: 962px; margin: 0 auto;}
#header a.banner {display: block; height: 115px; width: 962px; background: url(../images/layout/banner.gif) no-repeat 50% 100%; text-indent: -1000px;}
#body {background: #E8E8E8 url(../images/layout/body_main.gif) repeat-y 50%;}
#body #content {width: 952px; margin: 0 auto; background: #fff; min-height: 400px; height: auto !important; height: 400px;} /* TODO when viewport width is uneven, the background offset is 1px out of line from #body bg*/
#body #content .innerContent {padding: 0 28px 28px;}
#body #bottom {height: 17px; background: #E8E8E8 url(../images/layout/body_bottom.gif) no-repeat 50% 0;}
.privacy {padding: 14px;}

/* navigation
=============*/
.navigation {width: 100%; overflow: hidden; list-style-type: none; border: solid #CBCBCB; border-width: 1px 0; background-color: #FDFCFC;}
.navigation li {float: left;}
.navigation li.langSwitch {float: right;}
.navigation li a {display: block; float: left; padding: 8px 28px;}
.breadcrumb {display: block; padding: 5px 0 5px 28px;}

/* collection
=============*/
.collections {overflow: hidden; width: 956px;}
.collections a.collection {float: left; padding-right: 3px; position: relative;}
.collections a.collection img {float: left;} /* fix ie7 bottom padding */
.collections a.collection span {position: absolute; bottom: 10px; left: 0; width: 236px; background: url(../images/layout/fff.png) repeat; padding: 8px 0;}
.collections a.hover {-moz-opacity: .50; opacity: .50; filter: alpha(opacity=50);}
.collections a:hover {-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
.collections a.collection:hover span {background: #fff;}

.collections a.collection {float: left; padding-right: 3px; position: relative;}
.collections a.collection img {float: left;} /* fix ie7 bottom padding */
.collections a.collection span {position: absolute; bottom: 10px; left: 0; width: 236px; background: url(../images/layout/fff.png) repeat; padding: 8px 0;}

.collectionImages {overflow: hidden; width: 100%;}
.collectionImages img {float: left; margin: 0 1px 1px 0;}

/* stockists
============*/
fieldset.stockistsForm div, fieldset.stockistsForm p, fieldset.stockistsForm select {float: left;}
fieldset.stockistsForm {padding: 15px 0 10px;}
fieldset.stockistsForm select {margin: 1px 20px 0 10px;}
.stockists {overflow: hidden;}
.stockists address {width: 210px; margin-right: 14px; float: left; padding-bottom: 20px;}
.stockists h3 {display: inline;}
.stockists .clearingRow {clear: both; border-bottom: 1px solid #44AF3C; margin-bottom: 20px;}

/* contact
==========*/
.contacts {overflow: hidden;}
.contacts address {width: 210px; margin-right: 14px; float: left; padding-bottom: 20px;}
.contacts h3 {display: inline;}
.contacts .clearingRow {clear: both; border-bottom: 1px solid #44AF3C; margin-bottom: 20px;}

/* subscribe
============*/
.validation {display: block; border: 1px solid #C60000; padding: 8px; margin-bottom: 10px;}
.warning {color: #C60000 !important;}
.validation ul {padding-left: 30px;}
table.subscribe td, table.subscribe th {padding: 4px;}
table.subscribe input[type=text] {padding: 2px; width: 300px;}

/* footer
=========*/
#footer {margin-top: 5px;}
#footer ul {float: left; width: 800px; padding-bottom: 10px;}
#footer li {display: inline;}
#footer p {float: right;}

/* Gallery
=========*/
#mainImage {width: 507px; border: 1px solid #3E3E3E; margin-bottom: 5px; overflow: hidden; background: url(../images/layout/mainLoad.gif) no-repeat 50% 50%; position: relative;}
#mainImage img {width: 507px;}
#mainImage .magnifyIcon {height: 40px; width: 45px; background: url(../images/layout/zoom.png) no-repeat; position: absolute; bottom: 0; right: 0;}
#imageThumbs {width: 510px; overflow: hidden;}
#imageThumbs li {float: left; list-style: none; width: 169px; height: 65px; margin-right: 1px;}
#imageThumbs li a span.info {display:none;}
#imageDetails {width: 239px; float: right; padding-left: 120px;}
#imageDetails strong {width: 120px; float: left; margin-left:-120px;}
#imageDetails span.h2 {display: block; margin-left:-120px;}
#imageDetails small {display: block; margin-left:-120px;}

#returnToCollection {width: 359px; float: right; clear: right; margin-top: 30px;}
.colourways {width: 896px; overflow: hidden; display: none;}
.colourways a {float: left; width: 169px; margin-right: 10px;}
.colourways a img {height:65px; width: 169px; border: 1px solid #3E3E3E;}
.colourways a em {display: block; margin-bottom: 5px;}
.colourways a span.info {display: none;}
.colourways p a {float: none; width: auto; margin: 0;}
.loupe {border: 1px solid #3E3E3E; background: #fff; z-index: 100; cursor: crosshair;}

.jcarousel-container,.jcarousel-clip,.jcarousel-list{position: relative; height: 85px;}
.jcarousel-clip,.jcarousel-list{overflow:hidden;}
.jcarousel-list{top:0;left:0;}
.jcarousel-next,.jcarousel-prev{z-index:1;display:none;}

.jcarousel-container-horizontal {width: 509px;}
.jcarousel-clip-horizontal {width: 509px; height: 65px;} /* width = (.jcarousel-item width * 3) + (margin * 2) */
.jcarousel-item-placeholder {background: #fff url(../images/layout/thumbLoad.gif) no-repeat 50% 50%; color: #000;}
.jcarousel-next-horizontal, .jcarousel-prev-horizontal {position: absolute; top: 0px; width: 27px; height: 65px; cursor: pointer; background: transparent no-repeat 0 -65px;}
.jcarousel-next-horizontal {background-image: url(../images/layout/GalleryArrowRight.png); right: 0px;}
.jcarousel-prev-horizontal {background-image: url(../images/layout/GalleryArrowLeft.png); left: 0px;}
.jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:active,
.jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:active {background-position: 0 -130px;}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active, .jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 0; display: none !important;}

#huy-magnifier {width:300px; height:200px; border:1px solid #000;}