@import url(editor.css);

html, body {
        padding: 0;
        background-color: #ececec;
        text-align: center;
}

form {
	margin: 0;
	padding: 0;
}

td, th {
        padding: 7px 5px;
}

#wrapper {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

#wrapper2 {
	background-image: url('/media/layout/bg.gif');
	background-position: center center;
	background-repeat: repeat-y;
}

#wrapper3 {
	background-image: url('/media/layout/top_bg.gif');
	background-position: center top;
	background-repeat: no-repeat;
}

#wrapper4 {
	background-image: url('/media/layout/bottom_bg.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 15px;
}

#height {
	min-height: 580px;
	height: auto !important;
	height: 580px;
}

#header {
	padding: 10px;
}

#navigationWrapper {
	float: left;
	width: 100%;
	background-color: #ebebeb;
	background-image: url('/media/layout/navigation_bg.gif');
	background-position: center center;
	background-repeat: repeat-y;
}

#navigationWrapper2 {
	float: left;
	width: 100%;
	background-image: url('/media/layout/navigation_topbg.gif');
	background-position: center top;
	background-repeat: no-repeat;
}

#navigationWrapper3 {
	float: left;
	width: 100%;
	background-image: url('/media/layout/navigation_bottombg.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 6px;
}


#menu, #menu2 {
	margin: 0;
	padding: 0 15px;
	list-style-type: none;
}

#menu li, #menu2 li {
	position: relative;
	float: left;
	background-image: url('/media/layout/menu_divider.gif');
        background-position: right center;
        background-repeat: no-repeat;
	padding-right: 1px;
}

#menu li.last, #menu2 li.last {
	background-image: none;
}

#menu li a, #menu2 li a {
	float: left;
	text-decoration: none;
}

#menu li a span, #menu2 li a span {
	float: left;
}

#menu li a span span, #menu2 li a span span {
	padding: 1.1em 1.65em 0.9em 1.65em;
	cursor: pointer;
}

#menu li.current a, #menu li.hover a, #menu li a:hover,
#menu2 li.current a, #menu2 li.hover a, #menu2 li a:hover {
	background-color: #f4f4f4;
}

#menu li a:hover, #menu2 li a:hover {
	color: #d00200;
}

#menu li.current a span, #menu li.hover a span, #menu li a:hover span,
#menu2 li.current a span, #menu2 li.hover a span, #menu2 li a:hover span {
	background-image: url('/media/layout/menucurrent_topbg.gif');
        background-position: center top;
        background-repeat: repeat-x;
}

#menu li.current a span span, #menu li.hover a span span, #menu li a:hover span span, 
#menu2 li.current a span span, #menu2 li.hover a span span, #menu2 li a:hover span span {
	background-image: url('/media/layout/menucurrent_bottombg.gif');
        background-position: center bottom;
        background-repeat: repeat-x;
}

#menu ul, #menu2 ul {
	position: absolute;
	top: 3.4em;
	clear: both;
	float: left;
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
}

#menu li.last.level1 ul, #menu2 li.last.level1 ul {
	right: 0;
}

#menu li.last.level1 ul {
left: 0;
} 

#menu li.first.last.level1 ul, #menu2 li.first.last.level1 ul {
left: 0;
}

#menu2 li.last.level1 ul {
	right: auto;
}

#menu ul.level2 li, #menu2 ul.level3 li {
        border-left: 1px solid #d6d6d6;
        border-top: 1px solid #d6d6d6;
        border-right: 1px solid #d6d6d6;
}

#menu ul.level2 li, #menu ul.level2 li a, #menu ul.level2 li a span, #menu ul.level2 li a span span, 
#menu ul.level2 li a:hover, #menu ul.level2 li a:hover span, #menu ul.level2 li a:hover span span,
#menu2 ul.level3 li, #menu2 ul.level3 li a, #menu2 ul.level3 li a span, #menu2 ul.level3 li a span span, 
#menu2 ul.level3 li a:hover, #menu2 ul.level3 li a:hover span, #menu2 ul.level3 li a:hover span span {
	clear: both;
	padding: 0;
	background-image: none;
	background-color: #F2F2F2;
}

#menu ul.level2 li.last a,
#menu2 ul.level3 li.last a {
	background-image: url('/media/layout/dropdown_left.gif');
	background-position: left bottom;
        background-repeat: no-repeat;
background-color: transparent;
}

#menu ul.level2 li.last a span,
#menu2 ul.level3 li.last a span {
	background-image: url('/media/layout/dropdown_right.gif');
	background-position: right bottom;
        background-repeat: no-repeat;
background-color: transparent;
}

#menu ul.level2 li a span span, #menu ul.level2 li.last a span span, #menu ul.level2 li a:hover span span,
#menu2 ul.level3 li a span span, #menu2 ul.level3 li.last a span span, #menu2 ul.level3 li a:hover span span {
	float: left;
        clear: both;
        background-image: url('/media/layout/small_arrows.gif');
        background-position: 10px 1em;
        background-repeat: no-repeat;
background-color: transparent;
	width: 160px;
	padding: 5px 5px 5px 25px;
}

#menu ul.level2 li.last,
#menu2 ul.level3 li.last {
	border-right: 0;
	border-left: 0;
}

#menu ul.level2 li.last a span span,
#menu2 ul.level3 li.last a span span {
	padding: 5px 6px 5px 26px;
}

#menu ul.level2 li a:hover span span,
#menu2 ul.level3 li a:hover span span {
        background-image: url('/media/layout/small_redarrows.gif');
	color: #000;
}

#menu ul.level3, #menu ul.level3 ul,
#menu2 ul.level4, #menu2 ul.level4 ul {
	display: none;
}

#menu2 li.last ul.level2 {
left:0;
}

#trail {
	float: left;
        padding-left: 8px;
}

#trail span {
	float: left;
}

#trail span {
	background-color: #d00200;
	background-image: url('/media/layout/trail_bottom.gif');
        background-position: left bottom;
        background-repeat: repeat-x;
}

#trail span span {
	background-color: transparent;
}

#trail span span {
	background-image: url('/media/layout/trail_right.gif');
        background-position: right top;
        background-repeat: repeat-y;
}

#trail span span span {
	background-image: url('/media/layout/trail_righttop.gif');
        background-position: right top;
        background-repeat: no-repeat;
}

#trail span span span span {
	background-image: url('/media/layout/trail_rightbottom.gif');
        background-position: right bottom;
        background-repeat: no-repeat;
}

#trail span span span span span {
	background-image: url('/media/layout/trail_leftbottom.gif');
        background-position: left bottom;
        background-repeat: no-repeat;
	padding: 0.2em 1.2em 0.7em 1em;
}

#trail span.separator {
	float: left;
	background-image: none;
	color: white;
	font-size: 75%;
	padding: 0.1em 0.5em;
}

#trail a {
	float: left;
	font-weight: bold;
	font-size: 75%;
	float: left;
	color: #fff;
	text-decoration: none;
}

#trail a:hover {
	text-decoration: underline;
}

.content {
	padding: 0 10px;
	clear: both;
}

.leftColumn {
	float: left;
}

.rightColumn {
	float: right;
}

#front .leftColumn {
	width: 572px;
}

#front .rightColumn {
	width: 305px;
	padding-right: 25px;
	padding-left: 25px;
}

#inside .rightColumn {
	width: 500px;
	padding-right: 25px;
}

#inside .leftColumn {
	width: 363px;
}

.wholeColumn {
	float: left;
	width: 730px;
	padding: 20px 100px 20px 100px;
}

.teasers {
	padding-top: 4px;
	border-top: 1px solid #cccccc;
}

.teasers p {
	margin: 0;
	padding: 0;
}

.teasers a, .teasers img, .teasers div {
	float: left;
}

.teaserLeft {
	margin-right: 2px;
}

.teaserRight {
	margin-left: 2px;
}

.teaserCenter {
	margin: 0 2px;
}

#footer {
	clear: both;
	text-align: right;
	font-size: 75%;
	padding: 15px 25px 0px 15px;
	margin-bottom: 20px;
}

#footer a {
	margin-right: 10px;
}

.roundedBorders {
	background-color: #e3e3e3;
	background-image: url('/media/layout/box_lefttop.gif');
        background-position: left top;
        background-repeat: no-repeat;
}

.roundedBorders div {
	background-image: url('/media/layout/box_righttop.gif');
        background-position: right top;
        background-repeat: no-repeat;
}

.roundedBorders div div {
	background-image: url('/media/layout/box_rightbottom.gif');
        background-position: right bottom;
        background-repeat: no-repeat;
}

.roundedBorders div div div {
	background-image: url('/media/layout/box_leftbottom.gif');
        background-position: left bottom;
        background-repeat: no-repeat;
	padding: 10px 15px;
}

.box {
	border: 0;
	margin: 0;
}

.box td, .box th {
	padding: 0;
}

a.cart, span.cart{
	float: right;
	background-image: url('/media/layout/cart_bg.gif');
        background-position: center center;
        background-repeat: repeat-x;
	text-decoration: none;
}

a.cart span, span.cart span {
	float: right;
        background-image: url('/media/layout/cart_right.gif');
        background-position: right center;
        background-repeat: no-repeat;
}

a.cart span span, span.cart span span {
	float: right;
	background-image: url('/media/layout/cart_left.gif');
        background-position: left center;
        background-repeat: no-repeat;
	padding: 20px 20px 20px 50px;
	white-space: nowrap;
}

a:hover.cart {
	background-image: url('/media/layout/cart_hoverbg.gif');
}

a:hover.cart span {
	background-image: url('/media/layout/cart_hoverright.gif');
}

a:hover.cart span span {
	background-image: url('/media/layout/cart_hoverleft.gif');
}

.formTextinput, .formEmailinput, textarea {
	width: 300px;
}

.Required, .formRequiredList {
	color: red;
}

.formRequiredNotice {
 	color: #333333;
        font-family: "DendaNewCE Light", Verdana, Arial, sans-serif;
        font-weight: normal;
        line-height: 100%;
        padding: 0.2em 0 0.4em;
	font-size: 160%;
	margin-top: 1em;
}

#digital-products {
	position: relative;
	display: block;
	width: 559px;
	height: 221px;
	}

#digital-products p{
	padding: 0;
	margin: 0;
	}
	
#digital-products a {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	}	
	

#digital-products div.product,
#digital-products div.extra {
	display: block;
	position: absolute;
	background-image: url(http://www.avalon.fi/media/i/dig-en.jpg); background-repeat: no-repeat;
	}


#digital-products div.extra { display: none; }	

#digital-products #julkaisujarjestelma { position: absolute; top: 0; left: 0; width: 185px;height: 221px;background-position: 0 0;}	
#digital-products #extra-julkaisujarjestelma { position: absolute; top: 0; left: 0; width: 185px;height: 221px;background-position: 0 -724px;}	
#digital-products #julkaisujarjestelma a,
#digital-products #extra-julkaisujarjestelma a{ width: 185px;height: 221px;}	

#digital-products #sahkoinen-uutiskirje { position: absolute; top: 0; left: 185px; width: 187px;height: 221px;background-position: -185px 0;}	
#digital-products #extra-sahkoinen-uutiskirje { position: absolute; top: 0; left: 185px; width: 187px;height: 221px;background-position: -185px -724px;}	
#digital-products #sahkoinen-uutiskirje a,
#digital-products #extra-sahkoinen-uutiskirje a{ width: 187px;height: 221px;}	
	
#digital-products #brandin-hallinta { position: absolute; top: 0; left: 372px; width: 187px;height: 221px;background-position: -372px 0;}	
#digital-products #extra-brandin-hallinta { position: absolute; top: 0; left: 372px; width: 187px;height: 221px;background-position: -372px -724px;}	
#digital-products #brandin-hallinta a,
#digital-products #extra-brandin-hallinta a{ width: 187px;height: 221px;}		
	

.redArrow, .redArrowList a {
background-image:url("/media/layout/red_arrow.gif");
}

.blackArrow, .redArrow, .blackArrowList a, .redArrowList a {
background-position:left center;
background-repeat:no-repeat;
color:#666666;
font-size:95%;
font-weight:bold;
line-height:1.6em;
padding-left:15px;
text-decoration:none;
}