/* CSS Document */

body {
	background: #CCC;
	font: 70%/1.5em arial, sans-serif;
	color: #666666;
	text-align: center;
	margin: 0px 0 15px;
}

/* links */
a:link, a:visited {	color: #5A93C9;background: inherit;text-decoration: none;}
a:hover {color: #3E4EDB;background: inherit;text-decoration: underline;}

/* headers */
h1, h2, h3 {font-family: Helvetica, Arial, Sans-serif;font-weight: Bold;}
h1 {font-size: 160%;font-weight: normal;}
h2 {font-size: 130%;text-transform: uppercase;color: #333333;}
h3 {font-size: 130%;}

h1, h2, h3, p {padding: 10px;margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;}

/* images */
img {padding: 5px;}
img.aps {padding: 2px;}
#header img { background: none; border: none;}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}

blockquote {padding-left:20px;}

/* form elements */
form {margin:10px; padding: 0 5px;border: 1px solid #D5D5D5; background-color: #DADADA;}
label {display:block;font-weight:bold;margin:5px 0;}
input {	padding:2px;border:1px solid #eee;font: normal 1em Verdana, sans-serif;	color:#777;}
textarea {width:400px;padding:2px;font: normal 1em Verdana, sans-serif;border:1px solid #eee;height:100px;display:block;color:#777;}
input.button { font: bold 12px Arial, Sans-serif; height: 24px;margin: 0;padding: 2px 3px; color: #FFF;background: #8EB50C url(img/nav.jpg) repeat-x 0 0;border: none;}


/********************************************
   LAYOUT
********************************************/ 
#wrap {position: relative;width: 820px;background: #CCC url(img/content.jpg) repeat-y center top;margin: 0 auto;text-align: left;}
#top-bg {position: absolute;width: 820px;height: 19px;background: #CCC url(img/top-bg.jpg) repeat-y center top;top: 0; left: 0;z-index: 2;}
#content-wrap {position: relative;clear: both;float: left;width: 790px;	padding: 0; background: #E8E8E8;border-top: 5px solid #FFF;	border-bottom: 2px solid #D0D0D0;margin-left: 15px;	display: inline;}
#header {width: 820px;position: relative;height: 100px;background: #CCC url(img/header-bg.jpg) center top;padding: 0;color: #FFF;}
#header h1#logo-text a {position: absolute;margin: 0; padding: 0;font: bold 36px Helvetica, Arial, Sans-serif;letter-spacing: -1px;color: #AEAAAA;text-transform: none;text-decoration: none;/* change the values of top and left to adjust the position of the logo*/
	top: 25px; left: 30px;	
}
#header h1#logo-text span {color: #838181;}
#header h2#slogan {position: absolute;margin: 0; padding: 0;font: normal 12px Helvetica, Arial, Sans-serif;text-transform: none;
	color: #838181;top: 55px; left: 400px;}

/* header-photo */
#header-photo {clear: both;height: 200px;width: 790px;margin: 0 auto;background: #FFF url(img/header-photo.jpg) no-repeat center center;}
#header-photo-l {clear: both;height: 200px;width: 790px;margin: 0 auto;background: #FFF url(img/header-photo-l.jpg) no-repeat center center;}
#header-photo-e {clear: both;height: 200px;width: 790px;margin: 0 auto;background: #FFF url(img/header-photo-e.jpg) no-repeat center center;}
#header-photo-er {clear: both;height: 200px;width: 790px;margin: 0 auto;background: #FFF url(img/header-photo-er.jpg) no-repeat center center;}
#header-photo-mt {clear: both;height: 200px;width: 790px;margin: 0 auto;background: #FFF url(img/header-photo-mt.jpg) no-repeat center center;}
#header-photo-standard {clear: both;height: 200px;width: 790px;margin: 0 auto;background: #FFF url(img/header-photo-standard.jpg) no-repeat center center;}

/* Main Column */

#main {float: left;width: 96%;padding: 0 0 0 10px;margin: 10px 10px 0;display: inline;background-color:#ffffff;}
#main p {margin-bottom:5px;}
#main h1, h3 {padding:0;margin:0;margin-top: 10px;font: normal 1.6em Helvetica, Tahoma, Sans-serif;color: #333333; margin-bottom:10px;}
#main .thumb {float:left;margin:0px 5px 5px 0px;padding:0px;background:url(./img/shadowAlpha.png) no-repeat bottom right !important;background:url(./img/shadow.gif) no-repeat bottom right;}
#main .thumb a img {display:block;position:relative;background:#FFF;border:1px solid #ccc;margin:-5px 5px 5px -5px;padding:4px;}
#main .product_pic {text-decoration:none;}
#main .news ul {list-style-type: none;}
#main td.mt_rubrik {font-size:14px; font-weight:bold; color:#000000;}

/* footer */
#footer-wrap {clear: both;width: 820px;font-size: 95%;text-align: left;padding: 5px 0;background: url(img/footer-bottom.jpg) no-repeat center bottom;	}
#footer-wrap a {text-decoration: none;color: #666666;font-weight: bold;}
#footer-wrap a:hover {color: #000;}
#footer-wrap h2 {color: #666666;margin: 0;padding: 0 10px; }


/* bottom */
#footer-bottom {clear: both;color: #666;margin: 0 auto; width: 820px;padding: 10px 0;text-align: center;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

#head_meny {text-align:right; width:130px; float:right; margin-right:10px; margin-top:10px;}

.hinnastot {padding:20px;}
.hinnastot a {color:#999999; border-bottom:1px dotted #999999; text-decoration:none;}
.hinnastot a:hover {border:none; color:#333333; text-decoration:none;}

/* MENY */
#menu {padding-left:10px;clear: both;padding: 0;}
#menu ul{height:42px;float: left;list-style: none;background: url(img/nav.png) repeat-x;width: 790px;text-transform: uppercase;
	margin: 0 0 0 15px;padding: 0;display: inline;}
#menu ul li {display: inline;margin: 0;padding: 0;}
#menu ul li a {display: block;float: left;width: auto;margin: 0;padding: 0 14px;border-right: 1px solid #333333;border-left: 1px solid #CCCCCC;border-bottom: none;color: #FFF;font: bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;text-decoration: none;letter-spacing: 1px;}
#menu ul li a:hover, #menu ul li#current a {background: transparent url(img/nav-hover.png)  center repeat-x; height:39px; margin-top:3px;}

/* SUBMENY */
#submenu {padding-left:10px;clear: both;padding: 0;}
#submenu ul{height:auto;float: left;list-style: none;background-color:#343333;width: 760px;text-transform: uppercase;
margin: 0 0 0 15px;padding-left: 10px;display: inline;}
#submenu ul li {display: inline;margin: 0 0 0 15px;padding: 0;}
#submenu li a{float: left;color: white;padding: 2px 11px;text-decoration: none;background:#343333;font:11px "Century Gothic", Helvetica, Arial, Geneva, sans-serif;letter-spacing:1px;
}
#submenu li a:hover, #submenu li#this a{color: #000000;background:#ffffff;}

#enerr{width:758px; background-color:#000000; height:auto; float:left; padding-bottom:15px; color:#FFFFFF;}
#enerr h3{color:#FFFFFF;}
#enerr_menu{float:left; width:200px;background-color:#000000;min-height:250px;}
#enerr_menu li {list-style-type:none; padding-left:0px;}
#enerr_menu li a {color:#666666; padding:2px;}
#enerr_menu li a:hover{ background-color:#333333; text-decoration:none;}
#enerr_content{float:right; width:558px; background-color:#000000; min-height:250px; color:#FFFFFF;}
#enerr_content h2{color:#FFFFFF;}
#enerr_content td{ padding-left:5px; color:#FFFFFF;}
#enerr_menu b {color:#999999; border-left:10px solid #CCCCCC; padding-left:5px;}
#enerr_menu h2 {background-color:#000000; color:#CCCCCC; padding:5px;}

/* AJAX */

#lbOverlay {position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #fff;}
.lbLoading {background: #fff url(img/loading.gif) no-repeat center;}
#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(img/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(img/closelabel.gif) no-repeat center;margin: 5px 0;outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}