/* set some default styling */
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
}
:link, :visited {
	text-decoration:none
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0
}
a img, :link img, :visited img {
	border:none
}
/* Clearing floats without structural markup. IE7 fix for this in ie.css */
    .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
    * html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.hidden {
	display: none;
} /* skip-links etc */
/* Layout basic elements */
#header {
	width: 954px;
	height: 81px;
	background-color: #e20070;
}
#header #logoLink a {
	position: absolute;
	top: 21px;
	left: 55px;
	display: block;
	width: 87px;
	height: 40px;
	background-image: url(../images/logo.gif);
}
#header #headerNav {
	position: absolute;
	top: 5px;
	left: 866px;
	width: 80px;
}

#header #headerNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header #headerNav ul li{
	margin : 0;
	display: inline;
}

#header #headerNav ul li a,  #header #headerNav ul li a:link,  #header #headerNav ul li a:visited,  #header #headerNav ul li a:hover,  #header #headerNav ul li 

a:active {
	color: #FFFFFF;
	font-weight: bold;
	background: url(../images/arrow_pink.gif) no-repeat right bottom;
	display: block;
	margin-left: .25em;
	padding: 2px 20px 0 0;
}

/* Navigations */

#navigationPopUp {
	width: 955px;
	background-color: #000;
	line-height: 20px;
	clear: both;
	color: #FFF;
	min-height:31px;
	background:#E6E6E6 url(../images/navigation_bg.gif) repeat-x scroll center bottom;	
}
#navigationPopUp ul {
	list-style: none;
}
#navigationPopUp ul li {
	float: left;
	margin: 0 10px 0 0;
}
#navigationPopUp a, #navigationPopUp a:link, #navigationPopUp a:active, #navigationPopUp a:visited {
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding:4px 10px 0.75em;
	color:#000;
}


#navigationPopUp ul li a:hover{
	color: #E20070;
	padding:4px 10px 0.75em;
}

#navigationPopUp ul li a.selected {
	background:#E20070 url(../images/navigation_bottom_bg2.gif) no-repeat scroll center bottom;
	color:#FFFFFF;
	z-index:1;
	padding:4px 10px 0.75em;
}

#navigationTopLvl {
	width: 925px;
	line-height: 20px;
	clear: both;
	color: #FFF;
	background:#FFFFFF url(../images/navigation_bg.gif) repeat-x scroll center bottom ;
	margin-left: 30px;
}
/* navigation */
#navigationListTop {
	margin-left: -1px;
}
ul.toplist-links {
  margin:0px 0px 0px 0px; 
  padding:0; 
  list-style:none; 
  text-align:center;
}
ul.toplist-links li {
  float:left; 
  padding:-2px 0px -5px 0px;  
  margin-bottom:-3px;
}
ul.toplist-links a { 
  padding:0px;  
  margin-bottom:-3px;
}
ul.toplist-links li.last {
  margin-right:0px;
}
#navigationTopLvl ul {
	list-style: none;
	margin-left:5px;
}
#navigationTopLvl ul li {
	float: left;
}

#navigationTopLvl a, #navigationTopLvl a:link, #navigationTopLvl a:active, #navigationTopLvl a:visited {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding:4px 10px 0.75em;
}
#navigationTopLvl a:hover{
	color: #E20070;
}
#navigationTopLvl a.selected {
	background:transparent url(../images/navigation_bottom_bg.gif) no-repeat scroll center bottom;
	color:#FFFFFF;
	position:relative;
	z-index:2;
}

#navigation2ndLvl {
	width: 954px;
	min-height:31px;
	background:#E6E6E6 url(../images/navigation_bg.gif) repeat-x scroll center bottom;
	clear:none;
	display:block;
	left:0pt;
	margin:0pt;
	padding:0;
	position:relative;
	top:-4px;
	z-index:1;
	border-bottom:10px solid white;
}

#navigation_checkout_first {
	height: 30px;
	background:#E6E6E6 url(../images/navigation_bg.gif) repeat-x scroll center bottom;
	width: 300px;
} 


#navigation2ndLvl_checkout {
	width: 554px;
	min-height:31px;
	background:#FFFFFF;
	clear:none;
	display:block;
	left:0pt;
	margin: 0px 0px 20px -10px;
	position:relative;
	top:27px;
	z-index:1;
	border-bottom:10px solid white;	
}

#navigation2ndLvl ul {
	list-style: none;
	position: relative;
	z-index: 2000;
	padding:0pt 0pt 0pt 40px;
	vertical-align:middle;
}

#navigation2ndLvl_checkout ul {
	list-style: none;
	position: relative;
	z-index: 2000;
	padding:0pt 0pt 0pt 40px;
}

#navigation2ndLvl ul li {
	float: left;
	line-height:18px;
}

#navigation2ndLvl_checkout li.next {
	float: left;
	line-height:18px;
	background:#E8E8E8 url(../images/small_menu_arrow_whiteline.gif) no-repeat scroll center left;;
	z-index:1;
	margin-right: 1px;
	padding:4px 18px 5px 16px;	
}

#navigation2ndLvl_checkout li.visited {
	float: left;
	line-height:18px;
	background:#D2D2D2;
	z-index:1;
	margin-right: 1px;
	padding:4px 18px 5px 16px;
	color: #626262;
}

#navigation2ndLvl ul li a:link, #navigation2ndLvl ul li a:active, #navigation2ndLvl ul li a:visited {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding:4px 10px 0.75em;
}

#navigation2ndLvl ul li a:hover{
	color: #E20070;
	padding:4px 10px 0.75em;
}

#navigation2ndLvl_checkout li.selected {
	float: left;
	line-height:18px;
	background:#E20070;
	z-index:1;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
	padding:4px 18px 5px 16px;
}

#navigation2ndLvl_checkout li.after_next {
	float: left;
	line-height:18px;
	background:#E8E8E8;
	z-index:1;
	margin-right: 1px;
	padding:4px 18px 5px 16px;
	font-size: 12px;
}

#navigation2ndLvl ul li  a.selected {
	background:#E20070 url(../images/navigation_bottom_bg2.gif) no-repeat scroll center bottom;
	color:#FFFFFF;
	z-index:1;
	padding:4px 10px 0.75em;
}

ul.navigation3rdLvl li a,  ul.navigation3rdLvl li a:link,  ul.navigation3rdLvl li a:visited,  ul.navigation3rdLvl li a:active {
	color: #FFF;
	font-weight: bold;
	background: transparent url(../images/secondlvl_navi_arrow_sel.gif) right 2px no-repeat;
	display: block;
	width: 150px;
	border-bottom: 1px solid #666;
	padding: 0 10px;
} /* all unselected first level links */

ul.navigation3rdLvl li a:hover {
	background-color: #FFF;
	color: #000;
	background: transparent url(../images/secondlvl_navi_arrow.gif) right 2px no-repeat;
}
/* selected */
    ul.navigation3rdLvl li.selected a, ul.navigation3rdLvl li.selected a:link, ul.navigation3rdLvl li.selected a:visited, ul.navigation3rdLvl ul li.selected 

a:hover, ul.navigation3rdLvl ul li.selected a:active {
	color: #666;
	background: transparent url(../images/secondlvl_navi_arrow_sel.gif) right 2px no-repeat;
	display: block;
	width: 180px;
	border-bottom: 2px solid #666;
}
#navigation5thlvl {
	border-bottom: 3px solid black;
}
/* Leftmost column, navigation levels 3 and 4*/
#naviWrapper {
		left:0;
	position:absolute;
	width:226px;
	z-index:10;
	}

#navi {
	width: 190px;
	padding: 0px 10px 20px 10px;
}
#navi h2 {
	font-size: 14px;
	color: #999;
	border-bottom: 2px solid #999;
	background: transparent url(../images/navi_arrow_selected.gif) top right no-repeat;
	width: 190px;
	margin: 0 0 5px 0;
}
#navi ul, #navi ul li ul {
	margin: 0;
	font-size: 12px;
	list-style: none;
}
#navi ul li ul {
	margin: 0;
	font-size: 12px;
	list-style: none;
}
/* leftmost navi, element unselected */
    #navi ul li a,  #navi ul li a:link,  #navi ul li a:visited,  #navi ul li a:hover,  #navi ul li a:active {
	color: #E6006B;
	display: block;
	width: 190px;
	padding: 4px 0 4px 10px;
	background-color:#fff;
} /* all unselected first level links */
#navi ul li ul li a,  #navi ul li ul li a:link,  #navi ul li ul li a:visited,  #navi ul li ul li a:hover,  #navi ul li ul li a:active,  #navi ul li.selected ul 

li a,  #navi ul li.selected ul li a:link,  #navi ul li.selected ul li a:visited,  #navi ul li.selected ul li a:hover,  #navi ul li.selected ul li a:active {
	color: #E6006B;
	display: block;
	width: 180px;
	padding: 4px 0 4px 20px;

}
/* selected */
.menu_level_3 a {color: #E6006B;}
#navi ul li.selected {border-bottom:1px solid #ABB33A;}
#navi ul li.selected ul li.selected{border-bottom:none;}
#navi ul li.selected a{
background:#ABB33A none repeat scroll 0%;
color:#FFFFFF;
font-weight:bold;
}

#navi ul li.selected ul li a{
background:#FFF none repeat scroll 0%;
font-weight:normal;

}
    #navi ul li.selected a, #navi ul li.selected a:link, #navi ul li.selected a:visited, #navi ul li.selected a:hover, #navi ul li.selected a:active {
	display: block;
	width: 190px;
	
}

 #navi ul li ul li.selected a, #navi ul li ul li.selected a:link, #navi ul li ul li.selected a:visited, #navi ul li ul li.selected a:hover, #navi ul li ul 

li.selected a:active {
	color: #E6006B;
	display: block;
	width: 180px;
	font-weight:bold;
	background-color:#FFF;
	background:#FFFFFF url(../images/navigation_bullet.gif) no-repeat scroll 10px top;	
}


#navi ol {
	margin: 10px 0 20px 0;
	clear: both;
	list-style-position: inside;
	width: 190px;
}
#navi ol li {
	color: #000;
	padding:4px 6px 4px 6px;
	background:#e6e6e6;
	border-bottom:1px solid #fff;
}
#navi ol li.selected {
	/*color: #999;*/
	font-weight:bold;
	color: #fff;
	background:#e20070;
	
}
/* Search element after navigation */
    #search {
	background-color: #808080;
	height: 130px;
	z-index: 100;
	padding: 0 0 0 0;
}
#search p.info {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 70px 10px 10px;
}
#search h6 {
	font: bold 10px/10px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0 0px 0px;
	padding: 0;
}
#search select {
	width: 210px;
	margin-left: 10px;
}
#search #searchForm {
	margin: 0 10px;
}
#search img {
	display: block;
	border-bottom: 1px solid black;
}
#searchModule {
margin:10px 0pt 0px 10px;
	padding: 0px 0 10px 10px;
	width: 200px;
border-bottom:1px solid #ABB33A;
border-top:1px solid #ABB33A;
}
#searchModule label {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	margin: 2px 5px 0 0px;

}
#searchModule input#searchTerm {
	width: 110px;
	float: left;
}
#searchModule input#searchBtn {
	display: block;
float:right;
	margin-right: 5px;
}

/* background image after the navigation column */
    #naviWrapper div.extra {
	height: 117px;
	width: 226px;
}

/* We need a wrapper for the center content to display the footer according to content length */
#wrapper_wide {
	position: absolute;
	width: 952px;
	z-index: 10;
} /* Used with the wide column */


#wrapper_wide #gradient {
	position: absolute;
	top: -120px;
	left: 954px;
	display: block;
	width: 325px;
	height: 328px;
	background-image: url(../images/bg_gradient.jpg);
	background-repeat:repeat-x;
}

#wrapper_wide div.mainExtraWide {
    width: 953px;
	height: 14px;
	float: left;
	position:relative;
	left: 1px;
	top: 0px;
	background-repeat: no-repeat;
	
}

#wrapper {
	position: absolute;
	width: 746px;
	z-index: 10;
	left: 210px;
}

#wrapper_checkout {
	position: absolute;
	width: 1246px;
	z-index: 10;
}

#wrapper div.extra {
	width: 505px;
	height: 14px;
	float: left;
	position:relative;
	left: 12px;
	background-repeat: no-repeat;
	
} /* shadow and black-pink-black line after content */

#contentWrapper_frontpage_wide {
	width: 954px;
	float: left;
	background-color: #FFFFFF;
	display: inline;
} /* display: inline to prevent double margin bug in ie6 */

#contentWrapper_frontpage {
	width: 502px;
	float: left;
	background-color: #E20070;
	margin-left: 15px;
	display: inline;
} /* display: inline to prevent double margin bug in ie6 */
#content_frontpage {
	z-index: 10;
}
#contentWrapper {
	float: left;
	background-color: #FFFFFF;
	padding: 1px 3px 0 3px;
	display: inline;
} /* display: inline to prevent double margin bug in ie6 */

#contentWrapperWider {
	width: 708px;
	float: left;
	background-color: #FFF;
	padding: 1px 3px 0 3px;
	/*border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;*/
	margin-left: 15px;
	display: inline;
	min-height: 461px;
} /* display: inline to prevent double margin bug in ie6 */
#content {
	z-index: 10;
	padding: 10px 11px 20px 11px;
	
} /* separate element for padding because of the productnavigation */



/* for IE6 and below */
* html #content {
	
}

.content_noIndent {
	padding: 0 !important;
}
#contentWrapper_noBorder {
	width: 503px; 
	float: left;
	padding: 0;
  	margin-left: 15px; 
	display: inline;	
	min-height:461px;
	background-color: #FFFFFF;
	
} /* display: inline to prevent double margin bug in ie6 */

#contentWrapper_noBorder div.extra {
	width: 256px;
	height: 6px;
	background: url(../images/tuotekortti_shadow.gif) right top no-repeat;
	position:relative;
	left: 2px;
}


/* Navigation inside content area */
#productNavi, #serviceNavi {
	border-bottom: 3px solid black;
	width: 492px;
	position: relative;
} /* any child "position: absolute" -elements will now be relative to this */
#productNavi #productName, #serviceNavi #productName {
	font: bold 11px/20px Arial, sans-serif;
	color: #666;
	border-right: 1px solid black;
	padding: 0 5px;
	float: left;
}
#productNavi ul {
	list-style: none;
	position: absolute;
	left: 100px;
	top: 3px;
}
#serviceNavi ul {
	list-style: none;
	position: absolute;
	left: 170px;
	top: 3px;
}
#productNavi ul li, #serviceNavi ul li {
	float: left;
 /* UAM	background: url(../images/productnavi_unselected.gif) no-repeat center left; */
	display: block;
	margin: 0;
}
/*#productNavi ul li.selected { background: url(../images/productnavi_selected.gif) no-repeat center left; }*/
        
        #productNavi ul li.selected, #serviceNavi ul li.selected {
	float: left;
 /* UAM	background: url(../images/productnavi_selected.gif) no-repeat center left; */
	display: inline;
	white-space: normal;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
#productNavi a, #productNavi a:link, #productNavi a:active, #productNavi a:hover, #productNavi a:visited {
	color: #000;
	font-weight: bold;
	font-size: 11px;
 /*UAM 	background: transparent url(../images/productnavi_arrow.gif) center right no-repeat; */
	padding: 0 17px;
	display: block;
	margin-right: 2px;
}
#serviceNavi a, #serviceNavi a:link, #serviceNavi a:active, #serviceNavi a:hover, #serviceNavi a:visited {
	color: #000;
	font-weight: bold;
	font-size: 11px;
 /* UAM	background: transparent url(../images/productnavi_arrow.gif) center right no-repeat; */
	padding: 0 17px;
	display: block;
	margin-right: 2px;
}
#productNavi ul li.selected a, #serviceNavi ul li.selected a {
	/* UAM background: transparent url(../images/productnavi_arrow_selected.gif) center right no-repeat; */
	color: #666;
}
/* Content area elements */
        #content h1 {
	/*font-size: 24px;
	color: #E20070;*/
	color:#333;
	font-size:1.6em;
}


#content h1 .header_note {
	color: #999;
	font-size: 14px;
}
#content h2 {
	font-size: 18px;
	color: #000;
	margin: 10px 0 10px 0;
}
#content h3 {
	font-size: 12px;
	color: #000;
	margin: 10px 0 0 0;
}
#content h3 .header_note {
	color: #666;
	font-size: 12px;
}
#content date {
	margin: 0 10px;
	color: #333;
}
#content p {
	margin: 0 0 10px 0;
	color: #333;
}
#content p.lead {
	margin: 10px 0;
	font-weight: bold;
}
#content p.notice {
	font-size: 11px;
}
#content li a, #content p a, #content p a:link, #content p a:active, #content p a:visited, #content p a:hover {
	color: #333;
	text-decoration: underline;
}
#content .noBorder {
	border: none;
} /* Use with whatever that needs NO borders */
#content fieldset {
	border: none;
	/*border-top: 1px solid #999;*/
	padding-top: 10px;
}
#content fieldset em {
	font-size: 11px;
	font-style: normal;
} /* small notices inside forms */
#content input.textInput {
	width: 200px;
	display: block;
	margin-bottom: 10px;
	float: left;
}
#content input.cbInput {
	margin: 5px 0 0 0;
}
#content .formButton {
	display: block;
	float: left;
	margin: 10px 20px 20px 0;
}
#content label {
	margin: 7px 0 0 7px;
} /* label after the element */
#content label.inputLabel {
	width: 100px;
	white-space: nowrap;
	display: block;
	float: left;
} /* label before the element */
#content table {
	width: 99%;
	border-collapse: collapse;
	border: 0px solid #666;
}
#content table caption {
	font-weight: bold;
	text-align: left;
	line-height: 20px;
}
#content table td {
	border: 0px solid #666;
}
#content table th {
	background-color: #CCC;
	border: 0px solid #666;
}
#content img, #content_frontpage img {
	/* display: block;  */
}
#content .articleImg {
	float: left;
	margin: 5px 7px 5px 0;
}
#content blockquote {
	font-style: italic;
	margin: 20px 10px;
}
#content ul {
	clear: both;
	list-style-type: disc;
	margin: 10px 0 10px 20px;
}
#content ul ul {
	list-style-type: circle;
	margin: 0 0 0 20px;
}
#content ul.linkList {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CECECE;
  line-height: 20px;
	clear: none;
	list-style: none;
	margin: 0 0 0px 0;
}
#content ul.linkList li {
	/*background: url(../images/arrow.gif) no-repeat center left;
	padding: 0 0 0 20px;*/
	padding:5px 0px 0px 0px;
}
#content ul.linkList li a {
	background:url(../images/pink_arrow_opposite.gif) top left no-repeat;
	padding:0px 0px 5px 20px;
}
#content ol {
	margin: 10px 0 20px 20px;
	clear: both;
}
#content hr {
	background-color: #000;
	color: #000;
	height: 1px;
	font-size: 1px;
	margin: 15px 0;
	display:none;
}
#content a {
	color: black;
	text-decoration: underline;
}
#content blink, #content marquee {
	display: none;
}
/* Olet lisannyt tuotteita ostoskoriin */
        #content #notification {
	background-color: #fff;
	margin: 20px auto;
	padding: 40px;
	text-align: center;
	border: 8px solid #abb33a;
}
#content #notification h1 {
	font-size: 18px;
	color: #000;
	margin: 0 0 20px 0;
}
#content #notification p {
	font-size: 14px;
	font-weight: bold;
	color: #e20070;
	margin-bottom:20px;
}
#content #notification input.inputImg {
	margin: 0 26px;
	display: block;
	float: left;
}



/* The price "tag" */
        .priceContainer {
	float: right;
	margin: 20px 20px 0 -50px;
}
.priceEuro {
	font-size: 80px;
	line-height: 75px;
	letter-spacing: -10px;
	
	padding: 0;
	font-weight: bold;
	color: #333;
	float: left;
}
.priceCent {
	font-size: 42px;
	letter-spacing: -3px;
	color: #333;
	float: left;
	margin: 4px 0 0 4px;
	width: 40px;
}
.priceUnit {
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
	width: 60px;
	border-top: 2px solid black;
	margin: -7px 0 0px 0;
	text-align: center;
}
.priceRealPrice {
	background-color: #fffaab;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	letter-spacing: 0px;
	clear: both;
	text-align: center;
	margin: 0 0 10px 0;
}
/* e.g. liittymat-frontpage, matrix of productlifts */
#pgd_content .pieceGoodLift {
	position: relative;
 	float:left; 
 	width: 208px; 
 	height: 233px; 
 	border:2px solid #CCCCCC; 
 	margin-right: 0px;
	margin-left: 10px;
	padding: 12px;
	margin-bottom: 10px;
}
/* LC=left column, if the productlist is in the left column. */
#content .pieceGoodLift h2 {
	font-size: 18px;
	color: black;
}

#friendQuestion{
	position: absolute;
	top: 100px;
	left: 300px; 
 	width: 350px; 
 	height: 150px; 
 	border:2px solid #CCCCCC; 
 	margin-right: 0px;
	margin-left: 10px;
	padding: 12px;
	margin-bottom: 10px;
	background-color: #FFF;
	z-index: 100;
}	
#content .productLift {
	float: left;
	width: 231px;
	height:133px;
	border-right: 1px solid #cccccc;
	border-left:none;
	border-bottom: 1px solid #cccccc;
	background-color: #FFF;
	margin: 0 0 1px 2px;
	position: relative;
	padding: 9px;
}
#content .L0 {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 0px 0 1px 0;
	width: 230px;
	left: 1px;
	height:133px;
}
#content .L1 {
	border-left: 1px solid #cccccc;
	margin-left: -0px;
	margin-right: -1px;}
/* LC=left column, if the productlist is in the left column. */
.top {border-top: 1px solid #cccccc;}
.bottom {border-bottom: 1px solid #cccccc;}
.bottom_line {margin-bottom: -3px;}
#content .productLift h2 {
	font-size: 18px;
	color: #E20070;
}
#content .productLift p {
	margin: 0 0 0 11px;
	color: #333;
	font-size: 12px;
}
#content .productLift p {
	color: #333;
	font-size: 12px;
}
#content .productLift p img.img_buy {
	margin-top: 10px;
}
#content .productLift .intro {
	position: absolute;
	top: 10px;
	right: 10px;
}
/* shopping cart styles */
        #content fieldset.shoppingCart {
	/*width: 500px;*/
	padding: 0 0 10px 0;
}
#content table.shoppingCart {
	border: none;
	border-collapse: collapse;
	/*width: 500px;
	margin: 10px 0 0 0;*/
	margin: 0px 10px 0px 2px; 
}
#content table.shoppingCart td {
	border: none;
	color: #333;
	text-align: left;
	padding: 2px 0 0 0px;
	vertical-align: top;
}
#content table.shoppingCart td label {
	margin: 0;
}
#content table.shoppingCart td input.textInput {
	width: 120px;
	margin: 0;
}
#content table.shoppingCart td input.textInputShort {
	width: 70px;
}
#content table.shoppingCart td input.textInputTiny {
	width: 35px;
}
#content table.shoppingCart td input.inputImg {
	margin: 0 10px 0 0;
}
#content table.shoppingCart td.details {
	color: #333;
	font-size: 11px;
	padding: 0 0 0 19px;
}
#content table.shoppingCart td.controls, #content table.shoppingCart td.total {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
#content table.shoppingCart th {
	border: none;
	/*border-bottom: 1px solid #999;*/
	background-color: #FFF;
	text-align: left;
}
#content .formControls {
	padding: 0 0 0 0px;
}
#content .formControls .formButton {
	margin: 0 25px 0 0;
}
#content .formControls .formButtonRight {
	float: right;
}
/* tulosta, laheta etc. at the end of the page */
        #contentAdditionalLinks {
	width: 100%;
	border-top: 1px solid black;
	clear: both;
}
#contentAdditionalLinks ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#contentAdditionalLinks ul li {
	float: left;
	margin: 0 10px 0 0;
}
#contentAdditionalLinks ul li.separator {
	border-right: 1px solid black;
	padding: 0 10px 0 0;
}
#contentAdditionalLinks ul li a,  #contentAdditionalLinks ul li a:link,  #contentAdditionalLinks ul li a:visited,  #contentAdditionalLinks ul li a:hover,  

#contentAdditionalLinks ul li a:active {
	color: #000;
	font-weight: bold;
	background: transparent url(../images/arrow.gif) center right no-repeat;
	display: block;
	padding: 0 18px 0 0;
	line-height: 20px;
}
/* middle column-wide banner container, used e.g. in liittymat -frontpage */
.contentBanner {
	margin:0 0 0 -3px;
	padding-top:1px;

}
.contentBanner img {
	display: block;
}
#contentBannerWB {
	margin-left:  -7px;
	margin-top:  -35px;
	margin-right: -17px;
	padding: 0;
	width: 400px;
	z-index: 10;
}
#contentWrapper #extraInfo {
	clear: both;
	border-top: 1px solid black;
	padding: 10px 0 0 0;
}
#contentWrapper #extraInfo p {
	margin: 0;
}
/* Right column aka modules */
#modulesWrapper_checkout {
	width: 226px;
	float: left;
	padding: 0;
	margin-top:-34px;
}
#modulesWrapper {
	width: 226px;
	float: left;
	padding: 0;
}
#modules {
	width: 226px;
}

#modulesBoard {
	width: 224px;
}

#modules .module {
	width: 226px;

}

#modulesBoard .module {
	width: 224px;
}

#modules .module img {
	display: block;
}
/* Empty shoppingcart */
    #modules .module #shoppingCartHeader_empty {

	background-color: #cbcbcb;
	color: #FFF;
	font-size: 20px;
	padding: 5px 20px;
	width: 186px;
		
}

/* Empty shoppingcart */
    #modules .module #shoppingCartHeader_empty_checkout {

	background-color: #cbcbcb;
	color: #FFF;
	font-size: 20px;
	padding: 5px 20px;
	width: 186px;		
}



#modules .module #shoppingCart_empty {
	background-color: #FFF;
	color: #999999;
	font-size: 12px;
	padding: 10px;
	width: 206px;
	border-top:1px solid black;
	border-bottom:1px solid #CCCCCC;
}

#modules .module #shoppingCart_empty_checkout {
	background-color: #FFF;
	color: #999999;
	font-size: 12px;
	padding: 10px;
	width: 206px;
	border-top:1px solid black;
	border-bottom:1px solid black;
}


#modules .module #shoppingCart_empty ul {
	list-style-position: inside;
}

#modules .module #shoppingCart_empty_checkout ul {
	list-style-position: inside;
}


/* There's something inside shoppingcart */
#modules .module #shoppingCartHeader {
	background-color: #E20070;
	color: #FFF;
	font-size: 20px;
	padding: 5px 20px;
	width: 186px;
}

#modules .module #shoppingCartHeader_checkout {
	background-color: #E20070;
	color: #FFF;
	font-size: 15px;
	padding: 5px 20px;
	width: 187px;
	font-weight: bold;
}

#modulesBoard .module #releaseBoardHeader {
	background-color: #E20070;
	color: #FFF;
	font-size: 20px;
	padding: 5px 20px;
	width: 184px;
}

#modules .module #shoppingCart {
	background-color: #FFF;
	color: #000;
	font-size: 12px;
	padding: 10px;
	width: 206px;
	border: 4px black;
}

#modules .module #shoppingCart_checkout {
	background-color: #FFF;
	color: #000;
	font-size: 12px;
	padding: 10px;
	width: 206px;
	border-bottom: 1px solid #CECECE;
}


#modules .module #shoppingCart div.header {
	font-size: 10px;
	font-weight: bold;
	color: #666;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #666;
}

#modules .module #shoppingCart_checkout div.header {
	font-size: 10px;
	font-weight: bold;
	color: #666;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #666;
}


/* If there is need for two columns inside the module column, use these */
        #modules .module .left {
	float: left;
	border: none;
}
#modules .module .right {
	float: right;
	border: none;
}
#modules .module #shoppingCart ol {
	list-style-position: inside;
	list-style-type: decimal-leading-zero;
	clear: both;
	color: #000;
	margin: 0 0 10px 0;
	
}

#modules .module #shoppingCart_checkout ol {
	list-style-position: inside;
	list-style-type: decimal-leading-zero;
	clear: both;
	color: #000;
	margin: 0 0 10px 0;
	
}
#modulesWrapper div.extra {
	width: 227px;
	height: 14px;
	position:relative;
	left: 0px;
}
/* If there is need for an extra marketing column far right, use this */
#campaignLift {
	position: absolute;
	left: 960px;
	top: 81px;
	width: 200px;
	border: 1px solid black;
}
/* the footer */
#footer_wide {
	width: 952px;
	clear: both;
	border: 1px solid black;
	background-color: #FFF;
	vertical-align: bottom;
}
#footer {
	width: 729px;
	clear: both;
	border: 1px solid black;
	background-color: #FFF;
	vertical-align: bottom;
	margin-left: 15px;
}
#footer ul, #footer_wide ul {
	list-style: none;
}
#footer ul li, #footer_wide ul li {
	float: left;
	margin: 0 10px 0 0;
}
#footer ul li a,  #footer ul li a:link,  #footer ul li a:visited,  #footer ul li a:hover,  #footer ul li a:active,  #footer_wide ul li a,  #footer_wide ul li 

a:link,  #footer_wide ul li a:visited,  #footer_wide ul li a:hover,  #footer_wide ul li a:active {
	color: #000;
	font-weight: bold;
	background: transparent url(../images/arrow.gif) center right no-repeat;
	display: block;
	padding: 0 18px 0 15px;
	line-height: 20px;
}
#footer #additional_links, #footer_wide #additional_links {
	float: right;
}
#content .pointsOfSale table {
	border: 0px;
	border-style:none;
	width:450px;
	margin: 10px 0 0 0;
	table-layout: fixed;
}
#content #pointsOfSale table td {
	border: none;
}
#content #pointsOfSale table th {
	background-color: #CCC;
	border: 0px solid #666;
}
#content #notification table {
	border: none;
}
#content #notification table td {
	border: none;
}

#campaignCodeModule {
	background-color: #E6E6E6;
	font-size: 12px;
	float: right;
	width: 250px;
	height: 20px;
}

#campaignCodeModule input#code {
	height: 15px;
	margin: 3px 0 2px 2px;
	font-size: 12px;
	width: 87px;			
}

#campaignCodeModule input#continueBtn {
	vertical-align: middle;
	margin-top: -4px;
}

#content .contentText {
	float: left;
	width: 484px;
	background-color: #FFF;
	margin: 0 0 0px 0px;
	position: relative;
	padding: 9px;
}

#gradient {
	position: absolute;
	top: -120px;
	left: 744px;
	display: block;
	width: 325px;
	height: 328px;
}
#wrapper div.mainExtra {
    width: 505px;
	height: 14px;
	background: url(../images/footer_extra_bg_front.gif);
	float: left;
	position:relative;
	left: 12px;
	top: 0px;
	background-repeat: no-repeat;
	
}
#wrapper div.mainExtraCheckout {
    width: 732px;
	height: 14px;
	background: url(../images/footer_extra_bg_front_checkout.gif);
	float: left;
	position:relative;
	left: 12px;
	top: 0px;
	background-repeat: no-repeat;
	

}

#releaseBoard {
	width: 225px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#optionMenu {
	padding: 10px 0 10px 10px; 
	width: 190px;
	border-top:1px solid #ABB33A;
	margin:10px 0 0px 10px;
}

.image_banner_style {

}


#contentWrapper_cards {
	width: 502px; 
	float: left;
	padding: 0;
  	margin-left: 15px; 
	display: inline;
}

#contentWrapper_cards  #subscriptionCardExtra_L {
	float: left;
    width: 250px;
	height: 10px;

	margin-top: -2px;
}

#contentWrapper_cards  #subscriptionCardExtra_R {
	float:right;
    width: 250px;
	height: 10px;
	margin-top: -2px;
	right: 10px;
	
}

#contentWrapper_cards  #subscriptionCardExtra_L_up {
	float: left;
    width: 254px;
	height: 10px;
	background: url(../images/footer_extra_bg_front_cards.gif);	
	background-repeat: no-repeat;
	margin-top: -2px;
}

#contentWrapper_cards  #subscriptionCardExtra_R_up {
	float:right;
    width: 250px;
	height: 10px;
	background: url(../images/footer_extra_bg_front_cards.gif);	
	background-repeat: no-repeat;
	margin-top: -2px;
	right: 10px;
	
}

.content2 {
background-color: white;
}

#wrapperForCards {
	position: absolute;
	width: 746px;
	z-index: 10;
	left: 210px;	
}


#wrapperForCards div.mainExtra {
    width: 505px;
	height: 14px;
	background: url(../images/footer_extra_bg_front.gif);
	float: left;
	position:relative;
	left: 12px;
	top: 0px;
	background-repeat: no-repeat;
	
}

/* logo */
#dna-logo { float:left; padding:9px 0 0 18px; }
#dna-logo img { border:0; }

/*Header*/
.header{background-color:#fff; width:954px;}
 .header-bar {
background:#333333 none repeat scroll 0%;
color:#FFFFFF;
float:right;
width:226px;

}

/* quicklinks */
 .quick_links { clear:both; padding:5px 0 5px 20px; list-style-type:none;}
 .quick_links li { clear:both; padding:0 0 5px 0; list-style-type:none;}
 .quick_links a:link,   .quick_links a:visited,   .quick_links a:hover,   .quick_links a:active { color:white;}
 

/*#content form h3  { font-size:15px; display:block; margin:15px 0 15px 0; padding:0 0 5px 0; border-bottom:1px solid #abb33a; }*/
#content h3  { font-size:14px; display:block; margin:15px 0 15px 0; }


#serviceSmallExplanation {
padding-left: 17px;
color: #818181;
font-size : 11px;

}

.submitButtonOsta{
  background:transparent url(../images/buttons/btn_osta.gif) no-repeat scroll 100% 0pt;
  border:0pt none;
  cursor:pointer;
  display:block;
  min-height:30px;
  width:58px;
  margin-top: 10px;
  }
  
.submitButtonValitse{
  background:transparent url(../images/buttons/btn_valitse_up.jpg) no-repeat scroll 100% 0pt;
  border:0pt none;
  cursor:pointer;
  display:block;
  min-height:25px;
  width:76px;
  margin-top: 10px;
}
.submitButtonValitse_down{
  background:transparent url(../images/buttons/btn_valitse_down.jpg) no-repeat scroll 100% 0pt;
  border:0pt none;
  cursor:pointer;
  display:block;
  min-height:25px;
  width:76px;
  margin-top: 10px;
}
#flashcontent {}
.dark_row { background: #F7F7F7;}
.big_row { line-height: 25px; }
.checkout_message_box {
  border-top-color: #CECECE;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #ABB33A;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 25px;
  padding-right: 100px;
  background: url(../images/notice.gif) no-repeat 0pt 10pt;
}
.padding_left_3 {
	padding-left: 3px;
}

.listNavigation{
 border:2px solid #CCCCCC;
 height: 30px;
 margin-left: 10px;
 width: 478px;
}

.mainNavigation{
 border:2px solid #CCCCCC;
 height: 30px;
 margin-left: 7px;
 width: 478px;
}

.largePieceGoodCard {
margin-bottom: 12px;
position: relative;
border:2px solid #CCCCCC;
left: 10px;
height: 500px;
padding: 15px;
width: 448px;
}


.main_list{
left: 3px; 
padding:0; 
height:271px;
z-index: 10;
	padding: 10px 11px 20px 11px;

}