/* 

Ajasto Group CSS-stylesheet 
(c) Ajasto Osakeyhtio 2007

*** COMMON FORMATTING, LOCAL OVERRIDES THIS. ***

NOTE: Always validate with http://jigsaw.w3.org/css-validator/

Valid CSS2 2006-03-19 apart from body/overflow

*/

.twoColHybLtHdr  {
	background-color:white;
	background-image:url(/commonimages/background-lines-blue.gif);
	background-position:center center;
	background-repeat:repeat-y;
}

/* site specific color for page contents left and right side borders*/
.twoColHybLtHdr #container {
    border-left: solid 1px #1d458d;    
    border-right: solid 1px #1d458d;   
}
/*Common--------------------------------------------------------------*/


P {
	margin-top: 0px;
	margin-bottom: 18px;
}

UL {
	list-style-image: url('/images/arrowbullet.gif');
	margin-left: 18px;
	margin-top: 18px;
}

A {
	color: #9E0101;
	text-decoration: none; 
	font-weight:normal; }

A:visited {	color: #79472D;}

A:hover { text-decoration: underline; }


IMG 
{
    border: 0px; 
    /* to fix footer moving over content, for firefox, source: http://developer.mozilla.org/en/docs/CSS_Reference:Mozilla_Extensions */
    -moz-force-broken-image-icon: 1;
    }

TABLE {
	/*font-size: 0.9em;*/
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
    border-collapse : collapse;
    /* border: solid 1px black; */ 
}

TABLE TD {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 4px;
	vertical-align: top; /*top works, altough VS.net doesn't support*/
	text-align: left;
}

H1 {
	font-family:Arial, Helvetica,Sans-serif;
	font-size:1.8em;
	font-weight:normal;
	color: #A10707;
	margin-bottom: 0px;
	margin-top: 0px;
}

H2 {
	margin-top: 0px;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:1.2em; /*FIX to resizable size*/
	font-weight:bold;
	color:#444444;
}

H3 
{
	font-family:Arial, Helvetica, Sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

H4 
{
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	font-weight:bold;
	margin-top: 18px;
	margin-bottom: 0px;
}

H1 IMG
{
	margin-top: 5px;
	margin-bottom: 3px;
}





    


/*Yhteydet--------------------------------------------------------------*/

.contact       { font-size: 9pt }


/*MainBar--------------------------------------------------------------*/

#mainbarcontainer, #mainbar {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*width:744px;*/
	font-size: 12px;
}

#mainbartable TD 
{
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#mainbarimage
{
    border-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#mainbarimage IMG
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;    
    /*border: solid 3px brown;*/
}

#mainbar #mainbarnavi {
	background-color: Black;
	color: White;
	padding: 1px 2px 3px 10px;
	margin: 1px 0px 0px 0px;
}

#mainbar #mainbarnavi A {
	color: White;
	font-weight: normal;
}

#mainbar #mainbarnavi input {
margin-top: 2px;
	margin-left: 8px;
	margin-right: 0px;
	font-family: Verdana, Arial, helvetica, Sans-serif; 
	font-size: 10px;
	
}

#mainbar #submitbutton 
{
   	font-family: Verdana, Arial, helvetica, Sans-serif; 
	font-size: 10px;
    /*border-style: outset;*/
    border-width: 1px;
    border-color: #DDDDDD;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: white; font-weight:normal; font-size: 12px; color: black;
}

#mainbar #mainbarnavi form {
	margin-bottom: 0px;
}

/*Content & Content2, frontpage --------------------------------------------------------------*/




/*Main article*/
#content-sitefrontpage #frontpage-article
{
    background: #e4f2ff;
    font-size: 0.85em;
    margin-top: 1px;
    /*margin-bottom: -17px; /* article p margin bottom=18px, 1px margin */
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 25px;
    padding-bottom: 0px;
}

#content-sitefrontpage #frontpage-article IMG 
{
    margin: 0px 25px 0px 25px;
    padding: 0px 0px 0px 0px; 
}

#content-sitefrontpage #frontpage-article .article H1 
{
    margin-top: 10px;
    color: #203f76;
}

#content-sitefrontpage #frontpage-article .article P
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 18px 0px; /*was needed as ie and firefox were handling padding in the end of div differently*/
}


#content-sitefrontpage #articlecontainer, #content-sitefrontpage #articlecontainer TD
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }

/* MF, modified for AF */


/*Common for areaboxes*/
#content-sitefrontpage .areaheading
{
    color: White;
    background: #0175c0;
    font-weight: bold;
    font-size: 11px;
    padding: 1px 1px 1px 9px;
    margin-bottom: 10px;
    line-height: 135%
}

#content-sitefrontpage .areacontent
{
    margin: 0px 9px 9px 0px;
    padding-left: 9px;
}

#frontpage-leftcolumn {
    /*width: 459px;*/
    font-size: 0.85em;
   	/*background-color:yellow;*/
    /*border: solid 1px blue;*/
    
    /*margin-left: 3px;*/
}

#content-sitefrontpage #frontpage-inshort {
    /*border: solid 1px blue;*/
    width: 459px;
    /*background-color:green;*/
    /*float: left;*/
}

#content-sitefrontpage #frontpage-teasers {
    clear: left;
    /*border: solid 1px red;*/
    width: 459px;
    /*display:table;*/
    /*display:inline-block*/
    /*background-color:red;	*/
    float: left;
}


/*Areaboxes on right*/
#content-sitefrontpage .frontpage-dayinfo, #content-sitefrontpage .frontpage-dayinfo2 /* frontpage sidebars */ {
   	/*background-color:aqua;*/
   	font-size: 0.85em;
   	width: 282px;   	
	float: right;
	line-height: 135%;
	display:inline;
}
    
/* was for finland 
#content-sitefrontpage #frontpage-teasers 
{
    clear: right;
    }
*/

#content-sitefrontpage .frontpage-teaser-img
{
    float: right;

}

#content-sitefrontpage .frontpage-teaser-item
{
    width:459px;
    margin-bottom: 7px;
/* was clear:right; for Finland */
}

/*#############################################################################*/
/*Content & Content 2, no sidebar. Used for example for search--------------------------------------------------------------*/

.content-nosidebar {
margin-top: 15px;
margin-left: 35px;
margin-right: 10px;
}


/*#############################################################################*/
/*Content & Content 2, other than frontpage and sidebarless pages --------------------------------------------------------------*/


/*Sidebarindex (Left Navigation) --------------------------------------------------------------*/


.sidebarindex
{
	font-size: 0.85em;
}

.sidebarindex A, .sidebarindex A:visited {
	color: black;
}

.sidebarindex P {
	margin-top: 3px;
	margin-bottom: 1px;
}

.sidebarindex P A {
	font-weight: bold;
}

.sidebarindex .sidebarindex-subfoldercontents P {
	margin-top: 4px;
	margin-bottom: 1px;
	margin-left: 6px;
	font-size: 0.90em; /* fix this, was 0.85em, but didn't work in Opera */
}

.sidebarindex .sidebarindex-subfoldercontents A {
	font-weight: normal;
}


.sidebarindex .sidebarindex-symbol
{
	margin-right: 4px; 
}

/*Article  --------------------------------------------------------------*/

.article 
{
}

.article .graphicright {

	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	/*clear: right;*/ /*caused problems on new frontpage, was two rows too down*/
	color: #666666;
}

.article .graphicleft {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: left;
	color: #666666;
}

.article .graphicnowrap {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #666666;
}

.article .verses 
{
	margin-top: 0px;
	margin-bottom: 18px;
}

.article .verses p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.article .productname {
	font-size: 0.85em;
}

.article .teasers{
	font-size: 0.85em;
	clear:right; /* was "both" in Finland */ 
}

.article .teasers TD {
	padding-bottom: 7px;}

.article .teasers IMG{
	margin-left: 0px;
	margin-right: 6px;
}


.arrowdot { /* FIX PREFIX */
	margin-right: 5px
}

.credits { /* FIX PREFIX */
	list-style-image: url('/images/neliodotti.gif');
}

.articletable { /* table inside the article itself */
	text-align: center;
	margin: 10px 0px 10px 0px;
}

.articletable TABLE {
	border-width:thick;
	border-style:double;
	border-color:#336699;
	border-collapse:collapse;
	padding: 15px 15px 15px 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:auto;
	margin-right:auto;
}

.articletable TD {
	border-width: 1px;
	border-style:solid;
	border-color:#336699;
	padding: 7px 7px 7px 7px;
}

.statusmessage {
	color:red;
	font-weight:bold;
}

/*Catalog: Category & Product --------------------------------------------------------------*/

.category
{
	clear: right;
}

.category TD
{
	padding-bottom: 15px;
	color: #585858;
	font-size: 0.85em;
	width: 25%;
}

.category .color
{
	margin: 1px 4px 1px 0px;
}

.product .color
{
	margin: 1px 1px 0px 1px;
	border-width:3px;
	border-style:double;
	border-color: White;
}

.category .selectedcolor, .product .selectedcolor
{
	margin: 1px 1px 0px 1px;
	border-width:3px;
	border-style:double;
	border-color: Black;
}

.product .prodimg
{
	margin: 4px 10px 4px 4px;
}

.product .sales_symbol P
{
	margin-bottom:6px;
}

.product UL
{
	list-style-image: url('/images/tuoteluettelo/kehysdotti.gif');
}

.product UL LI
{
	margin-top:-0;
}


/*Imagebank --------------------------------------------------------------*/

.imagebankfolders
{
	font-size: 1.0em;
}

.imagebankfolders TD
{
	padding: 0px 7px 7px 0px;
    	border-collapse : collapse;
}

.imagebankimages TD
{
	padding: 3px 7px 0px 0px;
	text-align:center;
	
}

/*Resellers  --------------------------------------------------------------*/
.resellerfolders
{
	font-size: 1.0em;
}

.resellerfolders TD
{
	padding: 0px 5px 0px 0px;
    	border-collapse : collapse;
}

.resellerstable .arrowdot
{
	margin-right: 5px
}

/*Searchresults  --------------------------------------------------------------*/
.searchresults 
{

}

.searchresults .searchresult 
{
	margin-bottom: 6px;
}

.searchresults h4 {
margin-bottom: 10px;
}

.searchresults .searchresultheading
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.searchresults .searchresulturi 
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 0.85em;
	color: Gray;
}

.searchresults .searchpaging 
{
	font-weight: bold;
}

.searchpaging .searchpaginglinknavigation, .searchpagingpages .searchpagingpagelink, .searchpagingpages .searchpagingpagecurrent
{
	margin-right: 5px;
}

.searchhelp 
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 10px;
}

/*Contacts  --------------------------------------------------------------*/
.common-contact-tableboxes
{
    margin-bottom: 18px;
	width: 100%;
}

.common-contact-tableboxes td{
	width: 50%;
}


.common-contact-tableboxes P 
{
    margin-bottom: 0px;
}

.common-contact-contactimage
{
    float: left;
    margin-right: 5px;
}
.common-contact-tablelist TD
{
    width: 50%;
}