* {
  margin: 0;
  padding: 0
}

a {
  outline: none;
  color: #000000;
  text-decoration: none;
}

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

html {
  min-height: 101%
}

body {
  background: #FFFFFF url(images/pageBG.png) repeat-y center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
}

h1 {
  font-size: 18px;
  line-height: 22px;
  color: #971B23;
  font-weight: bold;
  border-bottom: 1px #971B23 dotted
}

body#popular h1 {
  font-size: 18px;
  line-height: 22px;
  color: #946788;
  font-weight: bold;
  border-bottom: 1px #946788 dotted;
  padding-left: 5px
}

#home h2 {
  border-top: 0
}

h2 {
  font-size: 18px;
  line-height: 22px;
  color: #971B23;
  font-weight: bold;
  border-bottom: 1px #971B23 dotted;
  border-top: 1px #971B23 dotted;
  padding-left: 5px
}

body#popular h2 {
  font-size: 18px;
  line-height: 22px;
  color: #946788;
  font-weight: bold;
  border-bottom: 1px #946788 dotted;
  border-top: 1px #946788 dotted
}

body#tandc h2 {
  border-top: 0
}

h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #971B23;
  margin-top: 10px
}

img {
  border: 0
}

#topWrap {
  width: 939px;
  height: 124px;
  padding: 0 10px 0 10px;
  margin: 0 auto;
  background-color: #ffffff;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888
}

#wrapper {
  width: 939px;
  padding: 10px;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #888888;
  border-top: 0
}

#textContainer {
  font-size: 14px;
  line-height: 22px;
  color: #971B23;
  font-weight: bold
}

#textContainer ul {
  list-style-type: none
}

p {
  line-height: 20px;
  margin: 5px 0 10px 10px;
  text-align: justify
}

#topL {
  float: left;
  text-align: left;
  width: 65px
}

#topM {
  float: left;
  height: 80px;
  width: 369px;
  padding: 20px
}

#topR {
  float: right;
  text-align: right;
  padding-bottom: 7px;
  width: 460px;
  color: #666666;
  font-size: 14px
}

#topR a {
  color: #202020;
  text-decoration: none
}

#content {
  margin: 0 auto;
  background-color: #ffffff
}

#footer {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  width: 100%;
  line-height: 20px;
}

#footer a {
  text-decoration: none;
  color: #ffffff
}

#slides {
  border-top: 1px solid #202020;
  border-bottom: 1px solid #202020;
  margin-bottom: 10px
}


#slides img {
  border: 0;
  border-right: 3px double #020202;
  cursor: pointer
}

#main {
  position: relative;
  width: 939px;
  text-align: justify;
}

#main2 {
  width: 758px;
  text-align: justify;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px
}

#desc {
  width: 303px;
  padding-top: 10px;
  padding-left: 20px
}

#desc img {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  padding-left: 9px
}

#descDL {
  width: 303px;
  padding-top: 5px;
  text-align: left ;
  padding-bottom: 5px;
  margin-left: 20px;
  border-bottom: 1px dotted #971B23
}

#descDL a {
  text-decoration: none;
  color: #020202;
}

#descDL a:hover {
  text-decoration: underline;
  color: #020202;
}

#descBut {
  padding-top: 10px
}

.clear {
  clear: both;
  height: 0
}

#text {
  padding-left: 20px;
  padding-right: 20px
}

#map {
   width: 370px;
   height: 450px;
   border: 2px solid #020202
}

#reset {
  text-align: center
}

#reset a {
  color: #020202;
  text-decoration: none
}

#side_bar {
  width: 250px;
  height: 450px;
  border: 2px solid #020202;
  overflow: auto
}

#merCountry {
  font-size: 14px;
  padding: 5px;
  background-color: #971B23;
  color: #ffffff;
  border-top: 2px solid #020202;
  border-right: 2px solid #020202
}

#merHead {
  font-size: 12px;
  padding: 5px;
  background-color: #F2BBBF;
  border-top: 2px solid #020202;
  border-bottom: 2px solid #020202;
  border-right: 2px solid #020202
}

#merInfo {
  padding: 5px;
  border-right: 2px solid #020202
}

a#merLink {
  color: #020202;
  text-decoration: none
}

#bigPic {
  float: right;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 40px;
  width: 460px;
  text-align: center
}

.border {
  border: 1px solid #020202;
  padding: 3px
}

table.border {
  padding: 0
}

#quote {
  padding-top: 10px
}

#quote td {
  line-height: 20px
}

.quoteLink, a.quoteLink, a:hover.quoteLink {
  text-decoration: none;
  color: #020202
}

#balImg {
   float: left;
   margin-right: 10px;
   cursor: auto;
   border: 1px solid #020202
}

#qLink {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #000000
}

form#qForm {
  font-size: 12px;
  line-height: 24px
}

form#qForm ol {
  list-style-type: none
}

form#qForm select {
  font-size: 12px;
  padding: 3px;
  border: 2px solid #000000
}
                      
#erMsg {
  color: red;
  font-weight: bold;
  font-size: 20px
}

#red {
  color: #971B23;
  font-size: 18px
}

#yel {
  color: #FFD700;
  font-size: 18px
}

#purple {
  color: #4B0082
}

#smRed {
  color: #981b23
}

.silvButton {
  font-size: 16px;
  font-weight: bold
}

.silvButton a {
  width: 250px;
  height: 40px;
  line-height: 40px;
  margin: 10px auto;
  text-align: center;
  display: block;
  color: #ffffff;
  background-image: url(images/button.png);
  background-repeat: no-repeat;
}

.silvButton a:hover {
  text-decoration: none;
  background-image: url(images/button2.png);
  background-repeat: no-repeat;
}

#home p {
  padding: 10px
}

#qbc {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 8px
}

#on {
  color: #971b23
}

#done {
  color: #808080;
  font-weight: normal
}

#cat ul {
  list-style-type: none
}

#cat li {
  width: 160px;
  float: left;
  text-align: center;
  margin: 10px 13px 10px 13px;
}

#cat li img {
  border: 1px solid #666666;
  margin-bottom: 5px
}

#cat li a, #cat li a:hover {
  color: #666666;
  text-decoration: none
}

#tech ul {
  list-style-type: none
}

#tech li {
  width: 175px;
  float: left;
  text-align: center;
  margin: 10px auto
}

#tech li img {
  border: 1px solid #202020
}

#pdf {
  line-height: 17px;
  padding: 2px;
  float: left
}

#tech li #pdf img {
  border: 0
}

#hpFootPic {
  height: 40px;
  width: 40px;
  text-align: center;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  float: left;
  background-color: #ffffff;
  margin-bottom: 10px
}

#hpFoot {
  height: 40px;
  line-height: 20px;
  width: 822px;
  text-align: center;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  background-color: #ffffff;
  color: #808080;
  margin-bottom: 10px;
  float: left
}

#pay_request {
  width: 600px;
  margin: 0 auto
}

#pay_request ul {
  list-style-type: none
}

#pay_request li {
  padding-bottom: 5px
}


#pay_request label {
  width: 250px;
  text-align: right;
  float: left;
  padding: 5px
}

#pay_request input {
  padding: 5px
}

/* Navigation */

/* positioning */

#menuLink {
position: absolute;
left: 45px;
top: -5px;
}

#navWrap {
  width: 100%;
  height: 32px;
  background:  #888888  url(images/downBG1.png)  repeat-x center;
}

#navigation {
height: 32px;
width: 959px;
margin: 0 auto;
border-left: 1px solid #888888;
border-right: 1px solid #888888
}

#navigation ul {
  width: 959px;
  margin: 0;
  list-style-type: none;
}

#navigation li {
float: left;
position: relative;
font-size: 12px;
font-weight: bold;
}

#navigation li li {
float: none;
font-size: 12px;
}

#navigation a {
color: #ffffff;
display: block;
width: 114px;
line-height: 30px;
background-color: #888888;
text-decoration: none;
text-align: center;
border: 1px solid #888888;
border-left: 0
}

#navigation a#l2, #navigation a#l3, #navigation a#l4, #navigation a#l8, #navigation a#l9 {
  width: 122px
}

#navigation li li a {
height: auto;
background: none;
border: 0;
text-align: left;
margin: 0;
line-height: 18px;
}

#ddContainer {
position: absolute;
z-index: 99;
border: 1px solid #202020;
border-top: 0;
left: -10055px
}

#navigation li#prestige:hover #ddContainer {
display: block;
left: -116px
}

#navigation li#popular:hover #ddContainer {
display: block;
left: -239px
}

#navigation li#arke:hover #ddContainer {
display: block;
left: -362px
}

#navigation li#small:hover #ddContainer {
display: block;
left: -485px
}

#navigation li#down:hover #ddContainer {
display: block;
left: -33px
}

#navigation li#outdoor:hover #ddContainer {
  display: block;
  left: -30px
}

/* styles for drop-down */
#ddContainer {
background-color: #888888;
padding: 0;
padding-left: 0;
line-height: 24px;
width: 959px;
}

#ddContainer h4 {
color: #da1c23;
font-weight: bold;
font-size: 12px;
line-height: 18px;
padding: 2px;
padding-left: 8px;
text-transform: uppercase;
border-bottom: 1px dotted #ffffff
}

#ddContainer a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
width: auto !important;
}

#navigation #ddc1,
#navigation #ddc2, #ddc3 {
float: left;
width: 280px;
padding: 10px 20px 10px 20px
}

#navigation #ddc1 li, #navigation #ddc2 li, #navigation #ddc3 li {
  width: 136px;
  padding: 2px;
  float: left
}

#navigation #ddc1 a, #navigation #ddc2 a, #navigation #ddc3 a {
  padding-left: 8px
}

li#home a, li#all a, li#down a, li#contact a {
  background: url(images/downBG1.png) repeat-x;
  color: #ffffff
}

li#home a:hover, li#all a:hover, li#down a:hover, li#contact a:hover {
  background: url(images/downBG.png) repeat-x;
  color: #ffffff
}

li#prestige a, li#popular a, li#arke a, li#outdoor a, li#small a {
  color: #ffffff;
  background: url(images/arkBG1.png) repeat-x
}

li#prestige a:hover, li#popular a:hover, li#arke a:hover, li#outdoor a:hover, li#small a:hover {
  color: #ffffff;
  background: url(images/arkBG.png) repeat-x
}

li#prestige #ddContainer h4, li#prestige #ddContainer, li#popular #ddContainer, li#popular #ddContainer h4, li#arke #ddContainer, li#arke #ddContainer h4, li#popular #ddContainer a, li#outdoor #ddContainer, li#outdoor #ddContainer h4, li#small #ddContainer, li#small #ddContainer h4 {
  background: #f17951;
  color: #ffffff
}

li#arke #ddContainer a:hover, li#prestige #ddContainer a:hover, li#popular #ddContainer a:hover, li#outdoor #ddContainer a:hover , li#small #ddContainer a:hover {
  background: #D95224
}

li#down #ddContainer, li#down #ddContainer h4 {
  background-color: #E25C65;
  color: #ffffff
}

li#down #ddContainer a:hover {
  background: #971B23
}

/* Home Page */

#hpLeft {
  width: 280px;
  height: 290px;
  float: left;
  text-align: left
}

#hpLeft img {
  padding: 44px 0 44px 30px
}

#hpmWrap {
  width: 402px;
  float: left
}

#hpMiddle {
  width: 402px;
  height: 291px;
  margin-top: 5px;
  background-color: #020202;
}

#hpMiddle img {
  border: 1px solid #020202;
  border-bottom: 0
}

#hpMiddleText {
  width: 392px;
  padding: 0 5px 0 5px;
  height: 30px;
  line-height: 14px;
  color: #ffffff;
  background-color: #020202;
  font-size: 10px
}

#botRight {
  width: 527px;
  padding-left: 10px;
  float: left
}

#hpRight {
  width: 280px;
  height: 290px;
  float: left;
  text-align: right
}

#hpRight img {
  padding: 44px 30px 44px 0
}

#bookshelf {
  width: 959px;
  height: 230px;
  margin: 0 auto;
  margin-left: -10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: url(images/bookshelf.png);
  border-top: 1px solid #888888;
  border-bottom: 1px solid #888888;
}

#bookshelf ul {
  list-style-type: none;
  margin-left: 10px
}

#bookshelf li {
  width: 138px;
  padding: 10px;
  padding-top: 22px;
  text-align: center;
  float: left;
  line-height: 24px;
}

#colours {
  width: 912px;
  margin: 0 auto
}

#col {
  width: 140px;
  padding: 0 12px 6px 0;
  float: left;
  text-align: center
}

/* css for product link pages - added March 2011 */

table#spiral {
  border: 1px solid #666666;
  color: #222222;
  margin-top: 10px;
  table-layout: fixed
}

table#spiral img#pic {
  border: 1px solid #666666;
}

table#spiral th, table#spiral td {
  text-align: center;
  padding: 3px;
  border: 1px solid #666666;
  font-weight: 700
}

table#spiral td#first {
  height: 100px;
  background-color: #FFCC99
}

table#spiral th#first {
  color: #ffffff;
  background-color: #FFCC99;
  font-size: 16px
}

table#spiral td#sm {
  background-color: #ffffff
}

table#spiral td#med {
  background-color: #FFCC99
}

table#spiral td#lge {
  background-color: #ffffff
}

table#spiral th#sm, table#spiral th#med, table#spiral th#lge {
  background-color: #444444;
  color: #ffffff
}

table#spiral td#title {
  text-align: left;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  border-right: 0;
}

#titleText {
  font-size: 12px;
  font-weight: normal
}

table#spiral td#title #arke {
  color: #9a0026;
  font-family: 'Orbitron';
  font-size: 18px
}

#arke {
  color: #cc0000
}

#ssHead2 #arke {
  font-family: 'Orbitron';
  font-size: 20px
}

table#spiral td#title #font {
  color: #532b45;
  font-family: 'Orbitron';
  font-size: 18px
}

table#spiral td#title a:hover {
  text-decoration: none
}

table#spiral td#link {
  border-left: 0
}

#hpLinks {
  margin-left: 35px;
  list-style-type: none;
  font-size: 16px;
}

#hpLinks li {
  float: left;
  padding: 0 14px 0 14px;
  color: #0033CC
}

#hpLinks li a {
  color: #0099CC;
}

#slideshow {
  width: 600px;
  height: 300px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 10px;
  border: 1px solid #666666;
  background-image: url(images/commercial.jpg)
}

#bespokeslideshow {
  width: 600px;
  height: 300px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 10px;
  border: 1px solid #666666;
  background-image: url(images/bespoke/ss/01.jpg)
}

#slideshowText {
  margin-bottom: 50px;
  text-align: center
}

#glassSideImg {
  padding: 10px 0 10px 0;
  font-size: 10px;
  color: #666666;
  text-align: justify
}

#glassSideImg img {
  border: 1px solid #666666;
}

#glassSideEntry {
  width: 138px;
  padding: 0 9px 0 9px;
  float: left
}

#presHead, #popHead, #ssHead, #outHead, #popHead2, #ssHead2, #outHead2 {
  width: 887px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  padding: 5px 20px 10px 20px;
  border: 1px solid #ffffff;
  border-bottom: 0
}

#presBox {
  margin-top: 10px;
  border: 5px double #222222;
}

#popBox {
  margin-top: 10px;
  border: 5px double #444444
}

#popBox2 {
  margin-top: 10px;
  border: 5px double #946788
}

#ssBox {
  margin-top: 10px;
  border: 5px double #666666
}

#outBox {
  margin-top: 10px;
  border: 5px double #888888
}

#presHead {
  background-color: #222222
}

#popHead {
  background-color: #444444
}

#popHead2 {
  background-color: #946788
}

#ssHead {
  background-color: #666666
}

#ssHead2 {
  background-color: #aaaaaa
}

#outHead {
  background-color: #888888
}

#outHead2 {
  background-color: #669933
}

#presImg, #popImg, #ssImg, #outImg, #opImg {
  float: left;
  margin: 10px 0 10px 0
}

#fpopImg {
  float: left;
  margin: 10px 7px 10px 7px
}

#presImg a, #presImg a:hover {
  font-size: 14px;
  font-weight: normal;
  color: #222222;
  text-decoration: none
}

#popImg a, #popImg a:hover, #fpopImg a, #fpopImg a:hover {
  font-size: 14px;
  font-weight: normal;
  color: #444444;
  text-decoration: none
}

#opImg {
  width: 140px;
  color: #666666
}

#ssImg a, #ssImg a:hover {
  font-size: 14px;
  font-weight: normal;
  color: #666666;
  text-decoration: none
}

#outImg a, #outImg a:hover {
  font-size: 14px;
  font-weight: normal;
  color: #888888;
  text-decoration: none
}

#galPrestige, #galPopular, #galSS, #galOut {
  width: 929px;
  margin: 0 auto;
  text-align: center;
}

#galPrestige img {
  margin: 0 50px 0 50px;
  border: 1px solid #222222
}

#galPopular img {
  margin: 0 15px 0 15px;
  border: 1px solid #444444
}

#galSS img {
  margin: 0 11px 0 12px;
  border: 1px solid #666666
}

#galOut img {
  margin: 0 11px 0 12px;
  border: 1px solid #888888
}

#spiralLink {
  width: 219px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  background-color: #971B23;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 1px #971B23 dotted;
  float: left;
}

#spiralLink a, #spiralLink a:hover {
  color: #ffffff;
  text-decoration: none
}

a#prodLink, a#lbProdLink {
  color: #CC0000;
  text-decoration: none;
  font-weight: bold
}

a:hover#prodLink, a:hover#lbProdLink {
  color: #FF0033;
  text-decoration: underline;
  font-weight: bold
}

#lbProdLink {
  font-size: 12px
}

#popBox a, #popBox a:hover {
  text-decoration: none;
  font-weight: bold;
}

#popBox img {
  margin-bottom: 3px
}

#slider {
  width: 600px;
  height: 400px;
}

#geniusSlider, #bespokeSlider {
  margin-top: 10px;
  width: 100%;
}

#geniusSlider div.anythingSlider.activeSlider .anythingWindow {
	border-color: #946788;
}
/* Navigation buttons, active state */
#geniusSlider div.anythingSlider.activeSlider .anythingControls ul a.cur, #geniusSlider div.anythingSlider.activeSlider .anythingControls ul a {
	background-color: #946788;
}

#bespokeSlider div.anythingSlider.activeSlider .anythingWindow {
	border-color: #981b23;
    color: #ffffff
}
/* Navigation buttons, active state */
#bespokeSlider div.anythingSlider.activeSlider .anythingControls ul a.cur, #bespokeSlider div.anythingSlider.activeSlider .anythingControls ul a {
	background-color: #981b23;
    color: #ffffff
}

#geniusText {
  width: 579px;
  padding: 10px;
  float: left
}

#geniusText p {
  padding: 5px 10px 5px 0;
  font-size: 14px;
  font-weight: normal
}

#geniusText ul {
  padding-left: 40px;
  font-size: 14px;
  font-weight: normal
}

#geniusText li {
  padding-bottom: 10px;
  line-height: 20px
}

#geniusRight {
  width: 340px;
  padding-top: 10px;
  float: left
}

#geniusRight p {
  padding-right: 10px;
}

#genImage, #genImage2 {
  float: left;
  text-align: center;
  color: #666666
}

#genImage img {
  margin: 9px;
  margin-bottom: 2px;
  border: 1px solid #c0c0c0
}

#genImage2 img {
  margin: 9px 4px;
  margin-bottom: 2px;
  border: 1px solid #c0c0c0
}

#genImage a, #genImage a:hover, #genImage2 a, #genImage2 a:hover {
  color: #666666;
  text-decoration: none
}

/* captify styles */

.captify {
  color: #ffffff
}

.caption-top, .caption-bottom {
	color: #ffffff;
	padding: 1.2em;
	font-weight: bold;
	font-size: 13px;
	font-family: arial;
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}

/* end captify */

body#quote {
  padding: 0
}

body#quote label {
  width: 300px;
  text-align: right;
  float: left;
  padding: 5px 10px 15px 10px
}

body#quote #contactInfo label {
  padding: 5px
}

body#quote #contactInfo input {
  margin-left: 20px
}

body#quote #formOption {
  width: 599px;
  text-align: left;
  float: left;
  padding: 5px 10px 15px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c0c0c0
}

body#quote form a, body#quote form a:hover {
  text-decoration: none
}

body#quote input {
  margin: 0 5px 0 5px
}

#popQuoteImg {
  width: 85px;
  text-align: center;
  float: left
}

#popQuoteImg img {
  padding: 10px 5px 10px 5px
}

#galleryButton {
  width: 939px;
  margin: 0 auto;
}

#galleryButton img {
  padding: 10px
}

#bespokePics {
  width: 697px;
  margin: 0 auto;
}

#bespokePics2 {
  width: 636px;
  margin: 0 auto
}

#bespokePics3 {
  width: 562px;
  margin: 0 auto
}

#besPic {
  float: left;
  text-align: center
}

#besPic img {
  margin: 10px;
  border: 1px solid #666666;
}