
/* General styles, applies to all areas */

BODY {
font-family: Verdana, Arial;
margin-top : 1%;
margin-bottom : 1%;
margin-left : 1%;
margin-right : 1%;
/*background-color: #FF6600;*/
background-color : #F3F3F3;
/*background-color : #E6DAB5;*/
/*background-color : #FDF095;
background-image : url(images/gr_background.png);
background-repeat : repeat-x;*/
color : #000000;
}

TABLE {
margin: 0px 0px 0px 0px;
border : 0px;
background-color : #FFFFFF;
}

IMG {
margin: 0px 0px 0px 0px;
border : 0px;
}

H1 {
font-family: Verdana, Arial;
font-size : 100%;
font-weight : bold;
color : #FF6600;
}

H1.header_blue {
color : #1876D0;
}

H1.header_small {
font-size : 80%;
}


P, LI {
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial;
font-size : 80%;
line-height : 140%;
}

P.product_details {
font-family: Verdana, Arial;
font-size : 100%;
line-height : 140%;
}

P.help {
font-family: Verdana, Arial;
font-size : 80%;
/*font-weight:bold;*/
line-height : 140%;
color: #5C5C5C;
}

P.help2{
font-family: Verdana, Arial;
font-size : 100%;
font-weight:bold;
line-height : 140%;
color: #5C5C5C;
}


P.smallbasic {
font-family: Verdana, Arial;
font-size : 70%;
}

P.smallnote {
font-size : 70%;
color : #7a7a7a;
display : inline;
}

P.smallfade {
font-size : 70%;
color : #adadad;
}


A {
color : #3399FD;
}

A.shopping_cart {
font-size : 100%;
vertical-align: middle;
}


A:hover {
color : #FF6600;
}

TD.viimeksi_myydyt{
/*color: #6C3600;*/
padding:0px 0px 0px 0px;
color: #FFFFFF;
height: 40px;
font-family: Helvetica,Arial,Verdana,sans-serif;
font-size:14px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
/*background: url(images/item-primary-bg-hoover.jpg);*/
background: url(images/item-primary-bg2.jpg);
background-repeat: repeat-x;
background-position: top;
}

TD.valitse_vari{
/*color: #6C3600;*/
padding:0px 0px 0px 0px;
color: #FFFFFF;
font-family: Helvetica,Arial,Verdana,sans-serif;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
/*background: url(images/item-primary-bg-hoover.jpg);*/
background: url(images/item-primary-bg2.jpg);
background-repeat: repeat-x;
background-position: top;
}


INPUT, TEXTAREA, SELECT {
font-family: Verdana, Arial;
font-size : 70%;
}

INPUT.button {
border-top : 1px solid #d3d3d3;
border-left : 1px solid #d3d3d3;
border-bottom : 1px solid #969696;
border-right : 1px solid #969696;
background-image : url(logos/button_bg.gif);
background-repeat:repeat-x;
font-family : Verdana, Arial;
font-size : 70%;
color : #000000;
}

INPUT.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;
font-family : Verdana, Arial;
font-size : 70%;
background : #ffffff;
color : #000000;
}

TEXTAREA.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;
font-family : Verdana, Arial;
font-size : 70%;
background : #ffffff;
color : #000000;
}

FORM.inline {
display : inline;
} 



/* Page top styles, applies to the top area */

TD.toplinks {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
background-image : url(logos/toplinks_bg.gif);
}


TD.line_right{
border-right : 1px solid #c0c0c0;
}


P.toplinks {
margin: 0px 0px 0px 0px;
font-family : Verdana, Arial;
font-size : 70%;
color : #007ba4;
}



/* Breadcrumb styles, applies to the breadcrumb area */

TD.topbreadcrumb {
/*padding : 5px;*/
padding-right: 5px;
background-image : url(images/topgothic.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}

TD.topbreadcrumb_norm {
/*padding : 5px;*/
padding-right: 5px;
}

P.topbreadcrumb {
font-family : Verdana, Arial;
font-size : 70%;
color : #adadad;
}

A.topbreadcrumb {
text-decoration : none;
color : #adadad;
}


TD.logo {
/*background-color : #FFCF1A;*/
border-right : 1px solid #c0c0c0;
border-left : 1px solid #c0c0c0;
border-top : 1px solid #c0c0c0;
border-bottom : 2px solid #FF6600;
}
TD.logo2 {
border: 0px;
border-right : 1px solid #c0c0c0;
padding-bottom: 0px;
background-color : #FFE052;
}




/* Navigation styles, applies to the category navigation area on the left hand side */

TD.navigation {
/*padding : 25px;*/
padding-left: 25px;
padding-right: 25px;
border-right : 1px solid #c0c0c0;
/*border-top : 1px solid #c0c0c0;*/
border-left : 1px solid #c0c0c0;
/*background-color : #F3F3F3;*/
}

TD.nav_open { 
margin: 0px 0px 0px 0px;
} 
 
P.nav_open { 
font-family: Verdana, Arial; 
font-size : 70%; 
margin: 0px 0px 0px 0px;
/*color : #007ba4; 
color : #6C3600;*/
color : #FF6600;
/*text-decoration: none;*/
} 
 
A.nav_open { 
/*color : #007ba4; 
color : #6C3600;*/
margin: 0px 0px 0px 0px;
color : #FF6600;
text-decoration: none;
font-size : 100%;
} 

 
TD.nav_closed { 
margin: 0px 0px 0px 0px;
} 

TD.main_picture { 
border-right : 1px solid #c0c0c0;
} 
 
P.nav_closed {
margin: 0px 0px 0px 0px; 
font-family: Verdana, Arial; 
font-size : 70%;
text-decoration: none;
/*color : #007ba4;
color : #6C3600;*/
color : #5C5C5C; 
} 
 
A.nav_closed {
margin: 0px 0px 0px 0px; 
/*color : #007ba4;
color : #6C3600;*/
color : #5C5C5C;
text-decoration: none;
}

.nav_closed  a:hover{ 
color : #FF6600;
text-decoration: none;
}


/* Main styles, applies to the main page area on the right hand side */

TD.main {
margin: 0px 0px 0px 0px;
/*padding : 25px;*/
padding-left: 25px;
padding-right: 25px;
background-color : #ffffff;
border-right : 1px solid #c0c0c0;
}



/* Cart snapshot styles, applies to the snapshot area of the shopping cart */

TD.cartbottom {
padding : 5px;
background-color : #ffffff;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
border-left : 1px solid #c0c0c0;
border-right : 1px solid #c0c0c0;
background-image : url(logos/cartbottom_bg.gif);
}

FONT.cartbottom {
font-family: Verdana, Arial;
font-size : 70%;
color : #007ba4;

}



/* Bottom styles, applies to the bottom area */

TD.bottom {
padding : 5px;
}



/* Product table styles, applies to product detail area */

TABLE.product {
border-bottom : 1px solid #f3f3f3;
/*border-right: 1px solid gray;
border-bottom: 1px solid gray;*/
}

TD.details {
padding : 10px;
border-left : 1px solid #f3f3f3;

}

TR.list1 {
background-color : #f9f9f9;
} 

TR.list2 {
background-color : #ffffff;
} 



/* Shopping cart styles, applies to shopping cart table area */

TD.cartbasic {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

P.cartbasic {
font-size : 80%;
} 

TD.carttotal {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

P.carttotal {
font-size : 80%;
font-weight : bold;
} 



/* Progress bar styles, applies to progress bar area */

P.pb {
font-size : 70%;
} 

TD.pbactive {
text-decoration:none;
font-weight: bold;
color: #FFFFFF;
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #FF6600;
} 

TD.pbinactive {
color : #adadad;
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffb3;
}

.pagebody {
padding-left: 25px;
padding-right: 25px;
border-right : 1px solid #c0c0c0;
}
