@import "base.css";
@import "base.forms.css";
@import "tb.css";
@import "sIFR-screen.css";

/* -------------------------------------------------------------- 
   Layout
-------------------------------------------------------------- */

body { background: #e7e7e7; text-align: center; }

/* Add these lines if you want your AdminTools to be fixed on the top of the page */
body.adminLoggedIn { padding: 36px 0 0; }
body.adminLoggedIn #AdminTools { position: fixed; z-index: 2; top: 0px; left: 0px; }
body.adminLoggedIn #ShopWrap { z-index: 1; }
* html body.adminLoggedIn #adminTools { position: relative; }
* html body.adminLoggedIn { padding: 0; }

#ShopWrap { width: 960px; overflow: hidden; margin: 9px auto 0; padding-bottom: 36px; text-align: left; }

#ShopHead {
	width: 960px; height: 54px; overflow: hidden; position: relative;
	margin: 0 0 9px; background: url(/files/Grey%20Market/i/headerbg.gif) no-repeat;
}
#logo { position: relative; float: left; margin: 12px 0 12px 9px; width: 260px; height: 30px; }
#MiniCart { width: auto; height: 36px; float: right; text-align: right; line-height: 18px; padding: 9px 18px 9px 0; }
#MiniCart a { font-weight: bold; text-decoration: underline; color: #000; }

#LangChooser { display: block; width: 100%; height: 36px; margin: 0 0 9px; }
#LangChooser img { display:block; margin: 0; padding: 0; }
ul.Breadcrumb, ul.Breadcrumb ul, ul.Breadcrumb li, ul.Breadcrumb li a,
#CheckoutStage, #CheckoutStage li, #CheckoutStage li a {
	display: inline; background: none;
	margin: 0; padding: 0; width: auto; height: 36px;
	list-style: none outside; line-height: 36px;
	white-space: nowrap; float: none; color: #a3a3a3;
	font-size: 11px; text-decoration: none;
}
ul.Breadcrumb, #CheckoutStage {
	display: block; background: url(/files/Grey%20Market/i/shop_path.gif) repeat-x; width: 100%; padding: 0 17px; margin: -9px -17px 9px;
}
#CheckoutStage li a, ul.Breadcrumb li a { color: #7a7a7a; text-decoration: underline; }

#CheckoutStage li {
	position: relative; top: auto; left: auto; padding: 10px 16px 10px 0;
	background: url(/files/hiustuotteet/i/shop_path_hr.gif) no-repeat right top;
	overflow: visible; text-indent: 0; margin: 0 9px 0 0;
}

#MainWrapper {
	width: 640px; float: left; margin: 0 9px 0 0; 
}
#ShopMain {
	padding: 0 0 9px;
	background: url(/files/Grey%20Market/i/shopmain_b.gif) no-repeat left bottom;
}
#ShopMainHead { height: 36px; padding: 0 18px; background: url(/files/Grey%20Market/i/shopmain_t.gif) no-repeat left top; }
#ShopMainHead h2 {
 float: left; width: auto; height: 18px; line-height: 18px; font-size: 18px; padding: 9px 0; font-weight: bold;
}

#ShopMainHead .Prices { height: 36px; width: auto; float: right; }
#ShopMainHead .Prices dd { line-height: 36px; margin-right: 0; }
#ShopMainHead .Prices dd.ListPrice { position: relative; font-size: 11px; bottom: 2px; }

#ShopContent { padding: 9px 18px; background: url(/files/Grey%20Market/i/shopmain.gif) repeat-y; }

#ShopFrontWrap {
	background: url(/files/Grey%20Market/i/front-top.gif) no-repeat left top;
	margin: 0 0 9px; padding: 9px 0 0; text-align: center;
}
#FrontContent {
	width: 100%; overflow: hidden; position: relative; padding: 0 0 9px;
	background: url(/files/Grey%20Market/i/front-bottom.gif) no-repeat left bottom;
}
#FrontContent img { display: block; margin: 0 auto; }

#FrontMostTop { background: url(/files/Grey%20Market/i/front-top.jpg) no-repeat left top; padding: 18px; }
#CampaignImg { float: right; width: 360px; overflow: visible; }
#CampaignTxt { float: left; width: 244px; font-size: 12px; }

.Product {
	position: relative; line-height: 12px; text-align: center;
	width: 130px; height: 177px; float: left; margin: 0 18px 6px 0; padding: 12px 6px 0;
	background: url(/files/Grey%20Market/i/polaroid-small.jpg) no-repeat left top;
}

.FirstProd { margin-left: -9px; }
.LastProd { margin-right: -9px; }

.ProductImage {
	width: 130px; height: 130px;
	text-align: center; line-height: 126px; vertical-align: middle; display: block;
	margin: 0 0 3px; padding: 0; position: relative;
}
.ProductImage img { display: inline; line-height: 126px; vertical-align: middle; margin: auto; }

.TuoteInfot {
	width: 130px; margin: 0 -6px; padding: 0 6px 7px;	min-height: 25px;
	background: url(/files/Grey%20Market/i/polaroid-foot.jpg) no-repeat left bottom;
}
* html .TuoteInfot { height: 25px; overflow: visible; }

.ProductName { font-size: 10px; font-weight: normal; line-height: 12px; padding: 0; display: inline; }
.ProductName a { text-decoration: none; color: #333; padding: 0; }
.ProductName a:hover { color: #000; text-decoration: underline; }

.Product .Prices { display: inline; margin: 0; padding: 0; }
.Product .Prices dt { display: none; }
.Product .Prices dd { display: inline; font-size: 10px; }
.Product .Prices dd.Price { font-weight: bold; }
.Product .Prices dd.ListPrice { text-decoration: line-through; color: #a0a0a0; margin: 0; padding: 0; font-size: 10px; }
.Product .Prices dd.DiscountPrice { color: #e0155a; margin: 0 3px 0 0; padding: 0; }


#ShopLeft { width: 151px; float: left; margin: 0 9px 0 0; }
#ShopRight { width: 151px; float: left; margin: 0; }

.SidePanel .box {
	width: 133px; overflow: hidden; padding: 0 9px 9px; margin: 0 0 9px;
	background: url(/files/Grey%20Market/i/box_b.gif) no-repeat left bottom;
}
.SidePanel .box .headbox { width: 100%; height: 36px; line-height: 36px; margin: 0 -9px 9px; padding: 0 9px; background: url(/files/Grey%20Market/i/box_t.gif) no-repeat left top; }
.SidePanel .box .headbox h2 { display: block; width: 133px; height: 18px; line-height: 18px; font-size: 18px; padding: 9px 0; font-weight: bold; }

.SidePanel .NostoTuote { margin: 0 -4px 0 -5px; }
.SidePanel .Product h2.ProductName {
	font-size: 10px; font-weight: normal; line-height: 12px; padding: 0;
	padding: 0; margin: 0; background: none;
}

#maksuikonit { display: block; margin: 0 0 9px; padding: 0; }

#BuyCol { width: 284px; float: left; margin: 9px 36px 0 0; overflow: visible; }

#ShortDesc p { font-size: 14px; }

.BuyForm { position: relative; width: 286px; margin: 0 -1px 18px; background: url(/files/Grey%20Market/i/osto_bottom.gif) no-repeat left bottom; }
.BuyForm fieldset { background: url(/files/Grey%20Market/i/osto_top.gif) no-repeat left top; padding: 18px 9px 0; }
.BuyForm select { font-size: 11px; }
.BuyForm label, .BuyForm .label { font-size: 11px; color: #808080; width: 40px; }
.BuyForm .Checks { margin-left: 43px; }
.BuyForm .Checks label { width: auto; color: #333; }
.BuyForm .FormSubmit { margin: 0; padding: 0 0 18px; }
.BuyForm button.AddToCart { margin-left: 43px; }

#ImgCol { width: 284px; float: left; margin: 9px 0 0; overflow: visible; }

#CurrentProductImage {
	position: relative; display: block; clear: left;
	width: 242px; height: 242px; text-align: center;
	margin: 0 -1px; padding: 22px 22px 75px; text-decoration: none;
	overflow: hidden; line-height: 238px; vertical-align: middle;
	background: url(/files/Grey%20Market/i/isokuva.gif) no-repeat left top;
}
/* #CurrentProductImage:hover { background-position: left -286px; } */
#CurrentProductImage img { display: inline; vertical-align: middle; line-height: 238px; margin: 0 auto; }

#ProductThumbnails {
	width: 290px; position: relative;
	overflow: hidden; height: auto;
	margin: 4px -2px 0; padding: 0;
	list-style: none outside;
	background: none;
}
#ProductThumbnails li {
	position: relative; float: left;
	width: 54px; height: 54px;
	margin: 0 2px 4px; padding: 0;
	list-style: none outside;
	background: none;
}
#ProductThumbnails li a {
	position: relative; display: block; float: left;
	width: 54px; height: 54px; line-height: 50px;
	vertical-align: middle; text-align: center;
	background: url(/files/Grey%20Market/i/minikuva.gif) no-repeat left top;
}
#ProductThumbnails li a:hover { background-position: left -54px; }
#ProductThumbnails li a img { vertical-align: middle; line-height: 50px; display: inline; margin: 0 auto; }


table .FormItem, table .FormItem:hover { float: none; margin: 0; padding: 0; border: 0; background: none; }
table input, table button { float: none; display: block; }

.CartTotal, .CartShippingCost, .CartPaymentCost { text-align: right; }
td.CartTotal { font-weight: bold; }
.CartPrice, .CartQuanity { text-align: center; }
.CartQuantity input { top: 3px; margin: -4px auto 0; }
.CartQuantity .CartRemove {
	font-size: 10px; font-weight: bold; color: #c00;
	line-height: 18px; text-align: center; display: block;
}

table .ProductName { padding: 0; font-size: 12px; }

.CartPic a {
	display: block; position: relative;
	text-align: center; background: #FFF;
	width: 52px; height: 52px; line-height: 48px;
	border: 1px solid #d9d9d9; vertical-align: middle;
}
.CartPic a:hover { border-color: #09f; }
.CartPic a img {
	vertical-align: middle; display: inline;
	line-height: 48px; margin: auto;
	padding: 0; border: 0;
}
#CartTable tfoot th, #CartTable tfoot td,
#PreviewTable tfoot th, #PreviewTable tfoot td { text-align: right; }

#UpdateCart button { float: right; margin-right: 0; }

#ContinueToCheckout { margin: 0; padding: 0; border: 0; background: none; }
#ShoppingCartSubmit .ToCheckout { float: right; margin-right: 0; }
#ShoppingCartSubmit .ContinueShopping { float: left; margin: 0; padding: 0; }
#ShoppingCartSubmit .ContinueShopping a {
	float: left; margin: -36px 0 0; padding: 0 9px; background: #f2f2f2; border: 1px solid #d9d9d9;
	line-height: 18px; height: 18px; text-decoration: none; color: #069; font-size: 11px;
	font-weight: bold;
}

.CartProduct .ProductName {}
.CartProduct .ProductName a { padding: 0; }