/* Tyylit */
body {
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin:0;
	
	background: #e5e5e5 url(../img/bg.jpg) repeat-x top center;
}

body,p {
	margin:0px;
	padding:0px;
	border:0;  
	border-collapse:separate;  
	border-spacing:0;

}

p{
	margin:10px 0;
}
a, a:link, a:visited, a:active{
	color: #fdb520;
	text-decoration: none;
}
a.yellow, a.yellow:link, a.yellow:visited, a.yellow:active {
	color: #e7b012 !important;
	font-weight: bold;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	color: #fdb520 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
	text-align: left !important;
	height:auto !important;
}


a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-size: 12px;

}

input, select, textarea {
	font-size: 11px;
}
.text{
	width:100%;
}

h1 {
	font-size: 19px;
	color: #000000;
}

h2 {
	font-size: 14px;
	color: #000000;
}

h3 {
	font-size: 12px;
	color: #000000;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}

img {
	border:0px;
}

.error_message{
	color:#ab0000;
	padding:10px;
	background-color: #f9f9f9;
	border: 1px solid #dfdfdf;
}
.success_message{
	color:#368b1c;
	padding:10px;
	background-color: #f9f9f9;
	border: 1px solid #dfdfdf;
}

/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}

#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}

#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}


/* Oletusrakenne */
#wrapper{
	margin:0 auto;
	z-index: 100;
	position: relative;
	height:100%;
}
#wrapper_left {
	position:relative;
	float: right;
	width: 50%;
	height: 100%;
	background: #e5e5e5 url(../img/bg_right.jpg) repeat-x top center;
}
#wrapper_right {
	position:absolute;
	float: left;
	width: 50%;
	height: 100%;
	background: #e5e5e5 url(../img/bg.jpg) repeat-x top center;
}
#background-container {
	z-index: 0;
	height:100%;
	position: absolute;
	width: 100%;
	height: 100%;
}

#frame{
	width:986px;
	min-height: auto;
	background: url(../img/frame_bg.png) repeat-y top center;
}
#inner-frame{
	width:950px;
	margin:0px;
	padding:0px;
	background: url(../img/header_main_2011.jpg) no-repeat top right;
}
#header {
	height: 229px;
	width: 950px;
	text-align: left;
	margin:0px;
	padding:0px;
}

#container {
	margin: 0px 10px 0px 22px;
	text-align:left;
}
#container-frontpage {
	margin: 0px 0px 0px 22px;
	text-align:left;
}

#left-column {
	width: 198px;
	margin-right: 30px;
	margin-top: -30px;
	float: left;
	min-height: 670px;
	height: auto !important;
	height: 670px;
}
#main-column {
	width: 690px;
	margin-top: 0px;
	float: left;
}
#container-frontpage #main-column {
	width: 700px;
	margin-top: 0px;
	float: left;
}

#menu{
	padding: 10px 15px;
}
/* BOXI */
.menubox-top {
	background: url(../img/menu_top.jpg) no-repeat top center;
	height: 37px;
	width: 198px;
}
.menubox-bg {
	background: url(../img/menu_bg.jpg) repeat-y;
	width: 198px;
}
.menubox-bottom {
	background: url(../img/menu_bottom.gif) no-repeat top center;
	height: 3px;
	width: 198px;
}

.menubox-top div {
	padding: 10px 0px 0px 25px;
	color: #ffffff;
}

#menu ul {
	margin: 0px 0px;
	padding: 0px;
}
#menu li {
	background: url(../img/dot.jpg) repeat-x bottom left;
	margin: 0px;
	padding: 4px 0px;
	list-style-type: none;
}
#menu li a , #menu li a:link, #menu li a:active, #menu li a:visited {
	color: #000000;
	font-size: 11px;
	z-index: 1000;
	background: url(../img/menu/nuoli.gif) no-repeat center left;
	padding-left: 10px;
	display:block;
}
#menu li a.selected, #menu li a.selected:link, #menu li a.selected:active, #menu li a.selected:visited {
	color: #fdb010;
	font-weight:bold;
	font-size: 11px;
	background: url(../img/menu/nuoli_a.gif) no-repeat center left;
	padding-left: 10px;
	display:block;
}

#menu .menuitem-sub {
	list-style-type: none;
	background: none;
}
#menu .menuitem-sub a {
	font-size: 11px;
}

.padding {
	padding: 10px;
}

#footer{
	clear:both;
	height:65px;
	background: #ffffff url(../img/footer_bg.jpg) repeat-x top center;
}
#inner-footer {
	width: 986px;
	height: 65px;
	background: #ffffff url(../img/footer_inner_bg.jpg) no-repeat top center;
	text-align:left;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #000000;
}

#copyright {
	float:left;
	width: 150px;
	height: 30px;
	margin: 15px 0px 0px 280px;
}
#footer-links {
	float:right;
	text-align: right;
	width: 400px;
	height: 30px;
	margin: 15px 40px 0px 0px;
}


/* Accordion styles */
#content-holder h2.expandable {
	color: #323232;
	background: url(../img/h3_bg.jpg) repeat-x bottom left;
	padding: 5px;
	cursor :pointer;
	font-size: 15px;
	padding-left: 24px;
}
#content-holder .pointer {
	background: url(../img/pointer_closed.jpg) no-repeat left;
	display:block;
}
#content-holder .pointer_active {
	background: url(../img/pointer_open.jpg) no-repeat left;
	display:block;
}


/* Eusivun tyylejä */
.newsContent {
	background: url(../img/news_bg.jpg) no-repeat top right;
	min-height: 273px;
	height: auto !important;
	height: 273px;
}
.newsContent p {
	margin-top: 0px;
}

.frontpage_box {
	width: 215px;
	float: left;
	background-color: #e5e5e5;
	border-top: 10px solid #e7b012;
	margin-right: 15px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
}
.frontpage_box .caption {
	height: 60px;
}

.frontpage_box_bottom {
	background: #747474 url(../img/news_bottom_bg.jpg) no-repeat top right;
	height:  42px;
	width: 215px;
	float:left;
	margin-right: 15px;
	margin-top: 8px;
}
.frontpage_box_bottom div {
	margin: 4px 10px 2px 10px;
	color: #ffffff;
}


/* VANHAN VISUN TYYLIT */

td#vali{
	background:url(../img/bread_bg.gif) repeat-x top center;}
td#content{
	background:#fff url(../img/content.jpg) repeat-x top center;}
td#content2{
	background:#fff url(../img/content2.jpg) repeat-x top center;}
td#menu{
	background:url(../img/menu_bg.jpg) repeat-y top center;}
td#footer{
	background:url(../img/kivetys_bottom.jpg) repeat-x top center;
	}
td#kivetys_top{
	background:url(../img/kivetys_top.jpg) repeat-x top center;}
td#kivetys_top_k{
	background:url(../img/kivitalo_top_bg.jpg) repeat-x top center;
}
td#pvm{
	background:url(../img/pvm_bg.jpg) no-repeat 0 15px;

	padding-top:18px;}

td#pvm_k{

	padding-top:195px;}
td#bread_k{
	padding-top:177px;}



/* Tuotejärjestelmä */
.toolbar{
	margin-bottom:10px;
	padding:3px;
	border:1px solid #dfdfdf;
	background-color:#f6f6f6;
}
.toolbar input{
	border:1px solid #555555;
}
.error_message{
	margin:10px 0;
	color:#ab0000;
}



a.listitem, a.listitem:link, a.listitem:visited, a.listitem:active{
	display:block;
	height:100%;
}
#list td{
	padding:2px;
}
tr.highlight{
	background-color: #dddcdc;
	cursor: pointer;
}
tr.highlight_default{
	background-color: lightblue;
}
.productThumb{
	float:left;
	width:130px;
	height:115px;
}
.productThumb div{
	margin:5px;
}
.productThumb a:link, .productThumb a:visited, .productThumb a:active{
	display:block;
	line-height:20px;
	font-size:10px;
	text-align:center;
	color:#ffffff;
	background-color:#535353;
}
.productThumb a:hover{
	display:block;
	line-height:23px;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	color:#363731;
	background-color:#ffd322;
}
.imageHolder{
	width:247px;
	margin-bottom:10px;
}
.imageHolder th{
	background-color:#494949;
	color:#ffffff;
	text-align:left;
	padding:4px 5px 4px 10px;
	font-weight:bold;
	font-size:12px;
}
#productImage{
	margin-top:9px;
	height:161px;
	background-repeat:no-repeat;
	background-position:left top;

}
#productImage #magnify{
	margin-top:130px;
	margin-right:10px;
}
a#imageLink:link, a#imageLink:visited, a#imageLink:active{
	display:block;
	height:100%;
}

.variations{
	width:247px;
	margin-bottom:10px;
}
.variations td{
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
}
.variations td .variation{
	text-align:center;
	float:left;
	width:81px;
	margin-top:8px;
}
.variation a:link, .variation a:active, .variation a:visited{
	font-size:10px;
	color:#646464;
	display:block;
}
.variation a:hover{
	color:#000000;
}

.variations th{
	background-color:#ffb10f;
	color:#3f3f3f;
	text-align:left;
	padding:4px 5px 4px 10px;
	font-weight:bold;
	font-size:12px;
}
#specsit td{
	padding:3px 7px;
}

table.yellow-line {
	border-bottom: 10px solid #e4b00e;
}

/* Kuvagallerian pikkukuvien lapinakyvyys */
.opacityContainer{
}
.opacityContainer a img {
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;

}

.opacityContainer a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;

}

.opacityContainer a:active img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;

}

.opacityContainer2 a img {
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
	border: 2px solid #ffffff;
}

/*.opacityContainer2 a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	border: 2px solid #ffffff;
}
*/
.redBorder img{
border: 2px solid #ff0000;
}

.whiteBorder img{
border: 2px solid #ffffff;
}

.pikkukuva{
padding: 5 5 5 5;
}

.talomuokkaus{
	height: 45;
}

.talootsikko {
	font-size: 16px;
	color: #3f3f3f;
	font-family:arial, helvetica, sans-serif;
	background:url(../img/h1.gif) no-repeat left top;
	padding-left:24px;
	font-weight:bold;
	letter-spacing:-1px;
}

/* Välilehdet jälleenmyyjäjärjestelmässä */
div.tab_content{
	border:1px solid #c3c3c3;
	padding:10px;
	margin-bottom:10px;
	clear:both;
}
a.tab_link:link, a.tab_link:active, a.tab_link:visited{
	border:1px solid #c3c3c3;
	border-bottom:1px solid #c3c3c3;
	background-color:#eeeeee;
	margin-right:3px;
	position:relative;
	margin-bottom:-1px;
	margin-top:4px;
	display:block;
	float:left;
	padding:3px 7px;
	color:#555555;
	line-height:16px;
}
a.tab_link_active:link, a.tab_link_active:active, a.tab_link_active:visited{
	border:1px solid #c3c3c3;
	border-bottom:0px solid #ffffff;
	background-color:#ffffff;
	margin-right:3px;
	bottom:-1px;
	position:relative;
	display:block;
	float:left;
	padding:5px 7px 1px 7px;
	color:#000000;
	line-height:20px;
}

.jalleenmyyja{
	text-align: left;
	width: 185px;
	/*height: 120px;*/
	float: left;
	clear: none;
	padding: 9px;
	margin: 3px;
	/*background-color: #dccda7;
	border: 1px solid #999;*/
}

.error_msg, .success_msg {
	padding: 10px;
	background-color: #f1f1f1;
	border: 1px solid #dcdcdc;
	color: #ab0000;
}

.success_msg {
	color: #227d1b;
}


/* RAHTILASKURI */
table.cargo_results {
	width: 100%;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-top: 0px;
	border-right:0px;
}
table.cargo_results td {
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
table.cargo_results th {
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #565656;
}

td.th {
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	font-size: 11px;
	font-weight: bold;
	background-color: #f9f9f9;
}

td.label {
	background-color: #ffffff;
}

a.button , a.button:link, a.button:active, a.button:visited, a.button_disabled , a.button_disabled:link, a.button_disabled:active, a.button_disabled:visited {
	border: 1px solid #555555;
	background-color: #888888;
	color: #ffffff;
	padding: 4px;
	margin-right: 8px;
	margin-bottom: 10px;
}
a.button_disabled , a.button_disabled:link, a.button_disabled:active, a.button_disabled:visited {
	color: #d9d9d9;
}

#result_div p {
	margin: 0px;
}