/* DOCUMENT */

body
{
text-align:center;
margin:0p;
padding:0px;
margin:0px;
font-family:georgia, roman, times new roman; 
font-size:12px;
color:#444;
background-color:#9c8972;
background-image:url('../gfx/mainbg.gif');
background-repeat:repeat-x;
line-height:1.5;
}

td
{
vertical-align:top;
}

table
{
font-family:georgia, roman, times new roman; 
font-size:12px;
color:#444;
line-height:1.5;
}

img
{
border:0px;
padding:0px;
margin:0px;
}

h1
{
font-size:13px;
color:#888;
}

h2
{
font-size:12px;
color:#9c8972;
}

input
{
border:1px solid #aaa;
font-family:georgia, roman, times new roman; 
font-size:12px;
color:#444;
}

/* ELEMENTS */

div#mainContainer
{
text-align:left;
margin:20px auto 0px auto;
padding:0px;
width:760px;
border:0px;
}

div#altmainContainer
{
text-align:left;
margin:0px auto 0px auto;
padding:0px;
width:400px;
border:0px;
}

div#docTop
{
width:762px;
height:20px;
margin:0px;
padding:0px;
float:left;
}

div#topLinks
{
float:right;
padding:0px;
margin:0px 20px 0px 0px;
}

div#docHeader
{
width:762px;
height:108px;
margin:0px;
padding:0px;
float:left;
background-color: #fff;
background-image: url('../gfx/topbg.jpg');
background-repeat: no-repeat;
content:".";
}

div#docLinks
{
text-align:center;
width:762px;
height:30px;
margin:0px;
padding:0px;
float:left;
background-color: #fff;
background-image: url('../gfx/linksbg.gif');
background-repeat: no-repeat;
}

div#links
{
margin:0px 0px 0px -3px;
padding:0px;
}

div#docContent
{
width:762px;
margin:0px;
padding:0px;
text-align:center;
float:left;
background-color: #fff;
background-image: url('../gfx/bodybg.gif');
background-repeat: repeat-y;
}

div#content
{
text-align:left;
width:720px;
margin:0px auto 0px auto;
background:#fff;
padding:0px;
}

div#docFooter
{
width:762px;
height:40px;
content:".";
margin:0px;
padding:0px;
text-align:center;
float:left;
background:#eee;
background-color: #fff;
background-image: url('../gfx/footerbg.gif');
background-repeat: no-repeat;
}

div#footer
{
text-align:center;
color:#888;
font-weight:bolder;
font-size:11px;
width:700px;
margin:10px auto 0px auto;
padding:0px;
}

div#afterFooter
{
width:762px;
height:40px;
content:".";
margin:0px;
padding:0px;
text-align:center;
float:left;
}



/* FORMATTING */

img.title
{
float:left;
clear:both;
margin:20px 0px 10px 0px;
padding:0px;
}


img.frontItem
{
height:150px;
width:150px;
}


img.bigImg
{
height:340px;
width:340px;
}

div.row
{
width:720px;
float:left;
margin:0px;
padding:0px;
}

table.cartTable
{
width:340px;
}

table.itemTable
{
width:160px;
}

table.registerTable
{
width:320px;
}

td.lightCell
{
color:#888;
}

div.rowHalf
{
width:350px;
float:left;
margin:0px;
padding:0px;
}

div.rowHalfFrontTop
{
width:320px;
float:left;
margin:0px;
padding:0px;
}

div.rowHalfFrontTopImg
{
width:350px;
float:left;
margin:0px 0px 0px 20px;
padding:0px;
}

div.rowQuart
{
width:175px;
float:left;
margin:0px;
padding:0px;
}

div.rowPadding
{
width:720px;
float:left;
margin:10px 0px 20px 0px;
padding:0px;
}

div.rowPaddingBottom
{
width:720px;
float:left;
margin:0px 0px 15px 0px;
padding:0px;
}

div.link
{
margin:0px 0px 0px 20px;
padding:0px;
float:left;
}

div.linkRight
{
margin:0px;
padding:0px;
float:left;
}

textarea.orderNoticeInput
{
width:250px;
height:50px;
}

input.itemQty
{
width:35px;
}

input.searchWord
{
width:100px;
}

input.select
{
}

input.inputNormal
{
width:120px;
}

input.formButton
{
width:120px;
font-weight:bolder;
color:#666;
background:#eee;
}


/* TEXT */

p.light
{
color:#888;
}

p.bottomLight
{
color:#d8c68f;
}

p.notice
{
color:#996666;
font-weight:bolder;
font-size:11px;
}

a.greyLink:link,a.greyLink:active,a.greyLink:visited
{
font-family:georgia, roman, times new roman;
font-size:12px;
color:#888;
font-weight:normal;
text-decoration:none;
}

a.greyLink:hover
{
color:#444;
}

a.shopLink:link,a.shopLink:active,a.shopLink:visited
{
font-family:georgia, roman, times new roman;
font-size:11px;
color:#888;
font-weight:bolder;
text-decoration:none;
}

a.shopLink:hover
{
color:#444;
}


a.brownLightLink:link,a.brownLightLink:active,a.brownLightLink:visited
{
font-family:georgia, roman, times new roman;
font-size:11px;
color:#d8c68f;
font-weight:bolder;
text-decoration:none;
}

a.brownLightLink:hover
{
color:#6a4f0d;
}

div.etusivu
{
width:600px;
float:left;
padding-left:80px;
padding-top:40 px;
}