body		{margin: 0px; padding: 0px;}
td		{font-family: Verdana; font-size: 80%;}

A		{color: #0000CC; text-decoration: none;}
A:hover		{color: #0000FF; text-decoration: underline;}

LI 		{list-style-position: outside; list-style-image: url(../images/listbullit.gif);}

SELECT 			{margin-top: 2px; font-family: Tahoma; font-size: 90%;}
TEXTAREA 		{font-family: Tahoma; font-size: 90%; linespacing: 20px;}
INPUT			{font-family: Tahoma; font-size: 90%;}
INPUT.inputField	{padding-left: 2px;}
INPUT.inputButton 	{padding: 2px; border: 1px solid #557799; background: #EEEEEE; font-weight: bold;}
LABEL 			{}
LABEL.label 		{font-weight: bold;}
FORM			{margin: 0px;}

HR			{height: 1px; color: black;}

.tblForm		{xwidth: 100%;}
.tblForm TD		{height: 22px;}
.tblForm TD xLABEL	{width: 130px; height: 1px; padding-top: 4px; padding-right: 6px;}

#divContents	{position: relative;}

#search		{color: black; background: #FFFFFF;}
#divSearch	{position: absolute; z-index: 110; top: 58px; left: 513px;}

/* NEL: Lägg ej in sommar/vinter här. Gör det i layoutxslen */
#divLogo	{position: absolute; top: 21px; left: 1px; z-index: 10;}

#divTitle	{xwidth: 770px; position: absolute; height: 85px; top: 20px; left: 0px; z-index: 1;}

#divLanguages		{position: absolute; z-index: 100; top: 20px; left: 350px; font-size: 12px;}
#divLanguages A		{color: black; font-size: 12px;}
#divLanguages A:hover	{color: black; text-decoration: underline;}

#divBreadCrumbs		{padding-top: 7px; width: 545px; height: 28px; overflow: hidden; font-size: 12px; cursor: default; position: absolute; z-index: 20; left: 210px; top: 131px; color: #FFFFFF;}
#divBreadCrumbs	A	{color: #FFFFFF; text-decoration: none;}
#divBreadCrumbs	A:hover	{color: #0000CC;}

.margin7	{margin: 7px;}
.margin10	{margin: 10px;}
.margin20	{margin: 20px;}

.tblColumns			{background: whitesmoke; cursor: default;}
.tblColumns THEAD TD		{xborder-bottom: 1px solid #DDDDDD; xbackground: white; padding-top: 4px; padding-bottom: 4px; font-weight: bold;}
.tblColumns THEAD A		{color: black;}
.tblColumns THEAD A:hover	{color: black; background: transparent;}
.tblColumns THEAD A:visited	{color: black;}
.tblColumns TBODY TD		{border-top: 1px solid #E8E8E8; height: 15px;}

#divHeader		{z-index: 90; cursor: default; padding: 2px; padding-left: 4px; width: 543px; top: 183px; left: 206px;  position: absolute; background-color: #B5D729; font-size: 18px; height: 26px; font-weight: bold;}
#divHeader3		{z-index: 90; cursor: default; padding: 2px; padding-left: 10px; width: 727px; top: 183px; left: 10px;  position: absolute; background-color: #B5D729; font-size: 18px; height: 26px; font-weight: bold;}
#divHeader3Teacherroom	{z-index: 90; cursor: default; padding: 2px; padding-left: 10px; width: 727px; top: 161px; left: 10px;  position: absolute; background-color: #B5D729; font-size: 18px; height: 26px; font-weight: bold;}

#divPrint		{z-index: 100; font-family: Tahoma; font-size: 12px; font-weight: bold; position: absolute; top: 185px; left: 660px;}
#divPrint A		{color: black;}
#divPrint A:hover	{color: #0000CC;}

#divPrint3		{z-index: 100; font-family: Tahoma; font-size: 12px; font-weight: bold; position: absolute; top: 185px; left: 650px;}
#divPrint3Teacherroom	{z-index: 100; font-family: Tahoma; font-size: 12px; font-weight: bold; position: absolute; top: 163px; left: 650px;}
#divPrint3 A, #divPrint3Teacherroom A	{color: black;}
#divPrint3 A:hover, #divPrint3Teacherroom A:hover	{color: #0000CC;}

#divContact		{font-size: 85%; margin-top: 4px;}
#divTools		{font-family: Tahoma; font-size: 100%; font-weight: bold;}
#divTools A		{color: black;}
#divTools A:hover	{color: #0000CC;}

#divNavStore		{padding: 10px; padding-top: 7px; padding-left:13px; background:#EEEEEE; border-bottom: 1px solid #DDDDDD;}
#divNavStore TD		{font-family: Tahoma;}
#divNavCart		{background-color: #FFCC33; border-bottom: 1px solid #DDDDDD; font-weight: bold; padding: 5px; padding-left: 4px;}
#divNavCart A		{color: black;}
#divNavCart A:hover	{color: black;}
.navItemInfo		{color: #666666; font-weight: normal; cursor: default;}

.style2 		{font-size: 11px}
.tdTitle		{}
.divLink		{padding-bottom: 4px; padding-top: 4px;}
.divImageStart		{position: absolute; top: 139px; left: 195px;}

.divStartTop		{margin: 10px;}
.divStartLeft		{margin: 10px; margin-top: 0px;}
.divStartRight		{margin: 10px; margin-top: 0px;}

H3			{font-size: 135%; font-weight: bold;}
H4			{font-size: 125%; font-weight: bold;}
H5			{font-size: 110%; font-weight: bold;}

.H3			{font-size: 135%; font-weight: bold;}
.H4			{font-size: 125%; font-weight: bold;}
.H5			{font-size: 110%; font-weight: bold;}


/* Menu styles */

#divMenu		{background-color: black; position: absolute; z-index: 100; top: 103px; left: -10px;}
#tblMenu		{width: 780px; height: 28px;}
#tblMenu td		{font-size: 100%; font-family: Tahoma;}

.menuItem		{padding-left: 8px; padding-right: 8px; font-size: 12px; font-weight: bold;}
.menuItem A 		{color: #000000; text-decoration: none;}
.menuItem A:hover 	{color: #0000CC; text-decoration: none;}

.menuItemSel		{padding-left: 8px; padding-right: 8px; font-size: 12px; font-weight: bold;}
.menuItemSel A 		{color: #000000; text-decoration: none;}
.menuItemSel A:hover 	{color: #0000CC; text-decoration: none;}


/* Navigation styles */

#divNavigation		{width: 185px; font-family: Tahoma; overflow: hidden;}
#divNavBottom		{xwidth: 185px; overflow: hidden; position: relative; top: -30px; left: 0px; background-color: #FFFFFF; padding: 8px; padding-top: 12px; padding-bottom: 0px;}

.navItemTop 		{border-bottom: 8px solid white; cursor: default; background-color: #B5D729; font-weight: bold; padding: 7px; padding-left: 15px;}
.navItemTop A		{color: #000000; text-decoration: none;}
.navItemTop A:hover	{color: #0000CC;}

.navItem 		{border-bottom: 1px solid #DDDDDD; background-color: #FFFFFF; font-weight: bold; padding: 7px; padding-left: 15px;}
.navItem A		{color: #000000; text-decoration: none;}
.navItem A:hover	{color: #0000CC;}

.navItemSub 		{color: #555555; font-weight: normal; padding-top: 2px;}
.navItemSub A 		{color: #555555; text-decoration: none;}
.navItemSub A:hover 	{color: #0000CC;}

.tdNavItemSub 		{color: #555555;}


/* Sitemap styles */

.siteTopItem		{color: #000000; font-weight: bold; font-size: 110%; padding-bottom: 8px; cursor: default;}
.siteTopItem A		{color: #000000; text-decoration: none;}
.siteTopItem A:hover	{color: #0000CC;}

.siteItem		{padding-top: 5px; padding-bottom: 3px; position: relative; font-size: 100%; font-weight: bold;}
.siteItem A		{color: #000000; text-decoration: none;}
.siteItem A:hover	{color: #0000CC;}

.siteImg		{position: absolute; top: 7px; left: 3px;}
.siteLink		{position: relative; left: 18px; xwidth: 158px; padding-bottom: 2px;}

.siteSubItem		{padding: 2px; padding-left: 18px; font-size: 100%; font-weight: normal; color: #555555; xwidth: 180px;}
.siteSubItem A		{color: #555555; text-decoration: none;}
.siteSubItem A:hover	{color: #0000CC;}


/* Kampanj styles */

.green {position: relative; width: 100%; overflow: hidden;}
.green .top {z-index: 30; position:relative; width:100%; height: 8px; overflow: hidden;}
.green .center {z-index: 20; xwidth: 100%; overflow: hidden; position:relative; border-left: 4px solid #b5d729; border-right: 4px solid #b5d729; background-color: white;}
.green .bottom {z-index: 30; position:relative; width:100%; height:8px;}
.green .tl, 
.green .tr, 
.green .bl, 
.green .br {z-index: 50; height: 8px; overflow:hidden; top: 0px; left:0px; position: absolute; width:100%; background-repeat: no-repeat;}
.green .tl {background-image:url(/images/gr_tl.gif); background-position: top left;}
.green .tr {background-image:url(/images/gr_tr.gif); background-position: top right;}
.green .tc {height: 4px; background-color: #b5d729; overflow: hidden; z-index: 40;}
.green .bl {background-image:url(/images/gr_bl.gif); background-position: top left;}
.green .br {background-image:url(/images/gr_br.gif); background-position: top right;}
.green .bc {border-top: 4px solid #b5d729; border-bottom: 4px solid #b5d729; overflow: hidden;}
.green .divTop {font-weight: bold; border-bottom: 1px dotted white; padding: 5px; padding-top: 0px; font-size: 110%;}
.green .divCenter {padding: 5px; padding-bottom: 8px;}
.green .divBottom {background-color: #b5d729; padding-left: 7px; padding-top: 5px;}
.green .divLink {padding-left: 5px; padding-top: 3px; width: 145px; font-weight: bold; color: #0000FF; font-size: 11px; background-image: url(/images/kampanj_link.gif); background-repeat: no-repeat; background-position: left;}
.green .divLink A {color: #0000FF; text-decoration: none;}
.green .divLink A:hover {color: black; text-decoration: underline;}

.yellow {position: relative; width: 100%; overflow: hidden;}
.yellow .top {z-index: 30; position:relative; width:100%; height: 8px; overflow: hidden;}
.yellow .center {z-index: 20; xwidth: 100%; overflow: hidden; position:relative; border-left: 4px solid #ffcc33; border-right: 4px solid #ffcc33; background-color: white;}
.yellow .bottom {z-index: 30; position:relative; width:100%; height:8px;}
.yellow .tl, 
.yellow .tr, 
.yellow .bl, 
.yellow .br {z-index: 50; height: 8px; overflow:hidden; top: 0px; left:0px; position: absolute; width:100%; background-repeat: no-repeat;}
.yellow .tl {background-image:url(/images/ye_tl.gif); background-position: top left;}
.yellow .tr {background-image:url(/images/ye_tr.gif); background-position: top right;}
.yellow .tc {height: 4px; background-color: #ffcc33; overflow: hidden; z-index: 40;}
.yellow .bl {background-image:url(/images/ye_bl.gif); background-position: top left;}
.yellow .br {background-image:url(/images/ye_br.gif); background-position: top right;}
.yellow .bc {border-top: 4px solid #ffcc33; border-bottom: 4px solid #ffcc33; overflow: hidden;}
.yellow .divTop {font-weight: bold; border-bottom: 1px dotted white; padding: 5px; padding-top: 0px; font-size: 110%;}
.yellow .divCenter {padding: 5px; padding-bottom: 8px;}
.yellow .divBottom {background-color: #ffcc33; padding-left: 7px; padding-top: 5px;}
.yellow .divBottom .divLink {padding-left: 5px; padding-top: 3px; width: 145px; font-weight: bold; color: #000000; font-size: 11px; background-image: url(/images/kampanj_link.gif); background-repeat: no-repeat; background-position: left;}
.yellow .divBottom .divLink A {color: #0000FF; text-decoration: none;}
.yellow .divBottom .divLink A:hover {color: black; text-decoration: underline;}

/* Booklist styles */

div.bookbox  {
	float:left;
	width: 275px;
	height: 275px;
	overflow: hidden;
}
div.thumb#img {
	float: left;
	max-width: 85;
	max-height: 120;
}
div.titleAuthor {
	position:absolute;	
	left:100px;
	top:150px;
	font-size: 10px;
}

/* Misc styles */

.divChristmas {
  position:absolute; left:301px; top:15px; width:87px; height:91px; z-index:1000;}

.preamble {
  font-weight: bold;
}

/*Related books*/
div.relatedBooks h3 {
	font-size: 100%;
	margin: 1em 0;
}

div.relatedBooks table {
	border-collapse: collapse;
	border: solid 1px #CCC;
	font-size: 90%;
	margin: 10px 0;
	width: 100%;
}
div.relatedBooks th {
	background-color: #d2ec80;
	color: #000;
	font-size: 100%;
}
div.relatedBooks td {
	border: solid 1px #CCC;
	padding: 3px 5px;
}
div.relatedBooks img {
	border: none;
}
div.relatedBooks .strength {
	text-align: right;
}
div.relatedBooks .controls {
	text-align: center;
}

.clear { height: 1px; clear: both; overflow: hidden; }

#discountDescription {margin: 10px 0 10px 0;padding: 0px 0px 6px 0px;border:solid 1px #b5d729;}
#discountDescription div {background:#b5d729;color:#d72929;font-weight:bold;margin: 0 0 5px 0;padding: 3px 5px 4px 5px;}
#discountDescription img {margin: 0 0 0 5px;}