* {
margin:0;
padding:0;
font-family:'Trebuchet MS', Lucida, Verdana, Arial, Helvetica, sans-serif;
list-style:none;
}
body {
font-size:62.5%;
min-width:750px;
background:#FFFFFF url(/skin/images/body-bg.gif) 50% top repeat-y;
}

a img {
  border:0;
}

#container {
width:750px;
position:relative;
left:50%;
margin-left:-375px;
background:#FFF url(/skin/images/container-bg.jpg) top left no-repeat;
}
#container #branding img {
position:absolute;
top:5px;
left:30px;
border:0;
z-index:10;
}
#accessibility {
position:absolute;
top:0;
left:0;
border:0;
visibility:hidden;
}
#accessibility ul {
text-align:right;
width:734px;
padding:5px 10px 0 0;
}
#accessibility ul li {
display:inline;
margin-left:0.7em;
padding-left:0.7em;
border-left:1px solid #E1E1E1;
}
#accessibility ul li#first-child {
margin-left:0;
padding-left:0;
border-left:0;
}
#accessibility ul li a {
font-size:1.1em;
color:#999;
}
#search {
position:absolute;
width:230px;
top:20px;
_top:33px;
left:515px;
}
#search input {
width:100px;
}
#search fieldset {
border:0;
}
#search input {
width:100px;
margin-top:2px;
}
#search input {
width:140px;
float:left;
font-size:1.1em;
padding:1px 2px;
margin-right:5px;
}
#search #btn_search {
float:left;
}
#search #btn_search input {
width:60px;
font-size:1.1em;
height:23px;
margin-top:0;
}
#navigation {
padding-top:135px;
}
#navigation ul {
border-top:1px solid #999;
padding:0.5em 1.1em;
background:url(/skin/images/nav-bg.gif) top no-repeat;
display:inline-block;
}
#navigation ul li {
display:inline;
margin-right:1em;
padding-right:1em;
border-right:1px solid #D67D81;
}
#navigation ul li a {
font-size:1.3em;
font-weight:bold;
color:#fff;
}
#navigation ul li a:hover,
#navigation ul li a:active,
#accessibility ul li a:hover,
#accessibility ul li a:active {
color:#DE8F95;
}

body #container #holder {
padding:10px 8px 10px 10px;

background: #FFFFFF url(/skin/images/body-bg.gif) 50% top repeat-y;
}

#holder {
position:relative;
}
#content {
width:520px;
float:left;
padding-bottom:20px;
background-color:transparent;
font-size:0.9em;
min-height:400px;
_height:400px;
}

#content.noright {
width:700px;
}

#features {
position:absolute;
top:10px;
left:560px;
width:160px;
border:1px solid #ccc;
padding:10px;
}
div.feature h3 {
font-size:1.5em;
margin-bottom:0.3em;
}
div.feature p {
font-size:1.1em;
line-height:1.4em;
margin-bottom:0.7em;
}
#footer {
clear:both;
padding:0.5em 1em 5em 1em;
border-top:1px solid #999;
background: #FFFFFF url(/skin/images/body-bg.gif) 50% top repeat-y;

}
#footer p {
font-size:1.1em;
}
#content h1 {
font-size:2.3em;
margin-bottom:0.3em;
}
#content h2 {
font-size:1.8em;
margin-bottom:0.3em;
}
#content h3 {
font-size:1.4em;
margin-bottom:0.3em;
}
#content h4 {
font-size:1.2em;
margin-bottom:0.3em;
}
#content h5 {
font-size:1.1em;
margin-bottom:0.3em;
}
#content h6 {
font-size:1.0em;
margin-bottom:0.3em;
}
#content p,
#content ul,
#content blockquote {
font-size:1.2em;
line-height:1.3em;
margin-bottom:0.7em;
font-family: arial, verdana, helvetica, sans-serif;
}
#content li {
margin-bottom:0.5em;
list-style:disc outside;
margin-left:2em;
font-family: arial, verdana, helvetica, sans-serif;
}
#content p.introduction {
color:#666;
font-weight:bold;
}
.product {
clear:both;
}
.product h2,
.product-details h2 {
background:#F6F6F6;
padding:0.1em 0.5em 0.2em 0.5em;
}
.product h2 a,
.product-details h2  a {
color:#999;
}
.product h2 a:hover,
.product h2 a:active,
.product-details h2 a:hover,
.product-details h2 a:active {
color:#CA021E;
}
div.product-image {
float:left;
width:190px;
padding-bottom:15px;
position:relative;
}
div.product-details div.product-image {
float:none;
width:auto;
padding-bottom:15px;
}

div.product-image a img {
border:3px solid #ddd;
padding:5px;
}

.product-list div.product-image a img  {
border:0;
padding:0;
}
.product-list div.product-image a {
border:3px solid #CCC;
width:160px;
height:120px;
display:block;
text-align:center;
}


div.product-info {
float:left;
width:320px;
padding-bottom:15px;
}
#content p.price {
font-size:1.8em;
width:210px;
_width:200px;
float:left;
font-weight:bold;
}
#content div.product-info p.more-info {
font-size:1.1em;
width:110px;
float:left;
text-align:right;
}
#content div.product-info p.more-info a {
padding: 0.3em 1em;
background-color:#ddd;
display:block;
width:90px;
text-align:center;
text-decoration:none;
color:#666;
}
#content div.product-info p.more-info a:hover {
color:#CA021E;
}

form.buy {
clear:both;
}
form.buy fieldset,
form.basket fieldset {
padding:10px;
border:1px solid #999;
}
form.buy legend,
form.basket legend {
background:#fff;
_margin-bottom:10px;
font-weight:bold;
font-size:1.3em;
padding:0 10px;
}
form.buy select {
font-size:1.3em;
}
form.buy input {
font-size:1.1em;
padding:0.2em 0.5em;
}
table.basket {
border-collapse:collapse;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
width:100%;
}
table.basket th {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px;
text-align:left;
font-size:1.2em;
}
table.basket td {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px;
text-align:left;
font-size:1.2em;
}

#colourtable {
  font-size:150%;
}

#colourtable th, #colourtable td {
  height:3em;
  text-align:left;
  padding:10px;
  width:7em;
}


#colourtable img {
  display:block;
  float:right;
}

.greencloth div {
  background-color: green;
  width:2em;
  border:1px solid black;
  float:right;
}

.bluecloth div {
  background-color: blue;
  width:2em;
  border:1px solid black;
  float:right;
}

.redcloth div {
  background-color: red;
  width:2em;
  border:1px solid black;
  float:right;
}

.purplecloth div {
  background-color: purple;
  width:2em;
  border:1px solid black;
  float:right;
}

td.greencloth, td.bluecloth, td.redcloth, td.purplecloth {
  width:4em;
}




#content table {
  border:0;
  padding:0;
  margin:0;
  font-size:120%;
}

#content td, #content th {
  border:0;
  padding: 4px 10px 4px 10px;
  margin:2px;
  text-align:left;
}

#content td {
  background-color:#EFEFEF;
}

#content th {
  background-color:#E0E0E0;
}


#pooltabletypes {
  width:700px;
  float:left;
}

#freeplay {

}

#freeplay h2, #coinop h2, #factorytour h3 {
  text-align:center;
}

#coinop {
  float:right;
}

#factorytour {

}

#basketcheckout {
  position:absolute;
  top:105px;
  right:90px;
  width:164px;
}

#basketcheckout img {
display:block;
float:left;
}

#basket {
  margin-right:6px;
  border-right:1px solid #FFF;
  padding-right:6px;
  float:left;
}

.cmsimage img {
  padding:5px;
  border:2px solid #CCC;
  margin: 3px 0 8px 0;
}

div.imageblock {
  float:left;
  width:200px;
  padding:10px;
  padding-right:50px;
  height:200px;
  }
div.imageblock p {
  clear:both;
}

#checkout h2 {
  margin-top:20px;
  margin-bottom:10px;
}

#checkout.confirm .nevow-form .inputs input {
  border:0;
  font-weight:bold;
}

#checkout.confirm .nevow-form .inputs textarea {
  border:0;
  font-weight:bold;
}


#zoom {
  position:absolute;
  z-order:1000;
  top:3px;
  left:3px;
  border:0;
}


.basket td.item img {
  float:left;
  padding:2px;
  border:1px solid #CCC;
  margin-right:5px;
}

.basket input {
  border: 1px solid #CCC;
  padding:4px;
}

#basket-updatebasket {
  cursor:pointer;
  cursor:hand;
  float:right;
  margin: 3px 140px 3px 10px;
}

#basket-checkout {
  cursor:pointer;
  cursor:hand;
  float:right;
  margin: 3px 10px;
}


td.remove {
  white-space: nowrap;
}

tr.total th {
 font-weight: bold;
} 

/*--- HIDE STUFF COS ITS MORE ACCESSIBLE THAN DISPLAY:NONE;  ---------------------------------------------------------*/
.hidevis,
#branding h1,
#branding h2,
#navigation h2,
#search legend,
#search label
{
position:absolute;
top:0;
left:-90000px;
visibility:hidden;
height:0;
width:0;
}



/*--- CLEARFIX  ---------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.swatch_box {
  float: left;
  width: 90px;
  margin-right: 10px;
/*  padding: 0px;
*/
  min-height: 120px;

}

.basket_cloth_swatches {
  margin-top: 20px;
  margin-left: 20px;
}

.vat {
  font-size: 0.6em;
}


#register .nevow-form .inputs, #register .nevow-form .message, #register .nevow-form .description
{
  margin-left: 15em;

}

#register .checkbox input {
  width:auto;
}

#registration-password-field .inputs label {
  margin-left:-15em;
}

#specialdeliverybutton {
  margin-left:auto;
  margin-right:auto;
  display:block;
  width:150px;
  font-size:1.3em;
}

#installation {
  margin:20px;
}