/* CSS Document */

div#shoptop {
	float: left;
	background-image: url(../image/gradient_shoptop.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #fefeff;
}

div#shoptop p {
	margin: 0px;
}

div#shoptopleft {
	float: left;
	width: 352px;
}

div#shoptopinfo {
	padding: 16px 0px 5px 20px;
}

div#shoptopimage {
	float: left;
	width: 142px;
	height: 137px;
}

div#shoptopright {
	float: left;
	width: 273px;
	border-left: solid 1px #d2d1d1;
	min-height:137px;
}

div#shoptopright {
	height:137px;
}

div#shopbasket {
	padding: 10px 10px 0px 10px;
}

div#shopbasket a, 
div#shopbasket a:link, 
div#shopbasket a:active, 
div#shopbasket a:visited, 
div#shopbasket a:hover {
	color: #000000;
}

div#shopbasketinfo {
	font-size: 1.2em;
	line-height: 1.2em;
}

div#shopbasketrowholder {
	min-height:85px;
}

div#shopbasketrowholder {
	height:85px;
}

.shopbasketrow {
	padding-bottom: 8px;
}

.shopbasketrowright {
	float: right;
	text-align: right;
	padding-left: 10px;
	padding-bottom: 2px;
}

div#shoptopnav {
	clear: both;
	padding: 10px 24px 10px 24px;
	background-color: #e8ede9;
}

div#shoptopnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#shoptopnav li {
	display: inline;
	float: left;
}

.shoptopnavborder {
	padding-left: 13px;
	border-left: 1px solid #343835;
}

div#shoptopnav li a, 
div#shoptopnav li a:link, 
div#shoptopnav li a:active, 
div#shoptopnav li a:visited, 
div#shoptopnav li a:hover {
	font-size: 1em;
	color: #000000;
	padding-right: 13px;
	text-decoration: underline;
}

div#shoptop h1 {
	color: #67859f;
}

div.midcontentshop {
	clear: both;
	float: left;
	width: 726px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	padding: 20px 21px 30px 21px;
}

div#midcontentshopstart {
	clear: both;
	float: left;
	width: 768px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	padding: 20px 0px 30px 0px;
}

div#startpagewide {
	float: left; 
	width: 726px;
}

#shopsearchwrapperstart {
	margin-left: 21px;
	margin-right: 21px;
}

#shopsearchholder {
	padding: 10px;
	margin-bottom: 20px;
	background-color: #3C5C77;
}

#shopsearchheader {
	padding-bottom: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}

div#shopsearchholder select.shop_utb_omr {
	width: 275px;
	margin-bottom: 10px;
	margin-right: 10px;
}

div#shopsearchholder select.shop_utb_ort {
	width: 275px;
	margin-right: 10px;
}

div#shopsearchholder select.shop_utb_form {
	width: 225px;
	margin-bottom: 10px;
}

div#shopsearchholder input.shop_search_word {
	width: 220px;
	margin-right: 10px;
}

div#shopsearchholder input.shop_utb_ok {
	margin-left: 235px;
}

div.shopresultpagenavholder {
	margin-top: 15px;
	font-size: 1.2em;
	background: transparent url(../image/resultlist_nav_left.gif) no-repeat top left;
}

div.shopresultpagenavbottomholder {
	margin-top: 15px;
	font-size: 1.2em;
}

div.shopresultpagenavholder div.shopresultpagenavcontent {
	background: transparent url(../image/resultlist_nav_right.gif) no-repeat top right;
	padding:6px 10px 5px 11px;
	margin-left:1px;
}

div.shopresultpagehitinfo {
	float: left;
	padding-top:3px;
	margin-right: 30px;
	font-weight:bold;
}

div.shopresultpagehitinfo span.rss {
	white-space:nowrap;
}

div.shopresultpagelimitselect {
	float: left;
	margin-right:1em;
	font-weight:bold;
}

div.shopresultpagelimitselect select#shoppagingsize {
	margin-right: 5px;
}

div.shopresultpagelimitselect span {
	float: left;
	display:block;
	margin-right:5px;
/*	margin-top:3px;	*/
}

div.shopresultpagelimitselect select, div.shopresultpagelimitselect input {
	vertical-align: bottom;
	float: left;
}

div.shopresultpagelimitselect input {
	margin-top: -1px;
}

div.shopresultpagenav {
	float: right;
	white-space:nowrap;
	font-weight:bold;
}

span.shopprevpage {
	margin-left:10px;
}

span.shopprevpage a:link, span.shopprevpage a:visited {
	font-size: 1em;
	color: black;
}

span.shopprevpage a:hover {
	color: #3C5C77;
}

span.shopnextpage {
	margin-left: 5px;
}

span.shopnextpage a:link, span.shopnextpage a:visited {
	font-size: 1em;
	color: black;
}

span.shopnextpage a:hover {
	color: #3C5C77;
}

ul.shopresultpagenav {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
}

ul.shopresultpagenav li {
	margin-right: 3px;
	display: inline;
}

ul.shopresultpagenav li a {
	color: black;
}

ul.shopresultpagenav li a:hover {
	color: #3C5C77;
}

ul.shopresultpagenav li.shopcurrentpage a {
	text-decoration: none;
}

ul.shopresultpagenav li.shopcurrentpage a:hover {
	color: black;
}

.shopresulttable {
	clear: both;
	margin: 0 0;
	padding: 0;
	width: 726px;
	font-size: 1.0em;
	border-width:0px;
	border-collapse:collapse;
	border:0;
}

.shopresulttable tr.oddRow {
	background-color: #f1f2f7;
}

.shopresulttable tr.evenRow {
	background-color: #e4e6ee;
}

.shopresulttable th {
	padding: 4px 5px 4px 5px;
	background-color: #7693ab;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	white-space: nowrap;
}

.shopresulttable th img {
	margin-bottom: 2px;
	vertical-align: top;
}

.shopresulttable td {
	padding: 5px 5px 5px 5px;
	font-size: 1.1em;
}

.shopresulttable td a:link, .shopresulttable td a:visited {
	font-size: 1em;
}

.shopresulttable td.shoppricebuttoncolumn {
	padding-right: 5px;
	padding-left: 0px;
}

.shopresulttable a.listlink, 
.listlink a, 
.listlink a:link, 
.listlink a:active, 
.listlink a:visited, 
.listlink a:hover {
	color: white;
	text-decoration: none;
}

.shopresulttable input {
	background-color: #fcac8f;
	background-image: url(../image/button_gradient_red.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	border: solid 1px #b4aaaa;
	color: white;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}

/*	Klass som används för att alla rader skall bli lilka höga,
	ovasett om logotyp saknas eller ej
*/
.jobAdsRowHeight {
	height: 42px;
}

.jobAdsRowHeight td {
	height:36px !important; 
}

#shopkurswrapper {
	float: left;
	width: 726px;
}

/* Kurs */

#shopkurslinks {
	clear: both;
	background: #E5E5E5;
	padding: 8px;
	margin-bottom: 20px;
}

#shopkursback {
	float: left;
	font-size: 1.2em;
}

#shopkursback a {
	font-size: 1.2em;
	color: #000000;
}

#shopkursback a:hover {
	color: #3C5C77;
}

.shopcompanytdleft {
	padding: 0px 15px 5px 0px;
	vertical-align: top;
}

#shopkursmodule, 
#shopbasketmodule, 
.shopcompanymodule {
	clear: both;
	float: left;
	width: 505px;
	margin-bottom: 0px;
	font-size: 1.2em;
}

.shopcompanymodule2 {
	clear: both; 
	width: 505px;
	margin-bottom: 0px;
	font-size: 1.0em;
}

.shopcompanymodule3 {
	float: left;
	width: 505px;
	margin-bottom: 0px;
	font-size: 1.0em;
}

#shopkursmodule p, 
#shopbasketmodule p, 
.shopcompanymodule p, 
.shopcompanymodule2 p, 
.shopcompanymodule2 p #shopkursmodule ul, 
#shopbasketmodule ul, 
.shopcompanymodule ul, 
.shopcompanymodule2 ul, 
.shopcompanymodule3 ul, 
#shopkursmodule ol, 
#shopbasketmodule ol, 
.shopcompanymodule ol, 
.shopcompanymodule2 ol, 
.shopcompanymodule3 ol {
	font-size: 1em;
}

#shopkursmodule h1, 
#shopbasketmodule h1 {
	font-size: 1.7em !important;
}

.shopcompanymodule h1, 
.shopcompanymodule2 h1, 
.shopcompanymodule3 h1 {
	font-size: 2.0em !important;
	font-weight: normal;
}

#shopkursmodule h2, 
#shopbasketmodule h2 {
	font-size: 1.0em !important;
	margin: 0px;
}

.shopcompanymodule h2, 
.shopcompanymodule2 h2, 
.shopcompanymodule3 h2 {
	font-size: 1.5em !important;
	font-weight: normal;
}

#shopkursmodule h3, 
#shopbasketmodule h3 {
	font-size: 1.1em !important;
}

.shopcompanymodule h3, 
.shopcompanymodule2 h3, 
.shopcompanymodule3 h3 {
	font-size: 1.0em !important;
	font-weight: bold;
	margin: 0px;
}

.shopcompanymodule h4, 
.shopcompanymodule2 h4, 
.shopcompanymodule3 h4 {
	font-size: 1.2em !important;
	font-weight: normal;
	margin-bottom: 15px;
}

#shopbasketmodule h1, 
#shopbasketmodule h2, 
#shopbasketmodule h3, 
.shopcompanymodule h1, 
.shopcompanymodule h2, 
.shopcompanymodule h3, 
.shopcompanymodule2 h1, 
.shopcompanymodule2 h2, 
.shopcompanymodule2 h3, 
.shopcompanymodule3 h1, 
.shopcompanymodule3 h2, 
.shopcompanymodule3 h3 {
	color: #000000;
}

#shopkursmodule h1, 
.shopcompanymodule h1, 
.shopcompanymodule2 h1, 
.shopcompanymodule3 h1 {
	color: #7693ab;
}

.shopkurs span.courseInfo {
	display: block;
	margin-left: 13px;
	margin-top: 5px;
	margin-bottom: 7px;
}

#shopkursmodule a, 
#shopbasketmodule a, 
.shopcompanymodule a, 
.shopcompanymodule2 a, 
.shopcompanymodule3 a,
#shopkursmodule a:link, 
#shopbasketmodule a:link, 
.shopcompanymodule a:link, 
.shopcompanymodule2 a:link, 
.shopcompanymodule3 a:link, 
#shopkursmodule a:active, 
#shopbasketmodule a:active, 
.shopcompanymodule a:active, 
.shopcompanymodule2 a:active, 
.shopcompanymodule3 a:active, 
#shopkursmodule a:visited, 
#shopbasketmodule a:visited, 
.shopcompanymodule a:visited, 
.shopcompanymodule2 a:visited, 
.shopcompanymodule3 a:visited, 
#shopkursmodule a:hover, 
#shopbasketmodule a:hover, 
.shopcompanymodule a:hover, 
.shopcompanymodule2 a:hover, 
.shopcompanymodule3 a:hover, 
.shopcompanyformmodule a {
	font-size: 1.0em;
}

.shopkurschoosedistrict {
	margin: 0px 12px 0px 12px;
	padding: 0px 0px 10px 0px;
}

.shopkurschoosedistrict input {
	margin-left: 5px;
}

div.shopcompanyformmodule {
	background-color: #f6f6f6;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 1.2em;
}

div.shopcompanyformmodule2 {
	margin-bottom: 20px;
	font-size: 1.2em;
}

div.shopcompanyformmodule h2 {
	font-size: 1.5em !important;
	font-weight: normal;
	color: #7693ab;
}

div.shopcompanyformmodule2 h3 {
	font-size: 1.2em !important;
	font-weight: normal;
	color: #000000;
	margin-bottom: 10px;
}

div.shopcompanyformmodule2 h2 {
	font-size: 1.2em !important;
	font-weight: bold;
	color: #000000;
}

div#shopcompanytop { }

div#shopcompanytop h1 {
	font-size: 2.0em;
	font-weight: normal;
	color: #7693ab;
}

div.midcontentshop label {
	display: inline;
}

div.shopcompanyformrow {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}

div.shopcompanyformrow input {
	width: 17.5em;
}

div.shopcompanyreqfields {
	padding-bottom: 10px;
	padding-top: 10px;
}

div.shopkurstopinfo {
	clear: both;
	margin-top: 15px;
	margin-bottom: 30px;
}

div.shopkursbottominfo {
	clear: both;
	margin-top: 0px;
}

div.shopkurstopheader {
	float: left;
	padding-right: 40px;
}

div.shopbuttonsleft {
	float: left;
	margin-right: 15px;
}

div.shopbuttonsright {
	float: right;
}

div.shopbuttonsleft input, 
div.shopbuttonsright input, 
div.shopbuttons input {
	background-color: #fbfbfb;
	background-image: url(../image/button_gradient_grey.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	border: solid 1px #b4aaaa;
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}

div.shopkursbutton {
	float: right;
}

div.shopkursbutton input {
	background-color: #fcac8f;
	background-image: url(../image/button_gradient_red.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	border: solid 1px #b4aaaa;
	color: white;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}

div.shopkurstopheader ul {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-weight: bold;
}

div.shopkurstopheader ul li {
	margin-right: 15px;
	display: inline;
	float: left;
}

div.midcontentshop #printLink {
	float: right;
}

div.midcontentshop #tipsaLink {
	float: right;
}

div.shopkursbasketrow {
	padding-bottom: 15px;
}

div#shopkursbaskettopinfo {
	padding-bottom: 20px;
}

div.shopkursbasketinfo {
	float: left;
	width: 400px;
}

div.shopkursbasketdelete {
	float: right;
}

div.shopkursbasketchange {
	float: right;
	margin-right: 15px;
}

div.shopkursbasketparticipate {
	float: right;
	margin-left: 15px;
}

div#shopkursbaskettotal {
	clear: both;
	margin-top: 15px;
	margin-bottom: 30px;
}

div#shopchoosecustomercat { }

#shopcompanynav {
	padding: 0px;
	margin: 0px;
	font-size: 1.1em;
}

.companynav {
	float: left;
	width: 126px;
	background-image: url(../image/nav_comp_border.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	margin: 10px 15px 20px 0px;
}

.companynavtexttable {
	height: 30px;
	width: 10px;
}

.companynavtextholder {
	text-align:center;
}

.companynavtextleft {
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	padding: 0px 5px 0px 5px;
}

.companynavtextright {
	text-align: left;
	font-weight: normal;
	padding: 0px 5px 0px 0px;
}

.companynavactive {
	color: #fe3e02;
}

.companynavbg {
	background-image: url(../image/nav_comp_color.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin: 0px 2px 0px 2px;
}

.companynavtop {
	height: 6px;
	background-image: url(../image/nav_comp_top.jpg);
	background-repeat: no-repeat;
	font-size: 0px;
}

.companynavbottom {
	height: 7px;
	background-image: url(../image/nav_comp_bottom.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

.companynavbg1 {
	background-image: url(../image/nav_comp_color_1.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin: 0px 2px 0px 2px;
}

.companynavtop1 {
	height: 6px;
	background-image: url(../image/nav_comp_top_1.jpg);
	background-repeat: no-repeat;
	font-size: 0px;
}

.companynavbottom1 {
	height: 7px;
	background-image: url(../image/nav_comp_bottom_1.jpg);
	background-repeat: no-repeat;
	font-size: 0px;
}

.companynav a, 
.companynav a:link, 
.companynav a:active, 
.companynav a:visited, 
.companynav a:hover {
	font-size: 1.0em;
	color: #000000;
}
/* ny class som måste in i epi också så man kan tilldela diven denna class */
div.imagenormal img {
	float: none;
	margin-right:0;
	margin-bottom: 5px;
}

div.imageleft img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.imageright img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.floatLeft {
	float: left;
}

div.midcontentshop label.hide {
	display: none;
}

.errormessage {
	color: Red;
}

span.shopnextpage input {
	border:none;
	font-weight:bold;
	overflow:visible;
	padding:0 0 !important;
	display:inline !important;
}

span.shopresultpagenav input {
	border: solid 1px #dadada;
	padding:2px; 
	font-weight:bold;
	overflow:visible;
	line-height:1em;
}

.linkbutton {
	display: inline;
	margin: 0 0 0 0 ;
	background-color: #FFFFFF;
	color: Black;
	text-decoration: underline;
	cursor: pointer; /*hand*/
	font-size: 1.0em;
}

span.shopnextpage input.linkbutton {
	padding: 0 0;
	margin: 0 0;
	background:transparent;
}

.linkbuttonnolink {
	display: inline;
	margin: 0 0;
	background-color:#7893a8;
	color:#fff;
	text-decoration: none;
	cursor: default;
	font-size: 1.0em;
}

.right_button {
	position:relative;
	right:80px;
}

/* Knappar som ligger precis bredvid, och hor ihop med, en annan kontroll. */
.attached_button {
	margin-left:6px;
}

/* Justera högerkanten på artikelpuffar i shoppen (de har ju redan ett indrag från högerkanten
  i och med att de ligger i midcontentshop, och behöver därför inte den högermarginal
  de har i övriga sajten. */
.midcontentshop div#artikelpuff {
	margin-right:0px;
}

.shopcompanymodule p, 
.shopcompanymodule h1, 
.shopcompanymodule h2, 
.shopcompanymodule h3 {
	width: 575px;	/* Indragen högermarginal */
}