*{
margin: 0;
padding: 0;
list-style: none;
}

body, html{
font: normal normal normal 12px Arial, Tahoma, sans-serif;
}

body{
background: #fff;
}

img{
border: none;
}

img.smallimg{
border: 1px solid #f60;
margin: 5px;
}

img.homethumbs{
border: 1px solid #f60;
margin: 8px;
}

h1, h2{
font: normal normal bold 20px/24px Arial, Tahoma, Verdana, sans-serif;
color: #036;
}

h2, h3{
font: normal normal bold 16px/24px Arial, Tahoma, Verdana, sans-serif;
margin: 10px 0;
}

h2.spoffer{
color: #f00;
font: normal normal bold 18px Arial, Tahoma, Verdana, sans-serif;
}

h2.headbreak{
text-align: center;
background: #c30;
clear: both;
color: #fff;
}

#holder{
width: 980px;
padding: 0;
margin: 0 auto;
}

#main{
position: absolute;
top: 140px;
width: 560px;
margin: 0 0 0 202px;
padding: 0;
}

#main p{
clear: both;
}

.floatleft{
float: left;
margin-right: 10px;
}

#main p.floatleft{
clear: none;
width: 320px;
}

#main p.rangeprod{
border: 1px solid #ccc;
border-width: 0 0 1px 0;
}

#main p#buymats{
vertical-align: middle;
font: normal normal bold 16px/24px Arial, Verdana, sans-serif;
border: 1px solid #000;
text-align: center;
background: #c30;
color: #fff;
}

.bigbuy{
font: normal normal bold 16px/20px Arial, Verdana, sans-serif;
padding: 10px;
}

#main p#buymats img{
vertical-align: middle;

}

#main p.displaysection{
vertical-align: middle;
font: normal normal bold 10px/10px Arial, Verdana, sans-serif;
display: inline;
}

label.ib{
display: inline-block;
text-align: center;
}

#main p.displaysection img{
border: 2px solid #000;
border-color: #888 #444 #444 #888;
}

#main div.displaysection{
border: 2px solid #c00;
vertical-align: middle;
font: normal normal bold 16px/34px Arial, Verdana, sans-serif;
text-align: center;
background: #fff url(gx/back-grey.png) repeat-x;
}

#main div.displaysection img{
border: 2px solid #000;
border-color: #888 #444 #444 #888;
vertical-align: top;
}

#main div.displaysection p, #main div.displaysection h3{
margin: 10px;
text-align: center;
}

#main p.errorpara{
color: #f00;
}

#main p.centre{
text-align: center;
}

#main a{
color: #33c;
text-decoration: underline;
}

#main a:hover{
color: #88f;
text-decoration: none;
}

#logo{
position: absolute;
top: 10px;
}

#logo p{
margin: 0;
padding: 0;
width: 980px;
text-align: center;
}

#menu{
position: absolute;
top: 130px;
padding: 0;
margin: 0 0 0 5px;
width: 200px;
}

#menu ul, #menu li{
list-style: none;
margin: 0;
padding: 0;
background: transparent;
border: none;
}

#menu ul{
margin: 0 0 15px;
background: transparent;
font: normal normal normal 12px/16px Arial, Helvetica, sans-serif;
}

#menu li{
width: 180px;
overflow: visible;
text-align: center;
color: #000;
}

#menu li.menumaintitle{
}

#menu li.menutitle{
margin: 0 0 10px 0;
}

#menu li a, #menu p a{
display: block;
width: 176px;
padding: 0 2px;
border-color: #f66 #c33 #c33 #f66;
color: #000;
text-decoration: none;
}

#menu li.subcat a, #menu li.menuman a{
border: 1px solid #000;
border-color: #f66 #c33 #c33 #f66;
background: #c33 url(gx/back-menu.png);
color: #fff;
width: 166px;
padding: 0 2px 0 12px;
text-align: left;
}

#menu li.menucat a{
border: 1px solid #000;
border-color: #c33 #900 #900 #c33;
background: #c33 url(gx/back-menu.png);
color: #fff;
text-align: left;
}

#menu li.larger a{
font: normal normal bold 16px/32px Arial, sans-serif;
text-align: center;
background: #c33 url(gx/back-menu-larger.png);
}

#menu li.subcat a:hover, #menu li.menucat a:hover, #menu li.menuman a:hover{
border-color: #d84;
background: #f90 url(gx/back-menu.png) 0 -32px;
}

#info{
position: absolute;
top: 102px;
width: 980px;
}

#info ul, #info li{
list-style: none;
}

#info ul{
width: 980px;
margin: 0 0 10px 0;
height: 16px;
}

#info li{
float: left;
}

#info a{
display: block;
font: normal normal normal 12px/16px Arial, Helvetica, sans-serif;
width: 161px;
text-align: center;
text-decoration: none;
border: 1px solid #000;
border-color: #c33 #900 #900 #c33;
background: #c33 url(gx/back-menu.png);
color: #fff;
}

#info li:last-of-type a{
width: 163px;
}

#info a:hover{
border-color: #d84;
background: #f90 url(gx/back-menu.png) 0 -32px;
}

#footer{
border: 2px solid #fc9;
border-width: 2px 0 0 0;
clear: both;
vertiical-align: middle;
}

#footer img{
vertical-align: middle;
}

#footer p{
font-size: 10px;
text-align: center;
}

#rightcol{
position: absolute;
top: 140px;
margin: 0 0 0 772px;
background: #fff;
z-index: -1;
}

p{
margin: 10px 0;
}

span.mrp{
color: #888;
font-weight: bold;
}

span.rbp, span.rbpwas, span.sop{
color: #fff;
}

span.rbpwas{
color: #888;
}

span.soptext{
font-weight: bold;
color: #c30;
}

acronym{
cursor: help;
}

input.quantity{
width: 18px;
height: 20px;
vertical-align: bottom;
text-align: right;
}

input.buy, span.jbutton, label.jbutton{
width: 176px;
padding: 0 2px;
border: 1px solid #000;
border-color: #f66 #c33 #c33 #f66;
background: #c33 url(gx/back-menu.png);
color: #fff;
text-decoration: none;
cursor: pointer;
vertical-align: bottom;
font: normal normal normal 12px/16px Arial, Helvetica, sans-serif;
text-align: center;
}

span.jbutton, label.jbutton{
display: block;
float: left;
width: 100px;
z-index: 5;
margin: 0 3px 1px 2px;
font: normal normal normal 10px/16px Arial, Helvetica, sans-serif;
}

span.jbutton span, label.jbutton span{
display: inline-block;
width: 96px;
padding: 2px;
height: 130px;
color: #000;
border: 1px solid #000;
background: #fff;
font: normal normal bold 11px/12px Arial, Helvetica, sans-serif;
z-index: 5;
}

input.buy:hover, span.jbutton:hover{
border-color: #d84;
background: #f90 url(gx/back-menu.png) 0 -32px;
}

input.searchinput{
text-align: left;
width: 180px;
font: normal normal normal 11px/15px Arial, Tahoma, Verdana, sans-serif;
padding: 2px;
}

input.searchsubmit{
width: 144px;
cursor: pointer;
font: normal normal normal 12px/15px Arial, Tahoma, Verdana, sans-serif;
padding: 2px;
}

input.submitimg{
background: #00f url(gx/search.png);
width: 79px;
height: 29px;
padding: 0;
margin: 0;
border: 2px solid #00f;
border-color: #06f #000 #000 #06f;
cursor: pointer;
}

input.showinput{
background: #fff;
border: none;
color: #000;
width: 3em;
text-align: right;
}

input.shortinput{
width: 3em;
}

img.imgleft{
float: left;
}

br.clearboth{
clear: both;
}

div.rightbox{
width: 208px;
margin: 0 0 6px 0;
border: 1px solid #fff;
}

div.rounded{
height: 208px;
background: #fff url(gx/rounded-box.png);
}

div.low{
height: 140px;
background: #fff url(gx/rounded-box-low.png);
}

div.lower{
height: 100px;
width: 180px;
background: #fff url(gx/rounded-box-lower.png);
}

div.rightbox h2{
font: normal normal bold 14px/24px Arial, Tahoma, Verdana, sans-serif;
background: #c33 url(gx/back-menu.png);
color: #fff;
text-align: center;
margin: 18px 18px 10px 10px;
}

div.rightbox p{
margin: 20px 18px 10px 10px;
text-align: center;
}

div.rightbox select{
width: 160px;
font-size: 11px;
}

div.rightbox input.searchinput{
width: 160px;
}

div.lower p{
margin: 20px 0 10px 0;
}

ul{
margin: 10px 10px 10px 30px;
}

ul.pagesublist{
text-align: center;
font: normal normal normal 11px/15px Arial, sans-serif;
margin: 10px;
}

ul#dellist{
margin: 10px;
width: 540px;
height: 20em;
}

li{
list-style: disc outside;
}

ul#dellist li{
list-style: none;
width: 466px;
float: left;
text-align: left;
line-height: 1.4em;
border: 1px solid #ccc;
}

ul#dellist li.delp{
width: 70px;
text-align: center;
}

ul.pagesublist li{
list-style: none;
margin: 0 0 1px;
background: #eee;
}

#main ul.pagesublist a{
text-decoration: none;
color: #500;
font-weight: bold;
}

#main ul.pagesublist a:hover{
color: #000;
}
ul.pagesublist li:hover{
background: #ddd;
margin: 0;
padding: 0 0 1px;
}
.clickable{
cursor: pointer;
}

.warn{
display: none;
}

#contactform input, #contactform textarea{

}

#contactform label, .contactform label{
display: inline-block;
width: 200px;
}

div#contactform{
border: 1px solid #000;
padding: 10px;
}

#contact form p{
clear: both;
}

#qstan, #dndel{
display: none;
}

p.cursorimages img{
cursor: pointer;
}

#main p.brands{
float: left;
width: 105px;
height: 140px;
border: 1px solid #f00;
clear: none;
margin: 2px;
text-align: center;	
font: normal normal normal 10px/13px Arial, Helvetica, sans-serif;
}

#main p.brands a{
text-decoration: none;
}

#main p.brands a:hover{
text-decoration: underline;
font-size: 11px;
}

.prodarea{
float: left;
width: 270px;
height: 180px;
margin: 2px;
border: 1px solid #ccc;
overflow: hidden;
}

.prodarea img{
float: left;
}

.prodarea h2{
font: normal normal normal 11px/16px Arial, Helvetica, sans-serif;
height: 32px;
overflow: hidden;
margin: 0;
}

#main .prodarea h2 a{
border: 1px solid #000;
border-color: #c33 #900 #900 #c33;
background: #c33 url(gx/back-menu.png);
color: #fff;
text-decoration: none;
display: block;
font: normal normal bold 12px/32px Arial, sans-serif;
text-align: center;
height: 32px;
padding: 0 2px;
}

#main .prodarea h2 a:hover{
border-color: #d84;
background: #f90 url(gx/back-menu.png) 0 -32px;
}

.prodarea div{
float: left;
width: 135px;
}

#main .prodarea p{
margin: 5px;
}

#main .prodarea p a{
text-decoration: none;
}

#main .prodarea .price{
background: #000;
color: #fff;
margin: 10px 0 0;
font: normal normal bold 12px/24px Arial, sans-serif;
text-align: center;
}

.clearboth{
clear: both;
}

div.gallery{
float: left;
width: 130px;
height: 170px;
text-align: center;
border: 1px solid #c00;
margin: 2px;
}

div.gallery h2{
font: normal normal bold 11px/16px Arial, Helvetica, sans-serif;
height: 32px;
margin: 0 0 10px 0;
}

div.gallery img{
cursor: pointer;
}

#gallmain{
cursor: pointer;
}

#galldiv{
display: none;
position: absolute;
top: 100px;
left: 0;
border: 2px solid #000;
background: #fff;
}

.centre{
text-align: center;
}

table.coltable td{
width: 30px;
height: 20px;
border: 1px solid #666;
text-align: center;
}

table.coltable label{
width: 30px;
height: 20px;
display: inline-block;
}

#fontlist{
margin: 10px 0;
border: none;
text-align: center;
}

#fontlist span{
float: left;
width: 135px;
border: 1px solid #eee;
padding: 5px 1px;
}

#fontlist span:hover{
border-color: #000;
}

#fontlist input{
width: 135px;
}

table.basket th, table.basket td{
border: 1px solid #ccc;
font: normal normal normal 11px/16px Arial, sans-serif;
padding: 2px 6px;
}

table.basket th{
background: #eee;
}

table.basket col.cw{
width: 350px;
}

table.basket col.cn{
width: 66px;
}

table.basket col.cvn{
width: 16px;
}

td.right{
text-align: right;
}

table.basket input{
border: none;
display: inline;
min-width: 10px;
max-width: 40px;
text-align: right;
font: normal normal normal 11px/16px Arial, sans-serif;
margin: 0;
}

.contactform input, .contactform p, .contactform select, .contactform textarea{
font: normal normal normal 11px/16px Arial, sans-serif;
}

.contactform p{
margin: 4px 0;
}

textarea{
vertical-align: top;
}

button.ccard{
width: 500px;
height: 36px;
background: #fff url(gx/payccard.png);
border: none;
cursor: pointer;
}

button.paypal{
width: 145px;
height: 42px;
background: #fff url(gx/paypaypal.gif);
border: none;
cursor: pointer;
}

button.google{
width: 164px;
height: 39px;
background: #fff url(gx/paygoogle.gif);
border: none;
cursor: pointer;
}