@import url(reset.css);
@import url(editor.css);

html, body {
	background: #291301 url(/cat/media/ulkoasu/bg_gradient.gif) top left repeat-x;
}

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

#Wrapper {
	float: none;
	width: 960px;
	margin: 0 auto;
}

#Content {
	width: 958px;
	border: 1px solid #d7c69a;
	border-top: none;
	background: #FFFFFF;
}

#Footer {
	text-align: center;
	width: 958px;
	margin: 2px 0 50px 0;
	padding: 10px 0;
	border: 1px solid #d3c191;
	background: #f4e1c3 url(/cat/media/ulkoasu/footer_bg.gif) top left repeat-x;
}

/* Left Column
------------------------------------ */

#SideBar {
	position: relative;
	width: 193px;
	overflow: hidden;
}

#SideBar .logo {
	float: left;
	width: 193px;
	height: 194px;
	overflow: hidden;
}

#SideBar ul.menu {
	float: left;
	padding: 0 0 10px 0;
	border-top: 1px solid #613301;
	background: #4c2903 url(/cat/media/ulkoasu/menu_shadow.gif) bottom left no-repeat;
}

#SideBar ul.menu li {
	float: left;
	width: 193px;
	margin: 1px 0;
	border-width: 1px;
	border-style: solid;
	border-left: none;
	border-right: none;
}

#SideBar ul.menu li.uppercase { text-transform: uppercase; }

#SideBar ul.menu li a {
	font-size: 95%;
	font-weight: bold;
	line-height: 100%;
	text-align: right;
	text-decoration: none;
	color: #FFFFFF;
	padding: 6px 22px 8px 20px;
	border-width: 1px;
	border-style: solid;
	border-left: none;
	border-right: none;
	display: block;
}
#SideBar ul.menu li.level1 a {
	border-top-color: #bf9b79;
	border-bottom-color: #aa9278;
	background: #572e02 url(/cat/media/ulkoasu/menu_bg-light.gif) top left repeat-x;
}
#SideBar ul.menu li.level2 a {
	border-top-color: #ad9274;
	border-bottom-color: #897159;
	background: #281101 url(/cat/media/ulkoasu/menu_bg-level2.gif) top left repeat-x;
}
#SideBar ul.menu li a:hover {
	border-top-color: #ae9473;
	border-bottom-color: #8a7057;
	background: #472100 url(/cat/media/ulkoasu/menu_bg-dark.gif) top left repeat-x;
}
#SideBar ul.menu li.level1 a.current {
	border-top-color: #ae9473;
	border-bottom-color: #8a7057;
	background: #472100 url(/cat/media/ulkoasu/menu_current.gif) top right no-repeat;
}
#SideBar ul.menu li.level2 a.current {
        border-top-color: #ad9274;
        border-bottom-color: #897159;
        background: #281101 url(/cat/media/ulkoasu/menu_current-level2.gif) top left repeat-x;
}

/* Right Column
------------------------------------ */

#Main { background: url(/cat/media/ulkoasu/main_bg.gif) top left repeat-y; }
#Main2 { width: 765px; min-height: 600px; background: url(/cat/media/ulkoasu/main_bg-top.jpg) top left no-repeat; }
* html #Main2 { height: 600px; }
#Main .container { padding: 0 25px 0 25px; }

#MainWrapper {
	width: 660px;
	padding: 25px 25px 35px 25px;
}

/* Custom Class Modules */

#Main .border { border: 1px solid #996633; }
#MainWrapper .shadow { background-color: #FFFFFF; }
#Main .headerBox { margin-bottom: 6px; overflow: hidden; }
#Main .headerBox img { display: block; }
#Main .pageBox { padding: 15px 25px; overflow: hidden; }

#blankBox { width: 608px; }
#blankHeader { width: 658px; }

/* Navigation
------------------------------------ */

#Navigation {
	position: relative;
	width: 715px;
	height: 50px;
	background: #573101;
}

#Navigation ul {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 0 8px 15px;
}

#Navigation li {
	padding: 0 9px;
	border-right: 1px solid #996531;
	display: inline;
}
#Navigation li.first { padding-left: 0; }
#Navigation li.last { padding-right: 0; border-right: 0; }

#Navigation a {
	font-size: 95%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#Navigation a:hover { text-decoration: underline; }

#Navigation .ostoskori {
	position: absolute;
	bottom: 2px;
	right: 2px;
	font-size: 140%;
	font-weight: normal;
	text-align: center;
	width: 100px;
	padding: 22px 0 7px 0;
	background: #c29760 url(/cat/media/ulkoasu/ostoskori_bg.gif) top left repeat-x;
}

/* Home
------------------------------------ */

#HomeHeader1 { width: 434px; margin-right: 5px; }
#HomeHeader2 { width: 217px; }

#Uutuuksia { width: 305px; margin-right: 8px; }

.latestItem .latestTitle, .latestItem .latestTitle a { font-weight: bold; text-decoration: none; color: #663300; display: block; }
.latestItem .latestThumb { width: 102px; padding-right: 15px; }
.latestItem .latestThumb img { max-width: 100px; margin: 5px 0 10px 0; }
.latestItem .latestInfo { width: 150px; }
.latestItem .latestInfo p { margin-top: 5px; }

#Suosituimmat { width: 243px; background: url(/cat/media/ulkoasu/suosituimpia_ornament.jpg) bottom right no-repeat; }

.popularItem { margin: 0 0 10px 0; }
.popularItem .popularBullet {
        float: left;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        color: #cc9933;
        width: 18px;
        height: 17px;
	margin: -1px 10px 10px 0;
        padding: 1px 0 0 0;
        background: #f7f2e2;
}
.popularItem .popularInfo { width: 170px; }
.popularItem .popularInfo .popularTitle, .popularItem .popularInfo .popularTitle a { font-weight: bold; text-decoration: none; color: #663300; display: block; }

/* Catalog
------------------------------------ */

h1.header { padding-bottom: 8px; border-bottom: 1px solid #d9b99c; }

#productList { width: 583px; padding: 10px 0 10px 25px; }

#productList .productElement { width: 100%; padding-bottom: 10px; margin-bottom: 10px;  }
#productList div.border { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #d9b99c; }
#productList .productElement table { width: 100%; }
#productList .productElement td { vertical-align: top; }

.productElement .productTitle { color: #663300; margin-bottom: 5px; }
.productElement .productTitle h5 { display: inline; }
.productElement .productTitle .separator { padding: 0 10px; }

.productElement .productThumb { text-align: center; width: 102px; padding: 3px 15px 10px 0; }

.productElement .productPurchase { padding-right: 15px; }
.productElement .productPurchase p { margin-top: 0px; }
.productElement .productPurchase table { width: 75%; margin-bottom: 15px; }
.productElement .productPurchase .price { font-weight: bold; }
.productElement .productPurchase .addToBasket { margin: 25px 0 0 0; display: block; }
.productPurchase .field {
	text-align: center;
	width: 50px;
}
.productPurchase .kpl { padding: 0 10px; }
.productPurchase .button {
	text-indent: -1000em;
	width: 138px;
	height: 33px;
	border: 0;
	background-image: url(/cat/media/ulkoasu/lisaa_ostoskoriin_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.productPurchase .button:hover,
.productPurchase .buttonHover {
	background-position: right top;
	cursor: pointer;
}

.productElement .productPrice { 
	color: #996633;
	width: 100px;
}

.pagination { display: block; }
.pagination a, .pagination span { float: left; margin-right: 4px; }
.pagination .pageLink, .pagination .pageLink:visited, .pagination span {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	width: 18px;
	padding: 1px 0;
	background: url(/cat/media/ulkoasu/pagination_bg.gif) top left repeat-x;
}
.pagination .pageLink:hover, .pagination span { background: url(/cat/media/ulkoasu/pagination_bg-hover.gif) top left repeat-x; }
.pagination .prevPage, .pagination .nextPage {
        text-indent: -1000em;
        width: 18px;
        height: 18px;
        padding: 0;
        background-image: url(/cat/media/ulkoasu/pagination_arrows.gif);
        background-position: no-repeat;
}
.pagination .prevPage { background-position: top left; }
.pagination .prevPage:hover { background-position: top right; }
.pagination .nextPage { background-position: bottom right; }
.pagination .nextPage:hover { background-position: bottom left; }

/* Product Detail
------------------------------------ */

#productDetail form { float: left; margin-bottom: 10px; padding: 0 0 30px 0; border-bottom: 1px solid #d9b99c; }
#productDetail td { vertical-align: top; }

#productDetail h5 { margin: 10px 0 30px 0; padding-bottom: 8px; border-bottom: 1px solid #d9b99c; }
#productDetail .return { float: right; margin: 10px 0; }
* html #productDetail .return { margin: 0; }

#productDetail .productImage { text-align: center; width: 350px; }

#productDetail .productPurchase { padding: 0 0 0 20px; }
/*#productDetail .productPurchase p { margin-top: 10px; }*/
#productDetail .productPurchase .tuotekoodi { text-transform: uppercase; }
#productDetail .productPurchase .price { text-transform: uppercase; margin: 20px 0; display: block; }
#productDetail .productPurchase .price h3 { display: inline;  }
#productDetail .productPurchase table { width: 100%; margin: 0 0 15px 0; }
#productDetail .productPurchase table .price { font-weight: bold; margn: 0; display: inline; }
#productDetail .productPurchase .productForm { padding: 20px 0 0 25px; }
#productDetail .productPurchase .productForm .button { margin-top: 10px; display: block; }

/* Ostokori
------------------------------------ */

#OstoskoriBox { width: 608px; overflow: hidden; }

.tableOstoskori td,
.tableOstoskori th {
	vertical-align: middle;
	padding: 8px;
	border-width: 1px;
        border-style: dotted;
        border-color: #d9b99c;
}
.tableOstoskori thead th { border-top: 0; border-left: 0; }
.tableOstoskori tbody td { border-top: 0; border-left: 0; }
.tableOstoskori tfoot th { border-left: 0; border-bottom: 0; }

.tableOstoskori thead th { color: #c1bbb2; }
.tableOstoskori .ostoskoriProduct { padding-left: 0; }
.tableOstoskori .ostoskoriProduct a {
	font-weight: bold;
	text-decoration: none;
	color: #663300;
	display: block;
}
.tableOstoskori .ostoskoriKpl .field { text-align: center; }
.tableOstoskori .ostoskoriPriceKpl { text-align: center; }
.tableOstoskori .ostoskoriPriceTotal { text-align: center; }
.tableOstoskori .ostoskoriOptions1 { padding-right: 0; }
.tableOstoskori .ostoskoriTotal { font-weight: normal; text-align: right; padding: 15px; }
.tableOstoskori .ostoskoriTotal h3 { display: inline; padding-left: 10px; }

.tableOstoskori .noborder { border-right: 0; }

.tableCheckOut td,
.tableCheckOut th {
	vertical-align: middle;
        padding: 8px;
        border-width: 1px;
        border-style: dotted;
        border-color: #d9b99c;
}
.tableCheckOut thead th { border-top: 0; border-left: 0; }
.tableCheckOut tbody td { border-top: 0; border-left: 0; }
.tableCheckOut tfoot th { border-left: 0; border-bottom: 0; }

.tableCheckOut thead th { color: #c1bbb2; }
.tableCheckOut td { text-align: center; }
.tableCheckOut .checkoutProduct {
	font-weight: bold;
	text-align: left;
        color: #663300;
	padding-left: 0;
}

.tableCheckOut .noborder { border-right: 0; }

.tableInfo td {
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
        padding: 8px;
        border-width: 1px;
        border-style: dotted;
        border-color: #d9b99c;
	border-bottom: 0;
	border-right: 0;
}
.tableInfo .infoLabel {
	font-weight: normal;
	width: 25%;
	padding-left: 0;
	border-left: 0;
}
.tableInfo .noborder { border-top: 0; }

#OstoskoriBox .footer { width: 500px; margin: 10px auto; }
#OstoskoriBox .footer .select { width: 200px; }

#OstoskoriBox .pbactive { font-weight: bold; }
#OstoskoriBox .pbinactive { color: #c1bbb2; }


/* Footer
------------------------------------ */

#Footer h2 {
	color: #663300;
	padding: 0 15px 0 0;
	display: inline;
}

#Footer a { color: #692a27; }
#Footer .shoppingCartImg { margin-left: 15px; }
#Footer .shoppingCartLink { margin-left: 5px; }

/* Forms
------------------------------------ */

.field,
.select {
	font-family: Arial, sans-serif;
        font-size: 100%;
        border: 1px solid #8e5800;
        background: #faf6e9 url(/cat/media/ulkoasu/input_bg.gif) top left repeat-x;
}

.field { padding: 3px; }
.select { padding: 2px; }

.button {
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 3px;
	border: 1px solid #886846;
	background: #6f4014 url(/cat/media/ulkoasu/button_bg.gif) top left repeat-x;
}

form table td {
	vertical-align: middle;
	padding: 0 10px 5px 0;
}
form table td p { margin: 0; }

/* Toimitusehdot
------------------------------------ */
h4.header { font-size: 130%;
	        font-weight: normal;
			padding-bottom: 5px;
			padding-top: 5px; }