body {
	font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
	padding: 0;
	color:#333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
	font-size: 13px;
	background-image: url(../img/layout/sance_bg.jpg);
	background-color: #D5CCA5;
	background-repeat: no-repeat;
	background-position: center top;
}
body#intro {
	background-image:url(../img/layout/intro_bg.jpg);
	background-position:center top;
	padding: 0px;
	background-repeat: no-repeat;
	margin-top: 441px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
body#content {
	background-image:url(../img/layout/content_body_bg.jpg);
	background-position:center top;
	margin:0px;
	padding: 0px;
	background-repeat: no-repeat;
}

a {
	outline: none;
}


h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h6 {
	clear:left;
	padding-top: 8px;
	padding-bottom:8px;
	font-size: 14px;
	background-color: #1d1d1d;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: -20px;
	margin-bottom: 10px;
	margin-left: -16px;
	color: #CCC;
	font-weight: normal;
	text-transform: uppercase;
}


p {
	margin: 0px;
	padding: 0px;
        line-height:22px;
}
.mainmenu {
	font-family: Arial;
	float: left;
	width: 957px;
	padding-left: 31px;
	height: 39px;
}
.container {
	margin: auto;
	clear: both;
	width: 983px;
}

.top_area {
	height: 134px;
	background-repeat: no-repeat;
}
.langs {

}

.hidden {
	display: none;
}

.mainmenu h1 {
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	height: 39px;
	float: left;
}
.mainmenu a:link {
	text-decoration: none;
	color: #124346;
	height: 29px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
	border-left-color: #eaeaea;
	vertical-align: top;
	float: left;
}
.mainmenu a:visited {
	text-decoration: none;
	color: #124346;
	height: 29px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
	border-left-color: #eaeaea;
	vertical-align: top;
	float: left;
}
.mainmenu a:hover {
	text-decoration: none;
	color: #4A373D;
	height: 29px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
	border-left-color: #eaeaea;
	vertical-align: top;
	float: left;
	background-image: url(../img/layout/mainmenu_bg_over.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.mainmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.mainmenu ul li { display:inline; }
.mainmenu ul ul { display: none; }



.content_area {
	float: left;
	width: 983px;
	background-image: url(../img/layout/content_bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	padding-bottom: 15px;
	margin-top: -5px;
}
.left_area {
	width: 168px;
	float: left;
	background-image: url(../img/layout/right_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 20px;
}

.left_area p {
	font-size: 14px;
	
}


.left_area h2 {
	padding-left:5px;
	padding-bottom:3px;
	padding-top:3px;
	font-size: 14px;
	font-weight: normal;
	color: #676767;
	background-image: url(../img/layout/mainmenu_icon.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	padding-right: 25px;
	line-height: 20px;
}
.left_area h2 a:link {
	color: #676767;
	text-decoration: none;
}
.left_area h2 a:visited {
	color: #676767;
	text-decoration: none;
}
.left_area h2 a:hover {
	color: #A58F47;
	text-decoration: none;
}
.left_area h3 {
	padding-left:10px;
	padding-bottom:3px;
	padding-top:3px;
	color: #666;
	font-size: 12px;
	text-align: right;
	padding-right: 25px;
	line-height: 15px;
	
}
.left_area h4 {
	color: #333;
	font-size: 15px;
	padding-left:13px;
	margin-left:22px;
	padding-bottom:5px;
	padding-top:5px;
	background-image: url(../img/layout/downmenu_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.left_area li { list-style-type: none; clear:left; margin:0px; padding:0px; }
.left_area ul { list-style-type: none; margin:0px; padding:0px; }

.center_area_rightside {
	width: 170px;
	background-color: #1d1d1d;
	clear: right;
	float: right;
        padding:15px;
}
.center_area {
	width: 712px;
	float: left;
	margin-bottom: 10px;
	margin-top: 17px;
	margin-left: 20px;
}
.center_area h1 {
	font-size: 17px;
	font-weight: normal;
	color: #A58F47;
	padding-bottom: 10px;
}

.center_area p{
	font-size: 13px;
	line-height: 22px;
}
.center_area_660 {
	width: 660px;
	float: left;
	margin-bottom: 10px;
	margin-top: 30px;
}
.center_area_660 h2 {
	font-size: 22px;
	font-weight: normal;
}

.center_area_660 p{
	font-size: 14px;
	line-height: 22px;
	padding-top: 15px;
}
.center_area_660 p img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}


.mainmenu li {
	list-style-type: none;
	margin:0px;
	padding:0px;
	float: left;
}
.content_area_bottom {
	background-image: url(../img/layout/content_bg_bottom.png);
	height: 15px;
	width: 1002px;
	float: left;
        margin-bottom:40px;
        text-align:right;
        padding-top:15px;
       
}
.content_area_bottom a:link{
	font-size:9px;
        color:darkgray;
        padding-right:20px;
        
       
}
.content_area_bottom a:visited{
	font-size:9px;
        color:darkgray;
        padding-right:20px;
        
       
}
.content_area_bottom a:hover{
	font-size:13px;
        color:gray;
        padding-right:20px;
        
       
}
.redhighlight { color: red; }
.greenhighlight { color: green; }

.admin_bar { 
       
        height:30px;
	background-color: #DADADA; 
}

.admin_bar a { 
	color:black; 
}

.admin_bar ul{ 
	padding: 5px 20px; 
}

.admin_bar ul li { 
	margin: 0 10px 0 0; 
}

.left_module {
	float:left;	
}
.team_box {
	float:left;
        width:400px;	
}

.team_box_pics {
	float:left;
        padding-right:20px;	
}

.lists_view {
	background:darkgrey;
	color:black;	
	padding-left:30px;	
}

.list_items_list_item {
	padding-left:12px;	
}

.list_items_list_item a {
	color:black;
}

.list_items_list_item a:hover {
	color:lightgrey;
}

.list_items_list_item:hover {
	padding-left:12px;
	background:grey;
	color:black;	
}
.jakelupaikat {

}
.jakelupaikat_logoarea {
	float: left;
	width: 400px;
}
.jakelupaikat_logoarea h2 {
	padding-bottom: 5px;
	padding-top: 10px;
}
.jakelupaikat_kuponkit {
	float: right;
	font-size: 11px;
	text-align: right;
	width: 140px;
	padding-top: 10px;
}
.jakelupaikat_kuponkit strong {
	color: #4d881e;
	font-weight: normal;
}
.jakelupaikat_box {
	width: 200px;
	border: 1px solid #d4d4d4;
	margin-top: 5px;
	margin-bottom: 5px;
	float: right;
}
.jakelupaikat_box h1{
	font-size:15px;
        padding-top: 10px;
	padding-right: 10px;
	padding-left: 15px;
        padding-bottom: 10px;
}
.jakelupaikat_box p {
	margin: 0px;
	font-size: 12px;
	line-height: 18px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.jakelupaikat_box h2 {
        font-size:16px;
	margin: 0px;
	line-height: 15px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 15px;
}
.jakelupaika_pictures {
	float: left;
	width: 324px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.jakelupaikat_fullinfo {
	border: 1px solid #d4d4d4;
	clear: both;
	padding-bottom: 10px;
	width: 100%;
}
.jakelupaikat_fullinfo p {
	margin: 0px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 18px;
}
.jakelupaikat_pictures img {
	border: 2px solid #d4d4d4;
	padding: 1px;
}
.jakelupaika_pictures_del {
	width: 230px;
	clear: both;
}
.jakelupaika_pictures_del img{
	z-index: 1;
	padding: 2px;
	border: 1px solid #d4d4d4;
}
.dist_map {
	width:170px;
	float:left;
}
.dist_list {
        padding-top:25px;
	width:220px;
	float:left; 
        padding-bottom:0px;   
}
.dist_list h2{
       font-size:18px;
       padding-top:10px;
}
.distributor_list_box {
        padding: 10px 10px 10px 15px; border: 1px solid #d4d4d4;  
        margin-bottom:5px;
       
}
#province_areas_list li { list-style-type: none; clear:left; margin:0px; padding:0px; }
#province_areas_list ul { list-style-type: none; margin:0px; padding:0px; }


.distributor_list_box img{
       float:left;
       padding-top:8px;
       padding-right:10px;
      
}
.distributor_list_box p{
     margin:0px;
     padding:0px;
font-size:14px;
      
}
.distributor_right_box{
       width:140px;
       float:right;
       text-align:right;
       margin:0px;
       padding-right:10px;
       padding-top:10px;
}

.distributor_right_box span{
       color:green;    
}
.distributor_right_box a{ 
      
}
.distributor_list_box div h2{

}

.distributor_list_box div h3{
padding-top:0px;
font-size:12px;

}
.distributor_list_box h4{

font-size:18px;

}
.distributor_desc { float:left; width: 400px; padding: 10px; }
.distributor_rightbox_wrapper { float:right; width: 112px;  padding: 10px; }
.distributor_rightbox { float:right; width: 112px; border: 1px solid #696969;}
.distributor_images { float:left; width: 312px; }
.distributor_logoarea { float: left; }

#province_areas_list h2{ 
font-size:17px;


margin-top:10px;
padding-left:15px;padding-bottom:5px;padding-top:5px; }
.kehys {
	background-color: #E5E5E5;
	display: block;
	height: 20px;
	width: 100px;
	border: 1px solid #CCC;
	padding: 5px;
}
.kehys_big {
	background-color: #E5E5E5;
	display: block;
	height: 20px;
	width: 250px;
	border: 1px solid #CCC;
	padding: 5px;
}


#select_by_postalarea{ 

margin-bottom:40px;
}

.jakelupaikat_logoarea {
	float: left;
	width: 400px;
}
.jakelupaikat_logoarea h2 {
	padding-bottom: 5px;
	color: white;
	padding-top: 10px;
}

.delete_options {
	display:none;
        color:red;
}
.artikkelit{
        color:white;  
        float:left;  
        width:800px;    
        padding-bottom:10px;
}

.artikkelit img{  
        width:212px;    
        float:left;
        padding:2px;
	border-color:gray;
	border-top-style: solid ;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
 
}
.artikkelit h1{
        padding-top:5px; 
        padding-left:10px;
        float:left;
        color:white;
        font-size:18px;         
}
.kokemukset_text{
       padding:20px;        
}
.kokemukset_text h2{
       padding-top:10px; 
       padding-bottom:10px; 
       color:white;
       font-size:20px;      
             
}
.kokemukset_text img{
        margin-left:100px;
        width:312px;
        padding:2px;
	border-color:gray;
	border-top-style: solid ;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;   
             
}
.edit_buttons{

        padding:6px;
        background:gray;
	border-color:darkgray;
	border-top-style: solid ;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;    
     
}
a:link {
	color: #A58F47;
	text-decoration: none;
}
a:visited {
	color: #A58F47;
	text-decoration: none;
}
a:hover {
	color: #4A4120;
	text-decoration: none;
}
.footer {
	background-image: url(../img/layout/footer_bg.png);
	width: 100%;
	position: fixed;
	bottom: 0px;
	height: 37px;
	margin: auto;
        font-size:13px;
        
}
.footer p {
	width: 918px;
	margin: auto;
	clear: both;
	padding-right: 42px;
	padding-left: 42px;
	padding-bottom: 0px;
	padding-top: 0px;
        line-height:1px;
}
.footer a {
	margin: 0px;
	padding: 0px;
}

.footer img {
	float:right;
	
	
}
.inputs {
	padding: 5px;
}
.buttons {
	background-image: url(../img/layout/button_bg.png);	
        background-color: #c2c2c2;
	color: white;
	font-size: 14px;
        padding: 5px;
	border:0px;
        border-color:darkgray;
	border-top-style: solid ;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;   
}
.bottom_contactarea {
	background-image: url(../img/layout/bottom_bg.png);
	height: 21px;
	width: 100%;
	text-align: center;
	color: #FFF;
	padding-top: 7px;
	background-repeat: repeat-x;
	float: left;
	font-size: 12px;
}
.bottom_contactarea a:link {
	color: #FFF;
	text-decoration: none;
}
.bottom_contactarea a:visited {
	color: #FFF;
	text-decoration: none;
}
.bottom_contactarea a:hover {
	color: #695E2E;
	text-decoration: none;
}
.bottom_slogan {
	background-image: url(../img/layout/bottom_sanceslogan.png);
	height: 36px;
	width: 983px;
	background-repeat: no-repeat;
	float: left;
	behavior: url('iepngfix.htc');
	margin-bottom: 10px;
}
.ref_tabletext {
	font-size: 12px;
	margin-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #DFDFDF;
	border-bottom-color: #DFDFDF;
	border-left-color: #DFDFDF;
	line-height: 20px;
}
.ref_tabletext img {
	border: 1px solid #CCC;
	padding: 1px;
	margin-left: -10px;
}

.ref_tabletext h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.ref_tabletext_2 {
	font-size: 12px;
	margin-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #DFDFDF;
	border-bottom-color: #DFDFDF;
	border-left-color: #DFDFDF;
	line-height: 20px;
}
.ref_tabletext_2 ul li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -25px;
}

.ref_tabletext_2 h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.ref_tabletext_2 img {
	border: 1px solid #CCC;
	padding: 1px;
	margin-left: -10px;
}