body {
	font-size: 1em; 	
	font-family: Georgia, Palatino, Times New Roman;
	font-weight: normal;
	color: #ffffff;
	background: #000 url(../img/bg-bottom.jpg) bottom left no-repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

a:link, a:visited {
	color: #2C5F9D;
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration: none;
}

.small {
	font-size: 0.9em;
	color: #696969;	
}

h1 {
  margin: .6em 0;
}

#mainflash {
	width: 1000px;
	height: 400px;
}

* html #mainflash {
  margin-left: 68px;
}

#cont {
  margin: 0 auto;
	width: 1000px;
}

#wrapper {
  background: url(../img/bg-top-left.png) top left no-repeat;
}

#bg {
  background: url(../img/bg-top-right.png) top right no-repeat;
}

#content {
  float: left;
  width: 850px;
  margin: 0 68px 40px 68px;
  padding: 15px 0 20px 20px;
  background: url(../img/content-bg.jpg) top left no-repeat; 
}

#tueNakyvasti {
  background: url(../img/tue-nakyvasti.png) top left no-repeat;
  height: 81px;
  text-indent: -9999px;
  margin-left: 10px;
  width: 317px; 
}

#kuvat, #toimituskulut {
  height: 22px;
  text-indent: -9999px;
  margin-left: 10px;
  width: 100%;
  clear: both; 
}

.extraAmount {
	font-size: 11px;
	display: block;
	width: 250px;
	margin: -10px 0 15px 130px;
}

#kuvat {
  background: url(../img/kuvat.png) top left no-repeat;
}  

#toimituskulut {
  background: url(../img/toimituskulut.png) top left no-repeat;
}


#left {
	width: 390px;
	margin: 0;
	float: left;
	text-align:left;
}

* html #left {
  width: 380px;
}

.leftcontainer p.ingressi {
  font-size: 1.15em;
}

.leftcontainer {
	color: #252424;
/*	padding: 0 10px 0 10px;*/
	
}

.leftcontainer strong {
	color: #252424;
}

.leftcontainer h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 10px 0 10px;
	margin: 0 0 10px 0;
}

.leftcontainer h3, .leftcontainer h4, .leftcontainer h5 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 10px 0 10px;
	margin: 20px 0 20px 0;
}

.leftcontainer p {
	font-size: 0.9em;
	font-weight: normal;
	padding: 0 12px 0 12px;
	margin: 20px 0 0 0;
}


.leftcontainer ul, .leftcontainer li {
	font-size: 0.9em;
	font-weight: normal;
	margin: 0;
}
/*
* html .leftcontainer li {
	font-size: 0.9em;
	font-weight: normal;
	margin: 0 0 0 20px;
	padding: 0;
	list-style-position:inside;
	list-style-type:disc;
}
*/

#right {
	width: 410px;
	margin: 0 15px 0 20px;
	float: left;
	text-align: left;
	color: #000;
}

* html #right {
  margin-left: 0;
}

#rightBox {
  background: #ecebeb;
  padding-bottom: 1em;
  font-size: 1em;
}

#right h2 {
	font-size: 1.38em;
	font-weight: normal;
	color: #000;
	margin: 0 0 20px 20px;
}

#right h3, #right h4, #right h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #323232;
	margin: 0 0 0 20px;
}

#right p {
	margin: 10px 10px 10px 20px;
	color: #000;
	font-size: .9em;
}

#right #kutsuwrapper {
	width: 500px;
}

#footer {
	clear: both;
	width: 850px;
	height: 75px;
	margin: 20px 0 20px 70px;
	padding: 10px 0 10px 0;
	text-align: right;
	font-size: 0.8em;
	color: #fff;
	background: url(../img/footer-line.gif) top left no-repeat;
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
}

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

/* POPUP WINDOW */
.popup {
	margin: 10px;
	text-align: left;
	background: #fff;
	color: #000000;
}

.popup h2 {
	border-bottom: #323232 1px dotted;
	margin: 10px;
	padding: 4px;
	color: #0079b1;
}

.popup p {
	color: #000000;
	margin: 10px;
	padding: 4px;
}

.popup ul, .popup li {
	color: #000000;
}



/* FORM */

#order {
/*
  width: 475px;
	margin: 0 0 0 20px;
	padding: 10px 0 10px 0;
	background: #eceaeb;
	border: #e2e2e2 1px solid;
*/	
  font-size: .94em;
}

#cityLabel {
  letter-spacing: -.5px;
}
/*
* html #order {
	width: 475px;
	margin:0;
	padding: 10px 0 10px 0;
	background: #fff;
	border: #e2e2e2 1px solid;
}
*/
img.lisaInfo {
  position:absolute;
  left: 700px;
}

#order.extra {
	height: 200px;
}

#order .formextra {
	margin: 10px 0 0 100px;
	color: #2C5F9D;
}

#order input[type="text"] {
	font-size: 1em; 
	font-family: times,arial,sans-serif;
	color: #323232;
  height:17px;
  padding:6px 4px 4px 4px;
  width:245px;
  border: 0;
  background: url(../img/input-bg.gif) center left no-repeat;
}

* html #order input {
  font-size: 1em; 
  font-family: times,arial,sans-serif;
  color: #323232;
  height:17px;
  padding:6px 4px 4px 4px;
  width:245px;
  border: 0;
  background: url(../img/input-bg.gif) center left no-repeat;
}

#order fieldset {
/*	margin-bottom:10px; */
	padding: 0;
	border: none;
}
/*
* html #order fieldset {
	padding: 0;
	border: none;
}
*/
#order.extra fieldset {
	background: none;
}

#order.extra .extrapayment {
	float: none;
	width: 200px;
}

#order.extra .extrafield {
	margin: 0 0 0 15px;
}

#order legend {
	font-weight:bold;
	padding:0pt 2px;
}
#order label {
	line-height:1.8;
	vertical-align:top;
}
#order fieldset ol  {
	margin:0pt;
	padding:0pt;
}

#order fieldset li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0 5px 0;
	padding:0px;
	clear:both;
}
#order fieldset fieldset {
	padding: 0 0 0 0;
	margin:3px 0pt 0pt;
	background: none;
}
#order fieldset fieldset legend {
	font-weight:normal;
	padding:0pt 0pt 5px;
}
#order fieldset fieldset label {
	display:block;
	width:auto;
}

.hilite {
	color: #8F1A1A;
}

#order em {
	color:#a90000;
	font-style:normal;
	font-weight:bold;
}
#order label {
	width:120px;
	float: left;
	text-align: right;
	margin-right: 5px;
}
#order label.inline {
	float: none;
}

* html #cityLabel {
  letter-spacing: -1px;
}

#order fieldset fieldset {
	padding-left:100px;
}

#order fieldset fieldset label {
	float: none;	
	display: inline;
}
#order .amount {
/*
  	font-size: 1em;
	font-weight: bold;
	margin: 0 0 3px 0;
*/	
}

#order .amount label {
font-weight: bold;
  }

#order .amount input, #order #postCode {
	background: url(../img/input-bg-short.gif) center left no-repeat;
	width: 40px;
}
#order #city {
  background: url(../img/input-bg-city.gif) center left no-repeat;
  width: 99px;
}
#order .radiobtn {
	width: auto;
	height: auto;
}

#order #day, #order #month {
	width: 2em;
}

#order #year {
	width: 3em;
}

#order #firstname, #order #lastname, #order #address, #order #phone, #order #email {
}

* html #order #directMarketing, * html #order #accept {
	border: none;
	width: auto;
	height: auto;
	background: none;
}

#order .dir {
	display: block; 
	text-align:left; 
	margin: -15px 0 0 28px; 
	line-height: 1em;
}

#order .example {
	font-style: oblique;
	color: #666;
	font-size: .9em;
}

#order .submit {
	text-align: center;
	margin: 0 20px 0 0;
}

#order .submit input {
  background: none;
  width: auto;
	height: auto;
	border: 0;
}

#order .submit a img {
	border: 0;
}

#order .sendbtn {
	width: 131px;
	height: 37px;
	border: none;
	float: right;
}

#order span.error {
	float: right;
	background: url(../img/error_bullet.gif) top left no-repeat;
	width: 21px;
	height: 21px;
	display: block;
	margin-right: 2px;
}

#order li.error {
	color: #fff;
	font-weight: bold;	
	background: #D54000 url(../img/big_error_bullet.gif) 2px 2px no-repeat;
	padding: 10px 0 0 35px;
	margin: 0 0 5px 16px;
	height: 24px;
	width: 350px;
}

#order a:link, #order a:visited {
	color: #2C5F9D;
	text-decoration: underline;
}

#order a:hover, #order a:active {
	text-decoration: none;
}

/* 2TUOTE FORM */
#order2 {
/*
  	width: 455px;
	margin: 10px;
	background: #fff;
	border: #e2e2e2 1px solid;
	padding: 10px;
	float: none;
  text-align: left;
  */
}

#order2 h3 {
	margin: 10px;
}

#order2 fieldset {
	padding: 0;
	border: none;
}
/*
* html #order2 fieldset {
	padding: 0;
	border: none;
}
*/
#order2 fieldset ol  {
	margin:0 0 0 70px;
	padding:0pt;
}

#order2 fieldset li {
	list-style:none;
	margin:0pt;
	padding:0px;
	clear:both;
}


div.toimitusehdot {
  text-align: left;
}

.spec {
  margin-left: 10px;
  width: 100%;
}
.spec td {
  font-size: .9em;
  padding-right: 20px;
}

.costs {
  margin: 15px 0 0 30px;
}

.costs td {
  font-size: .75em;
  padding-right: 10px;
}

#mainokset {
  position: relative;
  margin-left: -10px; 
}

#mainokset img {
  margin-top: -20px;
}

#moneta {
  float:left;
  background: url(../img/moneta.png) top left no-repeat;
  height: 80px;
  width: 100px;
  outline: none;
  position: relative;
}

#footer #moneta:hover {
  text-decoration: none;
}
#moneta span {
  visibility: hidden;
}

#photos {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 20px;
  margin-left: 10px;
}

#photos a {
  border: 2px solid #fff;
  display: block;
  float:left;
  width: 80px;
  height: 80px;
  margin: 0 5px 5px 0;
}

#photos img {
  border: 0;
}


* html img,
* html #wrapper,
* html #tueNakyvasti,
* html #kuvat,
* html #toimituskulut,
* html #moneta { behavior: url(/iepngfix/iepngfix.htc) }

* html #bg
{ background: none; }