/*
 * Solu 4 CMS Content Stylesheet
 * $Id: $
 * $Version: $
 *
 * TOC:
 *
 *
 *
 */

/*** SEPARATOR ***/
hr.cms						{ clear: both; }
.right hr.cms				{ height: 20px; visibility: hidden; }

/*** HEADING ***/
h1,
.bigheading { color: #333; font: normal 23px/26px Verdana; }

.page_position h1,
h1.heading,
.bigheading			{ margin-top: 0.6em; margin-bottom: 0.3em; }

.right .page_position h1	{ font-size: 10px; font-weight: bold; }
.right h1,
.right h2 { line-height: 1.5; }

#frontpage .page_position h1 { font: normal bold 15px Verdana; }
#frontpage p				{ line-height: 1.5; }

.ratkaisu-tab h1			{ color: #336699; font: normal bold 13px Verdana; margin-bottom: 0.6em; }

h2 { font-size: 17px; }

/*** RICH TEXT ***/
.rich_text					{ color: #333; }

.rich_text a				{ color: #336699; }

.rich_text h1,
.rich_text h2,
.rich_text h3				{ font-family: Verdana; margin-top: 1em; margin-bottom: 0.3em; }

.rich_text h1				{}
.rich_text h2				{ font-size: 17px; line-height: 1.4em; }
.rich_text h3				{ font-size: 15px; }

.rich_text p				{ margin-bottom: 1em; line-height: 1.5; }
.rich_text p + p			{ margin-top: 0.5em; }

.rich_text strong			{ font-weight: bold; }
.rich_text em				{ font-style: italic; }

.rich_text ul,
.rich_text ol				{ margin-bottom: 1em; }

.rich_text ul li,
.rich_text ol li			{ margin-bottom: 0.3em; }

.rich_text ul li			{ padding-left: 1em; background: url("../images/list-bullet.png") no-repeat 1px 7px; list-style-type: none; }
.rich_text ol li			{ margin-left: 2em; list-style-type: decimal; }

.rich_text,
.rich_text p,
.rich_text div,
.rich_text li				{ font-family: Verdana; font-size: 11px; line-height: 16px; }

#frontpage .rich_text,
#frontpage .rich_text p		{ font-size: 12px; }
#frontpage .rich_text h2	{ font-size: 17px; margin-top: 2px; line-height: 19px; }

#frontpage div.half .rich_text p { font-size: 11px; line-height: 1.5; }


#frontpage .left .rich_text h2 { margin-bottom: 10px; }

#frontpage .layout-cols .rich_text p { font-size: 11px !important; margin-right: 20px; }

hr                          { color: #ffb400; height: 2px; background-color: #ffb400; border: 0; }

/* Right panel */
.sidebar-right .external-link,
.sidebar-right .internal-link,
.sidebar-right .rich_text,
.sidebar-right .file_link	{ background: #e7e7e7; margin-bottom: 0; margin-top: 0; padding: 4px 8px 4px 8px; }

.sidebar-right .file_link { margin-top: 0 !important; margin-bottom: 0 !important; }

.sidebar-right .page_position > h1 { background: #d5d5d5; padding: 4px 8px; margin-bottom: 0; }


.right .rich_text 			{ color: #4e4d4d; }

.right .rich_text p			{ font-size: 10px; line-height: 15px; }

.right .rich_text h1		{ color: #323232; font-size: 10px; font-weight: bold; }
.right .rich_text h2		{ font-size: 11px; font-weight: bold; }

.right h1,
.right h2,
.right h3					{ text-transform: uppercase; margin-bottom: 0.6em; font-size: 10px; font-weight: bold; }

/*** PICTURES ***/
.picture					{ border: solid 1px #e1e1e1; padding: 3px; line-height: 1px; }
.picture a:hover			{ text-decoration: none !important; }
.picture.is-link			{ border: 0; padding: 0; }
.picture.as-thumbnail		{ border: solid 1px #4c79a5; padding: 3px; }

.picture .picture-description		{ color: #7e7e7e; display: block; font: italic 9px Verdana; padding: 2px 3px 3px 3px; }
.picture.as-thumbnail a { padding: 3px; display: block; }
.picture-list .as-thumbnail a { padding: 0; }


/** Picture alignment **/
.picture._none				{}
.picture._left				{ margin: 6px 6px 6px 0; }
.picture._right				{ margin: 6px 0 6px 6px; }
.picture._center			{}

.no-description .picture-description { display: none !important; }

/** Styles for image links **/

/** Styles for lightbox pictures **/
.picture-list .picture.as-thumbnail > a { border: solid 1px #336699 !important; display: block; border: solid 1px #fff; padding: 3px; }
.picture-list .picture.as-thumbnail:hover > a {}

/** Styles for right side **/
.right .picture .picture-description { font-size: 10px; }
.right .picture.as-thumbnail    { width: 100px !important; }

/*** PICTURE GROUPS ***/
.picture-group				{ background: #f1f1f1; }
.picture-group .pager-controls { height: 20px; margin-top: 3px 0; }
.picture-group .pager-controls button 
{
	background-image: url("../images/sprite-pagerbuttons.png");
	border: solid 1px #9a9a9a;
	cursor: pointer;
	width: 19px; height: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div.picture-group div.picture.as-thumbnail:hover > a { padding: 3px !important; }

.picture-group div.pager-controls button.prev { float: left; background-position: -1px 0; }
.picture-group div.pager-controls button.next { float: right; background-position: -1px -30px; }
.picture-group div.pager-controls div.pager-info { text-align: center; font-family: Verdana; font-size: 11px; padding-top: 4px; }

.picture-gallery			{}

.picture-list				{ text-align: center; }
.picture-list .image	{ display: inline-block; zoom: 1; *display: inline; }

.picture-list .as-thumbnail { border: 0; }

.picture-list .image a
{
	background: #fff;
	border: solid 1px #4a77a4;
	display: block;
	padding: 3px;
	width: 64px; height: 64px;
	margin: 4px 2px;
	overflow: hidden;
}

.picture-list .picture-description { display: none !important; }

.picture-list .image a:hover { padding: 3px; }

	/* Special cases */
	#frontpage .picture._none { padding: 0; border: 0; }
	#frontpage .picture._none img { border: solid 1px #e1e1e1; }
	#frontpage .picture._none span { display: none; }

/*** ICONPACK ***/
.external-link a i,
.internal-link a i,
a.external-link i,
a.internal-link i			{ background-image: url("../icons/links_14x14.png"); background-repeat: no-repeat; float: left; width: 14px; height: 14px; margin-right: 4px; }

.file_link a i				{ background-image: url("../icons/industrial_14x14.png"); background-repeat: no-repeat; float: left; width: 14px; height: 14px; margin-right: 4px; }

.right .external-link a,
.right .internal-link a,
.right .file_link a			{ font-size: 10px; }

.right .external-link a i,
.right .internal-link a i,
.right .file_link a i		{ background-image: url("../icons/industrial_10x10.png"); background-repeat: no-repeat; float: left; width: 10px; height: 10px; margin-right: 4px; margin-top: 1px; }


/*** LINKS (INTERNAL/EXTERNAL) ***/
.internal-link,
.external-link				{ margin-bottom: 0.5em; }

.internal-link				{}
.external-link				{}

.internal-link a,
.external-link a			{ font: normal 11px Verdana; }

.internal-link a i			{ background-position: -0px 0; }
.external-link a i			{ background-position: -0px -14px; }

.right .external-link a i	{ background-position: -170px 0; }
.right .internal-link a i	{ background-position: -180px 0; } 

/*** FILES ***/
.file_link a:hover span { text-decoration: underline; }
.file_link a:hover span em { text-decoration: none; }

.file_link					{ margin-bottom: 0.5em; }
.file_link a				{ font: normal 11px Verdana; }

.file_link a span			{ color: #b1b2b4 !important; font-size: 10px; }
.file_link a i.pdf			{ background-position: -14px 0; }
.file_link a i.doc			{ background-position: -28px 0; }
.file_link a i.ppt,
.file_link a i.pps			{ background-position: -42px 0; }
.file_link a i.xls			{ background-position: -56px 0; }
.file_link a i.acc			{ background-position: -70px 0; }
.file_link a i.exe			{  }

.right .file_link			{ margin: 10px 0; }
.right .file_link a			{ font-size: 10px; }
.right .file_link a span	{ margin-left: 2px; color: #b1b2b4; display: inline; font-size: 9px; }
.right .file_link a em		{ color: #b1b2b4; font-size: 8px; }
.right .file_link a i.pdf	{ background-position: -10px 0; }
.right .file_link a i.doc	{ background-position: -20px 0; }
.right .file_link a i.ppt,
.right .file_link a i.pps	{ background-position: -30px 0; }
.right .file_link a i.xls	{ background-position: -40px 0; }
.right .file_link a i.acc	{ background-position: -50px 0; }
.right .file_link a i.exe	{ background-position: -60px 0; }


/** PRODUCTS **/



/** SPECIAL **/
.bold		{ font-weight: bold; }

/* Tuotteet-etusivu */

/* Käytetään vain tuotteet -etusivulla */
div.product-frontpage {}

div.product-frontpage div.picture { float: left; line-height: 1.5; border: 0 !important; }
div.product-frontpage div.picture a { display: block; }
div.product-frontpage div.picture span.picture-description { color: #373737; font-style: normal; line-height: 1.5; }

div.product-frontpage.top { padding-bottom: 8px; }
div.product-frontpage.top div.picture { width: 352px; }
div.product-frontpage.top div.picture + div.picture { margin-left: 18px; }

div.product-frontpage.cols div.picture { width: 162px; }
div.product-frontpage.cols div.picture + div.picture { margin-left: 18px; }

div.product-frontpage div.picture span.picture-title { display: block; padding-top: 6px; }
div.product-frontpage.top div.picture span.picture-title { font: normal 23px Verdana; }
div.product-frontpage.cols div.picture span.picture-title { font: normal 17px Verdana; }

div.product-frontpage div.picture img { padding: 3px; border: solid 1px #e1e1e1; }

/** LIGHTBOX ----------------------------------------------------------------- **/
#lightbox					{ padding: 10px 10px 10px 10px; background: #fff; -moz-border-radius: 10px; }
#lightbox #close-button		{ cursor: pointer; }

/* Example for #close-button could be:
 * #lightbox #close-button { position: absolute; right: -30px; top: -30px; width: 30px; height: 30px; background: url("closeButton.png"); }  */
#lightbox #close-button		{ position: absolute; right: -54px; top: -54px; width: 56px; height: 56px; background: url("../images/close_btn.png") no-repeat center center; }

/* Normal state for navigation links */
#lightbox #go-right,		
#lightbox #go-left			{ position: absolute; width: 49%; height: 100%; top: 0; cursor: pointer; }

/* Hover state for navigation links */
#lightbox #go-right:hover,	
#lightbox #go-left:hover	{ background: #fff; opacity: 0.5; filter: alpha(opacity=50); }

#lightbox #go-right			{ right: 0; }
#lightbox #go-left			{ left: 0; }

#lightbox-content			{ text-align: left; padding-top: 10px; }
/** /LIGHTBOX ---------------------------------------------------------------- **/