div.app-Shop .right {
	float: right;
}

div.app-Shop div.clear {
	clear: both;
}

div.app-Shop div.pvm {
	font-size: 10px !important;
}

div.app-Shop div.image {
	float: left;
	display: block;
	padding: 0;
	margin: 20px 20px 0 20px;
}

div.app-Shop div.image.nomargin {
	margin: 0 20px 0 0 !important;
}

div.app-Shop .additionalimages {
	margin-left: 20px;
	width: 240px !important;
}

div.app-Shop div.image.additionalimage {
	margin: 0px !important;
}

div.app-Shop table.imagebox a:focus {
	outline: none;
}
		
div.app-Shop table.imagebox {
	margin: 0;
    width: 140px;
	height: 140px;
	text-align: center;
	border: none;
	vertical-align: middle;
}

div.app-Shop table.imagebox td {
	text-align: center;
	vertical-align: middle;
}
	
div.app-Shop table.imagebox.mainimage {
	width: 235px !important;
	height: 235px !important;
}

div.app-Shop table.imagebox.pickimage {
	width: 180px !important;
	height: 180px !important;
}

div.app-Shop table.imagebox.additionalimage {
	width: 70px !important;
	height: 70px !important;
}

div.app-Shop div.image.additionalimage { 
	margin-top: 10px !important;
}


div.app-Shop .image.additionalimage.CenterItem {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

div.app-Shop table.imagebox.additionalimageCarousel {
	width: 55px !important;
	height: 55px !important;
}

/*	suurennuslasin kuva alakulmaan */

div.app-Shop .footer {
	margin-top: 10px;
}

/* Pankki-ikonit */

div.app-Shop .bank-icon {
	padding: 10px 0 20px 0;
}

/* montako tuotetta ostetaan -tekstikenttä */
input.qty {
	font-size: 16px;
	margin-right: 10px;	
}

/* Buttonit */
div.app-Shop .btn,
div.app-Shop .btn.disabled:hover {
	border: 1px solid #bbbbbb;
	background:#DDDDDD url(/sys/shop/bg-button.gif) repeat-x scroll 0 0;
	padding: 0px 4px 0px 1px;
	height: 23px;
	margin-top: 10px;
	-moz-border-radius: 0.2em 0.2em;
	-moz-border-radius: 0.2em 0.2em;
	border-radius: 0.2em;
	border-radius: 0.2em;	
	cursor: pointer;
}

div.app-Shop .btn.disabled:hover {
	cursor: default;
}

div.app-Shop .btn,
div.app-Shop .btn a,
div.app-Shop .btn a:visited {
	font-family: Verdana, Arial;
	color: #676767 !important;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}

div.app-Shop .btn:hover, 
div.app-Shop .btn a:hover,
div.app-Shop .btn:active {
	border: 1px solid #999999;
	color:#000000 !important;
	text-decoration: none !important;
}

div.app-Shop .btn.disabled {
	color: #cccccc !important;
}

div.app-Shop .btn span.iconright {
	background-position: right center !important;
	background-repeat: no-repeat;
	padding-right: 25px;
	padding-left: 5px;
	font-size: 12px;
}

div.app-Shop .btn span.iconleft {
	background-position: left center !important;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 12px;
}

div.app-Shop .btn span.update {
	background-image: url(/sys/fam/icons/arrow_refresh.png);
}

div.app-Shop .btn.makespace {
	margin-left: 10px !important;
}

div.app-Shop .btn span.info {
	background: url(/sys/fam/icons/information.png) no-repeat center right;
}

div.app-Shop .btn span.continue {
	background: url(/sys/fam/icons/bullet_go.png) no-repeat center right;
}

div.app-Shop .btn span.print {
	background: url(/sys/fam/icons/printer.png) no-repeat center right;
}

div.app-Shop .btn span.back {
	background: url(/sys/fam/optinet/bullet_back_red.png) no-repeat center right;
}

div.app-Shop .btn span.update {
	background: url(/sys/fam/icons/arrow_refresh.png) no-repeat center right;
}

div.app-Shop .btn span.basket {
	background: url(/sys/fam/icons/cart.png) no-repeat center right;
}

div.app-Shop .btn span.magnify {
	background: url(/sys/fam/icons/magnifier.png) no-repeat center right;
}

div.app-Shop .btn span.emptybasket {
	background: url(/sys/fam/icons/cross.png) no-repeat center right;
}

div.app-Shop div.icon_outofstock {
	background: url(/sys/fam/icons/cross.png) no-repeat center left;
	padding-left: 20px;
}

div.app-Shop div.icon_instock {
	background: url(/sys/fam/icons/tick.png) no-repeat center left;
	padding-left: 20px;
}

div.app-Shop div.icon_stockalert {
	background: url(/sys/fam/icons/error.png) no-repeat center left;
	padding-left: 20px;
}

div.app-Shop div.icon_home {
	background: url(/sys/fam/icons/house.png) no-repeat center left;
	padding-left: 20px;
}

div.app-Shop div.icon_print {
	background: url(/sys/fam/icons/printer.png) no-repeat center left;
	padding-left: 20px;
	width: auto;
}

div.app-Shop div.icon_attachment {
	background: url(/sys/fam/icons/attach.png) no-repeat center left;
	padding-left: 20px;
}

div.app-Shop div.printablepagelink {
	position: absolute;
	right: 5px;
	top: 10px;
}

div.app-Shop div.content { 
	float: left; 
	display: block; 
	left: 170px; 
	margin: 20px 0 0 10px 
	}

div.app-Shop div.content p { 
	line-height: 18px; 
	font-size: 11px 
	}

div.app-Shop .header {
	float: left;
	display: block;
	margin: 0;
	width: 100%;
	padding: 15px 0 15px 0;
	}

div.app-Shop .header .padding { 
	padding: 0 15px 0 25px 
	}
							

div.app-Shop .footer {
	float: left;
	margin: 0 0 0 -1px;
   	width: 100%;
	padding: 15px 0 15px 0;
	}

div.app-Shop .footer .padding { 
	padding: 0 15px 0 25px;
	}

div.app-Shop .header h2 {
    float: left;
	margin: 0;
   	display: block;
	position: relative;
	width: 60%;	
	padding: 0;
	font-size: 14px;
	}

div.app-Shop .pager {
    margin: 0;
	float: right;
	display: block;
	width: 130px;
	padding: 0;
	clear: right;
	}

div.app-Shop { 
	padding: 1px;
}

div.app-Shop .oddrow,
div.app-Shop .evenrow {
    padding: 10px 0 30px 0;
	display: block;
	float: left;
	left: 2px;
	position: relative;
	width: 99%;
	margin: 0;
}

div.app-Shop .oddrow .padding,
div.app-Shop .evenrow .padding { 
	padding: 0 10px 0 10px; 
	margin: 0 0 0 -20px; 
	}
	
div.app-Shop div.linkarea {
	margin-top: 10px;
	margin-left: 20px;
}

div.app-Shop td.contentcell {
	padding-right: 10px;
	padding-top: 30px;
}
	
div.app-Shop td.contentcell div.linkarea {
	margin-left: 0;
}

div.app-Shop .links {
	margin: 20px 0 0;
	padding: 0 5px 0 0;
}

div.app-Shop .files {
	margin-top: 10px; 
}

div.app-Shop .content h3 { 
	margin-bottom: 0;
	}

div.app-Shop .content h3 a { 
	text-decoration: underline !important;
	}

div.app-Shop .content h3 a:hover {
    text-decoration: none !important;
	}	

div.app-Shop .content span { 
	margin-bottom: 10px; 
	display: block; 
	font-size: 11px;
	}

div.app-Shop div.pvm { 
	font-size: 11px !important; 
	}

div.app-Shop div.strike { 
	text-decoration: line-through !important;
	}

div.app-Shop .links .link_item {
	width: 140px;
	display: block;
	float: left;
	line-height: 16px;
	}

div.app-Shop .links .highlight { 
	font-size: 18px; 
	margin-bottom: 10px;
	}

div.app-Shop .links .hotdeal, 
div.app-Shop .links .hotdealx { 
	margin-bottom: 0;
	background: url(/sys/fam/icons/star.png) no-repeat top right;
	padding-right: 23px;
	display: inline;
	}
		
div.app-Shop .links .pvm { 
	margin-bottom: 10px;
	}

div.app-Shop .AdditionalInfoTabs {
	margin: 20px;
}

div.app-Shop .AdditionalInfoTabs .buttontable {
	margin-left: 10px;
	position: relative; top: 1px;
	display: none;
	width: auto;
}

div.app-Shop .AdditionalInfoTabs .buttons {
	padding: 5px 10px 0px 10px;
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
	border-top-left-radius: 1em;
	display: none;
}

div.app-Shop .AdditionalInfoTabs .buttonSelected {
	font-weight: bold !important;
}

div.app-Shop .AdditionalInfoTabs .buttons {
	cursor: pointer;
	padding-bottom: 4px;
}

div.app-Shop .AdditionalInfoTabs .tabcontent {
	padding: 20px;
}

div.app-Shop .AdditionalInfoTabs .tabcontent_text{
	padding: 10px;
}

div.app-Shop .AdditionalInfoTabs .tabcontent_title {
	font-weight: bold;
}

div.app-Shop .crossProduct {
	float: left;
	margin: 10px;
	padding-bottom: 20px;
}

div.app-Shop .phases .phase {
	-moz-border-radius: 1em 1em;
	-moz-border-radius: 1em 1em;
	border-radius: 1em;
	border-radius: 1em;
	float: left;
	margin-right: 5px;
	width: auto;
	height: 50px;
}

div.app-Shop .phases .passed a {
	text-decoration: none !important;
}

div.app-Shop .phases .phase_image {
	text-align: center;
	margin-top: 5px;
}

div.app-Shop .phases .phase_name {
	width: auto;
	padding: 7px 15px 0 15px;
	height: 20px;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}

div.app-Shop .phases .active .phase_name {
	font-weight: bold;
}

div.app-Shop .phases .right_arrow {
	height:30px;
	width:13px;
	float: left;
	margin-top: 10px;
}

div.app-Shop .phases .right_arrow .arrow {
	border-style:solid;
	border-width:15px 15px 15px 10px;
	height:0;
}

div.app-Shop .orderprocess {
	padding: 20px;
}

div.app-Shop div.orderprocess p.orderprocesstext {
	margin-top: 15px;
}

div.app-Shop table.data {
	margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
}

div.app-Shop table.half {
	width: 50%;
}

div.app-Shop table.data th {
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 10px;
}

div.app-Shop table.data .price{
	text-align: right;
}

div.app-Shop table.data td {
	padding: 5px 10px;
}

div.app-Shop table.data .divider {
	height: 1px;
	width: 100%;
}

div.app-Shop table.data.basket .delete:hover {
	cursor: pointer;
}

div.app-Shop div.hiddenaddress {
	display: none;
}

div.app-Shop div.orderprocess .comments,
div.app-Shop div.orderprocess .methods {
	float: left;
	width: 50%;
	margin: 15px 0;
}

div.app-Shop div.orderprocess .comments textarea {
	width: 100%;
	height: 50px;
}

div.app-Shop div.orderprocess .methods {
	margin-top: 30px;
	text-align: right;
}

div.app-Shop div.orderprocess .methods div {
	margin-bottom: 10px;
}

div.app-Shop div.orderprocess .methods select {
	width: 170px;	
}

div.app-Shop table.data input.qty {
	width: 30px;
}

div.app-Shop div.orderprocess div.proceed {
	width: 100%;
	margin: 40px 0;
	padding-top: 10px;
}

div.app-Shop div.orderprocess div.proceed div.continue {
	float: left;
	width: 20%;
}

div.app-Shop div.orderprocess div.proceed .highlight {
	float: left;
	text-align: right;
	font-size: 20px;
	width: 80%;
}

div.app-Shop div.error {
	border: 1px;
	padding: 10px 10px 10px 35px;
	margin-top: 20px;
	background: url(/sys/fam/icons/error.png) no-repeat 10px 10px;
}

div.app-Shop div.orderprocess div.addresses {
	width: 100%;
}

div.app-Shop div.orderprocess div.addresses div.address {
	width: 100%;
	float: left;
}

div.app-Shop div.orderprocess div.addresses .title {
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
	margin-bottom: 15px;
}

div.app-Shop div.orderprocess div.addresses div.address input.text {
	width: 200px;
	margin-bottom: 10px;
}

div.app-Shop div.orderprocess div.addresses .hidden {
	display: none;
}

div.app-Shop div.orderprocess .total,
div.app-Shop div.orderprocess .alltotal {
	text-align: right;
	font-weight: bold;
}

div.app-Shop div.orderprocess .alltotal {
	font-size: 16px;
}

div.app-Shop .ProductCarousel {
	margin: 15px;
    background: #ffffff; 
	display: none;
	height: 75px;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: auto;
    padding: 10px 40px 5px 40px;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  100%;
    height: 60px;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-item {
    width: 50px;
    height: 50px;
	padding: 0px !important;
	border: 1px solid #d7d7d7;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 8px;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 25px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/sys/shop/next.gif) no-repeat 0 0;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 25px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/sys/shop/prev.gif) no-repeat 0 0;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
div.app-Shop .ProductCarousel .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

div.app-Shop .ProductCarousel li.thumb {
	width: 55px !important; 
	height: 55px !important;
	background: #ffffff;
	text-align: center !important;
}

div.app-Shop .ProductCarousel li.thumb table {
	text-align: center;
	width: 55px; 
	height: 55px; 
	padding: 0px;
}

div.app-Shop .ProductCarousel li.thumb table:hover {
	border: 2px solid #d5e9f3 !important;
	cursor: pointer; cursor:  hand !important;
}

div.app-Shop .ProductCarousel .img:focus {
	outline:none;
}

div.app-Shop .ProductPick {
	height: auto;
	min-height: 220px;
}

div.app-Shop .ProductPick.withtitle {
	min-height: 230px !important;
}

div.app-Shop .ProductPick .pick_contentArea {
	padding: 15px;
	display: none;
	position: absolute;
}

div.app-Shop .ProductPick div.picktitle {
	font-size: 16px;
	padding-left: 15px !important;
	margin-top: 15px !important;
}

div.app-Shop .listtitle {
	font-size: 16px;
	float: left;
}

div.app-Shop .dividerlight {
	clear: both;
	width: 98%;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.app-Shop table#variations {
	width: auto;
	min-width: 75%;
	margin-top: 5px;
	border: 0px !important;
}

div.app-Shop table#variations td,
div.app-Shop table#variations th {
	padding: 3px 3px 3px 3px;
	text-align: left;
}

div.app-Shop table#variations td {
	cursor: pointer;
}

div.app-Shop table#variations td.pricecell {
	text-align: right;
	white-space: nowrap;
}

div.app-Shop table#variations tr.selected td {
	font-weight: bold;
}