/*
* Date # Version # Changes
* 080422 # 0.1 # File created: copied style sheet from main site.
* 080425 # 0.2 # Added form element styling.
* 080507 # 0.2.1 # Changed list style type to images.
*/
/******************** Common ********************/
html * { 
margin: 0; 
padding: 0; 
border: 0;
}
body {
margin: 0.5em 0 2em 0;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 0.8em;
line-height: 1.3em;
background-color: #cccccc;
}
/******************** Containers ********************/
#container {
width: 1000px;
margin: 0 auto 0 auto;
background-image: url(../images/background.gif);
background-repeat: repeat;
}
#inner-container {
padding: 0 2em 0 2em;
}
/******************** Main sections ********************/
#top {
width: 100%;
height: 27px;
background-image: url("../images/top_middle.gif");
background-repeat: repeat-x;
clear: both;
}
#middle-left {
width: 100%;
clear: both;
overflow: hidden;
background-image: url("../images/middle_left.gif");
background-repeat: repeat-y;
background-position: left top;
}
#middle-right {
width: 100%;
clear: both;
overflow: hidden;
background-image: url("../images/middle_right.gif");
background-repeat: repeat-y;
background-position: right top;
}
#bottom {
height: 10px;
background-image: url("../images/bottom_middle.gif");
background-repeat: repeat-x;
clear: both;
}
/******************** Header ********************/
#header {
border-bottom: 2px solid #cccccc;
font-size: 0.8em;
height: 6.2em;
}
/* Language menu */
#language {
float: right;
}
#language img {
padding: 0.3em 0 0 0.7em;
}
/* Main menu */
#mainmenu {
float: right;
letter-spacing: 0.05em;
color: #333333;
margin-top: 2.8em;
width: 730px;
}
#mainmenu font {
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
/******************** Content ********************/
#content {
clear: both;
overflow: hidden;
padding: 1em 0 1em 0;
}
#content-left {
width: 200px;
float: left;
margin-right: 14px;
}
#content-right {
width: 730px;
float: left;
}
/* Headers */
div.content-header {
background-color: #cccccc;
clear: both;
height: 20px;
}
p.content-header-text {
padding: 1.4px 3px 0 14px;
float: left;
font-size: 0.85em;
}
/* Text areas */
div.content-left-text {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: #ffffff;
padding: 0.5em;
clear: both;
height: 329px;
font-size: 0.85em;
overflow: hidden;
}
div.content-left-text-links {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color: #ffffff;
padding: 0 0.5em 0 0.5em;
clear: both;
height: 80px;
font-size: 0.85em;
overflow: hidden;
text-align: center;
}
div.content-right-text {
border: 1px solid #cccccc;
background-color: #ffffff;
padding: 0.5em;
clear: both;
min-height: 408px;
font-size: 0.85em;
}
/******************** Footer ********************/
#footer {
clear: both;
padding: 0.3em 0 0 0;
margin-bottom: 1em;
overflow: hidden;
border-top: 2px solid #cccccc;
font-weight: bold;
font-size: 0.8em;
color: #333333;
height: 3em;
}
#footer p {
text-align: left;
}
/******************** Headings ********************/
h1 {
font-size: 1.3em;
padding: 0 0 0.5em 0;
}
h2 {
font-size: 1.1em;
padding: 0 0 0.5em 0;
}
h3 {
font-size: 1em;
padding: 0 0 0.5em 0;
}
/******************** Links ********************/
a {
text-decoration: underline;
font-weight: bold;
}
a:link {
color: #4471a4;
}
a:visited {
color: #4471a4;
}
a:hover	{
color: #000000;
text-decoration: none;
}
/* Left content */
#content-left a {
text-decoration: none;
}
/* Content headers (left & right) */
div.content-header a:link, div.content-header a:visited {
text-decoration: none;
color: #333333;
}
div.content-header a:hover {
color: #ff6600;
text-decoration: none;
}
/******************** Lists ********************/
#content ul {
padding-left: 2em;
margin: 0.5em 0 0 1em;
list-style-type: square;
list-style-image: url(../images/bullet.gif);
}
#content ol {
padding-left: 1em;
margin: 0.5em 0 0 2em;
}
#content li {
margin-bottom: 1em;
line-height: 11px;
}
/******************** Miscellaneous ********************/
.left {
float: left;
}
.right {
float: right;
}
div.content-left-text img, div.content-right-text img {
padding: 3px;
}
div.content-left-text p, div.content-right-text p {
margin-bottom: 0.9em;
}
.TableHeader {
font-weight: bold;
}
table.vahvistus table td {
padding-right: 0.5em;
}

/******************** Form elements ********************/
input, textarea, select {
border: 1px solid #cccccc;
margin: 0 0 0.2em 0.5em;
}
input.ProductSearchButton, input.ProductAddButton, input.ShoppingCartRemoveButton, input.ShoppingCartRemoveAll, input.ShoppingCartUpdate, input.OrderFormSendButton, input.OrderFormConfirmButton, #ws16  {
border: 0;
}
form font {
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: bold;
}

#vahvistus form img {
display: none;
}

#vahvistus form input.OrderFormConfirmButton img {
display: inline;
}

#vahvistus td {
padding-right: 1em;
}