/* CSS contents */

body {
line-height: 1.2 !important;
}

#ws10 {
width: 230px;
padding: 1px;
}

#ws11 {
width: 230px;
padding: 1px;
}

.grid-empty {
background-image: url(/images/grid_empty_bg.gif);
background-repeat: repeat-x;
}

.grid-image {
height: 44px;
width: 100%;
}

div {
margin: 0px;
padding: 0px;
}

p {
margin: 0px 0px 6px 0px;
padding: 0px;
}

#header img {
display: inline;
}

input img {
border: 0;
}

input {
border: 0px;
}

.popup { 
position: absolute; 
visibility: hidden; 
background-color: #eeeeee; 
layer-background-color: #eeeeee;  
border-left: 1px solid gray; 
border-top: 1px solid black; 
border-bottom: 2px solid black; 
border-right: 2px solid black; 
padding: 5px; 
z-index: 10; 
left:100px;
top:0;
}

/* ----- tuotekortin nosto ----- */

.prdc_slider {
background-image: url(/images/prdc_slider.gif);
background-repeat: no-repeat;
height: 310px;
width: 515px;
margin-top: 10px;
}

.prdc_slider_box img {
margin: 0px;
padding: 0px;
}


.prdc_slider_box {
background-image: url(/images/prdc_slider_box_bg.gif);
background-repeat: no-repeat;
height: 240px;
width: 140px;
margin-left: 0px;
margin-right: 0px;
margin-top : 20px;
float: left;
font-size: 8pt;
}

/* ----- gridin slider ----- */

.prdc_slider_small {
background-image: url(/images/prdc_slider_small.gif);
background-repeat: no-repeat;
height: 280px;
width: 450px;
margin-top: 20px;
}

.prdc_slider_box_small img {
margin: 0px;
padding: 0px;
}


.prdc_slider_box_small {
background-image: url(/images/prdc_slider_box_bg_140.gif);
background-repeat: no-repeat;
height: 240px;
width: 150px;
margin-left: 0px;
margin-right: 0px;
margin-top : 20px;
float: left;
}



.my_box {
margin-top: 10px;
border: solid 2px #a9dfff;
background-color: #edf9ff;
padding: 10px;
}

.doers a {
display: block;
padding-bottom:2px;
}

.ProductAmountField {
background-color: #f8f8f8;
border: solid 1px #7bbce2;
padding: 3px;
width: 15px;
}

.ShoppingCartQuantityField {
background-color: #f8f8f8;
border: solid 1px #7bbce2;
padding: 3px;
}

.inputtext {
background-color: #f8f8f8;
border: solid 1px #7bbce2;
padding: 3px;
}

.ordering input, .ordering select {
background-color: #f8f8f8;
border: solid 1px #7bbce2;
padding: 3px;
width: 165px;
}

.ordering #ws5 {

width: 45px;
}

.order_liners {
padding-top: 8px;
padding-bottom: 8px;
border-top: solid 1px #d4d4d4;
}


.order_inner {
width: 686px;
}

.order_content {
background-color: #edf9ff;
padding: 10px 20px 10px 20px;
}

.order_ind {
background-image: url(/images/order_bg.gif);
background-repeat: repeat-x;
margin-bottom: 20px;
}

.navi_top {
background-image: url(/images/navi_top_bg.gif);
background-repeat: no-repeat;
width: 824px;
height: 61px;
}

.navi_top1 {
height: 32px;
}

.navi_top1_link {
padding: 3px 10px 3px 10px;
}

.navi_top1 a {
text-decoration: none;
color: #000;
font-size: 9pt;
font-weight: bold;
}

.navi_top2_link {
padding: 6px 10px 0px 10px;
}

.navi_top2 a {
text-decoration: none;
color: #000;
font-size: 9pt;
font-weight: bold;
}


.shop_header {
background-image: url(/images/header_bg.gif);
background-repeat: repeat-x;
height: 129px;
width: 100%;
}

.shop_footer2 {
background-image: url(/images/footer_bg.gif);
background-repeat: repeat-x;
background-position: center bottom;
height: 79px;
width: 100%;
}

.shop_footer {
background-image: url(/images/footer_bg.gif);
background-repeat: repeat-x;
height: 100px;
width: 100%;
}

.shop_footer a {
font-size: 8pt;
color: #000;
}

.shop_footer td {
font-size: 8pt;
color: #fff;
}

.clouds {
background-image: url(/images/body_clouds.gif);
background-repeat: no-repeat;
background-position: center top;
background-color: #fff;
}

.whole {
position: relative;
top: -58px;
padding-left: 0px;
}

.col_left {
padding-top: 15px;
}

.search_box {
margin-bottom: 30px;
}

.col_right {
width: 235px;
}

.shopcart_content {
background-image: url(/images/shopcart_bg1.gif);
background-repeat: repeat-x;
border: none;
margin: 0px;
padding-top: 8px;
border-bottom: solid 1px #fff; 
}

.shopcart_content p, .shopcart_content td {
font-size: 10pt;
font-weight: bold;
color: #fff;
padding-left: 0px;
}


.shopcart_content p {
padding-bottom: 6px;
}

.shopcart_content table {
}

.shopcart_actions {
background-image: url(/images/shopcart_bg2.gif);
background-repeat: repeat-x;
padding: 8px 15px 8px 15px;
font-size: 9pt;
font-weight: bold;
color: #889ba9;
margin: 0px;
text-align: right;
display: block;
}

.shopcart_actions a {
color: #fff;
font-size: 10pt;
text-decoration: none;
}

.banner_giftpack {
margin-top: 10px;
margin-bottom: 10px;
}

.prdc_content td {
font-size: 8pt;
color: #000;
}

.fact1 {
background-color: #9fdffa;
padding: 3px;
border-bottom: solid 1px #fff;
}

.fact2 {
background-color: #e7f8ff;
padding: 3px;
border-bottom: solid 1px #fff;
}

/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #C0C09F;
padding: 6px 0px 0px 10px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;


color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #592C16;
margin-right:10px;
}


/* ----- gridin tool tip specific styles ----- */
#theToolTip2{
position: absolute;
left: -300px;
width: 225px;
height: 290px;
border: 0px solid #C0C09F;
padding: 10px 0px 10px 10px;
background-image: url(../images/prdc_slider_grid.gif);
background-repeat: no-repeat;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS - removed*/
}

#ToolTipPointer2{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip2 p{
font-size: 1.1em;
color: #333333;
line-height:1.3em;
margin-right:10px;
margin-top:0;
}



/* ----- gridin tool tip specific styles ----- */
#addToolTipGrid{
position: absolute;
left: -300px;
width: 225px;
height: 290px;
border: 0px solid #C0C09F;
padding: 10px 0px 10px 10px;
background-image: url(../images/prdc_slider_grid.gif);
background-repeat: no-repeat;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS - removed*/
}

#ToolTipPointerGrid{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#addToolTipGrid p{
font-size: 1.1em;
color: #FFFFFF;
line-height:1.2em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrapGrid {
font-weight:bold;
font-size: 1.2em;
color: #FFFFFF;
margin-right:10px;
}

/* ----- kerrokaverille ----- */

.lightbox-kerrokaverille2 {
background-color:white;
border:1px solid #B8B8B8;
color:#333333;
display:none;
left:240px;
overflow:auto;
padding:1em;
position:absolute;
text-align:left;
top:600px;
width:470px;
z-index:1001;
}

.grid-table td {
background-image: url(../images/grid_box_bg.gif);
background-repeat: repeat-x;
}

.grid-table td.red:hover {
background-image: url(../images/box_hover_red.gif);
background-repeat: repeat-x;
cursor: hand;
}


.grid-table td.yellow:hover {
background-image: url(../images/box_hover_yellow.gif);
background-repeat: repeat-x;
cursor: hand;
}


.grid-table td.lila:hover {
background-image: url(../images/box_hover_lila.gif);
background-repeat: repeat-x;
cursor: hand;
}


.grid-table td.green:hover {
background-image: url(../images/box_hover_green.gif);
background-repeat: repeat-x;
cursor: hand;
}


.grid-table td.blue:hover {
background-image: url(../images/box_hover_blue.gif);
background-repeat: repeat-x;
cursor: hand;
}

.grid-table td.head_zero {
background-image: url(../images/grid_box_bg_white.gif);
background-repeat: repeat-x;
background-color: #ffffff;
}

.grid-table td.head_a {
background-image: url(../images/head_a.gif);
background-repeat: no-repeat;
background-color: #e20e0b;
width: 20%;
}

.grid-table td.head_b {
background-image: url(../images/head_b.gif);
background-repeat: no-repeat;
background-color: #ffa300;
width: 20%;
}

.grid-table td.head_c {
background-image: url(../images/head_c.gif);
background-repeat: no-repeat;
background-color: #7700b0;
width: 20%;
}

.grid-table td.head_d {
background-image: url(../images/head_d.gif);
background-repeat: no-repeat;
background-color: #4fb300;
width: 20%;
}

.grid-table td.head_e {
background-image: url(../images/head_e.gif);
background-repeat: no-repeat;
background-color: #48beff;
width: 20%;
}


.btnHideKK {
	float: right;
	cursor: pointer;
}
.btnShowKK {
	cursor: pointer;
	display: none;
}

.redhover {
background-image: url(/images/box_hover_red.gif);
background-repeat: repeat-x;
height:50px;
}


.yellowhover {
background-image: url(/images/box_hover_yellow.gif);
background-repeat: repeat-x;
height:50px;
}


.lilahover {
background-image: url(/images/box_hover_lila.gif);
background-repeat: repeat-x;
height:50px;
}


.greenhover {
background-image: url(/images/box_hover_green.gif);
background-repeat: repeat-x;
height:50px;
}

.bluehover {
background-image: url(/images/box_hover_blue.gif);
background-repeat: repeat-x;
height:50px;
}