body { margin: 0; padding: 0; font: 70% Tahoma, Verdana, sans-serif; background: #142742 url(/File/images/layout/bg_body.jpg) center repeat-y; line-height: 1.6em; }

/* reset */
img,h1,h2,h3,h4,h5,h6,p,ul,ol,form,fieldset,table,caption,tr,td,thead,tbody { border: 0; margin: 0; padding: 0; }

/* elements */
abbr,acronym { border-bottom: 1px dotted #999; cursor: help; }

a { color: #06c; }
a:hover { text-decoration: none; }
a.block-link { text-decoration: none; color: #000; }
a.block-link span { color: #06c; font-weight: bold; }
a.block-link:hover span { text-decoration: underline; }

h1 { font: 2em Tahoma, sans-serif; color: #3a3a3a; padding: 0 0 8px 0; margin: 0;}
h2 { font: 1.5em Tahoma, sans-serif; color: #06c; clear: both; }
h3 { font: bold 1em Tahoma, sans-serif; color: #3a3a3a; padding: 8px 0 0 0;}

p { padding: 3px 0 10px 0; }
p.address, #version-data { color: #333; padding-left: 13px; line-height: 1.4em;}
#version-data { font-size: 0.6em }

input, button, textarea, select { font: 1em Tahoma, sans-serif; }
input[type=hidden] { display: none; }
textarea { width: 100%; overflow: auto; height: 80px; }
label { display: block; }

label.catalog strong { font: normal 1.5em Tahoma, sans-serif; color: #06c; clear: both; }

ul,ol { margin: 0; padding: 0 0 8px 16px; }

table { width: 100%; clear: both; border-collapse: collapse; margin-bottom: 15px;}
table.compact { width: auto; }
caption { text-align: left; font: 1.5em Tahoma, sans-serif; color: #06c; }
thead th { text-align: left; border-bottom: 1px solid #06c; padding: 3px 10px;}
tbody th { text-align: left; vertical-align: top;padding: 3px 10px;}
td { padding: 3px 10px; vertical-align: top;}
td input { text-align: center; }
tbody tr.even th { background: #e9f1fc; }
tbody tr.even td { background: #e9f1fc; }
table .number { text-align: right; }

table.compact td { padding: 0 10px; }

/* classes */
.left { float: left; }
.right { float: right; }
img.left { display: block; margin: 8px 30px 20px 0; }
img.right { display: block; margin: 8px 0 20px 30px; }

.content { width: 990px;  margin: 0 auto;}
.tag-error-message { display: none; }

.index a { color: #333; text-decoration: none; }
	.index a:hover { text-decoration: underline; }
	.index a.active { font-weight: bold; color: #06c; text-decoration: underline;}
	
.word-list { border-top: 1px solid #ccc; padding: 5px 0 0 0; margin: 0; }
	.word-list ul { margin: 5px 0 0 0; padding: 0; }
	.word-list li { list-style: none; padding: 0; margin: 0;}
	.word-list li a { text-decoration: none; }
	.word-list li a:hover { text-decoration: underline; }
	
.categories { margin: 0 0 10px 0; padding: 0; }
	.categories li { list-style: none; }
	.categories a { color: #000; font-weight: bold; }
	.categories a.active { color: #06c; text-decoration: underline; }
	.categories li a { text-decoration: none; }
	.categories li a:hover { text-decoration: underline; }

form.general { height: 1%; padding: 0 0 20px 0;}
	form.general fieldset { padding-bottom: 10px; }
	form.general fieldset h2 { padding-bottom: 10px; }
	form.general .zipcode { width: 90px; float: left; }
	form.general .zipcode input { width: 80px; }
	form.general .city { width: 160px; float: left; }
	form.general .city input { width: 160px; }
	form.general input { width: 250px; }
	form.general textarea { width: 250px; }
	form.general label { clear: both; }  
	form.general label input { width: auto; }
	form.general .buttons { width: 250px; }

form.emphased { padding: 10px; background: #e9f1fc; }

form.password { width: 260px; }

/* general box */
.box {  }
	.box h1 { color: #06c; font: normal 1.5em Tahoma, sans-serif; padding: 0; margin: 0 0 5px 0;}
	.box img { float: right; margin: 5px 0 5px 8px; display: block; }
	.box a { text-decoration: none; color: #000; }
	.box a span { color: #06c; font-weight: bold; }
	.box a:hover span { text-decoration: underline; }
	.box ul { list-style: none; margin: 0; padding: 0; }
	.box ul a { color: #06c; }
	.box ul a:hover { text-decoration: underline; }
	.box.large-links a { font-size: 1.1em; font-weight: bold; line-height: 1.6em;}
	
/* general product (for list) */
.product { clear: both; border-bottom: 1px solid #cdd6e6; height: 1%; margin: 10px 0 10px 0; padding: 0 0 10px 0;}
	.product:after { content:"."; display: block; visibility: hidden; height: 0; clear: both; }
	.product h2 { color: #06c; font: normal 1.5em Tahoma, sans-serif; margin: 0 0 5px 0; clear: none;}
	.product h2 .addon { color: #ce183b; }
	.product img { float: left; margin: 5px 13px 5px 0; display: block; }
	.product a { text-decoration: none; color: #000; }
	.product a span { color: #06c; font-weight: bold; }
	.product a:hover span { text-decoration: underline; }

/* general product purchase form */
form.product-purchase { float: right; }
	form.product-purchase label { display: none; }
	form.product-purchase label.include { display: block; }
	form.product-purchase input { float: left; width: 2em; padding: .3em; border: 1px solid #cdd6e6; text-align: right; margin-right: 5px;}
	form.product-purchase label input { border: 0; }
	form.product-purchase span { display: block; float: left; padding: 1px 10px 0 3px; }
	form.product-purchase span.price { display: inline; float: none; padding: 0; }
	form.product-purchase p { float: left; padding: 0 10px 0 0; color: #ce183b; font-size: 1.5em;}
	form.product-purchase button { font-weight: bold; cursor: pointer; border: 0; padding: 0; margin: 0; float: left; background: none; color: #fff; }
	form.product-purchase.education button span { width: 4em; }
	form.product-purchase button:hover { text-decoration: underline; }
	form.product-purchase button span { padding: 0; display: block; border-top: 1px solid #f20c1f;border-bottom: 1px solid #f20c1f; position: relative; overflow: visible; width: 3em;}
	form.product-purchase button span span { border: 0; border-left: 1px solid #f20c1f; border-right: 1px solid #f20c1f; margin: 0 -1px; background: #f42d32 url(/File/images/layout/bg_search_button.gif) top repeat-x; padding: 3px 0;}
	form.product-purchase.program { width: 100%; float: left; }
	form.product-purchase fieldset.single { float: right; width: 50%; }
	form.product-purchase fieldset.single p { width: 80%; padding: 0; }
	form.product-purchase fieldset.program-list { float: left; width: 50%;margin-bottom: 10px;}
	form.product-purchase fieldset.program-list label { display: block; clear: both; }
	form.product-purchase fieldset.program-list label.number { clear: none; float: left; }
	form.product-purchase fieldset.program-list label.number span { padding: 0 5px 0 0; }
	form.product-purchase fieldset.program-list label.number input { border: 1px solid #cdd6e6; text-align: center; }

/* important info (box) */
.important { clear: both; background: #e9f1fc; padding: 10px 20px; margin: 10px 0 20px 0; height: 1%;}
	.important:after { content:"."; display: block; visibility: hidden; height: 0; clear: both; }
	.important p { padding: 0 0 10px 0; margin: 0; }
	.important form { padding: 0; margin: 0; float: right; width: 50%;}
	.important form input { width: 98%; }
	.important .note { width: 100%; margin: 5px 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #fff; }
	.important .single { border-bottom: 0; margin-bottom: 0; }
	.important .column { width: 50%; float: left; }

/* form error */
	.form-error { clear: both; color: #f00; padding: 10px 20px; margin: 10px 0 20px 0; height: 1%;}
    .form-error:after { content:"."; display: block; visibility: hidden; height: 0; clear: both; }
    .form-error p { padding: 0 0 10px 0; margin: 0; }
    .form-error form { padding: 0; margin: 0; float: right; width: 50%;}
    .form-error form input { width: 98%; }
    .form-error .note { width: 100%; margin: 5px 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #fff; }
    .form-error .single { border-bottom: 0; margin-bottom: 0; }
    .form-error .column { width: 50%; float: left; }
	span.form-field-error {color:#f00;} 

/* important product info (box) */
.product-info { clear: both; background: #e9f1fc; padding: 10px 20px; margin: 10px 0 20px 0; height: 1%;}
	.product-info:after { content:"."; display: block; visibility: hidden; height: 0; clear: both; }
	.product-info p { padding: 0; margin: 0; width: 50%; float: left; }
	.product-info form { padding: 0; margin: 10px 0 0 0; float: right; width: 50%;}
	.product-info form p { margin: 0; padding: 0; }
	.product-info .note { width: 100%; margin: 5px 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #fff; }
	.product-info .single { border-bottom: 0; margin-bottom: 0; }
	.product-info .new-edition { width: 100%; margin: 5px 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #fff; }
	.product-info .column { width: 40%; float: left; }

/* general product info */
.info { width: 46%; float: left; padding: 0 2%;}
	
.search { clear: both; margin-top: 13px; margin-bottom: 13px; margin-left: 0px; }
	.search fieldset { background: #e8f1fc; padding: 15px 5px 15px 9px; margin-left: 1px;}
	.search legend { display: none; }
	.search label { display: none; }
	.search input { float: left; width: 9em; padding: .3em; border: 1px solid #cdd6e6;}
	.search select { float: left; width: 9em; padding: .3em; border: 1px solid #cdd6e6;}
	.search button { font-weight: bold; cursor: pointer; border: 0; padding: 0; margin: 0; float: left; background: none; color: #fff; }
	.search button:hover { text-decoration: underline; }
	.search button span { display: block; border-top: 1px solid #f20c1f;border-bottom: 1px solid #f20c1f; position: relative; overflow: visible; width: 3em;}
	.search button span span { border: 0; border-left: 1px solid #f20c1f; border-right: 1px solid #f20c1f; margin: 0 -1px; background: #f42d32 url(/File/images/layout/bg_search_button.gif) top repeat-x; padding: 3px 0;}
/*
button.button { font-weight: bold; cursor: pointer; border: 0; padding: 0; margin: 0; float: left; background: none; color: #fff; }
	button.button:hover { text-decoration: underline; }
	button.button span { display: block; border-top: 1px solid #f20c1f;border-bottom: 1px solid #f20c1f; position: relative; overflow: visible; width: 3em;}
	button.button span span { border: 0; border-left: 1px solid #f20c1f; border-right: 1px solid #f20c1f; margin: 0 -1px; background: #f42d32 url(/File/images/layout/bg_search_button.gif) top repeat-x; padding: 3px 0;}
*/
button.button { font-weight: bold; cursor: pointer; border: 0; padding: 0; margin: 0; float: left; background: none; color: #fff; }
	button.button:hover { text-decoration: underline; }
	button.button span { padding: 0; display: block; border-top: 1px solid #f20c1f;border-bottom: 1px solid #f20c1f; position: relative; overflow: visible; width: 3em;}
	button.button span span { border: 0; border-left: 1px solid #f20c1f; border-right: 1px solid #f20c1f; margin: 0 -1px; background: #f42d32 url(/File/images/layout/bg_search_button.gif) top repeat-x; padding: 3px 0;}

/* layout */
#document { min-width: 1000px;  }

#accessibility-shortcuts { display: none; }

#header {  }
	#header .content { width: 991px; padding: 0 0 0 0; background: #0e1728 url(/File/images/layout/bg_header.jpg) no-repeat; height: 1%; min-height: 133px;}
	#header .content:after { content: "."; display: block; clear: both; position: absolute; visibility: hidden; height: 0; }
	
	/* justerat för print */
	#header a.logo { display: block; margin: 29px 0 0 24px; float: left; width: 305px; height: 86px; background: url(/File/images/layout/logo.png) no-repeat;}
	#header a.logo img { display: none; }
	/* // */
	
	#login { padding: 10px 0 0 0; min-height: 76px;}
		#login fieldset { width: 30em; float: right; }
		#login fieldset div { text-align: right; display: block; float: left; border: 0; width: 21em;}
		#login legend { color: #9cf; display: block; position: relative; padding-left: 7em; padding-bottom: 2px;}
		
		#login label { float: left; clear: both; width: 7em; text-align: left; color: #9cf; padding-top: 3px;}
		#login div.frame { width: auto; float: left; background: #6687bc; border-top: 1px solid #6687bc; border-bottom: 1px solid #6687bc; margin: 0 0 3px 0; }
		#login input { color: #dae2ee; background: #6687bc; border: 0; padding: 5px 13px; display: block; border-left: 1px solid #6687bc; border-right: 1px solid #6687bc; margin: 0 -1px; }
		#login input[type=hidden] { display: none; }
		#login input.focus { background: #86b7fc; color: #000;}
		
		#login button { cursor: pointer; border: 0; padding: 27px 0px 0 10px; margin: 0; float: left; background: none; color: #fff;}
		#login button:hover { text-decoration: underline; }
		#login button span { display: block; border-top: 1px solid #9b3d62;border-bottom: 1px solid #ac212a; position: relative; overflow: visible; width: 6em;}
		#login button span span { border: 0; border-left: 1px solid #863659; border-right: 1px solid #923351; margin: 0 -1px; background: #ac212a url(/File/images/layout/bg_login_button.gif) top repeat-x; padding: 5px 0;}
		
		#login a { position: absolute; top: 0; color: #9cf; clear: both; display: block; margin: 3em 0 0 22.1em;}
		#login p { text-align: left; padding: 1.7em 0 0 7em; color: #b8ddf7; }

	#sections { clear: right; float: right; margin: 20px 0 0 0; }
		#sections:after { content: "."; display: block; clear: both; position: absolute; visibility: hidden; height: 0; }
		#sections ul { list-style: none; }
		#sections li { display: block; float: left; padding: 0 3px 0 0; }
		#sections a { font-family: verdana; color: #fff; text-decoration: none; background: url(/File/images/layout/bg_sections_left.gif) no-repeat; padding: 0 0 0 5px; display: block;}
		#sections span { display: block; background: url(/File/images/layout/bg_sections_right.gif) top right no-repeat; padding: 6px 10px 6px 7px; }
		#sections a:hover { background-image: url(/File/images/layout/bg_sections_active_left.gif); }
		#sections a:hover span { background-image: url(/File/images/layout/bg_sections_active_right.gif); }
		#sections a.active { background-image: url(/File/images/layout/bg_sections_active_left.gif); text-decoration: underline; }
		#sections a.active span { background-image: url(/File/images/layout/bg_sections_active_right.gif); }
		#sections li.mypages a { background-image: url(/File/images/layout/bg_sections_mypages_left.gif); }
		#sections li.mypages a span { background-image: url(/File/images/layout/bg_sections_mypages_right.gif); }
		#sections li.mypages a:hover { background-image: url(/File/images/layout/bg_sections_mypages_left.gif); }
		#sections li.mypages a:hover span { background-image: url(/File/images/layout/bg_sections_mypages_right.gif); }
		
#main { background: #fff url(/File/images/layout/bg_main.gif) 50% repeat-y; padding: 0 0 40px 0; clear: both; height: 1%;}
	#main .content:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
	
	#path { height: 1%; line-height: 3em; padding: 0 0 5px 0;}
		#path:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
		
	ul.path { list-style: none; padding-left: 10px;}
		ul.path li { display: block; float: left; }
		ul.path a { display: block; color: #06c; text-decoration: none; padding: 0 .6em 0 0; }
		ul.path a.active,.path a:hover { text-decoration: underline; }

	#navigation { width: 170px; float: left; }
		#navigation ul { margin: 0; padding: 0; }
		#navigation ul:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
		#navigation ul li { display: block; background: url(/File/images/layout/bg_navigation_bottom.jpg) bottom no-repeat; margin: 0 0 1px 0; padding: 0; float: left; width: 100%; clear: both;}
		#navigation ul a { color: #fff; display: block; background: url(/File/images/layout/bg_navigation_top.gif) no-repeat; text-decoration: none; padding: 6px 11px;}
		#navigation ul a:hover { text-decoration: underline; }
		#navigation ul a.active { color: #9cf; text-decoration: underline; }
		#navigation ul ul { padding: 0 0 10px 0; height: 1%;}
		#navigation ul ul:after { content: "."; display: block; clear: both; position: absolute; visibility: hidden; height: 0; }
		#navigation ul ul li { background: none; }
		#navigation ul ul a { background: none; padding: 0 0 0 22px;}
		#navigation ul ul ul { padding: 0 0 0 10px; height: 1%;}

		#section-search { width: 235px; float: right; margin-left: 20px;}
			#section-search fieldset { padding: 0 15px 15px 15px; }
			#section-search label { display: block; clear: both; font-size: 1.5em; color: #3868b1; padding: 15px 0 5px 0;}
			#section-search input { width: 13em; }
			#section-search select.auto { width: 17em; }

		#navigation ul.contact { margin-bottom: 10px; height: 1%; }
			#navigation ul.contact:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
			#navigation ul.contact a { display: block; text-decoration: none; color: #333; font-weight: bold; background: url(/File/images/layout/icon_phone.gif) left center no-repeat; padding: 10px 10px 5px 32px; margin: 0 0 0 13px; line-height: 1.4em;}
			#navigation ul.contact li { background: none; }
			#navigation ul.contact a.email { background-image: url(/File/images/layout/icon_email.gif); }
			#navigation ul.contact a.sitemap { background-image: url(/File/images/layout/icon_sitemap.gif); }
		
	#scene { width: 500px; padding: 0 54px; float: left; }
		#scene .box { width: 235px; float: left; clear: left;}
		#scene .box.calendar { float: right; clear: right; }
		#scene .box.calendar ul { list-style: none; margin: 0; padding: 0;}
		#scene .box.calendar ul li { clear: both; display: block; float: left; width: 100%; padding: 2px 0;}
		#scene .box.calendar ul span.date { width: 3.1em; display: block; float: left; }
		#scene .box.calendar ul a { width: 17.8em; float: left; display: block; }
		#scene .box.calendar ul a:hover { text-decoration: underline; }
		
		#register { width: 50%; height: 1%; padding: 0 0 20px 0;}
		#register .reg-zipcode { width: 35%; float: left; }
		#register .reg-zipcode input { width: 80%; }
		#register .reg-city { width: 64%; float: left; }
		#register input { width: 100%; }
		
		#inline-search { margin: 0; padding: 0; width: auto; float: none; }
			#inline-search .column { width: 50%; padding-top: 5px; }
			#inline-search .column select { width: 95%; }
			#inline-search .column input { width: 70%; }
			#inline-search .button { position: relative; top: -2px; }
		
		table#cart td.remove { width: 4em; }
		table#cart td.remove button { border: 0; margin: 0; padding: 0; background: url(/File/images/layout/icon_remove.png); width: 20px; height: 16px;}
		table#cart td.remove span { display: none; }
		table#cart input { width: 2em; }
	
		div.buttons { clear: both; padding: 10px 0; height: 1%;}
		div.buttons:after { content: "."; display: block; clear: both; position: absolute; visibility: hidden; height: 0; }
		div.buttons button { font-weight: bold; cursor: pointer; border: 0; padding: 0; margin: 0; float: left; background: none; color: #fff; }
		div.buttons button.right { float: right; }
		div.buttons button:hover { text-decoration: underline; }
		div.buttons button span { display: block; border-top: 1px solid #f20c1f;border-bottom: 1px solid #f20c1f; position: relative; overflow: visible; width: 9em;}
		div.buttons button span span { border: 0; border-left: 1px solid #f20c1f; border-right: 1px solid #f20c1f; margin: 0 -1px; background: #f42d32 url(/File/images/layout/bg_search_button.gif) top repeat-x; padding: 3px 0;}
		div.buttons button.grey:hover { text-decoration: none; cursor: pointer; }
		div.buttons button.grey span { border-top-color: #999; border-bottom-color: #999; }
		div.buttons button.grey span span { border-right-color: #999; border-left-color: #999; background: #ddd;}
		
		#sitemap { margin: 0; padding: 0;}
			#sitemap li { list-style: none; }
			#sitemap a { color: #06c; font: normal 1.5em Tahoma, sans-serif; padding: 0; margin: 0 0 5px 0; text-decoration: none; }
			#sitemap a:hover { text-decoration: underline; }
			#sitemap ul { border-top: 1px solid #cdd6e6; }
			#sitemap ul ul { border-top: 0; }
			#sitemap ul a { color: #000; font-size: 1em; }
			
	#extra { width: 212px; float: left; }
	
		#extra .box { padding: 18px 12px 18px 0; border-top: 1px solid #cdd6e6; clear: both; }
		#extra .box.shopping-cart { border: 0; padding-top: 0; height: 1%;}
		#extra .box.shopping-cart p { background: #e8f1fc url(/File/images/layout/icon_shopping_cart.gif) 8px 6px no-repeat; padding: 5px 3px 5px 34px; border-bottom: 2px solid #fff;}
		#extra .box.shopping-cart form { float: right; padding-right: 5px;}
		#extra .box.shopping-cart .items { clear: both; border-bottom: 2px solid #fff; background: #f3f8fd; }
		#extra .box.shopping-cart .links { clear: both; background: #f3f8fd; height: 1%;}
		#extra .box.shopping-cart .links:after { content:"."; display: block; visibility: hidden; height: 0; clear: both; }
		#extra .box.shopping-cart .links ul { float: left; }
		#extra .box.shopping-cart ul { padding: 5px 10px; list-style: none; }
		#extra .box.shopping-cart ul a { color: #06c; }
		#extra .box.shopping-cart ul a:hover { text-decoration: underline; }
		#extra .box.shopping-cart form { padding-top: 1em; }
		#extra .box.shopping-cart legend { display: none; }
		#extra .box.shopping-cart button { font-weight: bold; cursor: pointer; border: 0; padding: 0; margin: 0; float: left; background: none; color: #fff; }
		#extra .box.shopping-cart button:hover { text-decoration: underline; }
		#extra .box.shopping-cart button span { display: block; border-top: 1px solid #f20c1f;border-bottom: 1px solid #f20c1f; position: relative; overflow: visible; width: 6em;}
		#extra .box.shopping-cart button span span { border: 0; border-left: 1px solid #f20c1f; border-right: 1px solid #f20c1f; margin: 0 -1px; background: #f42d32 url(/File/images/layout/bg_search_button.gif) top repeat-x; padding: 3px 0;}

        #footer { padding: 10px 0 40px 0; }		
		#footer ul { float: left; list-style: none; float: left; line-height: 1.1em; margin: 0; padding: 0 0 0 10px;  }
		#footer ul.info li { border-left: 1px solid #93c4f6; padding: 0 5px 0 10px;}
		#footer ul li { display: block; float: left; }
		#footer ul a { display: block; color: #93c4f6; text-decoration: none; padding: 0 .6em 0 0; }
		#footer ul li.first { border-left: 0; padding-left: 5px; }
		#footer ul a.active,#footer ul a:hover { text-decoration: underline; }
		#footer p { float: right; text-align: right; color: #9fa8b7; padding: 0 10px 0 0; margin: -5px 0 0 0;}
		
		form.teaser { clear: both; }
			form.teaser h2 { background: url(/File/images/layout/img_radio.jpg) left center no-repeat; padding-left: 20px;}
			form.teaser p { padding: 0; }
			form.teaser .buttons { padding: 0; }