@charset "ISO-8859-1";

html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }


body {
background: #af7739 url(/files/aukustiina/img/body.jpg) top center;
margin: 0 auto;
padding: 0 auto;
font: 500 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
margin: 0;
padding: 10px 45px;
font: 700 22px/26px Arial, Helvetica, sans-serif;
color: #898c2a;
}

h2 {
margin: 0;
padding: 15px 0 5px 0;
font: 700 18px/22px Arial, Helvetica, sans-serif;
color: #000;
}

h3 {
margin: 0;
font: 700 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
}

p {
margin: 0;
padding: 0 0 10px 0;
}

form {
padding: 0;
margin: 0;
}

img {
border: none;
}

a {
color: #607580;
}

a:hover {
color: #335566;
}

button, .ContinueShopping a, #NewCustomerContinue a, #customer_navigation_buttons a {
background-position: top left;
height: 34px;
border: 0px solid #FFFFFF;
cursor: pointer;
}

button:hover, .ContinueShopping a:hover, #NewCustomerContinue a:hover, #customer_navigation_buttons a:hover {
background-position: bottom left;
}

button span, .ContinueShopping a span, #NewCustomerContinue a span, #customer_navigation_buttons a span {
display: none;
}

fieldset {
border: 4px double #bec06e;
padding: 10px;
margin: 10px 0 0 0;
background: url(/files/aukustiina/img/lightgreen_bg.gif) top center;
}

legend {
padding: 0 5px;
background: #fff;
}

label {
font: 700 13px/15px Arial, Helvetica, sans-serif;
padding: 5px 0 2px 0;
margin: 0;
display: block;
color: #381e11;
}

label.GroupLabel {
font: 700 17px/19px Arial, Helvetica, sans-serif;
padding: 10px 0 4px 0;
}

textarea {
border: 1px solid #8c9026;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #efefdb;
margin: 0;
width: 300px;
display: block;
}

select {
border: 1px solid #8c9026;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #efefdb;
margin: 0;
padding: 4px 1px;
display: block;
}

p {
font-size: 12px;
}

#center_wrap {
width: 100%;
text-align: center;
}

#wrap {
width: 950px;
text-align: left;
margin: 30px auto;
}

#header {
background: url(/files/aukustiina/img/header_bg.gif) no-repeat top;
height: 72px;
padding: 0;
}

#header_menu {
width: 220px;
height: 36px;
float: left;
background: url(/files/aukustiina/img/header_menu_bg.gif) no-repeat bottom left;
font: 700 18px/36px Arial, Helvetica, sans-serif;
color: #fff;
padding: 36px 0 0 20px;
}

#header_main {
width: 710px;
height: 72px;
float: right;
background: url(/files/aukustiina/img/header_main_bg.gif) no-repeat bottom left;
}

#main {
background: url(/files/aukustiina/img/main_bg.gif) repeat-y top;
}

#main_menu {
width: 240px;
float: left;
padding: 0 0 10px 0;
}

#main_main {
width: 710px;
float: right;
padding: 0;
}

#main_main_header {
height: 64px;
background: url(/files/aukustiina/img/main_main_header_bg.gif) no-repeat top;
}

#main_main_menu {
height: 40px;
background: url(/files/aukustiina/img/main_main_menu_bg.gif) no-repeat top;
text-align: center;
}

.GroupErrorMessage, .FormErrorMessage {
color: #c00;
}

#customer_navigation {
font-size: 12px;
height: 34px;
padding: 10px 17px;
}

#customer_navigation_info {
width: 438px;
padding: 0 13px;
line-height: 33px;
height: 34px;
float: left;
background: url(/files/aukustiina/img/customer_navigation_info.gif) no-repeat top;
}

#customer_navigation_buttons {
width: 210px;
height: 34px;
float: right;
}

.customer_cart {
background-image: url(/files/aukustiina/img/tocart_white.gif);
display: block;
width: 104px;
float: left;
margin-right: 2px;
}

.customer_checkout {
display: block;
width: 104px;
float: left;
background-image: url(/files/aukustiina/img/tocheckout_white.gif);
}

.FormItem input.HiddenInput {
display: none;
}

/* =Breadcrumb */

#CheckoutStage .CurrentCheckoutStage {
font-weight: bold;
color: #898C2A;
}

#BreadcrumbContainer {
padding: 0 30px 15px 30px;
}

ol#CheckoutStage {
list-style: decimal inside;
display: inline;
margin: 0 0 0 10px;
padding: 0;
}

#CheckoutStage li {
margin-right: 10px;
display: inline;
}


ul.Breadcrumb, ul.Breadcrumb ul, ul.Breadcrumb li, ul.Breadcrumb li li a {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}

ul.Breadcrumb a {
color: #381e11;
}

ul.Breadcrumb a:hover {
color: #966233;
}

/* Breadcrumb */

/* ACCOUNT LOGIN */


.FormItem input {
border: 1px solid #8c9026;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #efefdb;
padding: 4px 1px;
margin: 0;
width: 200px;
display: block;
}

.LoginButton {
background: url(/files/aukustiina/img/login_button.gif) no-repeat top;
border: none;
margin: 10px 0 0 0;
width: 132px;
height: 26px;
}

.SubmitButton {
background: url(/files/aukustiina/img/send_button.gif) no-repeat top;
border: none;
margin: 10px 0 0 0;
width: 104px;
height: 34px;
}

/* FOOTER */

#footer {
background: url(/files/aukustiina/img/footer_bg.gif) no-repeat top;
width: 950px;
height: 45px;
}

.clearall {
width: 100%;
height: 1px;
clear: both;
}

/* =Product List */

.Product {
width: 172px;
height: 300px;
background: url(/files/aukustiina/img/productlist_product_bg.png) no-repeat top;
padding: 14px;
float: left;
margin: 5px;
text-align: center;
position: relative;
}

.ProductImage img, .categorylist_product img {
border: 4px double #c7c983;
background: #fff;
}

.ProductImage img:hover, .categorylist_product img:hover {
border: 4px double #a7a963;
}

.Product dt.Price, .Product dt.ListPrice {
display: none;
}

.Product dd.Price {
position: absolute;
top: 235px;
left: 0;
margin: 0;
padding: 0;
text-align: center;
font: 700 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #7d8026;
width: 200px;
}

.Product dd.Price span.Currency, .Product dd.ListPrice span.Currency, #product_info .Prices span.Currency {
padding-left: 3px;
}

.Product dd.ListPrice {
position: absolute;
top: 253px;
left: 0;
margin: 0;
padding: 0;
text-align: center;
font: 100 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #381e11;
text-decoration: line-through;
width: 200px;
}

.Product h2 {
font: 700 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 5px 0 0 0;
}

.Product .ProductName a, .categorylist_product a {
color: #381e11;
text-decoration: none;
}

.Product .ProductName a:hover, .categorylist_product a:hover {
color: #000;
text-decoration: underline;
}

a.AddToCart {
display: block;
width: 154px;
height: 34px;
background-image: url(/files/aukustiina/img/addtocart.gif);
background-position: top center;
margin: auto;
}

a:hover.AddToCart {
background-position: bottom center;
}

.AddToCart span {
display: none;
}

#productListContainer {
padding: 0 35px 0 40px;
}

.Product a.AddToCart {
background-image: url(/files/aukustiina/img/addtocart.png);
position: absolute;
width: 104px;
top: 274px;
left: 48px;
}



/* EOF Product List */

/* =Categories NavigationList */

ul.Categories {
margin: 0 5px 0 12px;
padding: 5px 0;
list-style: none;
}

ul.Categories li {
font: 700 16px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
border-bottom: 1px solid #e0dab4;
}

ul.Categories li a {
background: url(/files/aukustiina/img/plus.gif) no-repeat left center;
padding: 3px 3px 3px 27px;
}

ul.Categories ul {
margin: -4px 0 4px 0;
padding: 0;
}

ul.Categories li li {
font: 700 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
border: none;
list-style: none;
}

ul.Categories li li a {
background: none;
}


ul.Categories a {
color: #381e11;
text-decoration: none;
}

ul.Categories a:hover {
color: #000;
text-decoration: underline;
}

/* EOF Categories NavigationList */

/* =SearchInput */

#SearchForm {
text-align: center;
}

#SearchForm label {
font: 700 16px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: none;
color: #381e11;
padding: 0 20px;
text-align: left;
}

#SearchForm input {
margin: 0 20px;
width: 190px;
}

#SearchForm button {
margin: 10px auto 0 auto;
width: 154px;
background-image: url(/files/aukustiina/img/searchbutton.gif);
}


/* EOF SearchInput */


/* =InfoNavigation */

ul.InfoNavigation {
margin: 0 auto;
padding: 0;
list-style: none;
}

ul.InfoNavigation li {
display: inline;
margin: 0 8px;
font: 700 14px/39px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

ul.InfoNavigation a {
padding: 3px 5px;
color: #fff;
text-decoration: none;
}

ul.InfoNavigation a:hover {
color: #381e11;
}

/* EOF InfoNavigation */

/* =Product */

#product_image {
width: 266px;
min-height: 266px;
float: right;
padding: 5px 9px 9px;
/* background: url(/files/aukustiina/img/product_image_bg.gif) no-repeat top; */
margin: 0 0 0 10px;
text-align: center;
position: relative;
}

#product_info {
width: 315px;
float: left;
padding-left:  5px;
}

div.BuyFormQuantity {
width: 90px; float: left;
}

div.FormSubmit {
width: 160px; float: left; padding: 10px 0 0 0;
}

.BuyFormQuantity input {
width: 60px;
}

.AddToCart {
margin: 5px auto 0 auto;
width: 154px;
height: 34px;
background-image: url(/files/aukustiina/img/addtocart.gif);
}

.FormItem .Checks input {
display: inline;
width: auto;
height: auto;
border: none;
padding: 1px;
margin: 0;
background: none;
}

.Checks label {
padding: 5px 0;
}


#product_info .Availability, #product_info .Prices {
clear: left;
display: block;
padding: 0;
}

#product_info .Availability dt.StorageInfo, #product_info .Prices dt.Price, #product_info .Prices dt.ListPrice {
display: block;
width: 100px;
float: left;
padding: 2px 0;
margin: 0;
}

#product_info .Availability dd.StorageInfo, #product_info .Prices dd.Price, #product_info .Prices dd.ListPrice {
display: block;
width: 210px;
float: left;
font-weight: bold;
padding: 2px 0;
margin: 0;
}


#product_info .Prices dd.ListPrice {
text-decoration: line-through;
}

#product_info .Prices dd.DiscountPrice {
background: url(../img/discount_price.png) no-repeat center right;
}

#product_info .Prices dd.Price {
font-size: 18px;
width: 210px;
float: left;
}




p.FormHelp {
margin: 0;
padding: 0 0 10px 0;
}

#ProductImageCaption {
text-align: center;
margin: 0;
padding: 20px 0 5px 0;
font-size: 13px;
font-style: italic;
}

#product_image ul {
list-style: none;
margin: 0;
padding: 20px 0;
text-align: center;
}

#product_image ul li {
margin: 5px 8px;
display: block;
float: left;
}

#product_image ul li img {
border: 3px double #c7c983;
padding: 5px;
}

#product_image ul li img:hover {
border: 3px double #381e11;
}

.BuyForm {
clear: both;
}

/* EOF Product */

/* Cart */

.ToCheckout {
background-image: url(/files/aukustiina/img/tocheckout.gif);
width: 104px;
float: left;
vertical-align: middle;
}

.UpdateButton {
background-image: url(/files/aukustiina/img/update.gif);
width: 104px;
margin: 10px 15px 0 15px;
}

p.ContinueShopping {
display: block;
width: 154px;
float: left;
margin: 10px;
}

.ContinueShopping a {
background-image: url(/files/aukustiina/img/continueshopping.gif);
width: 154px;
display: block;
}

/* CART */

#cart {
background: #fff url(/files/aukustiina/img/cart_bg.gif) no-repeat bottom;
width: 632px;
height: 18px;
text-align: right;
padding: 5px 5px 12px 5px;
}

#cart a {
text-transform: uppercase;

color: #000;
font-weight: bold;
text-decoration: none;
}

#cart a:hover {
color: #8c9026;
}

#cart_customer {
float: left;
width: 380px;
text-align: left;
padding: 0 0 0 8px;
}

#cart_cart {
float: right;
width: 220px;
}

#cart_cart a {
padding: 3px 10px 3px 30px;
background: url(/files/aukustiina/img/cart_icon.gif) no-repeat left center;
}

#cart_customer ul {
padding: 0 0 0 23px;
background: url(/files/aukustiina/img/customer_icon.gif) no-repeat left center;
list-style: none;
margin: 0;
}

#cart_customer li {
display: inline;
margin: 0;
padding: 0 11px 0 0;
background: url(/files/aukustiina/img/cart_li_bg.gif) no-repeat right center;
}

#cart_customer a {
padding: 3px;
}

table#CartTable {
border: 4px double #bec06e;
width: 100%;
background-image: url(/files/aukustiina/img/lightgreen_bg.gif);
}

#CartTable td, #CartTable th {
padding: 5px;
}

#CartTable caption {
display: none;
}

#CartTable .CartPic {
width: 8%;
padding-left: 10px;
text-align: left;
}

#CartTable .CartPrice {
width: 15%;
text-align: right;
}

#CartTable .CartQuantity {
width: 20%;
text-align: center;
}

#CartTable .CartTotal {
width: 15%;
text-align: right;
padding-right: 10px;
}



#CartTable thead td, #CartTable thead th {
font: 700 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
background: #8c9026;
text-align: right;
padding: 5px;
}

#CartTable thead th.CartProduct {
text-align: left;
}

#CartTable thead th.CartQuantity {
text-align: center;
}

#CartTable thead th.CartTotal, #CartTable tbody td.CartTotal, #CartTable thead th.CartTotal {
padding-right: 10px;
}


#CartTable input {
width: 30px;
margin: auto;
padding: 1px;
}

#CartTable tbody td, #CartTable tbody th {
padding: 5px;
border-bottom: 1px solid #bec06e;
background: #fff;
}

#CartTable h3 {
font-size: 12px;
}

#CartTable .CartPic img {
padding: 5px;
border: 1px solid #bec06e;
}

tbody .CartTotal, tfoot .CartTotal {
text-align: right;
font-size: 12px;
}

tbody .CartQuantity, tfoot .CartQuantity, thead .CartQuantity {
text-align: center;
}

#CartTable .CartShippingCost, #CartTable .CartTotal {
font-size: 12px;
text-align: right;
padding-right: 10px;
}

/* EOF Cart */


/* Checkout */

#NewCustomerContinue a, .CheckoutNextStage {
background-image: url(/files/aukustiina/img/newcustomercontinue.gif);
display: block;
width: 154px;
margin-top: 10px;
margin-bottom: 10px;
}

#EnterCouponCode button {
background-image: url(/files/aukustiina/img/submitcoupon.gif);
display: block;
width: 154px;
margin-top: 10px;
margin-bottom: 10px;
}

#PreviewTable {
width: 98%;
font-size: 12px;
}

#PreviewTable th, #PreviewTable td {
padding: 5px;
}

#PreviewTable thead th {
border-bottom: 3px double #BEC06E;
}

#PreviewTable tbody td, #PreviewTable tbody th {
border-bottom: 1px solid #BEC06E;
}

#PreviewTable caption {
display: none;
}

#PreviewTable .CartPic {
width: 8%;
text-align: left;
}

#PreviewTable .CartPrice {
width: 15%;
text-align: right;
padding-right: 10px;
}

#PreviewTable .CartQuanity {
width: 15%;
text-align: center;
}

#PreviewTable .CartTotal {
width: 15%;
text-align: right;
padding-right: 10px;
}

#PreviewTable .CartProductsTotal, #PreviewTable .CartShippingCost {
text-align: right;
padding-right: 10px;
}

#OrderFinished th, #OrderFinished td, #productListContainer table th, #productListContainer table td {
font-size: 12px;
padding: 5px 15px 5px 0;
text-align: left;
}

#OrderStatus dt {
display: none;
}

#OrderStatus dd {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 10px 0;
}

#ChangeShippingAddress button {
width: 204px;
background-image: url(/files/aukustiina/img/changeshippingaddress.gif);
}

#EditContactInfo button, #ChangePassword button {
background-image: url(/files/aukustiina/img/save.gif);
width: 104px;
}

/* EOF Checkout */

/* Homepage */

#content {
width: 370px;
float: left;
padding: 5px 15px;
}

#secondary_content {
width: 165px;
float: right;
padding: 10px;
}

/* EOF Homepage */


/* Product list */

.categorylist_product {
background: url(/files/aukustiina/img/categorylist_product_bg.png);
height: 239px;
width: 172px;
padding: 14px;
float: left;
margin: 5px;
text-align: center;
}

.categorylist_product h2 {
font-size: 14px;
text-align: center;
}

/* EOF Product list */

#homepage p {
font: 500 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0;
padding: 5px 0 0 0;
color: #381e11;
}

#homepage_top {
background: url(/files/aukustiina/img/homepage_bg_top.png) no-repeat;
height: 10px;
margin: 0 0 0 5px;
width: 620px;
}

#homepage {
background: url(/files/aukustiina/img/homepage_bg.png) no-repeat bottom left;
margin: 0 0 0 5px;
width: 610px;
padding: 0 5px;
}


#homepage_bottom {
background: url(/files/aukustiina/img/homepage_bg_bottom.png) no-repeat top left;
height: 15px;
margin: 0 0 0 5px;
width: 620px;
}

#homepage h2 {
font: 700 16px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #898c2a;
margin: 0;
padding: 5px 0;
}

#secondary_content ul {
padding: 0;
margin: 0;
list-style-position: inside;
}

#secondary_content ul li {
padding: 0 0 0 5px;
margin: 0;
font: 700 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#secondary_content ul li a {
color: #381e11;
text-decoration: none;
}

#secondary_content ul li a:hover {
color: #000;
text-decoration: underline;
}

/* Oma tili */

#AccountInformation dt {
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px 0;
}

#AccountInformation dd {
margin: 0;
padding: 0;
}

#AccountInformation dd p {
padding: 0;
margin: 0;
}

#AccountInformation dd.AccountLogout {
padding: 0 0 10px 0;
}

#OrderHistory caption {
text-align: left;
font: 700 16px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #898c2a;
padding: 5px 0;
}

.paymentIcons {
margin: auto;
padding-top: 15px;
text-align: center;
}

#main_menu h2 {
color:#381e11;
font: 700 16px/30px "Trebuchet MS",Arial,Helvetica,sans-serif;
padding: 20px 20px 5px;
text-align: left;
text-transform: none;
margin: 0;
}

ul.NewsList {
list-style: none;
margin: 0;
padding: 0 10px 0 10px;
}

ul.NewsList li {
border-bottom: 1px solid #e0dab4;
}

ul.NewsList li a {
background: url(/files/aukustiina/img/plus.gif) no-repeat 0px 7px;
padding: 4px 3px 4px 27px;
font: 100 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#381e11;
text-decoration: none;
display: block;
}

ul.NewsList li a:hover {
color: #000;
text-decoration: underline;
}

.PaymentMethod-Checkout {
border-top: 1px solid #a3a633;
height: 30px;
padding: 80px 0;
background: url(/files/aukustiina/img/paymentmethod_checkout.png) no-repeat right center;
}

.PaymentMethod-Checkout p.FormHelp {
display: block;
width: 270px;
}

.PaymentMethod-Ennakkolasku {
border-top: 1px solid #a3a633;
height: 30px;
padding: 23px 0;
background: url(/files/aukustiina/img/paymentmethod-ennakkomaksu.png) no-repeat right center;
}

.PaymentMethod-Laskulla {
border-top: 1px solid #a3a633;
height: 50px;
padding: 25px 0;
background: url(/files/aukustiina/img/paymentmethod_klarna.png) no-repeat right center;
}

#InfoPage {
padding: 0 5px;
}

#InfoPage p {
font-size: 14px;
line-height: 20px;
}

/* Piilotetaan piilosivu valikosta */

.InfoNavigation li.InfoPageID-9 {
display: none;
}

/* Fan Box */
.fan_box .connect_action a {
color: #898C2A;
}

/* Ristiinmyynti */

#CrossSaleScroller h1 {
font: 500 20px/26px Arial,Helvetica,sans-serif; 
padding: 15px 5px 10px; 
color: #898C2A
}

/* Checkoutin maksuunsiirtymissivu
-------------------------------------------------------------- */

.CheckoutTransferToPayment button span { display: block; }
div.CheckoutTransferToPayment { padding: 20px 0 0 0; }

.CheckoutTransferToPayment { width: 31.3%; float: left; height: 120px; clear: none; text-align: center; margin: 0 2% 10px 0; padding: 0; }
.CheckoutTransferToPayment button {
	vertical-align: middle; height: 120px; width: 100%;
	padding: 0 10px; text-align: center; background: #FFF;
	border: 1px solid #aaa; cursor: pointer; color: #666;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa;
}
.CheckoutTransferToPayment button:hover { background: #e1eef5; border-color: #09f; }
.CheckoutTransferToPayment button img {
	display: block; padding: 4px; background: #FFF;
	border: 1px solid #aaa; margin: 0 auto 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.CheckoutTransferToPayment button:hover img { border-color: #09f; }
