/*
	Online Shop.
	Copyright Sami Puro / 2006.
*/



/*		PROGRESS BAR		*/
#ProgressBar {
	MARGIN: 0 20px 25px 40px;
	WIDTH: 470px;
	HEIGHT: 58px;
	BACKGROUND: #FFFFFF;
	COLOR: #000000;
	BORDER: 1px DOTTED #7C8EAE;
}
#ProgressBar #Title {
	BACKGROUND: url("/layout/shop_img/progressbar_title_bg.gif") no-repeat right top;
	PADDING: 5px 0 5px 10px;
	FONT-FAMILY: tahoma, verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 16px;
	COLOR: #416135;
}
#ProgressBar ul {
	LIST-STYLE: NONE;
	MARGIN: 0 0 0 5px;
	PADDING: 0px;
}
#ProgressBar li {
	FLOAT: LEFT;
	TEXT-ALIGN: CENTER;
	MARGIN-LEFT: 15px;
	PADDING: 5px 0 5px 0;
	COLOR: #708190;
}
#ProgressBar li.Sel {
	COLOR: #D4022F;
}
#ProgressBar li.OK {
	COLOR: #00C000;
}



/*		SHOP LIST		*/

#ListContent {
	MARGIN-TOP: 40px;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 13px;
	COLOR: #416135;
	TEXT-ALIGN: LEFT;
}
#ListArea {
	BACKGROUND: url("/layout/shop_img/listbg_left.png") left top no-repeat;
	PADDING: 0px;
}
#ListArea2 {
	BACKGROUND: url("/layout/shop_img/listbg_right.png") right top no-repeat;
}
#ListAreaBottom {
	BACKGROUND: url("/layout/shop_img/listbg_bottom_left.png") left bottom no-repeat;
	PADDING: 0px;
}
#ListAreaBottom2 {
	BACKGROUND: url("/layout/shop_img/listbg_bottom_right.png") right bottom no-repeat;
}
#List {
	PADDING: 10px;
}
#ListLinks {
	PADDING: 10px 0 20px 20px;
}
#ListLinks a {
	HEIGHT: 80px;
	WIDTH: 100%;
	COLOR: #416135;
	TEXT-DECORATION: underline;
}
#ListLinks a:hover {
	COLOR: #000000;
	TEXT-DECORATION: underline;
}
#List H1, #List H2, #List H3 {
	FONT-FAMILY: "Trebuchet MS", tahoma, verdana, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	BACKGROUND-COLOR: inherit;
	COLOR: #59AC38;
	MARGIN: 0px;
	PADDING: 0 0 0 5px;
	WHITE-SPACE: NOWRAP;
}
#List H2 {
	FONT-SIZE: 20px;
}





/*		LIST		*/

.List {
	BACKGROUND-COLOR: #FFFFF2;
	COLOR: #416135;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	BORDER: 1px SOLID #C8C8C8;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px;
	LINE-HEIGHT: normal;
}
.List .ImageTD {
	WIDTH: 120px;
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 10px;
	TEXT-ALIGN: center;
}
.List .Thumbnail {
	BORDER: 1px SOLID #C8C8C8;
}
.List .ContentTD {
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 5px;
	TEXT-ALIGN: left;
}
.List .BuyTD {
	FONT-SIZE: 10px;
	PADDING-RIGHT: 10px;
}
.List .Title, .List A.Title:link, .List A.Title:visited {
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
	COLOR: #416135;
	BACKGROUND-COLOR: inherit;
}
.List A.Title:hover {
	TEXT-DECORATION: none;
	COLOR: #735355;
	BACKGROUND-COLOR: inherit;
}
.List .Description {
	MARGIN: 15px;
}
.List .CartSelect {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #324150;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px SOLID #C8C8C8;
}
.List .CartSubmit {
	MARGIN-TOP: 3px;
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 10px;
}


.ListSmall {
	BORDER: 1px SOLID #9C9C9C;
	BACKGROUND-COLOR: #F9FFF9;
	COLOR: #000000;
	PADDING-TOP: 10px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 5px;
	TEXT-ALIGN: left;
}
.ListSmall .Title {
	FONT-FAMILY: tahoma, arial, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 18px;
	TEXT-DECORATION: none;
	COLOR: #59AC38;
	BACKGROUND-COLOR: #F9FFF9;
	LINE-HEIGHT: normal;
}
.ListSmall .Content {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #416135;
	BACKGROUND-COLOR: #F9FFF9;
	PADDING-BOTTOM: 10px;
}





/*		VIEW		*/


.View {
	BORDER: 1px SOLID #C8C8C8;
	BACKGROUND-COLOR: #FFFFF2;
	COLOR: #416135;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px;
	LINE-HEIGHT: normal;
}
.View .ImageTD {
	WIDTH: 270px;
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 10px;
	TEXT-ALIGN: center;
}
.View .Image {
	BORDER: 1px SOLID #C8C8C8;
}
.View .ContentTD {
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 20px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	TEXT-ALIGN: left;
}
.View .ContentTD:link, .View .ContentTD:visited {
	COLOR: #416135;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	PADDING: 0px;
}
.View .BuyTD {
	FONT-SIZE: 10px;
	PADDING-RIGHT: 10px;
}
.View .Title {
	FONT-SIZE: 18px;
	COLOR: #416135;
	BACKGROUND-COLOR: inherit;
}
.View .Description {
	MARGIN: 15px;
}
.View .CartSelect {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #324150;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px SOLID #C8C8C8;
}
.View .CartSubmit {
	MARGIN-TOP: 3px;
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 10px;
}




/*		CART		*/

.Cart {
	BORDER: 1px SOLID #9AFF77;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #367414;
	TEXT-ALIGN: left;
}
.Cart .TitleBar {
	PADDING: 4px;
	BACKGROUND-COLOR: #D5EAAC;
	COLOR: #367414;
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
}
.Cart .Bg1, .Cart .Bg1:link, .Cart .Bg1:visited {
	BACKGROUND-COLOR: #FFFFF2;
	COLOR: #416135;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
}
.Cart .Bg2, .Cart .Bg2:link, .Cart .Bg2:visited {
	BACKGROUND-COLOR: #F2FFF2;
	COLOR: #416135;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
}
.CartLink, .CartLink:link, .CartLink:visited {
	BACKGROUND-COLOR: inherit;
	COLOR: #416135;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
}
.Cart .Bg1:hover, .Cart .Bg2:hover, .CartLink:hover {
	TEXT-DECORATION: none;
}

.CartForm {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	COLOR: #000000;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: #7F9DB9 SOLID 1px;
}
.Cart .Fade {
	FONT-SIZE: 10px;
	COLOR: #708190;
	BACKGROUND-COLOR: inherit;
}
.Cart .CartProduct {
	COLOR: #416135;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: #416135;
	BORDER-WIDTH: 0 0 1px 0;
	BORDER-STYLE: none none dotted none;
}
.Cart .CartProduct:hover {
	COLOR: #000000;
	BORDER: 0px;
}



.ShopFormField { 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #324150;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: #7F9DB9 SOLID 1px;
}
.ShopFormButton {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #324150;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: #7F9DB9 SOLID 1px;
	PADDING: 5px 5px 5px 5px;
	MARGIN: 0 10px 0 10px;
}
.ShopFormCheckbox { 
	MARGIN: 0 10px 0 10px;
}



/*		POP-UP		*/

BODY.Popup {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 13px;
	MARGIN: 0px;
	PADDING: 0px;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #416135;
}
#PopupContent {
	margin: 15px;
}
.PopupTable {
	BORDER: 1px SOLID #9C9C9C;
	BACKGROUND-COLOR: #EAEAEA;
	COLOR: #000000;
	text-align: left;
}
.PopupTable .Bg1 {
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
}
H2.Popup {
	FONT-FAMILY: tahoma, arial, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 18px;
	TEXT-DECORATION: none;
	COLOR: #59AC38;
	BACKGROUND-COLOR: inherit;
	LINE-HEIGHT: normal;
}