/* 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 {
margin: 0;
padding: 0;
font-size: 8.5pt;
color: #000000;
font-family: "Courier New", "Georgia", "Garamond", "Times New Roman", serif;
text-decoration: none;
background-color: #aaaaaa;
border: 1px solid #aaaaaa;
}
input.qty {
width: 26px;
}
input.promo {
width: 66px;
}
input.register {
width: 300px;
}
input.password {
width: 100px;
}
input.radio {
background-color: #000000;
border: 1px solid #000000;
}
input.button {
padding: 2px 6px 2px 6px;
height: 23px;
background-color: #666666;
color: #ffffff;
cursor: pointer;
border: 0;
}
select.country {
width: 300px;
}
select.dob {
width: 80px;
}
select.addToCartSize {
margin: 0;
width: 70px;
height: 18px;
background-color: #fff;
border: 0;
}
textarea.register {
width: 300px;
height: 90px;
}

#shoppingCartSummary {
text-transform:uppercase;
}

#blogEntries {
height: 457px;
width: 480px;
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 #aaaaaa;
}

.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: #EE0000;
}
.validationError, .voucherMessage {
color: #FF0000;
}

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: #000000;
}