/* Globals */

html {
	height: 100%;
}

body {
	font-family: Verdana, Arial;
	height: 100%;
}

/* Structure */

#wrapper {
	height: 100%;
	background-image: url('../images/template/contentBg.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}

body > #wrapper {height: auto; min-height: 100%;}

#header {
	background-color: #000000;
	background-image: url('../images/template/headerBg.gif');
	background-repeat: repeat-x;
	width: 100%;
}

#headerLogo {
	height: 111px;
	width: 951px;
	margin: 0 auto;
}

#headerLogo img {
	margin-top: 14px;
	margin-left: 0px;
}

#menu {
	width: 100%;
	background-color: #000000;
	border-bottom: 1px solid #e0e0e0;
}

#menuContainer {
	width: 951px;
	margin: 0 auto;
}

#menuButtons ul {
	list-style: none;
	background: #000000;
}

#menuButtons li {
	display: inline;
}

#menuButtons a {
	display: block;
	float: left;
	width: auto;
	padding: 0 29px;
	color: #c1c1c1;
	background-color: #000000;
	font-size: 0.7em;
	line-height: 2.3em;
	text-transform: uppercase;
	text-decoration: none;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#menuButtons a:hover {
	color: #ffffff;
}

#menuButtons .sel a {
	background: #000000;
	background-image: url('../images/template/menuCurrentBg1px.gif');
	background-position: center;
	border-left: 1px solid #373737;
	border-right: 1px solid #373737;
	color: #ffffff;
}

#menuBreadcrumb {
	background-image: url('../images/template/menuBreadcrumbBg.gif');
	background-repeat: repeat-y;
	color: #c1c1c1;
	float: right;
	height: 25px;
	padding: 0 0 0 15px;
	width: 302px;

}

#menuBreadcrumb a {
	text-decoration: none;
}

span.menuBreadcrumbHome a {
	display: block;
	color: #c1c1c1 !important;
	float: left;
	font-size: 0.7em;
	padding-top: 6px;
	padding-right: 4px;
}

span.menuBreadcrumbArrow {
	display: block;
	float: left;
	font-size: 0.7em;
	line-height: 17px;
	padding-top: 3px;
	padding-right: 4px;
}

span.menuBreadcrumbCurrent a {
	color: #ffffff !important;
	display: block;
	float: left;
	font-size: 0.7em;
	line-height: 17px;
	padding-top: 3px;
}

#content {
	padding-bottom: 64px;
	width: 100%;
}

#contentContainer {
	margin: 0 auto;
	width: 951px;
}

#leftColumn {
	padding-top: 32px;
	float: left;
	width: 195px;
}

/* Fonttikoot */
#innerPageMiddleColumnWhite, #wideContent {
    font-size: 1.2em;
}


/* Tuotteet sivun sivuvalikko */

.innerPageleftColumnMenuContainer {
	margin-bottom: 6px;
}

ul.tuotteetBrandit {
	/*padding-left: 10px !important;*/
}

ul.tuotteetBrandit li {
	display: inline;
}

.InnerPageleftColumnMenu {
	background-image: url('../images/template/innerPageLeftColumnMenuBg.gif');
	background-repeat: repeat-y;
	float: left;
	width: 194px;
}

.InnerPageleftColumnMenu p {
	padding: 12px 0 12px 29px;
	font-size: 1em;
	font-weight: bold;
}

.InnerPageleftColumnMenu ul {
	list-style: none;
	width: 194px;
}

.InnerPageleftColumnMenu li {
	display: inline;
}

.InnerPageleftColumnMenu a {
	color: #000000;
	display: block;
	font-size: 0.7em;
	padding: 0 29px;
	line-height: 1.4em;
	text-decoration: none !important;
	width: auto;
	padding-top: 4px;
	padding-bottom: 4px;
}

.InnerPageleftColumnMenu a:hover {
	color: #676767;
}

.InnerPageleftColumnMenu .InnerPageleftColumnMenuSelected a {
	background: #ffffff;
	border-top: 1px solid #e2e6e8;
	border-bottom: 2px solid #e2e6e8;
	color: #000000;
	font-weight: bold;
}


.InnerPageleftColumnMenuSelected a:hover {
	color: #000000 !important;
}

/* Normaalien alasivujen sivuvalikko */

#InnerPageleftColumnMenuBasic {
	background-image: url('../images/template/innerPageLeftColumnMenuBg.gif');
	background-repeat: repeat-y;
	float: left;
	width: 194px;
}

#InnerPageleftColumnMenuBasic p {
	padding: 12px 0 12px 29px;
	font-size: 1em;
	font-weight: bold;
}

#InnerPageleftColumnMenuBasic ul {
	list-style: none;
	width: 194px;
}

#InnerPageleftColumnMenuBasic li {
	display: inline;
}

#InnerPageleftColumnMenuBasic a {
	color: #000000;
	display: block;
	font-size: 0.7em;
	padding: 0 29px;
	line-height: 1.4em;
	text-decoration: none;
	width: auto;
	padding-top: 4px;
	padding-bottom: 4px;
}

#InnerPageleftColumnMenuBasic a:hover {
	color: #676767;
}

#InnerPageleftColumnMenuBasic .InnerPageleftColumnMenuSelected a {
	background: #ffffff;
	border-top: 1px solid #e2e6e8;
	border-bottom: 2px solid #e2e6e8;
	color: #000000;
	font-weight: bold;
}





/* Alasivujen vasemman reunan valikko loppuu */

#middleColumn {
	float: left;
	padding-top: 32px;
	padding-left: 5px;
	padding-bottom: 2px;
}

/* Alasivujen keskipalsta */

#innerPageMiddleColumn {
	float: left;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-top: 26px;
	width: 554px;
}

p.palvelutOtsikko {
	color: #595959;
	float: left;
	padding-top: 40px;
}

h1.palvelutH1 {
	padding: 0 !important;
	float: left;
	color: #000000;
	padding-left: 3px !important;
	padding-top: 40px !important;
}

p.tuotteetOtsikko {
    color: #595959;
	float: left;
	padding-top: 20px;
    padding-left: 40px;
}

h1.tuotteetH1 {
	padding: 0 !important;
	float: left;
	color: #000000;
	padding-left: 3px !important;
	padding-top: 40px !important;
    margin: -20px 0 0 -35px;

}


#innerPageMiddleColumnTopPalvelutAVSuunnittelu {
	background-image: url('../images/template/palvelutAVSuunnittelu.gif');
	background-repeat: no-repeat;
	float: left;
	height: 97px;
	padding-left: 110px;
	width: 444px;
    margin-top: -16px;
}

#innerPageMiddleColumnTopNoIcon {
	background-image: url('../images/template/innerPageMiddleColumnTopNoIcon.gif');
	background-repeat: no-repeat;
	float: left;
	height: 76px;
	width: 554px;
	margin-top: 6px;
}

#innerPageMiddleColumnTopNoIcon h1 {
	padding: 0 !important;
	float: left;
	color: #000000;
	padding-left: 40px !important;
	padding-top: 40px !important;
}

#innerPageMiddleColumnGrey {
	background-image: url('../images/template/innerPageMiddleColumnBg.gif');
	background-repeat: repeat-y;
	float: left;
	width: 554px;
}

#innerPageMiddleColumnGrey p {
	font-size: 0.8em;
	line-height: 1.4em;
	padding-left: 65px;
	padding-top: 5px;
	padding-bottom: 12px;
	width: 430px;
}

#innerPageMiddleColumnWhite {
	background-image: url('../images/template/innerPageMiddleColumnWhiteBg.png');
	background-repeat: repeat-y;
	float: left;
	padding-bottom: 17px;
	width: 554px;
}

#innerPageMiddleColumnWhite h1 {
	padding: 0;
	padding-top: 10px;
	padding-left: 40px;
}

#innerPageMiddleColumnWhite h2 {
	color: #595959;
	font-size: 0.7em;
	padding: 0;
	padding-top: 20px;
	padding-left: 40px;
}
#innerPageMiddleColumnWhite h2 a {
	color: #595959;
}

p.innerPageMiddleColumnParagraph {
	padding: 0 !important;
	font-size: 0.7em;
	line-height: 1.4em;
	padding-top: 10px !important;
	padding-left: 40px !important;
	padding-right: 20px !important;
}

#innerPageMiddleColumnWhite p,
#innerPageMiddleColumnWhite ul li{
	font-size: 0.7em;
	line-height: 1.4em;
	padding: 25px 50px 0 40px;
}

#innerPageMiddleColumnWhite ul li {
	line-height: 0.2em;
    margin: 0;
}

#innerPageMiddleColumnKatsoMyos {
	background-image: url('../images/template/innerPageMiddleColumnWhiteBg.png');
	background-repeat: repeat-y;
	float: left;
	width: 554px;
    /*padding: 10px 0 10px 40px;*/
	line-height: 1em;

}

#innerPageMiddleColumnKatsoMyos h2 {
	font-size: 0.8em;
	padding: 10px 0 0 40px;
	text-transform: uppercase;
}

#innerPageMiddleColumnKatsoMyos p {
	font-size: 0.7em;
	padding: 10px 30px 10px 40px;
}

#innerPageMiddleColumnKatsoMyos img {
	padding: 0 5px 0 5px;
}

#wideContentContainer {
	float: left;
	width: 751px;
}

#wideContent {
	float: left;
	background-image: url('../images/template/wideContentBg.gif');
	background-repeat: repeat-y;
	width: 751px;
	padding-bottom: 13px;
}

img.wideContentTop {
	padding-top: 32px;
}

img.innerPageWideColumnTop {
	padding-left: 4px;
	padding-top: 6px;
}

#wideContent h1 {
	padding: 0 !important;
	padding-top: 10px !important;
	padding-left: 34px !important;
}

#wideContent p {
	font-size: 0.7em;
	padding: 0 !important;
	padding-left: 34px !important;
	padding-top: 20px !important;
}

#ingressi {
	margin-top: 30px;
	margin-left: 31px;
}

p.yritysTeksti {
	font-size: 0.7em;
	line-height: 1.4em;
	width: 685px;
}

#ingressiBg {
	float: left;
	background-color: #efefef;
	width: 688px;
}

#ingressiBg p {
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 0 !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

#rightColumn {
	float: right;
	padding-top: 32px;
	padding-left: 5px;
}

#rightColumnYritys {
	float: left;
	padding-top: 32px;
    width:194px;
    padding-left:6px;
}

#infoColumn {
    margin-top: 2px;
	width: 951px;
}


#infoColumnTop {
    display:block;
 	background-image: url('../images/template/infoColumnTop.gif');
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 950px;
    height: 9px;
}


#infoColumnBackground {
    background-image: url('../images/template/infoColumnBg.gif');
	background-repeat: repeat-y;
	width: 950px;
    background-color: #ffffff;
    }

#infoColumnBottom {
    display:block;
 	background-image: url('../images/template/infoColumnBottom.gif');
	background-repeat: no-repeat;
	width: 950px;
    height: 9px;
    float:left;
}


#infoColumn a {
	color: #000000;
	font-size: 0.6em;
	text-transform: uppercase;
}

p.infoColumnPrevious {
	font-size: 1em;
	float: left;
	padding: 5px 0 0 0;
	width: 192px;
	text-align: center;
}

#infoColumnMiddle {
	float: left;
	text-align: center;
	margin-top: 0px;
    margin-bottom: 0px;
}

#infoColumnMiddle a {
	font-size: 1.0em;
	font-weight: bold;
	padding-top: 10px;
    text-align: center;
	text-transform: uppercase;
}

#infoColumnMiddle p {
	font-size: 0.7em;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	width: 542px;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
    line-height: 1.3em;
}

#katsoKaikki {
	padding-top: 6px;
	float: left;
	width: 951px;
}

#katsoKaikki p {
	margin: 0 auto;
	font-size: 0.7em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 655px;
	padding-left: 15px;
	padding-right: 15px;
}

#katsoKaikki a {
	font-size: 1.0em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 655px;
	padding-left: 15px;
	padding-right: 15px;
}

#katsoKaikkiContent {
	float: left;
	background-image: url('../images/template/katsoKaikkiBg.gif');
	background-repeat: repeat-y;
	width: 951px;
}

#katsoKaikkiGrey {
	width: 688px;
	margin: 0 auto;
}

#katsoKaikkiGreyBg {
	float: left;
	background-color: #efefef;
	width: 688px;
}

p.infoColumnNext {
	text-align: center;
	width: 192px;
	float: right;
	padding: 5px 0 0px 0;
}

#offerColumn {
	padding-top: 6px;
	width: 951px;
}

#offerColumnLeft {
	float: left;
	font-size: 0.7em;
	height: 169px;
	background-image: url('../images/template/offerColumnLeftBg.png');
	background-repeat: no-repeat;
	width: 472px;
}

#offerColumnLeft a {
	color: #000000;
}

p.offerColumnLeftLinkLeft {
	float: left;
	padding: 3px 0 0 18px;
}

p.offerColumnLeftLinkRight {
	float: right;
	padding: 3px 18px 0 0;
}

#offerColumnRight {
	float: right;
	font-size: 0.7em;
	height: 168px;
	background-image: url('../images/template/offerColumnRightBg.png');
	background-repeat: no-repeat;
	width: 472px;
}

#offerColumnRightContentImage {
	float: left;
	height: 138px;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}

#iefix {
	float: right;
	height: 145px;
	width: 17px;
}

#offerColumnRightContentText {
	float: left;
	height: 145px;
	background-color: #dddddd;
	background-image: url('../images/template/offerColumnRightContentTextBg.gif');
	background-repeat: repeat-x;
	margin: 1px 0 0 0;
	padding-left: 18px;
}

h2.offerColumnRightProductName {
	font-size: 1.4em;
	padding-top: 18px;
	padding-bottom: 2px;
	text-transform: uppercase;
}

h2.offerColumnRightProductInfo {
	font-size: 1.4em;
	text-transform: uppercase;
}

#offerColumnRightContentText p {
	padding: 10px 10px 13px 0;
	width: 238px;
}

#offerColumnRightProductPrice {
	background-image: url('../images/template/offerColumnRightProductPriceBg.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	float: left;
	height: 33px;
	padding: 8px 9px 0 9px;
	text-align: center;
}

span.discountPrice {
	font-size: 1.5em;
	font-weight: bold;
}

span.originalPrice {
	font-size: 1em;
	padding-left: 5px;
}

span.tutustu {
	float: right;
	font-size: 1.1em;
	font-weight: bold;
	padding: 20px 3px 0 0;
	text-transform: uppercase;
}

p.offerColumnRightLinkLeft {
	float: left;
	padding: 5px 0 0 18px;
}

p.offerColumnRightLinkRight {
	float: right;
	padding: 5px 18px 0 0;
}

.push {
	height: 44px; /* Estää footeria nousemasta contentin päälle jos ikkunan kokoa pienennetään. */
}

#footer {
	background-color: #000000;
	width: 100%;
	position: relative;
	margin-top: -64px; /* negative value of footer height */
	height: 64px;
	clear:both;
}

#footerContact{
	height: 26px;
	margin: 0 auto;
	width: 951px;
}

#footerContact p {
	color: #c1c1c1;
	font-size: 0.6em;
	padding-top: 8px;
	padding-left: 30px;
}

#footerContact a {
	color: #c1c1c1;
}

#m3 {
	background-color: #000000;
	background-image: url('../images/template/footerBg.gif');
	background-repeat: repeat-x;
	height: 38px;
	width: 100%;
}

#m3Container {
	color: #6d6d6d;
	font-size: 0.6em;
	margin: 0 auto;
	padding-top: 15px;
	width: 951px;
}

#m3Container p {
	/*letter-spacing: 0.1em;*/
	padding-left: 30px;
	font-size:0.9em;
}

#m3Container a {
	color: #6d6d6d;
	text-decoration: none;
}

span.nuolet {
	font-size: 0.8em;
}


/* Tags */

a:link {color: #000000; text-decoration: underline; }
a:visited {color: #000000; text-decoration: underline; }
a:active {color: #000000; text-decoration: underline; }
a:hover {color: #000000; text-decoration: none; }

h1 {
	padding: 35px 0 0 30px;
}

/* Palautelomake */

table.palaute {
	font-size: 0.7em;
	margin-top: 20px;
	margin-left: 41px;
}

.palaute td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.palaute input, .palaute textarea {
	margin-left: 40px;
	width: 321px;
}

fieldset {
	border: 0;
}

.submit {
	width: 60px !important;
	margin: 0 !important;
}


/* product listing */

.product_description div,
.product_description span,
.product_description h1,
.product_description h2,
.product_description h3,
.product_description h4,
.product_description h5,
.product_description h6,
.product_description p,
.product_description blockquote,
.product_description pre,
.product_description a,
.product_description abbr,
.product_description acronym,
.product_description address,
.product_description big,
.product_description cite,
.product_description code,
.product_description del,
.product_description dfn,
.product_description em,
.product_description font,
.product_description img,
.product_description ins,
.product_description kbd,
.product_description q,
.product_description s,
.product_description samp,
.product_description small,
.product_description strike,
.product_description strong,
.product_description sub,
.product_description sup,
.product_description tt,
.product_description var,
.product_description b,
.product_description u,
.product_description i,
.product_description center,
.product_description dl,
.product_description dt,
.product_description dd,
.product_description ol,
.product_description ul,
.product_description li,
.product_description fieldset,
.product_description form,
.product_description label,
.product_description legend,
.product_description table,
.product_description caption,
.product_description tbody,
.product_description tfoot,
.product_description thead,
.product_description tr,
.product_description th,
.product_description td {
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	outline: 0;
	font-size: 0.7em !important;
	vertical-align: baseline;
	background: transparent;
    line-height: 1.2 !important;
    font-family: Verdana, Arial !important;
    color: #000;
    text-transform: none !important;
 }

.product_description {
    padding-left:40px !important;
}

.product_description p {
    padding-bottom: 10px !important;
}

.product_description h2,
.product_description h3,
.product_description h4 {
    margin: 10px 0 5px 0  !important;
}

.product_description h2,
.product_description h2 span{
    font-size: 14px !important;
}


.product_description h3,
.product_description h3 span{
    font-size: 13px !important;
}

.product_description h4,
.product_description h4 span{
    font-size: 12px !important;
}

.product_description ul,
.product_description ol {
    margin-left: 15px !important;
    font-size: 1.4em !important;

    }

.product_description ul {
    list-style: disc;
    }

.product_description ol {
    list-style: decimal;
    }


/* Dynamic banners */
.rightDynamicBanner, 
.leftDynamicBanner {
    overflow: hidden;
    font-family: Verdana, Arial;
    font-size: 13px;
    padding: 20px 20px 20px 20px;
    background-repeat: no-repeat;
    margin-bottom:5px;
    }

.rightDynamicBanner {
    background-image: url(../images/bannerBig.jpg);
    width:155px; /* 195 - 2*20 */
    height:261px; /* 301 - 2*20 */
}

.leftDynamicBanner {
    background-image: url(../images/bannerSmall.jpg);
    width:154px; /* 194 - 2*20 */
    height:107px; /* 147 - 2*20 */
}

.bannerLink {
    font-weight: bold;
    text-transform: uppercase;
}


.telegramsListElement {
    padding-right: 150px;
}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
width: 738px;
height: 27px;
margin: 0;
padding: 0;
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
}
ul.newsticker span {
margin: 0 10px 0 0;
}