body {
  background: #000 url('http://www.316.fi/webshop-assets/images/background.jpg') no-repeat top left;
  margin: 0 0 0 40px;
  padding: 0;
  font: 12px/18px 'Georgia', Arial, Verdana, Sans-serif;
}

img { border: 0; }
div.clear { clear: both; }
p { margin: 0 0 15px 0; }
.legend { font-size: 14px; line-height: 22px; color: #a09d93; }

#root {
  width: 920px;
  overflow: hidden;
}

h2 {
  font: 28px/28px 'Georgia', Arial, Sans-serif;
  color: #df1500;
  margin: 0 0 10px 0;
}

h3 {
  font: 20px/20px 'Georgia', Arial, Sans-serif;
  color: #df1500;
  margin: 0 0 10px 0;
}

a { text-decoration: underline; color: #008dbc; }
a:hover { text-decoration: none; color: #008dbc; }

button.SubmitButton, button.UpdateButton {
  background: #a09d93;
  font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, Sans-serif;
  border: none;
  padding: 5px;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

button.SubmitButton:hover, button.UpdateButton:hover {
  background: #b5b0a7;
  cursor: pointer;
}


fieldset { border: none; }
fieldset label { float: left; width: 100px; margin-top: 2px; }
div.FormSubmit { margin-top: 10px; }
.Success { color: #6abb00; }


/* Navigation */

#navi { margin: 130px 0 0 15px; float: left; }

#navi a {
  color: transparent;
  text-decoration: none;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  float: left;
  height: 34px;
}

#navi a:hover { opacity: 0.85; }

#navi a.paidat {
  background: transparent url('http://www.316.fi/webshop-assets/images/finnish/navi_paidat.png') no-repeat;
  width: 68px;
}

#navi a.t-paidat {
  background: transparent url('http://www.316.fi/webshop-assets/images/finnish/navi_t-paidat.png') no-repeat;
  width: 79px;
}

#navi a.hupparit {
  background: transparent url('http://www.316.fi/webshop-assets/images/finnish/navi_hupparit.png') no-repeat;
  width: 82px;
}

#navi a.paahineet {
  background: transparent url('http://www.316.fi/webshop-assets/images/finnish/navi_paahineet.png') no-repeat;
  width: 90px;
}

#navi a.laukut {
  background: transparent url('http://www.316.fi/webshop-assets/images/finnish/navi_laukut.png') no-repeat;
  width: 68px;
}

#navi a.tarvikkeet {
  background: transparent url('http://www.316.fi/webshop-assets/images/finnish/navi_tarvikkeet.png') no-repeat;
  width: 91px;
}


a.logoLink {
  float: right;
  width: 90px;
  height: 65px;
  margin: 110px 35px 0 0;
}


/* BoxWindows */

#boxWindows { margin-top: 20px; line-height: 0; }
#boxWindows a:hover { opacity: 0.85; }

#boxWindows div.oneBox {
  width: 300px;
  height: 85px;
  background: #fff;
}

#boxWindows a {
  float: left;
  margin-right: 10px;
  width: 300px;
  height: 85px;
}

#boxWindows a.link1 { background: #fff url('http://www.316.fi/webshop-assets/images/boxWindows/bags.jpg') no-repeat top left; }
#boxWindows a.link2 { background: #fff url('http://www.316.fi/webshop-assets/images/boxWindows/threesixteenfever.jpg') no-repeat top left; }

#boxWindows #yourCart {
  width: 300px;
  height: 85px;
  background: #fff url('http://www.316.fi/webshop-assets/images/boxWindows/cartBackground.jpg') no-repeat top left;
  float: left;
}

#boxWindows #yourCart a {
  float: none;
  margin-right: 0;
}

#boxWindows #yourCart p.cartItems {
  margin: 14px 0 35px 15px;
  font: 14px 'Georgia', Arial, Verdana, Sans-serif;
  color: #858173;
  font-variant: small-caps;
}

#boxWindows #yourCart p.cartItems a {
  color: #858173;
  text-decoration: underline;
}

#boxWindows #yourCart p.cartItems a:hover {
  color: #858173;
  text-decoration: none;
}

#boxWindows #yourCart ul { list-style: none; margin: 0 0 0 15px; padding: 0; }
#boxWindows #yourCart ul li { float: left; margin-right: 5px; }
#boxWindows #yourCart ul li a { color: #df1500; text-decoration: underline; margin-right: 3px; text-transform: lowercase; }
#boxWindows #yourCart ul li a:hover { color: #df1500; text-decoration: none; }


/* Container */

#container {
  width: 880;
  background: #fff;
  margin-top: 15px;
  padding: 20px;
}

/* Content - Frontpage */

#hotPicks {
  margin-top: 40px;
  border-top: 1px dotted #eee;
  padding-top: 15px;
}

#hotPicks h2 { margin-bottom: 15px; }


/* Content - Product page */

div.productPage div.leftColumn {
  width: 400px;
  border-right: 1px solid #eee;
  padding-right: 30px;
  float: left;
}

div.productPage div.leftColumn div.productInfo {
  float: left;
  width: 260px;
}

div.productPage div.leftColumn div.productOptions {
  float: right;
  margin: 42px 0 0 35px;
  width: 105px;
}

div.productPage div.leftColumn div.productOptions h3 { margin-bottom: none; }

div.productPage div.leftColumn dl.Availability {
  border-top: 1px dotted #eee;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  width: 105px;
}

div.productPage div.leftColumn dl.Availability dt {
  color: #a09d93;
  font-variant: small-caps;
  font-size: 14px;
  line-height: 22px;
}

div.productPage div.leftColumn dl.Availability dd { margin: 0; font-size: 11px; }
div.productPage div.leftColumn dl.Availability dd.StorageInfo { color: #c20000; }
div.productPage div.leftColumn dl.Availability dd.DeliveryTime { color: #6abb00; }

div.productPage div.leftColumn fieldset {
  width: 100%;
  border: none;
  margin: 0;
  padding: 25px 0 0 0;
}

div.productPage div.leftColumn fieldset label {
  font-size: 14px;
  line-height: 22px;
  font-variant: small-caps;
  color: #a09d93;
  float: left;
  width: 70px;
}

div.productPage div.leftColumn fieldset div.BuyFormQuantity { margin: 3px 0 3px 0; }
div.productPage div.leftColumn fieldset div.FormSubmit { margin: 10px 0 0 70px; }


div.productPage div.productImages {
  float: left;
  width: 415px;
  margin-left: 10px;
}

div.productPage div.productImages a#CurrentProductImage {
  width: 415px;
  height: 415px;
}

div.productPage div.productImages p#ProductImageCaption { color: #9e9e9e; }
div.productPage div.productImages ul#ProductThumbnails {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.productPage div.productImages  ul#ProductThumbnails li {
  width: 100px;
  float: left;
  margin: 0 3px 3px 0;
}


/* Content - Product list */

div.productList ul , #hotPicks ul{ list-style: none; margin: 0; padding: 0; }
div.productList ul li, #hotPicks ul li {
  width: 215px;
  float: left;
  margin: 0 5px 5px 0;
}


/* Content - Cart */

div.cart #CartTable thead, #OrderPreview thead { background: #eee; text-align: left; }

td.CartPic { width: 125px; }
th.CartProduct { width: 450px; }
th.CartPrice { width: 100px; }
th.CartQuantity { width: 100px; }
caption { display: none; }

div.cart #CartTable td, div.cart #CartTable th, #OrderPreview td, #OrderPreview th {
  padding: 10px;
  border-bottom: 1px dotted #eee;
  text-align: left;
}

div.cart #CartTable a.CartRemove, #OrderPreview a.CartRemove { color: #9e9e9e; }

div.cart #CartTable thead td, div.cart #CartTable thead th, #OrderPreview thead td, #OrderPreview thead th {
  padding: 2px 10px 2px 10px;
  font-variant: small-caps;
}

div.cart #UpdateCart, #OrderPreview #UpdateCart { margin: 15px 0 -10px 0; }
div.cart button.ToCheckout { margin: 0 0 0 -10px; }
div.cart p.ContinueShopping { margin: 20px 0 0 -10px; }


/* Content - Other */

.HeaderItem p, .FormHelp { color: #9e9e9e; }
.FormItem { margin-top: 15px; }

.GroupLabel {
  float: none;
  font-weight: bold;
}

.CheckWrap .required { font-weight: bold; }
.Checks label { width: 220px; }


.info-page h3 { margin-top: 15px; }


dl#AccountInformation dt { font-weight: bold; margin-top: 25px; }

table#OrderHistory { margin-top: 35px; }
table#OrderHistory thead { background: #eee; text-align: left; }
table { margin-bottom: 15px; }


/* Footer */

#footer { margin: 25px 0 50px 15px; }
#footer a:hover { opacity: 0.5; }

#footer a {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  color: transparent;
}

#footer img.balk {
  position: relative;
  bottom: 2px;
  float: left;
  display: none;
}

#footer a.inEnglish {
  background: transparent url('http://www.316.fi/webshop-assets/images/finnish/inEnglish-link.png') no-repeat top left;
  padding: 13px 0 0 210px;
  float: left;
  display: none;
}

#footer a.terms {
  background: transparent url('http://www.316.fi/webshop-assets/images/finnish/toimitusehdot-link.png') no-repeat top left;
  padding: 11px 0 0 79px;
  float: left;
  margin-right: 7px;
  display: none;
}

#footer a.contactUs {
  background: transparent url('http://www.316.fi/webshop-assets/images/finnish/yhteystiedot-link.png') no-repeat top left;
  padding: 13px 0 0 70px;
  float: left;
  margin-left: 10px;
}

#footer div.right {
  float: right;
  margin: 0 15px 0;
}