/*

hairy layout for finkfurniture.co.uk site...

(c) 2006 s1webmedia.co.uk

explanation of layout / grid line borders
-----------------------------------------

container div (not shown) centres layout
outer table (not shown) contains header, footer, plus
 nested (l)eft, (c)entre + (r)ight tables:

<    l    ><        c       ><    r    >
+- - - - -++- - - - - - - - ++- - - - -+
|          |                           |
| .....| . | .....| .| .....| . |..... |
| - - -+ = | - - -+ -+ - - -+ = +- - - |
|          |                           |
|      | . |      | .|      | . |      |
|      | . |      | .|      | . |      |
|      | . |      | .|      | . |      |
| - - -+ = | - - -+ -+ - - -+ = +- - - |
|          |                           |
| .....| . | .....| .| .....| . |..... |
| - - -+ = | - - -+ -+ - - -+ = +- - - |
           |

'=' bottom border color same as background

note spacers' ('.') dimensions all hardwired into html
to avoid browser css incompatibilities

so next time... avoid table layouts esp. with borders!!!

*/

/* default */

* {
 padding:0;
 margin:0;
 border:0;
 font-family:'Arial', Helvetica, sans-serif;
}

html,body {
 height:101%;
}

body {
 text-align:center;
 min-height:400px; /* for mozilla/opera/safari */

 background:#fff url(bg.png);
 color:#444;
 font-size:80%;
}

/* container */

#container {
 margin: 0 auto; /* centre */
 text-align:left;
 width:952px; /* topbanner.png width */

 position:relative;

 min-height:100%;
 height:auto;

 background:#fff;
}

* html #container { /* hack for ie */
 height:100%;
}

#outer_table {
 margin:0 0 16px 0;
}

/* header */

.header{
 padding:16px 0 16px 0;
 vertical-align:bottom;
}

h1 {
 font-size:150%;
 font-weight:800;
 letter-spacing:1px;
 color:#6c964c;
 padding:0 0 8px 24px;
}

#caption {
 font-weight:800;
 letter-spacing:1px;
 padding:0 0 8px 24px;
}

#menu {
 padding:8px 0 0 16px;
}

#menu a, #menu #here {
 padding:0 8px 0 8px;
}

td {
 vertical-align:top;
}

/* gridlines */

.gridtl {
 border:solid #999;
 border-width:1px 0 0 1px;
}

.gridrb {
 border:solid #999;
 border-width:0 1px 1px 0;
}

.gridtr {
 border:solid #999;
 border-width:1px 1px 0 0;
}

.gridbl {
 border:solid #999;
 border-width:0 0 1px 1px;
}

.gridnb {
 border:solid #fff; /* background color */
 border-width:0 0 1px 0;
}

.gridlr {
 border:solid #999; /* background color */
 border-width:0 1px 0 0;
}



.spacer, img {
 line-height:0;
 font-size:1px;
}

/* misc */

p {
 padding:8px 8px 8px 8px;
}

.left {
 text-align:left;
 vertical-align:bottom;
}

.center {
 text-align:center;
 vertical-align:bottom;
}

.right {
 text-align:right;
 vertical-align:bottom;
}

.top {
 text-align:center;
 vertical-align:top;
 font-size:90%;
 font-style:italic;
 color:#999;
 padding-right:8px;
}

.nobr {
 white-space:nowrap;
}

a {
 text-decoration: none;
 font-weight:500;
 color:#6c964c;
}

a:hover, #here {
 text-decoration: underline;
}

a img {
 border:0;
}

h2, h3 {
 text-decoration: underline;
 font-size:100%;
 font-weight:normal;
 padding:8px 8px 8px 8px;

}

.icon {
 text-align:left;
 vertical-align:top;
 padding:4px 0 0 0;
}

ul {
 padding:8px 8px 8px 16px;
}

li {
 list-style:inside square;
 display:list-item;
}

.float_right {
 float:right;
}

i { /* kludge: ie6 don't like <i>...</i> in boxes */
 font-size:90%;
 font-style:normal;
 color:#999;
}

.b {
 font-weight:800;
 letter-spacing:1px;
}

/* mailer styles */

input, textarea {
 width:452px;
 background:#fff;
 color:#333;
 border:solid #999 1px;
}

textarea {
 height:14em;
}

button {
 background:#fff;
 border:solid #999 1px;
}

.u {
 text-decoration:underline;
}

/* end */