/*** Webshop CSS: TOC

 * - Common styles
 * - Forms (common)
 * - Links
 * - Header
 * - Mainmenu (inside Header)
 * - Wrapper
 * - Content
 * - Product
 * - Sidebar
 * - Submenu
 * - Footer
 * - Customers
 * - Misc
 * - Cart
 **/

/* Common styles **************************************************************/

body {

  background: #e5e2d4 url(/img/nvinterior/layout/bg.jpg) repeat top center;
  width: 100%;
  padding: 0;
  margin: 0px 0 30px 0;
  text-align: center;

  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
}

table, tr, td, textarea, input, select, option {

  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

h2 {

  font-family: Georgia, Arial, Sans-Serif;
  font-size: 20px;
  font-weight: normal;
  color: #6b1718;

  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 15px;
}

h3 {

  font-family: Georgia, Arial, Sans-Serif;
  font-size: 16px;
  font-weight: normal;
  color: #6b1718;

  padding-top: 0;
  padding-bottom: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

#flashmessage {
  
  font-family: Georgia, Arial, Sans-Serif;
  font-size: 16px;
  font-weight: normal;
  color: #6b1718;

  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 10px;
}

div, img, form {

  padding: 0;
  margin: 0;
  border: 0;
}

ul {

  list-style-type: disc;
  padding: 0 0 0 20px;
  margin: 0px;
}

li {

  list-style-type: disc;
  padding-bottom: 2px;
}

p {

  margin: 10px 0 5px 0;
}

.notice a {
  font-size: 16px;
  font-weight: bold;
}
a {
  outline: none;
}


/* Forms **********************************************************************/

.inputfield {

  background-color: #FFF;
  border: 1px solid #701c1a;
  padding: 3px 2px;
}

.button {

  font-family: Georgia, Arial, Sans-Serif;
  background-color: #6b1718;
  border: 2px solid #4b1616;
  padding: 1px;
  color: #FFF;
}

.interestcheckbox {
  margin-left: 150px;
}

.interestcheckbox label {
  margin-left: 5px;
}

/* Links **********************************************************************/

a:link, a:visited, a:active {

  color: #6b1718;
  text-decoration: underline;
}

a:hover, a:visited:hover, a:active:hover {

  text-decoration: none;
}

/* Button styled link */

a.button, a.button:link, a.button:visited {
 
  color: #FFF;
  text-decoration: none;
}

a.hidden:link, a.hidden:visited, a.hidden:active {

  text-decoration: none;
}

a.hidden:hover, a.hidden:visited:hover, a.hidden:active:hover {

  text-decoration: underline;
}

/* Header *********************************************************************/

div#header {

left:50%;
margin-left:-290px;
position:absolute;
top:0;
width:630px;
}

div#header h1 {
margin:0 auto;
padding:5px 0 12px 0;
}

div#topban {
  text-align: left;

}


/* Mainmenu (inside Header) ***************************************************/

#header ul {
list-style-type:none;
margin:0 auto;
padding:0 0 5px;
width:530px;
}

#header ul li {

  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 0 0 0 0;
  float: left;
}

#header ul li a:link, #header ul li a:visited, #header ul li a:active {

  font-family: Georgia, Arial, Sans-Serif;
  font-size: 16px;
  font-weight: normal;
  color: #6b1718;
  text-transform: uppercase;
  text-decoration: none;
}

#header ul li a.selected:link, #header ul li a.selected:visited, #header ul li a.selected:active {

  color: #000;
  text-decoration: none;
}

#header ul li a:hover, #header ul li a:visited:hover, #header ul li a:active:hover {

  color: #000;
  text-decoration: none;
}
/** Added 26.5.2009 **/
#header ul li {
    text-indent:-9999px;
}

#header ul li a {
    display:block;
    height:30px;
}

#header ul li#navitem-4 {
    width:82px;
    background: transparent url('/img/nvinterior/menu/etusivu.png') no-repeat;
}

#header ul li#navitem-16 {
    width:84px;
    background: transparent url('/img/nvinterior/menu/myymala.png') no-repeat;
}

#header ul li#navitem-6 {
    width:134px;
    background: transparent url('/img/nvinterior/menu/toimitusehdot.png') no-repeat;
}

#header ul li#navitem-10 {
    width:134px;
    background: transparent url('/img/nvinterior/menu/asiakaspalvelu.png') no-repeat;
}

#header ul li#navitem-11 {
    width:93px;
    background: transparent url('/img/nvinterior/menu/kauppiaat.png') no-repeat;
}

#header ul li:hover{
	background-color:#faf7f0 !important;
}
/** Add 26.5.2009 ended */

/* Wrapper ********************************************************************/

div#wrapper {
margin:0px auto;
padding-top:115px;
text-align:left;
width:990px;
}

/* Content ********************************************************************/

div#content {
float:left;
margin-top:50px;
min-height:400px;
padding:0;
width:600px;
}

* html div#content {

  height: 400px;
}

div#mainphoto {

  width: 600px;
  padding: 0 0px 20px 0px;
  margin: 0;
  float: left;
}

div#text {

  width: 580px;
  padding: 0 10px 20px 10px;
  margin: 0;
  float: left;
  clear: both;
}

div#text-nomargin {

  width: 600px;
  padding: 0 0px 20px 0px;
  margin: 0;
  float: left;
  clear: both;
}

div#text p {

  line-height: 1.6;
}

/* Product ********************************************************************/

div#product {

  width: 600px;
  padding: 0 0px 20px 0px;
  margin: 0;
  float: left;
}

/** Added 27.5.2009 */
div#product-images {
    width:300px;
    float:left;
}

div#product-image {

  background-color: #FFF;
  width: 280px;
  padding: 10px;
  margin: 0px 0px 5px 0px;
  float: left;
}

/** Added 27.5.2009 */
div#thumbs a.thumbs {
    background-color:#fff;
    padding:2px;
    margin:2px;
}

div#product-info {

  width: 270px;
  padding: 0 10px 20px 20px;
  margin: 0;
  float: left;
}

/** Changed 28.5.2009 **/
span#productCount {

  width: 50px;
  float: left;
  font-family: Georgia, Arial, Sans-Serif;
  font-size: 16px;
  color: #6b1718;
}

div#product h3 {

  font-weight: bold;
}

div#product h4 {

  font-family: Georgia, Arial, Sans-Serif;
  font-size: 14px;
  font-weight: normal;
  color: #6b1718;

  padding-top: 0;
  padding-bottom: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

p#product-price {

  background: transparent url(/img/nvinterior/layout/price.png) no-repeat top left;
  width: 100px;
  height: 30px;
  padding: 11px 5px 0 6px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
}

#prod-listing td {

  vertical-align: top;
  width: 145px;
  padding: 2px;
  text-align: center;
}

/** Added 27.5.2009 (down)**/
#prod-listing td {
    position:relative;
}

#prod-listing td span.product-name {
    display:block;
}

#prod-listing td span.sale {
    margin-right:4px;
    font-weight:bold;
    color:#F5925E;
}

#prod-listing td span.saleprice {
    font-weight:bold;
    color:#F5925E;
}

#prod-listing td a.readmore {
    display:none;
}
/** Added 27.5.2009 up**/

#prod-listing td img {

  background-color: #FFF;
  padding: 5px;
}

#prod-listing td a, #prod-listing td a:visited {

  text-decoration: none;
}

.cellSale {

  position: relative;
}

.forsale {
  position: absolute;
  top: 85px;
  left: 0;
  width:100px;
  height:50px;
  background: transparent url('/img/nvinterior/icons/sale.gif') no-repeat;
  z-index: 1000;
}

.single-forsale {

  position: relative;
  top: 0px;
  left: 0px;
  width: 86px;
  height: 65px;
  background: transparent url('/img/nvinterior/icons/sale.gif') no-repeat;
  z-index: 1000;
}

#prod-listing td img.forsale {

  background: transparent;
  padding: 5px;
}

#ProductStorageOrderCount {

  width: 40px;
  float: left;
  background-color: #FFF;
  border: 1px solid #701c1a;
  padding: 3px 2px;
  margin: 1px;
}

#prod-listing tr td div.product {
    position:relative;
}


/* Customers ******************************************************************/

div.input.text,
div.input.date,
div.input.password {

  clear: both;
  margin-bottom: 4px;
}

div.input.text label,
div.input.date label,
div.input.password label {

  width: 150px;
  float: left;
}

div.input.text input,
div.input.password input {

  background-color: #FFF;
  border: 1px solid #701c1a;
  padding: 3px 2px;
  width: 200px;
}

div.input.date select {

  background-color: #FFF;
  border: 1px solid #701c1a;
  padding: 1px;
}

div.input.checkbox {

  clear: both;
  padding: 0 0 0 150px;
}

div.input.checkbox label {

  float: left;
  padding-left: 5px;
}

div.input.checkbox input {

  float: left;
}

.customerinfo div.submit {

  clear: both;
/*
  padding: 14px 0 0 150px;
*/
}

.customerinfo div.submit input {

  background-color: #6b1718;
  border: 2px solid #4b1616;
  padding: 1px;
  color: #FFF;
}

/* orderConfirmation used everytime orderinfo-element gets printed. */

.orderConfirmation div.text,
.orderConfirmation h3 {

  clear: both;
}

.orderConfirmation label {

  width: 150px;
  float: left;
}

.orderConfirmation span {

  width: 250px;
  float: left;
}

/* Sidebar and boxes **********************************************************/

div#sidebar {

  width: 150px;
  padding: 0px 0px 0 20px;
  margin: 0;
  float: left;
}

div#sidebar h3 {

  margin: 0;
  padding: 8px 0 4px 35px;
}

div#sidebar h3#title-minicart {

  background: transparent url(/img/default/icons/box.gif) no-repeat center left;  
}

div#sidebar h3#title-login {

  background: transparent url(/img/default/icons/person.gif) no-repeat center left;  
}

div#sidebar h3#title-quicksearch {

  background: transparent url(/img/default/icons/zoom.gif) no-repeat center left;  
}

div#sidebar h3#title-letter {

  background: transparent url(/img/default/icons/letter.gif) no-repeat center left;  
}

.register {
    clear: both;
    margin-top: 8px;
}

.forgottenpassword {
    display: block;
    margin-top: 3px;
}

.continueorder {
    position: relative;
    left: -35px;
    margin-left: 0px;
    margin-top: 3px;
    margin-bottom: 10px;
    float: left;
    top: 20px;
}

div#customerselect .loginlinks {
/*
    position: relative;
    left: -65px;
    float: left;
    top: 23px;
    margin-bottom: 10px;
    margin-left: auto;
*/
}

.sidebox {

  background: transparent url(/img/nvinterior/layout/box.gif) no-repeat top left;
  width: 130px;
  height: 65px;
  padding: 7px 10px 10px 10px;
  margin-bottom: 15px;
}

.sidebox-wide {

  background: transparent url(/img/nvinterior/layout/box-wide.gif) no-repeat top left;
  width: 130px;
  height: 88px;
  padding: 7px 10px 10px 10px;
  margin-bottom: 15px;
}

.sidebox-large {

  background: transparent url(/img/nvinterior/layout/box-large.gif) no-repeat top left;
  width: 130px;
  height: 180px;
  padding: 7px 10px 10px 10px;
  margin-bottom: 15px;
}

#minicart {

  background: transparent url(/img/nvinterior/layout/box-wide.gif) no-repeat top left;
  width: 130px;
  height: 88px;
  padding: 7px 10px 10px 10px;
  margin-bottom: 15px;
}

#quicksearch {

  background: transparent url(/img/nvinterior/layout/box.gif) no-repeat top left;
  width: 130px;
  height: 65px;
  padding: 7px 10px 10px 10px;
  margin-bottom: 15px;
}

.quicksearch {

  width: 80px;
  clear: none;
  float: left;
  background-color: #FFF;
  border: 1px solid #701c1a;
  padding: 3px 2px;
  margin: 1px;
}

.quickbutton {

/*
  width: 30px;
*/
  font-family: Georgia, Arial, Sans-Serif;
  float: left;
  background-color: #6b1718;
  border: 2px solid #4b1616;
  color: #FFF;
  padding: 1px;
  margin: 1px;
}

div#loginbutton .letterfield {

  width: 80px;
  float: left;
  background-color: #FFF;
  border: 1px solid #701c1a;
  padding: 3px 2px;
  margin: 1px;
}

.letterbutton {

/*
  width: 30px;
*/
  float: left;
  background-color: #6b1718;
  border: 2px solid #4b1616;
  color: #FFF;
  padding: 1px;
  margin: 1px;
}

.loginfield {

  width: 56px;
  float: left;
  background-color: #FFF;
  border: 1px solid #701c1a;
  padding: 3px 2px;
  margin: 1px;
}

.loginbutton {

/*
  width: 30px;
*/
  float: left;
  background-color: #6b1718;
  border: 2px solid #4b1616;
  color: #FFF;
  padding: 1px;
  margin: 1px;
}

div#sidelogin .logininput {
    width: 125px;
}

div#sidelogin .register {
    clear: both;
    margin-top: 3px;
}

div#sidelogin .forgottenpassword {
    clear: both;
    margin-top: 3px;
}

/* Submenu ********************************************************************/

div#menubar {

  background: transparent url(/img/nvinterior/layout/menu_top.png) no-repeat top left;
  width: 210px;
  padding: 58px 10px 0 0px;
  margin: 0;
  float: left;
}

#menubar ul {

  background: transparent url(/img/nvinterior/layout/menu_repeat.png) repeat-y top left;
  width: 170px;
  padding: 3px 20px 10px 20px;
  margin: 0;
  border-bottom: 0px solid #FFF;
  list-style-type: none;
}

#menubar ul li ul {

  background-image: none;
  border-top: 1px solid #a89b90;
  padding: 3px 0px 5px 0px;
  margin: 0 -10px;
  min-height: 10px;
  width: auto;
}

#menubar ul li {

  padding: 3px 10px 3px 10px;
  margin: 0 0px 0 0px;
  border-bottom: 1px solid #a89b90;
  list-style-type: none;
  font-family: Georgia, Arial, Sans-Serif;
  font-size: 15px;
  font-weight: normal;
  color: #6b1718;  
}

#menubar ul li ul li {

  padding: 3px 0px 0 20px;
  margin: 0 20px 0 0;
  border-bottom: 0px solid #a89b90;
  list-style-type: none;
  font-family: Georgia, Arial, Sans-Serif;
  font-size: 12px;
  font-weight: normal;
  color: #6b1718;  
}

#menubar ul li ul li ul li {

  border-bottom: 0px solid #6b1718;
}

#menubar ul li a:link, #menubar ul li a:visited, #menubar ul li a:active {

/*
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
*/

  text-decoration: none;
}

#menubar ul li a.selected:link, #menubar ul li a.selected:visited, #menubar ul li a.selected:active {

  color: #7E174F;
  text-decoration: none;
}

#menubar ul li a:hover, #menubar ul li a:visited:hover, #menubar ul li a:active:hover {

  color: #7E174F;
  text-decoration: underline;
}

div#tuotemerkit {

  background: transparent url(/img/nvinterior/layout/menu_bottom.png) no-repeat top left;
  width: 210px;
  padding: 40px 0 10px 0;
  margin: 0;
  text-align: center;
}

/* Footer *********************************************************************/

div#footer {

  width: 600px;
  padding: 10px 0px 0 0px;
  margin: 0 auto;
  clear: both;
}

/* Misc ***********************************************************************/

div#searchbox {

  background: transparent url(/img/nvinterior/layout/search-bg.png) no-repeat center left;
  width: 580px;
  height: 60px;
  padding-top: 35px;
  text-align: center;
}

div#searchbox b {

  float: none;
  font-family: Georgia, Arial, Sans-Serif;
  font-size: 16px;
  color: #6b1718;
}

#searchbox .quicksearch {
    float: none;
    width: 180px;
}

#searchbox .quickbutton {

  float: none;
  width: 60px;
  height: 23px;
}

.clear {

  clear: both;
}

.required {

  font-weight: bold;
}

.error-message {

  color: #F5925E;
}

img.kuva_left {

	padding-right: 10px;
	padding-bottom: 5px;
}

img.kuva_right {

	padding-left: 10px;
	padding-bottom: 5px;
}

div#text img[align="left"] {

	padding-right: 10px;
	padding-bottom: 5px;
}

div#text img[align="right"] {

	padding-left: 10px;
	padding-bottom: 5px;
}

#line-front {

  background: transparent url(/img/nvinterior/layout/title_front.png) no-repeat top left;
  margin-bottom: 15px;
  height: 24px;
}

.line-wide {

  background: transparent url(/img/nvinterior/layout/line-wide.png) no-repeat top left;
  padding-top: 18px;
  height: 30px;
  clear: both;
}

.link-edit {

  clear: both;
  margin-top: 5px;
}

/* Cart ***********************************************************************/

#cart-table {

}

h2#title-cart-big {

  background: transparent url(/img/default/icons/box-big.gif) no-repeat center left;
  padding: 30px 0 30px 70px;
}

#cart-table thead {

  background: transparent url(/img/nvinterior/layout/cart-head-bg.png) no-repeat top left;
  height: 30px;
}

#cart-table thead th {

  padding-top: 6px;
}

#cart-table tr.cart-total {

  background: transparent url(/img/nvinterior/layout/cart-total-bg.png) no-repeat top left;
  height: 36px;
}

#cart-table tr.cart-total td {

  padding-top: 10px;
}

#cart-table td, #cart-table th {

  vertical-align: top;
  padding: 2px 4px 2px 2px;
}

.cell-product {

  width: 280px;
}

.cell-count {

  width: 85px;
}

.cart-count {

  width: 40px;
}

.cell-aprice {

  width: 80px;
  text-align: right;
}

.cell-price {

  width: 80px;
  text-align: right;
}

.cell-delete {

  width: 55px;
}

.cell-right {

  text-align: right; 
}

#ShopcartPaymentmethod,
#ShopcartShippingmethod {

  width: 200px;
}

#orderitems-table {

  width: 480px;
}

#orderitems-table td, #orderitems-table th {

  vertical-align: top;
  padding: 2px 4px 2px 2px;
}

#orderitems-table td, #orderitems-table th {

  border-bottom: 1px solid #000;
}

/* End of CSS *****************************************************************/

#original-price-title {
  padding-right: 10px;
}

#saleprice {
  padding-left: 10px;
 
}

#quicksearch .submit {
  float: left;
  display: inline;
}
#designby{
display:none;
}
#outlet-top{
/* width:566px;
height:85px;
background:url(/img/nvinterior/layout/outlet-top.gif); */
}
#liike{
width:482px;
padding:35px 35px 20px 35px;
margin-left:14px;
/* background:url(/img/nvinterior/layout/liike.gif); */
background:#fff;
font:14px/22px Arial, Sans-Serif;
color:#505050;
border:5px solid #d16f70;
}
#liike h1{

font:bold 30px/32px Arial, Sans-Serif;
color:#e10000;
}
#liike h2{
margin:0;
font:bold 24px/25px Arial, Sans-Serif;
color:#e10000;
}
#liike h3{
margin:0;
font:bold 17px/23px Arial, Sans-Serif;
color:#505050;
}
#outlet-bottom{
/* width:552px;
height:17px;
margin-left:14px;
background:url(/img/nvinterior/layout/outlet-bottom.gif); */

}
