/*#########################################################
###   Document Stylesheet for BTJ Kirjastopalvelu Oy    ###
###       Type: Formatting for Structure & Text         ###
###          Jussi Lahtinen / Smilehouse Oy             ###
#########################################################*/

/***** Global Settings *****/
 
html, body {
	border:0;
	margin:0;
	padding:0;
}


body {	
    font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color: #000;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}

table,img {
	border-style: none;
}

td, font, select, input {
	font-size: 11px;	
	font-family: Arial, Helvetica, sans-serif;
}

/***** Floats *****/

.fl {float:left;}
.fr {float:right;}
.clearThis  {clear:both;}


/***** Aligns *****/

.left {text-align: left;}
.right {text-align: right;}



form {
	margin: 0;
}


a:link, a:visited {
	color: #157280;
	text-decoration: none;
}

a:active, a:hover {
	color: #053e85;
	text-decoration: none;
}


h1           {
	color: #5898A2;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
    margin-bottom: 2px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px;
	padding: 0px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
}


.navi {
	background-image: url(bar_navi_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	padding-right: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}

.cart {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-image: url(bar_gray_bg.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}

.login {
	margin: 25px 10px 10px 10px;
	color: #fff;
}

.content {
	background-color: #fff;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #D0D0D0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-top: 0px;
}

.title {
	background-color: #949494;
	padding: 9px;
}

.product_tree {
	background: #ddd url("tree_bg.jpg") no-repeat;
	padding: 10px 6px 6px 10px;
}

.main {
	padding: 10px;
}



.white   { color: #FFFFFF; font-size: 11px; font-weight: normal; }
.date	   { color: #000000; font-size: 11px; }



.navibar              {
	font-family: arial, verdana, sans-serif;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.navibar a:link   {  color: #FFF; font-size: 13px; font-weight: bold; text-decoration: none; }

.navibar a:visited   {  color: #FFF; font-size: 13px; font-weight: bold; text-decoration: none; }
.navibar a:hover    {  color: #d0f4fa; font-size: 13px; font-weight: bold; text-decoration: none; }


.header {
	padding-top:20px;
}



.footer-nav {
	background-color: #f6f6f6;
	border: 1px solid #a9a9a9;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 7px;
}
.vasenryhma {
	background-image: url(bar_pink_bg.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
	color: #000;
}

.footer-nav a {
	font-size: 11px;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(spacer-bg.gif);
	background-repeat: no-repeat;
	background-position: right;
}


.footer-nav a:visited {
	text-decoration: none;
}
.footer-nav a:hover {
	text-decoration: underline;
}

.TableBg {
	background-color: #5898A2;
}

.TableFooter td {
	font-weight: bold;
	color: #000;
	padding: 4px;
	background-color: #D2E4E7;
}

.TableRow td {
	padding: 2px;
	background-color: #F9F9F9;
}
.TableRowDark td {
	padding: 2px;
	font-weight: bold;
	background-color: #EFEFEF;
}


th {
	color: #FFF;
	padding: 4px;
	background-color: #52B5C4;
	background-image: url(bar_navi_bg.gif);
	text-align: left;
}
.WorkspaceButton, .SaveableBasketRemoveAll, .SaveableBasketUpdate, .SaveableBasketRestore, .SaveableBasketSave, .SaveableBasketDelete {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-image: url(button-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #499ca9;
	padding: 1px;
}

.ShoppingCartQuantityField, .ProductAmountField
{
	border: 1px solid #a8a8a8;
	font-size: 11px;
	width: 30px;
	padding:2px;
}


.LoginFormUser, .LoginFormPasswd {
	border: 1px solid #a8a8a8;
	width: 120px;
	font-size: 11px;
}


.ProductSearchParameter {
	border: 1px solid #a8a8a8;
	font-size: 11px;
	height: 16px;
	width: 110px;
}

.ProductOptionsField, .ProductAmountField {
	font-size: 11px;
	color: #444;
}

.info {
	color: #4B4B4B;
	font-size: 12px;
}

.name {
	color: #787878;
	font-size: 20px;
	font-weight: bold;
}

.listname {
	color: #787878;
	font-size: 14px;
	font-weight: bold;
}
.producttitle {
	font-size: 12px;
}

.more {
	color: #4B4B4B;
	font: bold 12px;
}

.back {
	background-image: url(back_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 11px;
	background-position: 3px 3px;
}

.advsearch {
	background-image: url(small_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 3px 3px;
}

.price {
	color: #FF9900;
	font-weight: bold;
}



.otsikko {
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 2px;
}
.txtpad {
	padding: 4px;
}

.tuotelistapad {
	background-color: #fff;
	padding: 15px 10px 10px 10px;
}
.nostoborder {
	background-color: #A7A7A7;
}
.border {
	border: 1px solid #A7A7A7;
}

.notice {
	border: 1px solid #A7A7A7;
	padding: 4px;
}
.tuotekorttitext {
	border: 1px solid #A7A7A7;
	padding: 10px;
}

.leftborder {
	background-image: url(mainborder_left.gif);
	background-repeat: repeat-y;
}
.rightborder {
	background-image: url(mainborder_right.gif);
	background-repeat: repeat-y;
}
.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
}
.bigname {
	font-size: 13px;
	font-weight: bold;
}
.tuotenavi {
	background-color: #f9f9f9;
	padding: 15px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.loginbox {
	background-image: url(loginbox_bg.gif);
	border: 1px solid #D0D0D0;
	width: 532px;
	text-align: left;
	
}
.logincontent {
	width: 270px;
	text-align: left;
	margin-left: 220px;
	padding: 10px 20px;
}
.laatikkootsikko {
	background-image: url(bar_green_bg.gif);
	font-weight: bold;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 4px;

}
.laatikkosisalto {
	background-color: #F9F9F9;
	padding: 15px;
}


.alueotsikko {
	font-weight: bold;
	background-image: url(bar_pink_bg.gif);
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #000;
}
.aluesisalto {
	background-color: #f9f9f9;
	padding: 15px;
}
.contentborder {
	color: #fff;
}
.prodcount {
	margin-bottom: 5px;
}


#zebratable td {
	padding: 2px;
}

#zebratable td *,{
	padding: 2px;
}

#zebratable tr.alt td, .stripe  {
	background: #e1eff2;
}

#zebratable tr.over td, #zebratable tr:hover td {
	background: #b2dbe2;
}

.field {
	width: 240px;
}