﻿
/* 
Linkit: #000000
Glaston-musta: #58585a
Glaston-keltainen: #F7B512
Glaston-sininen: #00B0C7
*/

/* DEFAULTS */

@import "editor.css";

body, td, th
{
	font-size: 1.0em;
}

.wrapper,
input,
select,
textarea,
button
{
	font-family: Tahoma, Verdana, sans-serif;
	text-align: left;
	font-size: 1.0em;
}

.clear
{
	line-height: 0;
	font-size: 0;
    clear: both; 
} 

.right {
    float: right; 
} 

.left {
    float: left; 
}

.bluetitle
{
	text-transform: uppercase;
	color: White;
	font-size: 1.0em;
	font-weight: bold;
}

.bluetitle span 
{
	display: block;
	padding: 1px;
	padding-left: 7px;
}

.bluetitle a 
{
	color: White;
	text-decoration: none;
	display: block;
}

.commonHeader
{
    display: block;
}

.adbox-title 
{
	color: #58585a;
	margin-top: 0.7em;
	margin-bottom: 0.2em;
	font-family: Trebuchet MS, Tahoma, Verdana, Sans-Serif;
	font-size: 1.3em;
	font-weight: bold;
}

.adbox-title,
.bluebar,
.orangebar 
{
	font-size: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	padding-left: 20px;
}

.FeedLink a
{
    text-decoration:none;
	color:#9B9CA0;
}

.FeedLink a:hover
{
    text-decoration:underline;
}

.FeedLink img 
{
}

/* LAYOUT */

.header,
.content,
.footer 
{
	overflow: auto;
}

.outerwrapper
{
    padding-bottom: 20px;
    padding-top: 20px;
}

.wrapper
{
	margin-left: auto;
	margin-right: auto;
	background: url(../images/layout/wrapper-bg.gif) bottom center no-repeat;
}

.wrapper-inner 
{
	background: url(../images/layout/header-bg.gif) no-repeat top center;
}

.wrapper-inside 
{
	width: 974px;
	margin-left: auto;
	margin-right: auto;
}

.wrapper-content
{
	margin-left: 38px; /* + 25px */
	margin-right: 22px;  /* + 25px */
	overflow: auto;
}

.mainContent 
{
	font-size: 1.1em;
}

.headerlogo 
{
	margin-top: 20px;
}

.footer
{
	margin-top: 30px;
	height: 47px;
	border-top: 1px solid #bdbec1;
	padding-top: 10px;
	color: #9b9ca0;
}

.FooterLinks a
{
    text-decoration:none;
    color: #9b9ca0;
}

.content-left,
.FooterLeft  
{
	float: left;  width: 47%;
}

.content-right,
.FooterMiddle  
{
	float: right; width: 47%; 
}

.content-left-wider  { float: left;  width: 55%; }
.content-right-wider { float: right; width: 39%; }

.content-three-left	  { float: left; width: 28%; }
.content-three-center { float: left; margin-left: 25px; width: 37%; }
.content-three-right  { float: right; width: 28%; }

.newslist ul
{
	margin-left: 0;
}

.newslist ul li 
{
	list-style: none;
	text-decoration:none;
	margin-bottom: 6px;
	line-height: 1.2em;
}

.newslist a
{
	text-decoration:none;
}
.newslist a:hover
{
	color:#000000;
	text-decoration:underline;
}

.BusinessNews a
{
	text-decoration:none;
}
.BusinessNews ul
{
    list-style: none;
	text-decoration:none;
	margin-bottom: 10px;
}
.BusinessNews a:hover
{
	color:#000000;
	text-decoration:underline;
}

.content-right-wider { float: right; width: 39%; }
.Links a
{
    text-decoration:none;
}
.Links a:hover
{
    color:#000000;
    text-decoration:underline;
}
.content-no-text 
{
	margin-top: 0.5em;
	margin-bottom: 0.7em;
}

.content-image
{
	margin-bottom: 0.7em;
}


/* PRODUCT HEADER NAVIGATION */

.headerProductMenu 
{
	float: right;
	margin-top: 60px;
	overflow: auto;
	text-transform: uppercase;
}

.headerProductMenu ul 
{
	margin: 0;
	padding: 0;
}

.headerProductMenu ul li 
{
	list-style: none;
	float: left;
	margin-left: 15px;
}

.headerProductMenu ul li a 
{
	text-decoration: none;
	color: #00B0C7;
}

.headerProductMenu ul li a:hover
{
	color: #F7B512;
}

.headerProductMenu ul li a.selected 
{
	color: #58585a;
}


/* MAIN HEADER NAVIGATION */

.headerbar 
{
	height: 145px;
	position: relative;
}

.headernavigation 
{
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	height: 20px;
}

.headernavigation ul.navbar
{
	margin: 0;
	padding: 0;
}

.headernavigation ul.navbar li
{
	list-style: none;
	float: left;
}

.headernavigation ul.navbar li a 
{
	display: block;
	line-height: 10px;
	color: #58585a;
	text-transform: uppercase;
	text-decoration: none;
}

.headernavigation ul.navbar li a span
{
	display: block;
	padding: 5px;
	padding-left: 7px;
	padding-right: 20px;
}

.headernavigation ul.navbar li.last a span
{
	background: none;
}

.headernavigation ul.navbar li.last-selected span
{
	background: none;
	padding-right: 7px;
	padding-left: 23px;
}

.headernavigation ul.navbar li.middle-selected a span
{
	padding-left: 23px;
	padding-right: 20px;
}

.headernavigation ul.navbar li.before-selected a span 
{
	padding-right: 3px;
	background: none;
}

/* HEADER BREADCRUMBS */

.headerBreadCrumbs 
{
	position: absolute;
	left: 0;
	bottom: 9px;
	
	padding-left: 7px;
	overflow: auto;
	font-size: 1.0em;
	color: #58585a;
}

.headerBreadCrumbs ul
{
	margin: 0;
	padding: 0;
}

.headerBreadCrumbs ul li 
{
	float: left;
	list-style: none;
	margin-right: 3px;
}

.headerBreadCrumbs ul li a 
{
	color: #58585a;
	text-decoration: none;
}

/* HEADER ACTIONS */
.header-actions 
{
	margin-top: 30px;
}

.header-action 
{
	margin-bottom: 10px;
}

.languageField,
.headerSearch
{
	position: relative;
	color: #949599;
	border: 0;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	width: 112px;
	height: 12px;
}

.languageOptions 
{
	position: absolute;
	background: white;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	width: 110px;
	z-index: 2;
}

.languageField div,
.languageOptions div 
{
	color: #949599;
	cursor: pointer;
	cursor: hand;
	background-position: center right;
	background-repeat: no-repeat;
}

.header-submit 
{
	float: right;
	margin-top: 2px;
	margin-right: 6px;
	width: 16px;
	height: 16px;
}


.headerSearch 
{
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 1.1em;
}


/* column container */
.colmask
{
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
}
/* 2 column right menu settings */
.rightmenu
{
	/* background: red; */
}
.rightmenu .colleft
{
	float: left;
	width: 200%;
	margin-left: -156px;
	position: relative;
	right: 100%;
	/* background: blue; */
}
.rightmenu .col1wrap
{
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
}
.rightmenu .col1
{
	margin: 0 47px 0 156px;
	overflow: visible;
	position: relative;
}
.rightmenu .col2
{
	float: right;
	width: 156px;
	position: relative;
	left: 156px;
}



/* CONTENT STYLES */

.content-flash
{
	height: 310px;
	background: lightgray;
}

.bluebox, 
.adbox  
{
	font-family: Trebuchet MS, Tahoma, Verdana, Sans-Serif;
	margin-bottom: 1.4em;
	position: relative;
	width: 100%;
}

.bluebox-title 
{
	font-family: Trebuchet MS-Bold, Tahoma, Verdana, Sans-Serif;
	line-height: 1.0em;
	font-weight: bold;
	height: 12px;
	text-transform: uppercase;
	padding: 3px;
	padding-left: 8px;
}

.bluebox ul 
{
	margin: 0;
	padding: 0;
}

.bluebox ul li 
{
	font-weight: bold;
	padding: 3px;
	padding-left: 8px;
	padding-right: 3px;
	list-style: none;
}

.bluebox ul a 
{
	display: block;
	text-decoration: none;
}

.bluebox ul a.resetFinder 
{
	float: right;
	width: 16px;
	height: 16px;
	background: url(../images/icons/resetFinder.gif) no-repeat right center;
}

/* PRODUCTS & SERVICES SECTION */

.mainContentLeftSection 
{
	font-family: Tahoma, Verdana, Sans-Serif;
	float: left;
	width: 140px;
	padding-left: 10px;
	overflow: visible;
}

.mainContentRightSection 
{
	float: right;
	width: 550px;
	position: relative;
}

.ProductHeader
{
    width:100px;
    float:left;
    clear:left;
    font-weight:bold;
}

.ProductInfo
{
    width:150px;
    float:left;
    
}
.ProductInfos
{
    width:100%;
    float:left;
    
}

.ProductLeft
{
    width:50%;
    float:left;
}
.ProductLeft.p 
{
    clear:left;
}
.ProductLeft.H1
{
    clear:left;
}
.ProductRight
{
    width:50%;
    float:left;
}


.BusinessNews
{
    width:100%;
}
.BusinessNewsLeft
{
    float: left;
    width: 72%;
    margin-right:5px;
    
}
.BusinessNewsImage
{
    float:right;
    width:24%;
}

.eventrow 
{
	clear: both;
}

.EventPropertyHeader
{
	width: 100px;
	margin-bottom:5px;
	float: left;
}
.EventProperty
{
	float: left;
	margin-bottom:5px;
}
.EventProperty a
{
    text-decoration:none;
}
.EventMainBody
{
	width: 65%;
	float: left;
	margin-bottom:8px;
	margin-top:8px;
}
.EventMainImage
{
	position: absolute;
	top: 0;
	right: 0;
	max-width: 170px;
	overflow: hidden;
}


.leftSideMenuTitle 
{
	font-weight: bold;
	margin-bottom: 2px;
}

.leftSideMenu 
{
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.lastLeftSideMenu { margin-bottom: 0; }

.leftSideMenu ul 
{
	margin-left: 10px;
}

.leftSideMenu li 
{
	list-style: none;
	line-height: 1.3em;
}

.leftSideMenu li a 
{
	text-decoration: none;
}

.productCategoryGridItem 
{
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

div.roundedCornerParent 
{
	position: relative;
	overflow: hidden;
}

div.roundedCornerChild 
{
	position: absolute;
	width: 13px;
	height: 13px;
	background: url(../images/layout/productGridTopLeft.png) top left no-repeat;
}

div.roundedCornerParent img 
{
	border: 1px solid #d2d3d5;
}

.productCategoryGridItem div.roundedCorner
{
	position: absolute;
	width: 13px;
	height: 13px;
	background: url(../images/layout/productGridTopLeft.png) top left no-repeat;
}


.productCategoryGridItem img
{
	border: 1px solid #d2d3d5;
}

.categoryLastInRow 
{
	margin-right: 0;
}

.productCategoryGridItemFooter a
{
	color: black;
	background: url(../images/products/category-grid-footer.gif) no-repeat top left;
	text-decoration: none;
	display: block;
	font-size: 0.9em;
	line-height: 0.9em;
}

.productCategoryGridItemFooter a span
{
	padding: 4px;
	padding-left: 6px;
	padding-right: 15px;
	display: block;
	background: url(../images/products/category-grid-arrow.gif) no-repeat top right;
}

.contactMeButton
{
}

div.form table, 
table.form 
{
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
}

div.form td,
table.form td 
{
	width: 100%;
	padding-bottom: 4px;
	padding-right: 3px;
}
table.form td.cartFirst
{
    width:25%;
}
table.form td.cartSecond
{
    width:20%;
}
table.form td.cartLast
{
    text-align:right;
    width:10%;
}
table.form td.cartThird
{
    text-align:right;
    width:25%;
}
div.form label,
table.form td.label
{
	font-size: 1.1em;
	font-family: Trebuchet MS, Tahoma, Verdana, Sans-Serif;
	font-weight: bold;
	color: #999;
	width: 110px;
}

div.form legend,
div.form span 
{
	font-size: 1.1em;
	font-family: Trebuchet MS, Tahoma, Verdana, Sans-Serif;
	font-weight: bold;
	color: #999;
}


div.form label,
table.form label
{
	display: block;
	width: 100px;
	margin-right: 10px;
}

div.form label,
div.form input
{
	float: left;
}

.searchcriterion input,
.searchcriterion select,
table.form .selectInput,
table.form .textInput,
div.form input,
div.form select,
div.form textarea,
div.form fieldset 
{
	padding: 3px;
	border: 1px solid #c0dae0;
}

.searchcriterion select option,
table.form .selectInput option,
div.form select option
{	
	padding-left: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}

div.form fieldset input
{
	width: 10%;
	clear:left;
}

div.form fieldset label
{
	width: 10%;
	float: left;
	float: none;
	display: inline;
}


.searchcriterion input:focus,
.searchcriterion select:focus,
table.form .selectInput:focus,
table.form .textInput:focus,
div.form input:focus,
div.form select:focus,
div.form fieldset:focus 
{
	border: 1px solid #67c6de;
} 

table.form .selectInput
{
	width: 100%;
}

table.form .textInput
{
	width: 96%;
}

div.form input,
div.form select,
div.form textarea
{
	width: 62%;	
}

table.form .textarea,
div.form textarea 
{
	height: 80px;	
}

.errorBox 
{
	font-size: 1.0em;
	border: 1px solid #ffa6a6;
	background: #fff2f2;
	padding: 0.5em;
	margin-bottom: 1.5em;
}






/* SEARCH TEXTS */

.searchResultInfo strong
{
    color: #a2a2a2;
}

.resultHeader,
.resultFooter 
{
	padding-top: 5px;
    padding-bottom: 3px;
    border-bottom: 3px solid #e8e8e8;
    font-size: 1.1em;
    font-weight: bold;
    color: #a2a2a2;
}

.resultFooter 
{
    margin-top: 20px;
}

.resultHeader strong, 
.resultFooter strong
{
    color: #58585a;
}

.viewedResults 
{
    float: right;
    font-size: 0.9em;
    font-weight: normal;
}



/* PAGINATION LINKS */

.pagination 
{
    list-style: none;
    margin-top: 10px;
    float: right;
}

.pagination li
{
	font-weight: bold;
    display: inline;
    float: left;
    margin-right: 3px;
}

.pagination .pagesCut 
{
    padding: 2px;
    font-size: 11px;
}

.pagination .pageLink, 
.pagination .disabledPageLink 
{
    background: #eee;
    border: 1px solid #999;
}

.pagination .pageLink a.navButton, 
.pagination .disabledPageLink span.navButton
{
    font-size: 1.0em;
    font-weight: bold;
}

.pagination li a, 
.pagination .disabledPageLink span
{
    text-decoration: none;
    font-size: 1.0em;
    padding: 2px 8px 2px 8px;
    display: block;
}

.pagination .pageLink a, 
.pagination .disabledPageLink span 
{
}

.pagination .pageLink a 
{
    color: Black;
}

.pagination .disabledPageLink span
{
    color: #a2a2a2;
}


.pagination .pageLink a:hover 
{
    color: #F7B512;
}

.pagination li.textSpaceRight 
{
    margin-right: 10px;
}

.pagination li.textSpaceLeft
{
    margin-left: 10px;
}

.pagination .active
{
     background: #00B0C7;
     border: 1px solid #0091a4;
}

.pagination .active a 
{
    color: white;
}

/* END PAGINATION LINKS */


/* DOCUMENTLIBRARY */

.documentlibraryTable 
{	
	width: 100%;
}

.documentlibraryTable td
{
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

.documentlibraryTable td.name 
{
	padding-right: 30px;
	width: 50%;
}

.documentlibraryTable tr.odd 
{
	background: #e7f5f8;
}

.documentlibraryTable tr.librarylevel-1 td.name {  }
.documentlibraryTable tr.librarylevel-2 td.name { padding-left: 30px; }
.documentlibraryTable tr.librarylevel-3 td.name { padding-left: 60px; }
.documentlibraryTable tr.librarylevel-4 td.name { padding-left: 90px; }
.documentlibraryTable tr.librarylevel-5 td.name { padding-left: 120px; }
.documentlibraryTable tr.librarylevel-6 td.name { padding-left: 150px; }
.documentlibraryTable tr.librarylevel-7 td.name { padding-left: 180px; }

.documentlibraryTable td.documents ul 
{
	margin-left: 0;
} 
.documentlibraryTable td.documents ul li 
{
	list-style: none;
}

.contactInfoBox 
{
	margin-top: 10px;
	margin-bottom: 15px;
	float:left;
	width:33%;
}

.searchPagination 
{
	height: 30px;
}

.galleryImages
{
	margin-top: 10px;
	overflow: auto;
}

.galleryImages img 
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #ccc;
}

.fileLibrary ul 
{
	margin-left: 0;
	padding: 0px;
}

.fileLibrary li
{
	list-style: none;
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding: 2px;
	padding-left: 20px;
}

.fileLibrary li.directory		{ background-image: url(../images/icons/files/folder.png); }
.fileLibrary li.file			{ background-image: url(../images/icons/files/page_white.png); }

.fileLibrary li.file-ext-mpg,
.fileLibrary li.file-ext-mpeg,
.fileLibrary li.file-ext-avi,
.fileLibrary li.file-ext-wmv,
.fileLibrary li.file-ext-asf,
.fileLibrary li.file-ext-swf,
.fileLibrary li.file-ext-flv,
.fileLibrary li.file-ext-divx	{ background-image: url(../images/icons/files/film.png); }

.fileLibrary li.file-ext-jpg,
.fileLibrary li.file-ext-jpeg,
.fileLibrary li.file-ext-bmp,
.fileLibrary li.file-ext-png,
.fileLibrary li.file-ext-gif	{ background-image: url(../images/icons/files/picture.png); }

.fileLibrary li.file-ext-xls,
.fileLibrary li.file-ext-xlsx	{ background-image: url(../images/icons/files/page_white_excel.png); }

.fileLibrary li.file-ext-doc,
.fileLibrary li.file-ext-docx	{ background-image: url(../images/icons/files/page_white_word.png); }

.fileLibrary li.file-ext-ppt,
.fileLibrary li.file-ext-pptx	{ background-image: url(../images/icons/files/page_white_powerpoint.png); }

.fileLibrary li.file-ext-pdf	{ background-image: url(../images/icons/files/page_white_acrobat.png); }

.fileLibrary li.file-ext-mp3	{ background-image: url(../images/icons/files/music.png); }

.feedbackButton  
{
	width: 49px;
    height: 18px;
    border: none;
    cursor: pointer;
}

/* WEBSHOP */

.webshopContent 
{
	overflow: auto;
	min-height: 350px;
}

.webshopContent .mainContentLeftSection 
{
	border-left: 0;
	padding-left: 0;
}

.searchcriterion 
{
	margin-top: 4px;
}

.searchcriterion label
{
	font-family: Trebuchet MS, Tahoma, Verdana, Sans-Serif;
	font-weight: bold;
	color: #949599;
	display: block;
}

.searchcriterion select,
.searchcriterion input 
{
	padding: 2px;
}

.searchcriterion select { width: 100%; }
.searchcriterion input  { width: 95%; }

.searchsubmit 
{
	margin-top: 7px;
}

.widebutton
{
	float: left;
	width: auto;
	background-position: top left;
    overflow: visible;
}

.widebutton input
{
	font-family: Trebuchet MS, Tahoma, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.0em;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	color: White;
	height: 18px;
	padding: 0;
	border: 0;
	background: none;
	background-repeat: no-repeat;
	background-position: top right;
	
	padding: 0 .7em 0 .7em;
	width: auto;
	overflow: visible;
}


/* WEBSHOP */

table.webshopitems 
{
	width: 100%;
	border: 1px solid #bde1eb;
	border-top: 0;
	text-align: center;
}

table.webshopitems th,
table.webshopitems td 
{
	color: #949599;
	padding: 10px;
}

table.webshopitems th 
{
	text-align: center;
}

table.webshopitems td.colgray,
table.webshopitems td.colwhite { border-top: 2px solid #bdbec1; } 

table.webshopitems td.colgray  { background: #e7f5f8; }
table.webshopitems td.colwhite { }

table.webshopitems td.colcart  { text-align: center; }
table.webshopitems td.colprice { text-align: right; white-space:nowrap; }
table.webshopitems td.coltotal { text-align: right; }

table.webshopitems tr.firstrow td.colgray,
table.webshopitems tr.firstrow td.colwhite { background-position: top left; background-repeat: repeat-x; border-top: 1px solid #9bd1df; }
table.webshopitems tr.firstrow td.colgray  { background-image: url(../images/layout/webshopitems-gray.gif); }
table.webshopitems tr.firstrow td.colwhite { background-image: url(../images/layout/webshopitems-white.gif); }

.successMessage,
.errorMessage 
{
	padding: 4px;
	padding-left: 25px;
	padding-right: 10px;
	margin-bottom: 15px;
}

.successMessage 
{
	color: #479403;
	border: 1px solid #bddc9c;
	background: url(../images/icons/accept.png) no-repeat 5px center #f5fbef;
}

.errorMessage 
{
	color: #c93131;
	border: 1px solid #efb4b4;
	background: url(../images/icons/delete.png) no-repeat 5px center #fbeded;
}

.sitemapList .level-0 { font-weight: bold; }
.sitemapList .level-1 { font-weight: normal; }

#conditionsText 
{
	font-size: 1.1em;
	text-align: left;
	padding: 10px;
}

.shareIframe 
{
	width: 100%;
	border: 0;
	height: 25px;
}

.top-flash 
{
	float: right;
	margin-top: 20px;
}
