body {
	margin: 0;
	padding: 0;
	background-color: white;
	/*
		background-image:url(../../images/afs/layout.gif);
		background-repeat: no-repeat;
		*/
}

/**************
*
* General styles for the wrapper
*
**************/

/* Product Page Wrapper*/
#PPW {
	position: relative;
	/* margin: 81px 0 100px 172px;*/
	width:54em;
	background-color: #fff;
	padding:0;
	font-size: 12px;
	font-family:Arial, sans-serif;
	text-align: left;
	color:#666;
}

#PPW label {
	cursor: pointer;
}

#PPW H1, #PPW H2,#PPW H3,#PPW H4 {
	margin:0;
	padding:0;
	font-size:12px;
}

/* set a star next to text */
#PPW h4.required {
	position:relative;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding-left:1.5em;
	margin-left:-1.5em;
}

#PPW h4 {
	font-weight: normal;
}

#PPW h1 {
	font-size: 18px;
	color:#999;
	margin: 0 0 1em 1em;
	font-weight: normal;
}

#PPW #userInfo {
	background-image:url(../../images/afs/borders/kepo/mbc.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom:0;
}

#PPW #userDataInfo {
	font-size:11px;
	margin-left:14.2em;
}

#PPW textarea {
	border:0;
	background-color: transparent;
	width:100%;
	overflow: auto;
}

#PPW textarea:HOVER, #PPW textarea:ACTIVE, #PPW textarea:FOCUS {
	background-color: #fff;
}

#PPW input:HOVER, #PPW input:ACTIVE, #PPW input:FOCUS {
	background: none;
}

#PPW input {
	background-image:url(../../images/afs/borders/kepo/ic.gif);
	border:1px solid #ccc;
}

#PPW .error .body ul, #PPW div.error ul {
	clear:both;
	display:block;
	color: #a33;
	list-style: none;
	padding:0;
	margin:0;
}

#PPW .tail {
	clear:both;
}

#PPW .content {
	padding:0;
}

#PPW .content h1 {
	color:#7b7b7b;
	font-weight: normal;
	font-size: 1.3em;
	font-family: helvetica, geneva, arial, sans-serif;
}

#PPW .content p {
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
}

#PPW .active {
	background-color: #f60;
	color:#fff;
	background-image:url(../../images/afs/extras/kepo/arrowWhite.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

#productSelect .active {
	background-image:none;
}

#PPW .section h2 {
	height:2em;
	padding: 3px 10px 0 10px;
	font-size: 16px;
	color:#7a7a7a;
	font-weight: normal;
}

#PPW .boxCart h3 {
	color: #f60;
	margin: 3px 0 0 23px;
}

#PPW .boxCart div#summary {
	margin: 15px 0 20px 90px;
	width: 400px;
}

#PPW .boxCart div#cartSummary {
	margin: 0.5em 0.8em 0 0.8em;
}

#PPW .boxCart div#cartSummary div {
	margin-top: 0.2em;
}

#PPW .boxCart div#priceTotalLabel {
	color: #128;
	font-weight: bold;
	margin: 12px 0px;
	padding: 11px 10px;
}

#PPW .dotLeaderBold {
	width: 100%;
	background: url("../../images/afs/extras/kepo/dotleader_blue.gif") left 85% repeat-x;
}

#PPW .dotLeaderLight {
	width: 100%;
	background: url("../../images/afs/extras/kepo/dotleader_grey.gif") left 85% repeat-x;
}

#PPW .dotLeaderBold input, #PPW .dotLeaderLight input {
	background-color: #fff;
	float: left;
	clear: left;
}

#PPW .noFloat {
	float: none !important;
}

#PPW .dotLeaderBold span.cartText, #PPW .dotLeaderLight span.cartText {
	float: left;
	padding-right: .5ex;
	background-color: #fff;
}

#PPW .dotLeaderBold span.cartPrice, #PPW .dotLeaderLight span.cartPrice {
	float: right;
	padding-left: .5ex;
	background-color: #fff;
}

#PPW .dotLeaderLight span.price {
	font-weight: bold;
}

#prodhighlight .inputContainer {
	background-color: #FFFFFF;
	float: left;
	margin-top: 0;
	padding-right: 0.5em;
}

#PPW .head h4 span {
	display:none;
}

#PPW .section .sectionHead {
	width:100%;
	height:2em;
}

#PPW .box {
	position: relative;
	padding: 0;
	text-align: left;
	width: 100%;
	background-color: #fff;
}
#PPW .highlight {
	background-image:url(../../images/afs/extras/kepo/highlightbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.highlight a {
	color:#ff6701;
}
#PPW .highlight .content {
}

#PPW .boxCart {
	background-image:url(../../images/afs/extras/kepo/highlightbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#PPW #prodpaymentMethod {
	margin: 0 0 1em 0.4em;
}


/**************
*
* Specifig styles for ID's
*
**************/

#PPW .basic,
#prodcatWrapper,
#prodcat,
#prodintention,
#prodcarProductCategories,
#prodmsg,
#prodmsgLong,
#proddataModels,
#prodaccessories,
#prodairConditioning,
#userDataInfo {
	position: relative;
	margin-left: 3em;
	margin-right: auto;
	width:37em;
	margin-top:1.3em;
}

#proddataModels{
	position: relative;
	margin-left: 3em;
	margin-right: auto;
	width:55em;
	margin-top:1.3em;
}

#PPW .medium {
	position: relative;
	margin-left: 3em;
	margin-right: auto;
	width:37em;
	margin-top:1.3em;
}

#prodintention,
#prodcarProductCategories,
#prodairConditioning {
	width:43em;
}


#PPW .basic h4,
#prodintention h4,
#prodcarProductCategories h4,
#prodaccessories h4,
#prodairConditioning h4 {
	float:left;
	width:10em;
}

#prodcarProductCategories h4 {
	float:left;
	width:1em;
}

#PPW .medium h4 {
	float:left;
	width:10em;
}

#PPW .basic .body,
#prodintention .body,
#prodcarProductCategories .body,
#prodairConditioning .body {
	margin-left:10em;
}

#prodcarProductCategories .body {
	margin-left:1em;
}

#PPW .medium .body {
	margin-left:10em;
}

#PPW .basic .body input,
#PPW .basic .body select {
	padding:0;
	margin:0;
	width:21.9em;
}
#proddataModels .body input {
	padding:0;
	margin:0;
	width:2em;
}

#prodmileageType .head select {
	padding: 0;
	margin: 0;
	width: 8em;
}

#PPW .medium .body input,
#PPW .medium .body select {
	padding:0;
	margin:0 0.5em 0 0;
	width:11.35em;
}

#PPW .basic .body span,
#PPW .medium .body span {
	color:#bbb;
}

#PPW #prodcolor .body select {
	width:11.35em;
}

#PPW #firstColor {
	margin-right:1em;
}

#pageHead {
	background-image:url(../../images/afs/extras/kepo/titlebg.gif);
	background-repeat: repeat-x;
}

#pageHead H1 {
	margin-left: 16.3em;
	margin-right: auto;
	width:7em;
}

#titleInfo {
	padding:0 2em 2em 2em;
	font-size: 11px;
}

#PPW #titleInfo ul {
	color: #aa3333;
	width: 28em;
	display:block;
}

#PPW #titleInfo span {
	color: #aa3333;
	display:block;
	margin: 6px 0 0 28px;
}

#PPW #msgInfo {
	color: #999999;
	margin:5px 0 0 5px;
	font-size: 11px;
}

#PPW #addrInfo {
	color:#999999;
	font-size:11px;
	margin:5px 0 0 158px;
}

#prodimg .body {
	width:26.7em;
}

#prodVideo .body {
	width:26.7em;
}

#prodIntention .body input, #prodcarProductCategories .body input, #proddataModels .body input, #prodairConditioning .body input {
	background: none;
	border:0;
}

#prodCatSelect {
	margin-top:0;
}
#prodCatSelect  {
	float: right;
}

#prodcat #prodMain {
	float: left;
}

#prodcat #prodMain, #prodCatSelect {
	width: 18em;
}

#prodcat #prodCatSelect .box, #prodCat #prodMain .box {
	background-image:url(../../images/afs/borders/kepo/cbt.gif);
	background-position: 0% 100%;
	background-repeat: repeat-x;
}

#prodmsg .box,#prodmsgLong .box,#prodimg .box, #prodVideo .box {
	background-image:url(../../images/afs/borders/kepo/ctb.gif);
	background-repeat: repeat-x;
}

#prodcat select {
	width:100%;
	border:1px solid #ccc;
	background-color: #ebeff0;
}

#prodcat option {
	background-color: #ebeff0;
	color:#000;
	/* background-image:url(../../images/afs/extras/kepo/arrowOrange.gif);
		background-repeat: no-repeat;
		background-position: 97% 50%; */
}

#productSelect option {
	background-image:none;
}

#prodimg .content IMG {
	max-width: 7em;
	max-height: 5em;
	padding:0 0.5em 0.5em 0;
	float:left;
}


#prodVideo .content IMG {
	max-width: 3em;
	max-height: 7em;
	padding:0 0.5em 0.5em 0;
	float:left;
}

#prodprint{
	margin: 1em 1em 1em 0;
	float:right;
}

#prodcart, #prodvalidUntil, #toBeArchived {
	margin: 1em 1em 1em 0;
}

#prodvalidUntil .box, #toBeArchived .box {
	/* background-image:url(../../images/afs/extras/kepo/validuntilbg.gif); */
	background-image:url(../../images/afs/extras/kepo/highlightbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#prodvalidUntil .head, #prodvalidUntil .body, #prodvalidUntil .info,
#toBeArchived .head, #toBeArchived .body, #toBeArchived .info {
	margin: 0.8em 0.3em 0.3em 0.7em;
}

#prodvalidUntil .head, #prodvalidUntil .body,
#toBeArchived .head, #toBeArchived .body,
#prodmileageType .head {
	float:left;
}

#prodvalidUntil .body, #toBeArchived .body {
	margin-left:1em;
}

#prodvalidUntil .extraInfo, #toBeArchived .extraInfo {
	float:right;
	margin-top:0.3em;
	width:30%;
}

#prodaccessories ul {
	padding:0;
	margin:0 0 0 10em;
}

.extraInfo {
	font-size:11px;
	color:#999;
}

#summarySectionTop {
	margin:0 0 2em 2em;
}

#highlightInfo {
	margin:0.6em 0 1em 3em;
}

#prodhighlight {
	margin: 1em 1em 1em 0;
}

#prodhighlight h3 {
	font-size:13px;
	margin:1em 0 1em 0.5em;
	color:#7a7a7a;
}

#prodhighlight h4 {
	font-size:12px;
	font-weight:bold;
	margin:0.6em 0 0.3em 1.4em;
	color:#7a7a7a;
}

#prodhighlight li,#prodhighlight ul {
	list-style: none;
	padding:0;
	margin:0;
	margin: 0.3em 0.4em 0.3em 0.1em;
}

#prodhighlight li {
	margin-bottom: 0.8em;
	margin-left: 0.5em;
}

#prodhighlight input {
	margin: 0;
	padding: 0;
}

#prodhighlight .highlightDisabled {
	text-decoration: line-through;
	color: #999;
}

#prodaccessories li {
	list-style: none;
	padding:0;
	margin:0;
	float:left;
	width:13em;
}

#prodaccessories label {
	display:block;
}

#prodaccessories input {
	border:0;
	background-image: none;
}

#proddataModels li {
	list-style: none;
	float:left;
	width:18.5em;
	height:8.5em;
	background-repeat: no-repeat;
	background-position: 27% 20%;
}

#proddataModels label {
	display:block;
	width:16.5em;
	height:3.5em;
	padding: 5.7em 0 0 0 ;
	cursor: pointer;
	cursor: hand;
	float:left;
	font-weight:bold;
}

label.selected {
	color: #ff6633;
	font-weight: bold;
	float:inherit;
	
}


#videoForm {
	height:3em;
	max-height: 12em;
	padding:0 0.5em 0.5em 0;
	float:left;
}

#intentionInfoHead, #basicInfoHead, #userInfoHead {
	cursor: pointer;
	cursor: hand;
}

#PPW .break {
	width:20em;
	height:1px;
	color:#aaa;
	background-color:#ebeff0;
	border:0;
	margin-top:1em;
}
#PPW .disabled {
	border:0;
	background-color:#fff;
	background-image: none;
}

/**************
*
* DataModels specifig
*
**************/

#proddataModels a {
	display:block;
	width:12.5em;
	height:3.5em;
	padding: 1.5em 0 0  5.8em;
	color:#000;
	text-decoration: none;
}

#proddataModels ul {
	margin:0;
	padding:0;
}

#proddataModels .body {
	margin:1.5em 0 0 0;
}

#proddataModels li#vert_car {
	background-image:url(../../images/afs/icons/kepo/car.gif);
}
#proddataModels li#vert_boat {
	background-image:url(../../images/afs/icons/kepo/mag.gif);
}
#proddataModels li#vert_basic {
	background-image:url(../../images/afs/icons/kepo/mag.gif);
}


/**************
*
* Highlight promoText 
*
**************/

#huomioContent {
	padding:1em;
}

#promoText {
	display: block;
	width: 35em;
	height: 10em;
	margin: 2em 0 2em 3em;
}

#promoText li {
	margin: 0.5em 1em 0 0;
	padding: 0 2.5em 1em 0;
	list-style: none;
	float: left;
}

#promoText li input {
	float: left;
}

/**************
*
* Button styles
*
**************/

#PPW #cancelCont {
	margin-top:1em;
	margin-left: 21em;
	margin-right: 0;
	width:8em;
}
#PPW #cancelCont A {
	text-decoration: none;
}
#PPW #nextCont {
	margin-left: 41em;
	margin-right: 0;
	margin-top:-1.9em;
	width:8em;
}
#PPW #nextCont2 {
	display:block;
	margin-left: auto;
	margin-right: 1.7em;
	margin-top:-1.9em;
	width:9.5em;
}
#PPW #nextCont span.actionbutton button,
#PPW #nextCont2 span.actionbutton button {
	color: #ff6701 !important;
	font-weight: bold;
}

#PPW span.actionbutton {
	display: block;
	float: left;
	padding: 0 !important;
	background: url("../../images/afs/extras/kepo/button_left.gif") no-repeat 0 0;
	margin: 0;
	margin-left: 0.15em;
	position: relative;
}

#PPW span.actionbutton button { 
	display: block;
	color: #128 !important;
	padding: 3px 8px 3px 8px !important;
	background: transparent url("../../images/afs/extras/kepo/button_right.gif") no-repeat 100% 0 !important;
	border: 0;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 23px !important;
	margin-right: 0px !important;
}

#PPW .actionbutton a { 
	display: block;
	color: #128 !important;
	padding: 5px 12px 5px 0 !important;
	background: transparent url("../../images/afs/extras/kepo/button_right.gif") no-repeat 100% 0 !important;
	border: 0;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#PPW .actionbutton button:hover {
	color: #000 !important;
	text-decoration: none;
	background: transparent url("../../images/afs/extras/kepo/button_strong_right.gif") no-repeat 100% 0 !important;
}

#PPW .actionbutton a:hover {
	color: #000 !important;
	text-decoration: none;
	background: transparent url("../../images/afs/extras/kepo/button_strong_right.gif") no-repeat 100% 0 !important;
}

#PPW .actionbutton:hover {
	color: #000 !important;
	text-decoration: none;
	background: url("../../images/afs/extras/kepo/button_strong_left.gif") no-repeat 0 0;
}
#PPW .actionbuttonEnd {
	clear: both;
}


/**************
*
* Payment buttons
*
**************/

#PPW #paymentWindow {
	position:relative;
	top: 25em;
	left:20em;
	height:5em;
	width:25em;
	display:block;
	background:url(../../../img/redirect_loader.gif) no-repeat 31% 60% ;

}

#PPW #paymentWindow h4 {
	font-size: 12px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-align: left;
	padding: 5px 0 0 5px;

}

#PPW #sampo,#PPW #op,#PPW #tapiola,#PPW #nordea,#PPW #sppop,#PPW #credit {
	width:88px;
	height:73px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-100em;
	overflow:hidden;
	cursor:pointer;
	cursor:hand;
}

#PPW #sampo {
	background: transparent url("../../images/afs/icons/kepo/sampo.gif") no-repeat 0 0;
}

#PPW #op {
	background: transparent url("../../images/afs/icons/kepo/op.gif") no-repeat 0 0;
}

#PPW #sppop {
	background: transparent url("../../images/afs/icons/kepo/sppop.gif") no-repeat 0 0;
}

#PPW #nordea {
	background: transparent url("../../images/afs/icons/kepo/nordea.gif") no-repeat 0 0;
}

#PPW #tapiola {
	background: transparent url("../../images/afs/icons/kepo/tapiola.gif") no-repeat 0 0;
}

#PPW #credit {
	width:130px;
	background: transparent url("../../images/afs/icons/kepo/credit.gif") no-repeat 0 0;
}


/**************
*
* Borders for content and content paddings
*
**************/

.clear {
	clear:both;
}

#PPW .section .tlc, #PPW .section .trc,
#PPW .section .blc, #PPW .section .brc {
	background-color: transparent;
	background-repeat: no-repeat;
}

#PPW .section .tlc {
	background-image:url(../../images/afs/borders/kepo/mtlc.gif);
	background-position: 0% 0%;
}

#PPW .section .trc {
	background-image:url(../../images/afs/borders/kepo/mtrc.gif);
	background-position: 100% 0%;
}

#PPW .section .blc {
	background-image:url(../../images/afs/borders/kepo/mblc.gif);
	background-position: 0% 100%;
}

#PPW .section .brc {
	background-image:url(../../images/afs/borders/kepo/mbrc.gif);
	background-position: 100% 100%;
}

#PPW .section .tb,#PPW .section .bb {
	background-color: transparent;
	background-repeat: repeat-x;
}

#PPW .section .tb {
	background-image:url(../../images/afs/borders/kepo/mtb.gif);
	background-position: 0% 0%;
}

#PPW .section .bb {
	background-image:url(../../images/afs/borders/kepo/mbb.gif);
	background-position: 50% 100%;
}

#PPW .section .rb {
	background-image:url(../../images/afs/borders/kepo/mrb.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

#PPW .section .lb {
	background-image:url(../../images/afs/borders/kepo/mlb.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}

#PPW .section .content {
	padding:5px 7px 20px 7px;
}

#PPW .section {
	background-color: #fff;
	margin-bottom:1.5em;
}

#PPW #mainContent {
	padding-bottom:13px;
}

#PPW .box .tlc, #PPW .box .trc,
#PPW .box .blc, .box #PPW .brc {
	background-color: transparent;
	background-repeat: no-repeat;
}

#PPW .box .tlc {
	background-image:url(../../images/afs/borders/kepo/tlc.gif);
	background-position: 0% 0%;
}

#PPW .box .trc {
	background-image:url(../../images/afs/borders/kepo/trc.gif);
	background-position: 100% 0%;
}

#PPW .box .blc {
	background-image:url(../../images/afs/borders/kepo/blc.gif);
	background-position: 0% 100%;
}

#PPW .box .brc {
	background-image:url(../../images/afs/borders/kepo/brc.gif);
	background-position: 100% 100%;
}

#PPW .box .tb,#PPW .box .bb {
	background-color: transparent;
	background-repeat: repeat-x;
}

#PPW .box .tb {
	background-image:url(../../images/afs/borders/kepo/tb.gif);
	background-position: 0% 0%;
}

#PPW .box .bb {
	background-image:url(../../images/afs/borders/kepo/bb.gif);
	background-position: 50% 100%;
}

#PPW .box .rb {
	background-image:url(../../images/afs/borders/kepo/rb.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

#PPW .box .lb {
	background-image:url(../../images/afs/borders/kepo/lb.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}

#PPW .box .content {
	padding:5px 7px 5px 7px;
}

#prodcat .content {
	padding:9px 11px 9px 11px;
}


/**************
*
* Final page
*
**************/

#readySection .body {
	margin: 1em 0 1em 0;
}

#readySection A {
	color: #f60;
	text-decoration: none;
}

#readySection .box {
	background-image:url(../../images/afs/extras/kepo/highlightbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#thanks {
	background-image:url(../../images/afs/extras/kepo/checkbox.gif);
	background-repeat: no-repeat;
	background-position: 1em 0.4em;
	height:11em;
	padding-left:11em;
}
#sorryException {
	background-image:url(../../images/afs/extras/kepo/logo_virhe.gif);
	background-repeat: no-repeat;
	background-position: 1em 0.4em;
	height:11em;
	padding-left:11em;
}
#highlightFrontPage {
	background-image:url(../../images/afs/extras/kepo/frontpagehl.gif);
	background-repeat: no-repeat;
	background-position: 1em 0.4em;
	height:13em;
	padding-left:11em;
}