/* ------------------ generalised styles  ---------------------------- */

html  { overflow-y:scroll; } /* scrollbar fix */
body  { margin:0; background:#ffffff url('images/bg.gif'); }
table { margin:0; border:0; padding:0; border-collapse:collapse; }
td    { margin:0; border:0; padding:0; vertical-align:top; }
img   { border:0; }
form  { margin:0; }

body,td,p { font:small arial,sans-serif; color:#999999; }
.smalltext, .smalltext p, .smalltext td { font-size:x-small; font-family:tahoma,sans-serif; }

a:link, a:visited {text-decoration:none; color:#999999; }
a:hover           {text-decoration:underline;}

ul {margin:3px 0 3px 10px; padding:3px 0 3px 10px;}

/* html,body { height:100%; } */

h1 {color:#ffffff; margin:0 0 10px 0; font:bold large  arial,sans-serif;  }
h2 {color:#999999; margin:0 0 7px  0; font:bold medium arial,sans-serif;  }
h3 {color:#999999; margin:0 0 2px  0; font:bold small  arial,sans-serif; }

/* ---------------- style for outer div --------------------------- */

div#outer {height:100%; width:760px; margin:0 auto; padding:0 0 1px 0; background:#ffffff ; border-width:0; border-style:solid; border-color:#ffffff; }
div#homethumbs { background:#551155; text-align:right; }
img.homethumb {border-width:1px 0 0 1px; border-style:solid; border-color:#ffffff;}

/* -------------- styles for header / nav table --------------------- */

div#hedbanr { margin:0; background:#ffffff url('images/headbg.gif'); height:105px; }

div#prodsearch {float:right; margin:35px 0 0 0; padding-right:60px; }
img#searchrub { margin:0 0 3px 0; }
input#searchfield { width:188px; }

div#menu    { text-align:right; margin:0; background:#aaaaaa; }
div#menu ul { list-style-type:none; padding:0;}
div#menu li { display:inline; font:small arial,helvetica,sans-serif;}
div#menu a  { padding:0 10px; }
div#menu a:link, div#menu a:visited { background:#aaaaaa ; color:#ffffff; }
div#menu a:hover                    { background:#777777 ; text-decoration:none; }
div#menu a:link, div#menu a:visited, div#menu a:hover {background-image:url('images/white.gif'); background-repeat:repeat-y;}

div#prodmenu       { position:absolute; z-index:3; display:none; }
table.popmenu td   { border:solid 1px #aaaaaa; }
table.popmenu td a { padding:1px 7px; display:block; height:1%; }
table.popmenu td a:link, table.popmenu td a:visited { background:#eeffee; color:#777777;}
table.popmenu td a:hover                            { background:#777777; color:#ffffff; text-decoration:none; }

div#menu2 { text-align:right; margin:0; background:url('images/menu_bottom_bg.gif'); }

/* -------------- styles for footer --------------------- */

div#footer    { background: #cccccc; margin:0 0 8px 0;}
div#footer ul { list-style-type:none; padding:0; margin:0;}
div#footer li { display:inline; font:small arial,helvetica,sans-serif;}
div#footer a  { padding:0 10px; height:35px;}
div#footer a:link, div#footer a:visited { color:#666666; }
div#footer a:hover                      { color:#444444; background:#bbbbbb ; text-decoration:none; }
div#footer a:link, div#footer a:visited, div#footer a:hover {background-image:url('images/white.gif'); background-repeat:repeat-y; background-position:right;}


/* -------------- styles for 2 or 3 col main content table --------------- */

table#threecol      { width:100% }
table#threecol td#L { width:30%;   background:#ffffff url('images/longrey.gif') repeat-x; padding:8px 0 0 0;}
table#threecol td#M { width:25%;   background:#ffffff url('images/longrey.gif') repeat-x; padding:8px 20px 0 0; }
table#threecol td#R { width:279px; background:#ffffff url('images/longrey.gif') repeat-x; padding:8px 15px 0 0;}

table#threecol a:link    { color:#337755; }
table#threecol a:visited { color:#337755; }

table#twocol      { width:100% }
table#twocol td#L { width:30%;   background:#ffffff url('images/longrey.gif') repeat-x; padding:8px 0 0 0;}
table#twocol td#R {              background:#ffffff url('images/longrey.gif') repeat-x; padding:8px 15px 0 0;}

table#twocolplain      { width:100%; margin:0; }
table#twocolplain td#L { width:30%;   background:#ffffff; padding:8px 0 0 0;}
table#twocolplain td#R {              background:#ffffff; padding:8px 0 0 20px;}

table#twocolplain h1 {color:#777777; margin:0;}
table#twocolplain h2 {color:#777777; margin:0;}

div#padder  { margin:15px 30px; }
div.divider { background:#ffffff url('images/dividerline.gif') repeat-x; height:17px; }
div#fullcontent { background:#551155; padding:10px 40px 0 40px; }

/* ----------------- assorted styles for various pages ------------------*/


ul.none { margin:0; padding:0; list-style-type:none; }
ul.none li {margin:0 0 10px 0;}

div#staffcontent {margin:0 0 15px 15px; border:solid 1px #330066; padding:2px 10px; background:#bbaacc; font:bold x-small arial,sans-serif; }
div#staffcontent h2 { color:#ffffff; font-size:small; display:inline; margin:0 10px;}
span#staffmenu { background:#330066; color:#ffffff;  }
span#staffmenu a:link, div#staffcontent a:visited { padding:1px 12px; color:#ffffff; font:bold x-small arial,sans-serif;}
span#staffmenu a:hover {text-decoration:none; background:#ffffff; color:#330066;}

div#search1 {position:relative; }
div#search2 {background:#bbaacc; text-align:right; padding:3px 0; width:220px; position:absolute; left:60px; top:-40px; } /* balance against td.mainr padding! */
input#searchfor {width:80px; border:solid 1px #5555aa; font-size:x-small;}
input#searchbutt {border:0; background:#bbaacc; font:bold x-small tahoma,arial,sans-serif; color:#ffffff;}
select#searchtype { font:x-small tahoma,arial,sans-serif; color:#000000; }

img.floatleft        { float:left;  margin-right:5px; }
img.floatright       { float:right; margin-left: 5px; }
div.welcomes, div.welcomes p {  }
div.orginfo, div.orginfo p   { color:#aa0000; }
div.clearboth        { clear:both; height:15px; }
div.inset            { margin-left:15px; }
ul.spaced li         { margin-bottom: 8px; }
div.picdiv           { float:right; width:150px; text-align:right; }
.blu                 { color:#BBCCFF; }
table#threecol a.blu:link { color:#BBCCFF; }
table#threecol a.blu:visited { color:#BBCCFF; }
.whitebold          { color:white; font-weight:bold; }
table#threecol a.whitebold:link    { color:white; }
table#threecol a.whitebold:visited { color:white; }

img.newspic          { margin:7px 0; }
img.newsbutt         { margin:3px 0 6px 0; }
img.outline { border:solid 1px #aaaaaa; }

.left  { float:left;  }
.right { float:right; }

table.outline td { border:1px solid #cccccc; padding:1px 5px; }

input.formbutt { margin:6px 0 0 0; border:solid 1px #777777; padding:0 2px; background:#eeeeee; color:#777777; font:x-small tahoma,arial,sans-serif; }
input.formbox  { border:solid 1px #666666; width:180px; font-size:small; margin:1px 10px 1px 0; }

fieldset       { border:solid 1px #cccccc; margin:0 0 10px 0; padding:0 10px 5px 15px; }
legend         { color:#aaaaaa; font-style:italic; }
fieldset td    { padding:0 5px;}
fieldset table { margin:6px 10px 5px 10px;}

input.smallbutt {
background:#ffffff; 
border:solid 2px #bb5577; 
font-size:x-small; 
color:#aa4466; 
width:74px; 
height:18px;
padding:0 2px;
margin:6px 0 0 0;
}

textarea.enqtext { width:300px; }
input.enqfield { width:300px; }
input.namefield { width:140px; }

textarea#msg { width:350px; }
textarea#brochureinfo { width:350px; }

div.dimbox { float:right; width:150px; padding:0 0 0 50px; }
img.prodthumb { border:solid 1px #aaaaaa; margin-right:5px; }
img.thumbfill { border:solid 1px #ffffff; margin-right:5px; }

table#prodtable td { font-size:x-small; font-family:tahoma,sans-serif; padding-bottom:5px; }

.warning { color:#aa0000; }

div#testimonial    { padding:0 80px 20px 60px; font-style:italic; }
div#testimonial *  { font-style:italic; }
div#testimonial p  { margin:auto auto 0 auto; }
div#testimauthor   { margin:0; padding:0 30px; font-weight:bold; text-align:right; }

/* --------------------- portfolio pages -------------------------------------*/

table.outline tr.head td   {background:#eeeeee;}
table.outline tr.active td {background:#ffdddd;}