/* reset all default values */
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, hr,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
img {display: block;}

body { background-color: #323232; color: #989898; font-family: "Courier New", "Georgia", "Garamond", "Times New Roman", serif; font-size: 8pt; text-align: center; height: 100%; }

input, select, textarea { font-size: 8.5pt; color: #000; font-family: "Courier New", "Georgia", "Garamond", "Times New Roman", serif; text-decoration: none; background-color: #aaa; border: 1px solid #aaa; }
input.qty { width: 26px; }
input.promo { width: 66px; }
input.register { width: 300px; }
input.password { width: 100px; }
input.radio { background-color: #000; border: 1px solid #000; }
input.button { padding: 2px 6px 2px 6px; height: 23px; background-color: #666; color: #ffffff; cursor: pointer; border: 0; }
select.country { width: 300px; }
select.dob { width: 80px; }
select.addToCartSize { width: 70px; height: 18px; background-color: #fff; border: 0; }
textarea.register { width: 300px; height: 90px; }

#shoppingCartSummary { text-transform: uppercase; }

#blogEntries { height: 457px; width: 480px; padding-right: 30px; font-size: 8.5pt; text-align: left; letter-spacing: -0.68px; color: #ccc; line-height: 11px; overflow-x: hidden; overflow-y: scroll; }

.leftcopy { font-size: 8.5pt; text-align: left; letter-spacing: -0.68px; color: #fff; line-height: 11px; }
div.leftcopy th { font-weight: 900; font-size: 8.5pt; text-align: left; letter-spacing: -0.68px; color: #fff; line-height: 11px; }
div.leftcopy td { padding: 3px 1px 3px 0; font-size: 8.5pt; text-align: left; vertical-align: top; letter-spacing: -0.68px; color: #fff; line-height: 11px; }
.midcopy { font-family: "Arial", sans-serif; font-size: 7.5pt; text-align: left; letter-spacing: -0.5px; color: #ddd; line-height: 11px; }
.rightcopy { font-size: 7.5pt; text-align: left; letter-spacing: -0.5px; color: #ddd; line-height: 11px; }
.smallcopy { font-size: 8.5pt; text-align: left; letter-spacing: -0.6px; color: #999; line-height: 9px; }
.subheading { color: #fff; font-size: 8.5pt; font-weight: 900; letter-spacing: -0.6px; line-height: 12px; }

.productForm, .productForm h5 { font-family: "Arial", sans-serif; font-weight: 900; font-size: 7.5pt; text-align: left; letter-spacing: 0; color: #ddd; line-height: 11px; }

a { color: #999; font-size: 7.5pt; font-weight: 900; letter-spacing: -0.6px; line-height: 11px; text-decoration: none; }
a:hover { color: #fff; font-size: 7.5pt; font-weight: 900; letter-spacing: -0.6px; line-height: 11px; text-decoration: none; }

div.leftcopy a { color: #999; font-size: 8.5pt; font-weight: 500; letter-spacing: -0.6px; line-height: 11px; text-decoration: none; }
div.leftcopy a:hover { color: #fff; font-size: 8.5pt; font-weight: 500; letter-spacing: -0.6px; line-height: 11px; text-decoration: none; }

div.whitelinks a { color: #fff; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 7.5pt; font-weight: 500; letter-spacing: -0.6px; line-height: 11px; text-decoration: none; }
div.whitelinks a:hover { color: #fff; font-size: 7.5pt; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-weight: 500; letter-spacing: -0.6px; line-height: 11px; text-decoration: underline; }

.prodheading { color: #fff; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 10pt; font-weight: 900; letter-spacing: -0.6px; text-transform: uppercase; }
.greytext { color: #999; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 10pt; font-weight: 900; letter-spacing: -0.6px; text-transform: uppercase; }
.greytextsale { color: #999; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 10pt; font-weight: 900; letter-spacing: -0.6px; text-transform: uppercase; text-decoration: line-through; }
.sale { color: #F66; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 10pt; font-weight: 900; letter-spacing: -0.6px; text-transform: uppercase; }

a.h1link { font-size: 8pt; font-weight: 900; letter-spacing: -0.6px; text-align: left; color: #fff; }
a.h1link:hover { font-size: 8pt; font-weight: 900; letter-spacing: -0.6px; text-align: left; color: #999; }

.nav { color: #999; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 8pt; font-weight: 900; letter-spacing: -0.6px; line-height: 11px; }
a.nav { color: #999; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 8pt; font-weight: 600; letter-spacing: -0.5px; line-height: 11px; }
a.nav:hover { color: #fff; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 8pt; font-weight: 600; letter-spacing: -0.5px; line-height: 11px; }

a.nav2 { color: #999; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 7.5pt; font-weight: 900; letter-spacing: -0.3px; line-height: 10px; }
a.nav2:hover { color: #fff; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 7.5pt; font-weight: 900; letter-spacing: -0.3px; line-height: 10px; }

a.nav3 { color: #fff; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 7.5pt; font-weight: 900; letter-spacing: -0.3px; line-height: 9px; }
a.nav3:hover { color: #fff; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 7.5pt; font-weight: 900; letter-spacing: -0.3px; line-height: 9px; }

a.nav4 { color: #999; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 7.5pt; font-weight: 900; letter-spacing: -0.3px; line-height: 10px; }
a.nav4:hover { color: #fff; font-family: "Arial Narrow", "Arial", "Verdana", sans-serif; font-size: 7.5pt; font-weight: 900; letter-spacing: -0.3px; line-height: 10px; }

a.bloglink { font-size: 8.5pt; text-align: left; letter-spacing: -0.68px; color: #999; line-height: 11px; }
a.bloglink:hover { font-size: 8.5pt; text-align: left; letter-spacing: -0.68px; color: #fff; line-height: 11px; }

.opacity img { filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; }
.opacity:hover img { filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }

.opacity2 img{ filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
.opacity2:hover img{ filter: progid: DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; }

#container { text-align: left; color: #fff; width: 960px; height: 580px; background: #000 url(/images/bground.gif) top left repeat-y; }

#heading { margin: 10px 0 0 13px; text-align: left; color: #fff; width: 400px; height: 40px; letter-spacing: 0.40pt; line-height: 18px; }

#grid { text-align: left; color: #fff; width: 392px; letter-spacing: 0.40pt; line-height: 18px; }

h2, h3, h4, h5, p { padding: 0 0 10px 0; }
h1 { font-size: 8pt; font-weight: 900; letter-spacing: -0.6px; text-align: left; color: #fff; line-height: 11px; }
h1 a, h1 a:hover { font-size: 8pt; font-weight: 900; letter-spacing: -0.6px; text-align: left; color: #fff; line-height: 11px; }
h2 { text-align: left; color: #fff; font-size: 8.5pt; font-weight: 500; letter-spacing: 0.40pt; line-height: 20px; }
h3 { font-size: 8pt; color: #fff; font-style: italic; font-weight: 500; letter-spacing: 0.40pt; line-height: 14px; }
h4 { color: #fff; font-style: italic; font-weight: 500; letter-spacing: 0.40pt; line-height: 14px; }
h5 { font-size: 7pt; color: #fff; font-style: italic; font-weight: 500; letter-spacing: 0.40pt; line-height: 14px; }

ul { margin-bottom: 10px; }
li { background: url('/images/icon-whitedot.gif') top left no-repeat; list-style-type: none; padding-left: 14px; }

hr { margin: 8px 0 10px 0; width: 100%; height: 1px; border-bottom: 1px solid #aaa; }

.success { margin-left: 12px; padding: 4px 2px 4px 2px; font-weight: bold; color: #fff; }
.error { margin-left: 12px; padding: 4px 2px 4px 2px; font-weight: bold; color: #e00; }
.validationError, .voucherMessage { color: #f00; }
img.prOverlay { cursor: pointer; width: 588px; height: 280px; }

#colourways { position: absolute; padding: 10px; width: 190px; height: 150px; background-color: #666; border: 1px solid #bbb; z-index: 5; visibility: hidden; cursor: pointer; }
#colourways ul { clear: both; overflow: hidden; }
#colourways li { background: url('/images/icon-doublearrow.gif') center left no-repeat; list-style-type: none; padding-left: 12px; }
#closeColourWay { float: right; cursor: pointer; }
#myContent { background-color: #000; }

#heroImages { width: 800px; height: 550px; border: 0; background-color: #000; }
#heroImages img { width: 800px; height: 550px; border: 0; }