body {
 /* font-family: Georgia, Times, 'Times New Roman', 'Times Roman', serif; */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 background: #ffffff;
 font-size: 90%;
 padding: 0;
 margin: 0;
}

div#outer {
 border: 1px solid #99C1FF;
 width: 772px;
 margin: 0 auto;
}

input, textarea { font-size: 100%; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }

form.inline {
 /* font-family: Georgia, Times, 'Times New Roman', 'Times Roman', serif; */
 padding: 0.5em;
 background-color: #FEFAEB;
 border: 1px solid #FFEFB6;
}

ul li { margin-bottom: 0.5em; }

div#banner {
 font-family: Georgia, Times, 'Times New Roman', 'Times Roman', serif;
}

div#banner,
div#banneraddress,
div#container,
div#footer { width: 770px; margin: 0 auto;}

h2 {
 background: #51BC8C;
 font-size: 13px;
 text-transform: uppercase;
 padding: 5px;
 margin:0;
 margin-bottom: 0.5em;
}

h3, input.h3 {
 font-size: 100%;
 font-weight: bold;
}

div.item { margin-bottom: 2em; }

div.item h3 {
 color: #000000;
 text-transform: uppercase;
 background: #ffffff;
 margin: 1em 0 1em 0; 
 border-bottom: 1px solid #000000;
 clear: both;
}

div.item img {
 float: left;
 margin-bottom: 2em;
 padding: 0;
 margin-right: 10px;
}
div.itemtext { margin-bottom: 2em; margin-left: 220px; margin-right: 0; }

.date { font-size: 90%; }

dt { font-weight: bold; }

label.nobreak { white-space: nowrap; }
strike { color: #999999; }
b.discount { color: #990000; }
div.categorybox b.discount { color: #000000; }
div.categorybox strike { color: #f0f0f0; }

span.username { color: #006600; font-weight: bold; }

span.unknown { color: #999999; font-style: italic; }

img.icon12 { border: none; margin-right: 1px; position: relative; top: 1px; }
img.icon16 { border: none; margin-right: 2px; position: relative; top: 2px; }
img.sort { position: relative; top: 1px; }
img.right { margin-left: 0.5em; float: right; }

div.errors { border: 1px solid #666666; padding: 0.15em; margin: 0.5em; background-color: #ffffcc; }

a.imglink,
a.imglink:link,
a.imglink:visited,
a.imglink:active,
a.imglink:hover,
img { border: 0; }

img.left {
 float: left;
 margin-right: 0.5em;
 margin-bottom: 0.5em;
}

img.product { margin: 1em; }

a, a:link, a:visited, a:active {
 color: #000099;
 text-decoration: none;
 border-bottom: 1px solid #ccccff;
}

a:hover {
 border-bottom: 1px solid #000099;
}

a.external:after {
 content: url(/images/outlink.png);
}

dt { margin-top: 1em;}
dd { margin-bottom: 0.5em; }
.hangpunc {
 text-indent: -0.4em;
}

div#banner {
 height: 114px;
 background: #ffffff;
 border-bottom: 1px solid #99C1FF;
 padding: 1px;
}

div#bannertop {
 margin: 0;
 padding: 14px;
 color: #ffffff;
 background: #496899 url('/images/banner_top_bg.jpg') bottom right no-repeat;
 height: 58px;
}

h1 { padding: 0; margin: 0; }
h1 a,
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover { border-bottom: none; }

#bannerbottom {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 height: 14px;
 margin: 0;
 font-size: 14px;
 padding: 7px;
 padding-left: 14px;
 background: #ADBBD1 url('/images/banner_bottom_bg.jpg') top right no-repeat;
}

#bannerbottom a{ color: #000000; border: none; }

div#banneraddress  p {
 font-size: 11px;
 text-align: right;
 margin: 0;
 margin-left: -1px;
 margin-right: -1px;
 padding: 2px;
 padding-right: 6px;
 color: #7C94BA;
 background: #ffffff;
 border-bottom: 1px solid #99C1FF;
}
div#bannertop p { margin: 0; padding: 0; color: #C7D4E8; }

div#main {
 float: right;
 width: 539px;
 font-size: 90%;
 color: #000000;
 padding: 1px 24px 24px 24px;
 background: #ffffff;
 min-height: 45em;
 line-height: 130%;
}

div#main h2 { margin-left: -23px; margin-right: -24px; margin-bottom: 24px; }
div#container {
 position: relative;
 background: #ffffff url('/images/container_bg.jpg') top left repeat-y;
}

p.nomtop { margin-top: -12px; }

div#mainmenu {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin: 0;
 width: 181px;
 text-align: center;
 background: #9DD6A2;
 border-top: 1px solid #ffffff;
 padding-bottom: 112px; /* for logo */
}

div#mainmenu h2 {
 color: #ffffff;
 background: #018C59;
 font-size: 13px;
 text-transform: uppercase;
 text-align: left;
 padding-left: 17px;
}

div#mainmenu ul {
 margin: 2px;
 padding: 0;
 text-align: left;
 list-style-type: none;
}

div#mainmenu ul li {
 margin: 0;
 margin-bottom: 0;
 background: transparent url('images/menu_item_bg.jpg') bottom left no-repeat;
}

div#mainmenu ul li span.noa,
div#mainmenu ul li a,
div#mainmenu ul li a:link,
div#mainmenu ul li a:visited,
div#mainmenu ul li a:active {
 display: block;
 /* height: 20px; */
 padding-top: 3px;
 padding-bottom: 3px;
 color: #093600;
 text-transform: uppercase;
 padding-left: 31px;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
 border: none;
 background: transparent url('/images/menu_bullet.jpg') 18px 4px no-repeat;
}

div#mainmenu ul ul {
 padding-left: 39px;
 padding-bottom: 1px; 
 display: block;
 margin: 0;
}

div#mainmenu ul ul li {
 width: 100%;
 background-image: none;
}

div#mainmenu ul ul li a,
div#mainmenu ul ul li a:link,
div#mainmenu ul ul li a:visited,
div#mainmenu ul ul li a:active {
 height: auto;
 text-transform: none;
 padding: 0;
 padding-bottom: 2px;
 padding-left: 17px;
 margin: 0;
 font-weight: normal;
 color: #2E9366;
 background: transparent url('/images/menu_sub_bullet.jpg') left 2px no-repeat;
}

div#logo {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 181px;
 height: 110px;
 background: url('/images/logo.jpg');
 border-bottom: 1px solid white;
}

div#footer {
 font-size: 14px;
 padding: 7px;
 padding-left: 14px;
 color: #B7C5DB;
 clear: both;
 padding: 1px;
 border-top: 1px solid #99C1FF;
}

div#footer a { border: none; color: #ffffff; }
div#footer p {
 color: #ffffff;
 background: #496899;
 margin: 0;
 padding: 4px;
 padding-left: 1em;
}

div#footer p#othersite { float: right; }
div#footer p#othersite a { color: #B4CEE7; }

div.categoryboxcontainer {
 margin-right: -24px;
}

div.categorybox {
 float: left;
 width: 168px;
 margin: 0;
 margin-right: 18px;
 margin-bottom: 20px;
}

div.categorybox a,
div.categorybox a:link,
div.categorybox a:visited,
div.categorybox a:active { border: none; margin:0; padding: 0; }

div.categorybox h3 {
 font-size: 85%;
 display: block;
 width: 160px;
 color: #000000;
 text-align: center;
 padding: 4px;
 margin: 0;
}

div.categorybox.wide { width: 538px; }

div.categorybox img { display: block; }

div.categorybox span.price { float: left; font-weight: bold; }

div.categorybox p {
 margin: 0;
 padding: 4px;
 font-size: 90%;
 font-weight: bold;
 text-align: right;
 background: #51BD8D url(/images/categories/pool_tables_bottom.jpg) bottom left no-repeat;
}

div.categorybox h3 { background: #5BC0C3 url(/images/categories/pool_tables_top.jpg) top left no-repeat;}
div.categorybox#pooltables h3,
div.categorybox#airhockey h3 { background: #5BC0C3 url(/images/categories/pool_tables_top.jpg) top left no-repeat;}
div.categorybox#diners h3,
div.categorybox#tabletennis h3,
div.categorybox#accessories h3 { background: #51BC8C url(/images/categories/table_tennis_top.jpg) top left no-repeat;}
div.categorybox#snookertables h3,
div.categorybox#tablefootball h3,
div.categorybox#cues h3 { background: #747FD2 url(/images/categories/snooker_tables_top.jpg) top left no-repeat;}

div#leftcolumn { width: 258px; float: left; }
div#leftcolumn img { margin: 0 auto 10px auto; }
div#rightcolumn { width: 258px; margin-left: 282px; } 
div#leftcolumn h3,
div#rightcolumn h3 { background: #9dd6a2; padding: 2px; text-transform: uppercase; text-align: left; }
div#leftcolumn p { text-align: left; }

table { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
th, td { padding: 2px; border-right: 2px solid #ffffff;}
th { color: #000000; background: #9DD6A2; text-transform: uppercase;}

div.colourbox {
 width: 42px; 
 display: -moz-inline-box;  /* Moz */
 display: inline-block;  /* Op, Saf \*/
 vertical-align: top;  /* IE Mac */
 margin: 0 10px 10px 0;
}

div.colour {
 width: 38px;
 height: 38px;
}

div.colourbox p { font-family: helvetica, arial, sans-serif; font-size: 90%; margin: 1px 0 2px 0; }
 
div.editlink { clear: both; font-size: 110%; background-color: #ffffcc; padding: 1em; border: 1px solid black; }
form.edit { clear: both; margin: 0; padding: 0;}
form.edit input,
form.edit input.fileinput,
form.edit textarea,
form.edit select,
div.edit { background-color: #ffffcc; }
form.edit textarea { width: 260px; }

span.roomsizecomment { font-style: italic;  line-height: 1.2; font-size: 80%; }