/* CRIMSON-GUIDER CSS */
html {
	overflow-x: hidden;
	width: 852px;
	padding: 0;
	margin: 0;
}


body {
	margin: 0 auto;
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #000000;
	color: #343434;
	margin: 0;
	padding: 0;
	width: 852px;
	overflow-x: hidden;
}


#crimson {
	margin: 0 auto;
	position: relative;
	width: 868px;
}


/* HEADER */

#header {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 868px;
	height: 139px;
	background-image: url(img/layout/header_bg02.gif);
	background-position: bottom;
}

#header_flash {
	padding: 0;
	width: 850px;
	height: 102px;
	background-repeat: no-repeat;
	margin-left: 9px;
}



/* MENU */

#menu {
	float: left;
	margin: 0;
	padding: 4px 17px 0px 17px;
	width: 834px;
	height: 33px;
	background-image: url(img/layout/menu_bg01.gif);
	background-position: 0px 37px;
	background-repeat: repeat-x;
	font-size: 14px;
}

#menubar {
	float: left;
	margin: 0;
	padding: 4px 17px 0px 17px;
	width: 834px;
	height: 33px;
	background-image: url(img/layout/menu_bar_bg01.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: normal;
}

#menubar_quick {
	float: left;
	margin: 0;
	padding: 4px 4px 0px 17px;
	width: 575px;
	height: 33px;
	font-size: 13px;
	font-weight: normal;
}


.menu_alt {
	float: left;
	padding: 5px 8px 0px 8px;
	height: 22px;
	margin-left: 5px;
}

	.menu_alt a {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.menu_alt a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	

.menu_active {
	float: left;
	padding: 0px 0px 0px 0px;
	height: 27px;
	margin-left: 5px;
	color: #FFFFFF;
}

	.menu_active_left {
		float: left;
		width: 6px;
		height: 27px;
		background-image: url(img/layout/menu-active_bg01.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin: 0px;
	}
	
	.menu_active_middle {
		float: left;
		height: 22px;
		padding: 5px 2px 0px 2px;
		background-image: url(img/layout/menu-active_bg01.gif);
		background-repeat: repeat-x;
		background-position: 0px -27px;
		margin: 0px;
	}
	
		.menu_active_middle a {
			color: #ffffff;
			text-decoration: none;
		}
		
		.menu_active_middle a:hover {
			color: #ffffff;
			text-decoration: underline;
		}
	
		.menu_active_right {
		float: left;
		width: 6px;
		height: 27px;
		background-image: url(img/layout/menu-active_bg01.gif);
		background-repeat: no-repeat;
		background-position: 0px -54px;
		margin: 0px;
	}


/* MENU - LIST */

#menubar_list {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 20px;
	width: 575px;
	height: 34px;
	font-size: 13px;
	font-weight: normal;
}

#menulist {
	margin: 0;
	padding: 0;
}

	#menulist li {
		float: left;
		height: 34px;
		list-style: none;
	}

	#menulist li a {
		display: block;
		padding: 8px 10px 8px 10px;;
		height: 18px;
		text-decoration: none;
		white-space: nowrap;
		background-color: transparent;
		color: #ffffff;
	}

	#menulist li a:hover {
		text-decoration: underline;
	}
	
	#menulist .active {
		background-image: url(img/layout/menu_selected01.png);
		border-left: 1px solid #dc4a0c;
		border-right: 1px solid #dc4a0c;
	}
		
/* SUB MENU */

	.submenu_left {
		float: left;
		width: 12px;
		height: 28px;
		background-image: url(img/layout/submenu_bg02.gif);
		background-repeat: no-repeat;
		margin: 2px 0px 6px 17px;
	}
	
	.submenu_middle {
		float: left;
		display: inline;
		width: 530px;
		height: 21px;
		padding-top: 6px;
		background-image: url(img/layout/submenu_bg02.gif);
		background-position: 0px -28px;
		background-repeat: repeat-x;
		margin: 2px 0px 6px 0px;	
	}
	
		.submenu_middle p {
		float: left;
		margin: 0px;
		padding-right: 18px;
		color: #343434;
		line-height: 12px;
		}
		
		.submenu_middle a {
			color: #be1903;
			text-decoration: none;
		}
		
		.submenu_middle a:hover {
			color: #be1903;
			text-decoration: underline;
		}
	
	.submenu_right {
		float: left;
		width: 12px;
		height: 28px;
		background-image: url(img/layout/submenu_bg02.gif);
		background-position: 0px -56px;
		background-repeat: no-repeat;
		margin: 2px 0px 6px 0px;	
	}


/* QUICKMENU - DROPDOWN */
	#dropdown {
		color: #ffffff;
		float: right;
		padding: 2px 0px 0px 0px;
		margin: 0px 17px 0px 0px;
		height: 31px;
		position: relative;
		z-index: 100;
		border-right: 1px solid #dc4a0c;
		border-left: 1px solid #a20e01;
	}

	#jsddm {
		margin: 0;
		padding: 0;
	}
	
	#jsddm li {
		float: left;
		height: 31px;
		list-style: none;
	}

	#jsddm li a {
		display: block;
		padding: 8px 27px 8px 10px;;
		height: 15px;
		text-decoration: none;
		border-left: 1px solid #dc4a0c;
		border-right: 1px solid #a20e01;
		white-space: nowrap;
		background-color: transparent;
		background: url(img/layout/quick_arrows01.gif) top right no-repeat;
		color: #ffffff;
	}

	#jsddm li a:hover {
		background-color:  #aa1703;
		text-decoration: underline;
	}
		
		#jsddm li ul {
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 1px solid #a20e01;
		}
		
		#jsddm li ul li {
			float: none;
			display: inline;
		}
		
		#jsddm li ul li a {
			width: auto;
			padding: 8px 8px 8px 8px;
			background: #b11302;
			border-left: 1px solid #dc4a0c;
			border-right: 1px solid #dc4a0c;
			border-top: 1px solid #dc4a0c;
			border-bottom: 1px solid #a20e01;
			font-size: 12px;
		}
		
		#jsddm li ul li a:hover {
			background: #7F1616;
			text-decoration: underline;
		}



/* QUICKMENU */

#quick {
	position: absolute;
	top: 104px;
	right: 14px;
	z-index: 200;
	border-left: 1px solid #a20e01;
	border-right: 1px solid #dc4a0c;
}

.quickmenu {
	position: absolute;
	right: 11px;
	top: 103px;
	z-index: 100;
}

.quickmenu_item {
	float: left;
	width: 120px;
}
	.quickmenu_item a {
		color: #ffffff;
		text-decoration: none;
	}
	
	.quickmenu_item a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	
	.quickmenu_item h3 {
		margin: 0px 0px 0px 10px;
		padding: 0px;
	}
	
.quickmenu_button {
	width: 120px;
	height: 32px;
	background-image: url(img/layout/quickmenu_button01.gif);
}

	.quickmenu_button p {
		position: relative;
		padding: 8px 0px 0px 13px;
		margin: 0px;
		line-height: 18px;
	}
	

.quickmenu_content {
	background-image: url(img/layout/quickmenu_bg01.gif);
	height: 185px;
	width: 120px;
	overflow: auto;
	margin-top: 0px;
}
	
	.quickmenu_bottom {
		background-image: url(img/layout/quickmenu_bottom01.gif);
		width: 120px;
		height: 3px;
	}

	.quickmenu_content a {
		color: #ffffff;
	}
	
	.quickmenu_content a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	
	.quickmenu_content p {
		line-height: 18px;
		padding: 7px 7px 5px 12px;
		color: #ffffff;
	}


/* BUTTON */

.button_left {
	float: left;
	background-image: url(img/layout/button_bg01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 28px;
	width: 12px;
}

	.button_price_left {
	float: left;
	background-image: url(img/layout/button_price_left01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 28px;
	width: 25px;
	}


.button_bg {
	float: left;
	background-image: url(img/layout/button_bg01.gif);
	background-repeat: repeat-x;
	background-position: 0px -28px;
	height: 23px;
	padding: 5px 2px 0px 2px;
	color: #555555;
	font-size: 12px;
}

	.button_bg a {
		text-decoration: none;
	}
	
	.button_bg a:hover {
		text-decoration: underline;
	}


.button_right {
	float: left;
	background-image: url(img/layout/button_bg01.gif);
	background-repeat: no-repeat;
	background-position: 0px -56px;
	height: 28px;
	width: 12px;
	margin-right: 10px;
}


/* CONTENT */

#content {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 868px;
	background-image: url(img/layout/content_bg03.gif);
	background-repeat: repeat-y;
}

	#content_shadow {
		position: absolute;
		height: 138px;
		width: 868px;
		top: 0px;
		left: 0px;
		background-image: url(img/layout/content_shadow0.gif);
		background-repeat: no-repeat;
		z-index: 1;
	}
	
	#content_shadow_left {
		position: absolute;
		height: 138px;
		width: 8px;
		top: 0px;
		left: 0px;
		background-image: url(img/layout/content_shadow_left02.gif);
		background-repeat: no-repeat;
		z-index: 1;
	}
	
		#content_shadow_right {
		position: absolute;
		height: 138px;
		width: 8px;
		top: 0px;
		left: 860px;
		background-image: url(img/layout/content_shadow_right02.gif);
		background-repeat: no-repeat;
		z-index: 1;
	}

	.content_block {
		position: relative;
		z-index: 10;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		padding-top: 7px;
		margin: 0 auto; 
	}
	
	.inside {
		margin: 0px 13px 0px 28px;
	}
	
		.layout_right .inside {
			margin: 0px 28px 0px 13px;
		}

/* RESETS PADDINGS & MARGINS */
.zero {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

.blocks .zero {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}


/* LAYOUT */

.clear {
	clear: both;
}


/* STANDARD RIGHT/LEFT LAYOUT */

	/* LEFT */
	.layout_left {
		float: left;
		width: 571px;
		margin-right: 2px;
	}
	
	.layout_left_full {
		float: left;
		width: 100%;
	}
		
		.layout_left p {
			margin-left: 9px;
			margin-right: 2px;
			padding: 0px 17px 10px 20px;
		}
		
		.layout_left h1 {
			margin-left: 9px;
			margin-right: 2px;
			padding: 0px 17px 2px 20px;
		}
		
		.layout_left h2 {
			margin-left: 9px;
			margin-right: 2px;
			padding: 0px 17px 2px 20px;
		}
		
		.layout_left h3 {
			margin-left: 9px;
			margin-right: 2px;
			padding: 0px 17px 2px 20px;
		}
	
	/* RIGHT */
	.layout_right {
		float: left;
		width: 274px;
	}
	
		.layout_right p {
			margin-right: 2px;
			padding: 0px;
		}
		
		.layout_right .blocks {
			margin-left: 0px;
		}

	


/* TEXT - 1/2 WIDTH */	

	/* LEFT */
	.text-50_a {
		float: left;
		width: 410px;
		margin-right: 10px;
		margin-left: 9px;
	}
	
	/* RIGHT */
	.text-50_b {
		float: left;
		width: 410px;
		margin-right: 2px;
	}


/* USED FOR SIMPLIFIED DEFINITIONS */
	.blocks {
		margin-left: 17px;
	}
	
		.blocks p {
		margin: 0px 12px 10px 12px;
		padding: 0px;
		}
		
		.blocks h1 {
		margin: 0px 12px 2px 12px;
		padding: 0px;
		}
		
		.blocks h2 {
		margin: 0px 12px 1px 12px;
		padding: 0px;
		}
		
		.blocks h3 {
		margin: 0px 12px 1px 12px;
		padding: 0px;
		}
	
	
		
	.blocks_top {
		margin-bottom: 8px;
	}
	
	
/* BLOCK - 2/3 WIDTH */

	/* LEFT */		
	.block-70_a {
		float: left;
		width: 554px;
		margin-right: 6px;
		margin-bottom: 6px;
		background-image: url(img/layout/block_70-30_a_bg01.gif);
		overflow: hidden;
	}
		
	
	/* RIGHT */	
	.block-70_b {
		float: left;
		width: 554px;
		margin-bottom: 6px;
		background-image: url(img/layout/block_70-30_a_bg01.gif);
		overflow: hidden;
	}


/* BLOCK - 1/3 WIDTH */
	
	/* LEFT AND CENTER */	
	.block-30_a {
		float: left;
		width: 274px;
		margin-right: 6px;
		margin-bottom: 6px;
		background-image: url(img/layout/block_70-30_b_bg01.gif);
		overflow: hidden:
	}

		
	/* RIGHT */
	.block-30_b {
		float: left;
		width: 274px;
		margin-bottom: 6px;
		background-image: url(img/layout/block_70-30_b_bg01.gif);
		overflow: hidden;
	}

/* 558 (2/3) */

	.block_558 {
		position: relative;
		z-index: 7;
		float: left;
		width: 573px;
		background-image: url(img/layout/558_bg02.gif);
		background-position: 15px 0px;
		background-repeat: repeat-y;
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}
	
		.block_558_top {
			width: 573px;
			background-image: url(img/layout/558_top02.gif);
			background-position: 15px 0px;
			height: 7px;
			background-repeat: no-repeat;
		}
		
		.block_558_bottom {
			width: 573px;
			background-image: url(img/layout/558_bottom02.gif);
			background-position: 15px 0px;
			height: 9px;
			background-repeat: no-repeat;
		}
		
		.block_558 p {
			padding: 3px 14px 3px 29px;
			margin: 0px;
		}
		
		.block_558 h1 {
			padding: 3px 14px 3px 29px;
			margin: 0px;
		}
		
		.block_558 h2 {
			padding: 3px 14px 3px 29px;
			margin: 0px;
		}
		
		.block_558 h3 {
			padding: 3px 14px 3px 29px;
			margin: 0px;
		}
		
		.block_558 table {
			margin: 3px 14px 10px 29px;
			color: #555555;
			line-height: 18px;
		}
		
			.block_558 td {
				padding: 2px 7px 2px 7px;
			}
			
			
			.block_558 .price-quantity {
				margin: 0px 0px 0px 10px;
				padding: 0px;
			}
			
			.price {
				background-color: #f5f5f5;
			}
			
			
		
		
/* 278 (1/3) */

	.block_278 {
		float: left;
		width: 293px;
		background-image: url(img/layout/278_bg02.gif);
		background-repeat: repeat-y;
		padding: 0px;
		margin: 0px 0px 10px 2px;
	}
	
		.block_278_top {
			width: 293px;
			background-image: url(img/layout/278_top02.gif);
			height: 7px;
			background-repeat: no-repeat;
		}
		
		.block_278_bottom {
			width: 293px;
			background-image: url(img/layout/278_bottom02.gif);
			height: 9px;
			background-repeat: no-repeat;
		}
		
		.block_278 p {
			padding: 3px 29px 3px 14px;
			margin: 0;
		}
		
		.block_278 h1 {
			padding: 3px 29px 3px 14px;
			margin: 0;
		}
		
		.block_278 h2 {
			padding: 3px 29px 3px 14px;
			margin: 0;
		}
		
		.block_278 h3 {
			padding: 3px 29px 3px 14px;
			margin: 0;
			line-height: 20px;
		}


/* PRICEBLOCK */
.priceblock {
	float: right;
	width: 220px;
	margin: 10px 10px 0px 10px;
}

.priceblock_top {
	background-image: url(img/layout/priceblock_top01.gif);
	width: 220px;
	height: 6px;
}

.priceblock_bg {
	background-image: url(img/layout/priceblock_bg01.gif);
	font-size: 12px;
	color: #555555;
	width: 190px;
	padding: 5px 15px 0px 15px;
}

.priceblock_bottom {
	background-image: url(img/layout/priceblock_bottom01.gif);
	width: 220px;
	height: 9px;
}

	.priceblock .priceblock_bg h4 {
		font-size: 13px;
		padding: 0px;
		margin: 0px 0px 5px 0px;
	}
	
	.priceblock ul {
		padding: 0px;
		margin: 0px;
		list-style-position: inside;
	}
	
	.priceblock li {
		padding: 0px 0px 7px 0px;
	}

/* INFO BLOCK */
.info_block {
	width: 500px;
	margin: 10px 10px 10px 10px;
	padding: 15px 5px 5px 5px;
	background-color: yellow;
	border: 1px solid #000000;
}

.book_content {
	float: left;
	width: 649px;
}

	.book_content h1 {
		padding-left: 0px;
	}
	
	.book_content h2 {
		padding-left: 0px;
	}
	
	.book_content h3 {
		padding-left: 0px;
	}
	
	.book_content p {
		padding-left: 5px;
		padding-right: 25px;
	}
	
	.book_content .links {
		margin: 10px 17px 0px 0px;
		border-top: 1px solid #999999;
		padding: 10px 0px 10px 0px;
	}
	
	.book_content .accordion h4 {
		margin-left: 0px;
		margin-right: 10px;
		padding-left: 5px; 
	}
	
.book-navigation .menu {
	margin-right: 17px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #e4e4e4;
	
}
	
.book-navigation .page-links {
	border: 0px solid;
	background-image: url(img/layout/infomenu_top01.gif);
	background-repeat: repeat-x;
	background-color: #b7b7b7;
	padding: 15px 15px 15px 15px;
	width: 595px;
}

	.layout_left .book_content {
		width: 580px;
	}

.node-form {
	z-index: 10;
}
	
/* INFO MENU */
.infomenu {
	float: left;
	width: 180px;
	padding: 0px 0px 3px 0px;
	margin: 0px 20px 0px 19px;
}
	.infomenu h2 {
		font-family: "Lucida Grande", Arial, Verdana;
		font-size: 14px;
		width: 166px;
		height: 25px;
		padding: 6px 0px 0px 15px;
		margin: 0px;
		background-image: url(img/layout/infomenu_top03.gif);
		background-repeat: no-repeat;
		background-position: top;
	}
	
		.infomenu h2 a {

			text-decoration: underline;
		}
		
		.infomenu h2 a:hover {
			color: #ffffff;
			text-decoration: none;
		}
	
	
	.infomenu .content {
		padding: 0px 10px 0px 0px;
		background-color: #e4e4e4;
		border-left: 1px solid #b7b7b7;
		border-right: 1px solid #b7b7b7;
		border-bottom: 1px solid #b7b7b7;
	}
	
	.infomenu ul.menu {
		margin: 0px;
		list-style-position: inside;
		padding: 0px;
	}
	
	.infomenu ul.menu li {
		margin: 5px 0px 5px 12px;
		list-style-position: inside;
		padding: 0px;
	}
	
		.infomenu ul.menu li.first {
			padding: 5px 0px 0px 0px;
			margin: 0px 0px 5px 12px;
			list-style-position: inside;
		}
		
	
	.infomenu li.leaf {
		list-style-image: url(img/layout/dot01_g.gif);
		padding: 10px 0px 10px 0px;
	}
	
	.infomenu li.collapsed {
		list-style-image: url(img/layout/menu_arrow01.gif);
	}
	
	.infomenu li.active-trail {
		list-style-image: url(img/layout/dot01.gif);
	}
	

/* GUIDE MENU */

.guide-block {
	position: relative;
	width: 550px;
	/*background-color: #000000;*/
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #f0f0f0;
}

	.guide-block .image {
		float: left;
		width: 170px;
		padding: 10px 0px 10px 10px;
	}
	
	.guide-block .text {
		float: left;
		width: 364px;
		padding: 0px 0px 0px 0px;
	}
	
	.guide-block .text p {
		margin: 0;
		padding: 0;
		/*color: #ffffff;*/
	}
	
	.guide-block .text h2 {
		margin: 0;
		padding: 0;
		/*color: #ffffff;*/
	}
	
	.guide-block .text a {
		/*color: #ffffff;*/
		text-decoration: underline;
	}
	
	.guide-block .text a:hover {
		/*color: #ffffff;*/
		text-decoration: none;
	}
	
	.guide-block .go {
		position: absolute;
		bottom: 20px;
		right: 10px;
	}
	
	
/* GUIDE */
.guide {
	position: relative;
	background-image: url(img/layout/guide_bg01.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #000000;
	width: 852px;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
}

	.guide p {
		color: #ffffff;
	}
	
	.guide h1 {
		color: #ffffff;
		padding: 0px 20px 0px 20px;
		margin: 0px;
	}
	
	.guide h2 {
		color: #ffffff;
	}
	
	.guide h3 {
		color: #ffffff;
	}
	
	.guide a {
		color: #ffffff;
		text-decoration: none;
	}
	
	.guide a:hover {
		color: #be1903;
		text-decoration: underline;
	}

.guide_prevnext {
	position: absolute;
	right: 20px;
	top: 20px;
}
	.guide_prevnext p {
		word-spacing: 15px;
	}

.guide_left {
	width: 470px;
	float: left;
	margin: 20px 20px 20px 20px;
}

.guide_right {
	width: 320px;
	float: right;
	margin: 20px 20px 20px 0px;
	height: inherit;
	vertical-align: middle;
}
	
	.guide_right p {
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}
	
	.guide_right h1 {
		padding: 0px;
	}
	
	.guide_right h2 {
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}
	
	.guide_right h3 {
		padding: 0px;
	}
	
.guide_navigation {
	text-align: center;
	width: 852px;
}

	.guide_navigation h3 {
		padding: 0px;
		margin: 0px;
		word-spacing: 15px;
	}
	
.guide_back {
	margin: 5px 0px 0px 17px;
}



/* GUIDE LIGHT */
.guide_light {
	position: relative;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 852px;
	margin: 10px 7px 10px 8px;
	padding: 20px 0px 20px 0px;
}

	.guide_light p {
		color: #363636;
	}
	
	.guide_light h1 {
		color: #363636;
		padding: 0px 20px 0px 20px;
		margin: 0px;
	}
	
	.guide_light h2 {
		color: #363636;
	}
	
	.guide_light h3 {
		color: #363636;
	}
	
	.guide_light a {
		color: #be1903;
		text-decoration: none;
	}
	
	.guide_light a:hover {
		color: #be1903;
		text-decoration: underline;
	}

.guide_light_prevnext {
	position: absolute;
	right: 20px;
	top: 20px;
}
	.guide_light_prevnext p {
		word-spacing: 15px;
	}

.guide_light_left {
	width: 470px;
	float: left;
	margin: 20px 20px 20px 20px;
}

.guide_light_right {
	width: 320px;
	float: right;
	margin: 20px 20px 20px 0px;
	height: inherit;
	vertical-align: middle;
}
	
	.guide_light_right p {
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}
	
	.guide_light_right h1 {
		padding: 0px;
	}
	
	.guide_light_right h2 {
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}
	
	.guide_light_right h3 {
		padding: 0px;
	}
	
.guide_light_navigation {
	text-align: center;
	width: 852px;
}

	.guide_light_navigation h3 {
		padding: 0px;
		margin: 0px;
		word-spacing: 15px;
	}
	
.guide_light_back {
	margin: 5px 0px 0px 17px;
}


.guide_light #wrapper {
    width: 851px;
    margin: 0 auto;
}

.guide_light #intro {
    padding-bottom: 10px;
}


.guide_light #slider {
    width: 851px;
    margin-left: 0px;
    position: relative;
}

	#slider p {
	padding: 0px 10px 10px 10px;
	margin: 0px;
	}
	
	#slider h1 {
	padding: 8px 10px 0px 10px;
	margin: 0px;
	}
	
	#slider h2 {
	padding: 10px 10px 0px 10px;
	margin: 0px;
	}
	
	#slider h3 {
	padding: 0px 10px 0px 10px;
	}

.guide_light .scroll {
    width: 851px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.guide_light .scrollContainer div.panel {
    padding: 0px;
    width: 851px;
}


.guide_light .navigation {
	position: static;
	width: 851px;
	text-align: center;
	margin-top: 0px;
	float: none;
	top: 0px;
	left: 0px;
}

.guide_light ul.navigation {
    list-style: none;
    padding: 0;
    padding: 0px 9px 0px 9px;
    margin: 0px 0px 0px 0px;
}

.guide_light ul.navigation li {
    display: inline;
    margin-right: 5px;
}

.guide_light ul.navigation a {
    padding: 0px 9px 0px 9px;
	color: #be1903;
    text-decoration: none;

}

.guide_light ul.navigation a:hover {
	border: 0px solid;
	background-color: transparent;
	padding: 0px 9px 0px 9px;
	text-decoration: none;
	color: #be1903;
}

.guide_light ul.navigation a.selected {
	font-weight: bold;
	border: 0px solid;
	background-color: transparent;
	padding: 0px 9px 0px 9px;
	color: #363636;
	text-decoration: underline;
}

.guide_light ul.navigation a:focus {
    outline: none;
}

.guide_light .scrollButtons {
	z-index: 20;
	display: block;
    position: absolute;
    top: -25px;
    cursor: pointer;
}

.guide_light .scrollButtons.left {
	z-index: 21;
    left: 605px;
}

.guide_light .scrollButtons.right {
	z-index: 22;
    right: 15px;
}

.guide_light .hide {
    display: none;
}



		
/* SERVICE GUIDE */

.service_guide {
	padding: 0px 0px 0px 19px;
}

.service_guide-block {
	float: left;
	margin: 10px 0px 10px 10px;
	width: 170px;
	overflow: hidden;
	text-align: center;
	color: #555555;
}

.service_guide-image {
	width: 170px;
	height: 128px;
	overflow: hidden;
	vertical-align: middle
	text-align: center;
}


/* CODA SCROLLER */

.block_558_top_slider {
	width: 558px;
	height: 35px;
	margin-left: 15px;
	background-image: url(img/layout/558_top02.gif);
	background-position: bottom left;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
}
	

#wrapper {
    width: 550px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}


#slider {
    width: 550px;
    margin-left: 19px;
    position: relative;
}

	#slider p {
	padding: 0px 10px 10px 10px;
	margin: 0px;
	}
	
	#slider h1 {
	padding: 8px 10px 0px 10px;
	margin: 0px;
	}
	
	#slider h2 {
	padding: 10px 10px 0px 10px;
	margin: 0px;
	}
	
	#slider h3 {
	padding: 0px 10px 0px 10px;
	}

.scroll {
    /*height: 250px;*/
    width: 550px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    /*background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
}

.scrollContainer div.panel {
    padding: 0px;
    /*height: 210px;*/
    width: 550px;
}


.navigation {
	float: none;
	position: absolute;
	top: -12px;
	left: 3px;
	width: 535px;
	margin-top: 0px;

}

ul.navigation {
    list-style: none;
    padding: 0;
    padding: 0px 9px 9px 9px;
    margin: 0px 0px 0px 0px;
}

ul.navigation li {
    display: inline;
    margin-right: 5px;
}

ul.navigation a {
    padding: 6px 10px 4px 10px;
	color: #be1903;
    text-decoration: none;

}

ul.navigation a:hover {
	padding: 5px 9px 5px 9px;
	background-color: #fff;
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

ul.navigation a.selected {
	padding: 5px 9px 5px 9px;
	color: #000;
    background-color: #ffffff;
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
	display: none;
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}



/* CODA - SLIDESHOW */



.guide #wrapper {
    width: 851px;
    margin: 0 auto;
}

.guide #intro {
    padding-bottom: 10px;
}


.guide #slider {
    width: 851px;
    margin-left: 0px;
    position: relative;
}

	#slider p {
	padding: 0px 10px 10px 10px;
	margin: 0px;
	}
	
	#slider h1 {
	padding: 8px 10px 0px 10px;
	margin: 0px;
	}
	
	#slider h2 {
	padding: 10px 10px 0px 10px;
	margin: 0px;
	}
	
	#slider h3 {
	padding: 0px 10px 0px 10px;
	}

.guide .scroll {
    width: 851px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.guide .scrollContainer div.panel {
    padding: 0px;
    width: 851px;
}


.guide .navigation {
	position: static;
	width: 851px;
	text-align: center;
	margin-top: 0px;
	float: none;
	top: 0px;
	left: 0px;
}

.guide ul.navigation {
    list-style: none;
    padding: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.guide ul.navigation li {
    display: inline;
    margin-right: 5px;
}

.guide ul.navigation a {
    padding: 0px 9px 0px 9px;
	color: #ffffff;
    text-decoration: none;

}

.guide ul.navigation a:hover {
	border: 0px solid;
	background-color: transparent;
	padding: 0px 9px 0px 9px;
	text-decoration: none;
	color: #be1903;
}

.guide ul.navigation a.selected {
	font-weight: bold;
	border: 0px solid;
	background-color: transparent;
	padding: 0px 9px 0px 9px;
	color: #ffffff;
	text-decoration: underline;
}

.guide ul.navigation a:focus {
    outline: none;
}

.guide .scrollButtons {
	z-index: 20;
	display: block;
    position: absolute;
    top: -25px;
    cursor: pointer;
}

.guide .scrollButtons.left {
	z-index: 21;
    left: 605px;
}

.guide .scrollButtons.right {
	z-index: 22;
    right: 15px;
}

.guide .hide {
    display: none;
}



/* CODE */
.code {
	font-family: "Courier New", Courier, Monaco, monospace;
	border: 1px solid #cacaca;
	background-color: #f9f9f4;
	padding: 5px 5px 5px 5px;
	margin: 0px 17px 10px 0px;
	font-color: #222222;
}


/* ACCORDION */
.accordion {

}

.accordion h4 {
	background: url(img/layout/expand_arrow01.gif) no-repeat right 0px;
	font-weight: normal;
	margin: 0px 4px 0px 19px;
	padding: 5px 5px 5px 10px;
	color: #BE1903;
	text-decoration: underline;
	font-size: 13px;
	line-height: 20px;
	cursor: pointer;
}

.accordion h4:hover {
	background-color: #f9f9f9;
	text-decoration: none;
}

.accordion h4.active {
	background-position: right -40px;
}

/*.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 0;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}*/

.accordion span {
	margin: 0;
	padding: 0;
	display: none;
}


/* LIGHTBOX */

.gallery_more {
	display: none;
}


/* SLIDESHOW */

#nav {
	margin: 10px;
	position: relative;
}

#nav li {
	float: left;
	list-style: none;
}

#nav a {
	margin: 5px;
	padding: 3px 5px;
	border: 1px solid #ccc;
	background: #fc0;
	text-decoration: none;
}

#nav a.activeSlide {
	background: #faa;
	color: black;
}

#nav a:focus {
	outline: none;
}

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

.pics div {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 


	#poster-storlekar {
		width: 441px;
		margin: 0px 0px 10px 10px;;
		background-image: url(img/produkter/poster-storlekar01.gif);
		background-repeat: no-repeat;
		background-position: top center;
		padding: 125px 100px 0px 0px;
		min-height: 135px;
	}
		#poster-storlekar p {
			padding: 0px;
			margin: 0px;
		}

	/* LOGOTYPER */
	
	.express-logo {
		float: right;
		width: 150px;
		height: 48px;
		margin: 12px 15px 10px 0px;
		text-align: right;
		background-image: url(img/produkter/logo_express_150.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	.poster-logo {
		float: right;
		width: 150px;
		height: 48px;
		margin: 12px 15px 10px 0px;
		text-align: right;
		background-image: url(img/produkter/logo_poster_150.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	.design-logo {
		float: right;
		width: 150px;
		height: 48px;
		margin: 12px 15px 10px 0px;
		text-align: right;
		background-image: url(img/produkter/logo_design_150.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	.prefix-logo {
		float: right;
		width: 150px;
		height: 52px;
		margin: 12px 15px 10px 0px;
		text-align: right;
		background-image: url(img/produkter/logo_prefix_150.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	.canvas-logo {
		float: right;
		width: 150px;
		height: 48px;
		margin: 12px 15px 10px 0px;
		text-align: right;
		background-image: url(img/produkter/logo_canvas_150.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	.pro-logo {
		float: right;
		width: 150px;
		height: 48px;
		margin: 12px 15px 10px 0px;
		text-align: right;
		background-image: url(img/produkter/logo_pro_150.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	

/* EXPAND */

	.block_558 #expand {
		margin: 0px;
		padding: 0px;
	}
	
	.hide-block {
		display: none;
	}
	
	.block_558 #expand p {
		margin: 0px;
		padding: 0px;
	}
	
		.expandInfo {
            margin: 0px 0px 0px 19px;
        }
        
        	.expandInfo p {
        		padding: 0px;
	        	margin: 0px;
	        }
	        
	        h3.expandInfo {
	        	margin: 0px 0px 5px 0px;
	        }
		
		#expand {
            display: none;
        }

        #expand div {
            padding: 0px 19px 0px 29px;
        }


.block-jquerymenu {
	background-color: #f5f5f5;
	position: relative;
	z-index: 100;
}


/* COPYRIGHT */

#copyright {
	margin: 0 auto;
	padding-top: 38px;
	margin-bottom: 10px;
	width: 868px;
	height: 31px;
	background-image: url(img/layout/copyright_bg03.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
}

	#copyright a {
		color: #ffffff;
		text-decoration: underline;
	}
	
	#copyright a:hover {
		color: #ffffff;
		text-decoration: none;
	}

/* COPYRIGHT */
#footer {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 868px;
}

#footer_top {
	margin: 0 auto;
	background-image: url(img/layout/footer_top02.gif);
	width: 868px;
	height: 4px;
	margin-top: 25px;
}

#footer_bottom {
	margin: 0 auto;
	background-image: url(img/layout/footer_bottom02.gif);
	width: 868px;
	height: 45px;
	margin-bottom: 20px;
	text-align: center;
	padding: 25px 0px 0px 0px;
}

#footer_paths {
	width: 838px;
	padding: 10px 10px 10px 0px;
	background-color: #be1903;
	color: #ffffff;
}

	#footer_paths a {
		margin-right: 10px;
		margin-left: 10px;
		color: #ffffff;
	}
	
	.breadcrumb {
		padding: 0px;
	}

#footer_content {
	width: 828px;
	background-image: url(img/layout/content_bg03.gif);
	background-repeat: repeat-y;
	padding: 10px 20px 10px 20px;
	color: #555555;
}
	#footer_content a {
		color: #555555;
	}
	
	#footer_content h3 {
		padding: 0px;
		color: #555555;
	}
	
	#footer_content td {
		padding: 0px 15px 0px 12px;
		line-height: 18px;
	}
	
		#footer_content td h3 {
			margin: 0px 0px 3px 0px;
		}
		
	.footer_line {
		height: 1px;
		border-bottom: 1px dashed #555555;
		margin: 10px 0px 10px 0px;
		width: 826px;
	}
	
	#footer_content .footer_contact {
		padding: 0px 10px 0px 20px;
	}

/* TAGS */
p {
	margin: 0px;
	padding: 0px 17px 10px 17px;
	color: #555555;
	line-height: 20px;
}

h1 {
	font-family: Georgia;
	font-weight: lighter;
	margin: 0px;
	padding: 0px 17px 2px 17px;
	color: #343434;
	font-size: 21px;
}

h2 {
	font-family: Georgia;
	font-weight: lighter;
	margin: 0px;
	padding: 0px 19px 2px 17px;
	color: #555555;
	font-size: 18px;
	vertical-align: middle;
}

h3 {
	font-weight: normal;
	margin: 0px;
	padding: 0px 19px 2px 17px;
	color: #343434;
	font-size: 14px;
	line-height: 20px;
}

a {
	color: #be1903;
	text-decoration: underline;
}
	
a:hover {
	color: #be1903;
	text-decoration: none;
}

img {
	border: 0;
}

table {
	border: 0;
}

tbody {
	border: 0;
}

/* LAYOUT CLASSES */

.text-block {
	margin-top: 25px;
}


/* INDIVIDUAL SUBPAGES */

	/* ONLINE */
	
	.online_top {
		width: 561px;
		background-image: url(img/detaljer/online01.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		padding-bottom: 55px;
	}



/* PRESENTKORT */
.presentkort_top {
	background-image: url(img/layout/presentkort_top01.gif);
	width: 836px;
	height: 100px;
	margin-left: 15px;
}

.presentkort {
	background-image: url(img/layout/presentkort_bg01.gif);
	width: 836px;
	margin-left: 15px;
}

	.presentkort p {
		color: #ffffff;
		padding-left: 25px;
	}
	
	.presentkort td {
		color: #ffffff;
		padding: 0px 0px 5px 0px;
	}
	
	.presentkort table {
		margin: 0px 0px 0px 25px;
	}
	
	.presentkort .category {
		width: 230px;
	}
	
	.presentkort .kort {
		width: 180px;
		overflow: hidden;
		padding-bottom: 25px;
		text-align: center;
	}

.presentkort_bottom {
	background-image: url(img/layout/presentkort_bottom01.gif);
	width: 836px;
	height: 99px;
	margin-left: 15px;
}



/* DRUPAL */

dl {
	padding-left: 20px;
}

ul.primary {
	margin-left: 15px;
}

.profile {
	margin-left: 15px;
}

ul.menu {
	margin-left: 15px;
}

fieldset {
	margin-left: 15px;
}

#edit-submit {
	margin-left: 15px;
	margin-bottom: 10px;
}
form#block-admin-display-form {
	margin-left: 15px;
}

.messages {
	margin-left: 15px;
	background-color: yellow;
	padding: 5px 5px 5px 5px;
}

div.menubar div.clear-block {
	display: inline;
	float: left;
}

.menubar-float {
	display: inline;
	float: left;
}

.node-form {
	margin-left: 15px;
}

dl.admin-list {
	margin-left: 15px;
}

dd {
	margin-left: 10px;
}

#book-outline {
min-width: 550px;
}


iframe {
	border: 0px solid #f5f5f5;
}


/**
 * Primary navigation
 */
ul.primary-links {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  position: relative;
  /*z-index: 4;*/
}

ul.primary-links li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  display: block;
  margin: 0 10px;
  /*padding: .75em 0 0;*/
  color: #fff;
  /*background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;*/
  text-decoration: none;
}

ul.primary-links li a.active {
  color: #fff;
  text-decoration: underline;
  /*background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;*/
}

ul.primary-links li a:hover {
	color: #fff;
	text-decoration: underline;
}

#user-login {
	margin-left: 20px;
}

#block-menu-menu-tjanster {
	display: inline;
}
ul#block-menu-menu-tjanster {
	display: inline;
	float: left;
}
il#block-menu-menu-tjanster {
	float: left;
}

.block-menu {
	display: inline;
}

.block-menu ul {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.block-menu li {
	display: inline;
}

.block-menu h2 {
	display: none;
	font-size: 0px;
}