/* CSS Document 

 -----------------------------------

	Client: Bo Ohlsson
	Year: 2007
	Author: ShopSetup.com

------------------------------------
*/
 

 
ul.productList{ list-style-type: none; margin-left: 5px; margin-top: 10px; float: left; width: 140px;}
ul.productList li {background:url(../img/check_green.png) no-repeat left center;  padding-left: 15px; font: 12px/22px Arial, Helvetica, sans-serif}

body {font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#333; background:#99B3CC url(../img/cloud_bg.png) no-repeat top center fixed; margin:0; padding:15px 0 0;}
a {text-decoration:none; color:#333} 
img {border:none;}

/* Typo */
h1 {font: normal 26px/26px Arial, Helvetica, sans-serif; padding:0 0 15px; color:#666; margin-bottom:20px; margin-top:10px; border-bottom: 1px solid #e8e8e8;}
p {font: normal 12px/18px Arial, Helvetica, sans-serif}

/* Places content area on page */
#mainOuterContainer { }

#mainInnerContainer {background-color:#fff; width:985px; height:99%; padding:4px 3px; margin:5px auto;}

/*---------------------------------------------------------*/

/*Header*/

#HeaderContainer {width:985px; height:150px; background-image:url(../img/header_bckg.jpg); background-repeat:repeat-x; margin-bottom:10px; position:relative;}
	#HeaderContainer #logo {position:absolute; top:-15px; left:10px;}
/*Toppmeny*/
	#topMenu {font: 14px/40px Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; text-align:right; margin:0; position:absolute; top:111px; left:10px;}
		#topMenu li {float:left;height:39px; }
			#topMenu li.divider {width:2px; height:40px; background:transparent url(../img/divider_topnav.png) center center no-repeat;}
	#topMenu li a {color:#fff; padding:15px 20px 11px; font-family:Arial, Helvetica, sans-serif}
	#topMenu li a:hover,
	#topMenu li a.active {background:/*#a70626*/ url(../img/arrowBottom_topnav.png) bottom center no-repeat; color:#fff}
	
/*---------------------------------------------------------*/
/*Body*/
#MainContainer {/*border:1px solid #FF0000;*/}

/*---------------------------------------------------------*/

/*Vänstermeny*/ /*	160 px */ 
#leftBodyContainer {font-family: "trebuchet ms", Arial, Helvetica, sans-serif; width:160px; float:left; font-size:12px; color:#999; display:block; padding: 3px 0}

#leftBodyContainer h3 {width:160px; height:53px; text-indent: -5000px; background: transparent url(../img/left_nav_header.png) no-repeat top left; margin:0px 0 5px;}

#leftBodyContainer ul {margin:3px 0 0 0; padding: 0; font-size:12px; color:#8f8f8f; }
#leftBodyContainer li {width: 160px; margin:0 0 5px;}
#leftBodyContainer li a {color:#666; width: 150px; padding-left:10px; display:block; height: 35px; line-height:35px; background:#fff url(../img/left_nav_bg.png) no-repeat left -35px; font:13px/35px Arial, Helvetica, sans-serif; }
#leftBodyContainer li a:hover {color:#666; text-decoration:none; background:#fff url(../img/left_nav_bg.png) no-repeat 0 -70px;  }
#leftBodyContainer li a.active {color:#fff; text-decoration:none; background:#fff url(../img/left_nav_bg.png) no-repeat 0 0; }
#leftBodyContainer li a.current {color:#fff; text-decoration:none; background:#fff url(../img/left_nav_bg.png) no-repeat 0 0; }

/* Level 2 */
	#leftBodyContainer li ul {margin:5px 0}
	#leftBodyContainer li ul li {width: 160px; height:30px; margin:0 0 0px; border-bottom: 1px solid #eaeaea;}
	#leftBodyContainer li ul li:last-child {border:none;}
	#leftBodyContainer li ul li a {color:#666; width: 145px; padding-left:15px; display:block; height: 30px; background:#fff; font:11px/30px Arial, Helvetica, sans-serif;}
	#leftBodyContainer li ul li a:hover {color:#333; text-decoration:none; background:none; font-weight:700;}
	#leftBodyContainer li ul li a.active {color:#333; text-decoration:none; background:#fff; font-weight:700}
	
/* #accordion li ul {display:none;}	*/

/*---------------------------------------------------------*/

/*Main*/ /*	645px */
#mainBodyContainer {width:645px; padding:3px 10px 40px; float:left;}

#mainMediaWrapper {text-align:center; margin:0; padding:0; position: relative;}
	#mainMediaWrapper #mainMediaWrapper_infoText {*margin:10px 0;}
	#mainMediaWrapper #mainMediaWrapper_infoText h1 {font-size: 20px; width: auto; display:block; text-align: left; padding: 10px 0 0; margin:0; border:none;	}
	#mainMediaWrapper #mainMediaWrapper_infoText p {text-align:left; font-size:12px; padding:0px;}
	#mainMediaWrapper #mainMediaWrapper_infoText p span {font-size:14px; color:#666; font-weight:700} 
	
	
	/* Media SLIDE NAV */
	#mainMediaWrapper #nav {position:absolute; top:260px; right: 10px; z-index:99}	
		#mainMediaWrapper #nav a {width:10px; height:10px; display:block; float:left; margin-left:5px; background: #fff; text-indent:-5000px; border:1px solid #fff;}	
		#mainMediaWrapper #nav a.activeSlide {background: #99B3CC; }
	
	#mainMediaWrapper #slideHeight {height: 645px; height: 281px;}
	#mainMediaWrapper #slideHeight #slideShow {position:relative; width: 645px; height: 281px;}	
	#mainMediaWrapper #slideHeight #slideShow a {color:#fff;}
	#mainMediaWrapper #slideHeight #slideShow div {position:relative;}
	#mainMediaWrapper #slideHeight #slideShow div div {/*position: absolute; bottom:0; left:0;*/ background: #454545; text-align: left; padding: 10px; width:625px;}	
		#slideShow div div h2,
		#slideShow div div p {color:#fff;}	
	

	p.oppettider {font-size:12px; text-transform: uppercase; font-weight: 700; background-color:#eaeaea; width:645px; color:#424242; margin:0 auto 2px auto; padding:2px 0 4px 0; background-image:url(../img/oppettider_bckg.jpg); background-repeat:repeat-x; /*letter-spacing: 1px;*/ line-height: 140%}
	p.oppettider a {color:#990000}

#mainContentWrapper {font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-size:11px; color:#424242;}
	
	#mainContentWrapper h1 {margin-bottom:10px; color:#000; padding: 6px 5px 10px 5px;}
	#mainContentWrapper h2 {}
	#mainContentWrapper p {padding:10px 10px 0}
	#mainContentWrapper p.ingress {padding:10px 10px; }


#mainHeaderWrapper {position:relative; min-height:120px}
	#mainHeaderWrapper h1 {background: #fff; border:none; position:absolute; top:20px; left:20px; /*color:#b40629;*/color: #c1072c; /*text-shadow: 0px 1px 1px #6c0319;*/ font-size:34px; padding:20px 0; width:200px;}

dl#breadCrumbs {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; text-align:left; padding-top:0px; margin:0px; color:#888; float:right; overflow:auto; position:relative; top:44px; right:0; background:#fff; padding-left:20px;}
	dl#breadCrumbs dt,
	dl#breadCrumbs dd {float: left; padding:0 7px 0 9px; }
	dl#breadCrumbs dt {font-style:oblique; padding:0}
	dl#breadCrumbs dd {background:url(../img/divider_arrow_breadcrumbs.gif) left center no-repeat; color:#660000 }
	dl#breadCrumbs dd a { color:#999; text-align:left;}
	
div#breadCrumbs {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; color:#888; /*background:transparent url(../img/e8e8e8.gif) repeat-x center center;*/ padding: 10px 0; text-align:right; width:645px;}	
div#breadCrumbs a {padding:0 4px 0 10px; background:#fff url(../img/divider_arrow_breadcrumbs.gif) 3px center no-repeat; }	
div#breadCrumbs span {font-style: oblique}	
	
#mainContentWrapper h2 {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:#777; padding:20px 0 10px; margin: 0; border-bottom:1px solid #e8e8e8}
#mainContentWrapper h2.highlight {font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight:700; color:#777; padding:20px 0 10px; margin: 0; border-bottom:1px solid #e8e8e8}
#mainContentWrapper h3 {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#666; margin:0 0 10px 0; padding:0;}
#mainContentWrapper h3.alt {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#666; margin:0 0 10px 0; padding:0 0 5px; border-bottom:1px solid #eaeaea}

#mainContentCenter {font-size:16px; text-align:center; /*background-image:url(../img/bckg_blockItem.jpg); background-repeat:repeat-x; background-position:bottom; padding:15px 0 30px 0; width:400px; margin:0 auto; border:1px solid #eaeaea*/}
#mainContentCenter {background:#f5f5f5; padding:15px 25px; margin-bottom:10px; border:1px solid #eaeaea; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* RESVÄGAR */
#mainContentRightCol {float:right; width:160px; margin-left:10px; padding:4px 0 8px; border-left:1px solid #eaeaea;}
#mainContentRightCol h2 {font-size:13px;}
#mainContentRightCol a {color:#424242; display:block}
#mainContentRightCol a:hover {padding:0 0 1px 0;}
#mainContentRightCol a:active {text-decoration:none}



/* MEDIA* ---------------------------*/
#mainContentRightMedia {float:right; width:206px; margin-left:5px; padding:0px 0 0 14px; background: url(../img/bckg_ringsignaler.gif) 0 20px no-repeat;}
#mainContentRightMedia h2 {font-size:16px; padding-top:10px;}
#mainContentRightMedia a {color:#424242; display:block}

#mainContentRightMediaContent {padding-top:15px; height:650px;}
#mainContentRightMediaContent p {padding:25px 0 0 0; width:210px;}
#mainContentRightMediaContent div {padding:0; margin:0 0 10px 0;}
#mainContentRightMediaContent h3 {color:#656772; font-size:14px;}

#movieThumbs {float:left; padding:5px 3px 10px 0px; display:block }
#movieSmallThumbs h2 {padding-top:10px; margin-bottom:8px; font-size:16px;}

#soundItem {margin-bottom:0px; padding-bottom:0px;}
#soundItem h3{margin: 0px; padding:0; font-size:14px;}
#soundItem a{color:#990000;}
/* --------------------- ----------- */

#mainContentWrapperErbjudande {}

#mainVeckansProdukter {margin-top:10px; }
#mainVeckansProdukter div {margin:10px 0 25px;}

#mainErbjudandeBlock {float:left; padding:0 7px 7px 0; width:210px; height:153px; font-family:Arial, Helvetica, sans-serif; font-size:10px; background-repeat:no-repeat;}
#mainErbjudandeBlock p {margin-top: 0px; margin-left:5px;}
.erbjudandeTitle {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#cc0033; font-weight:700; padding-bottom:0px; margin-bottom:0; height:11px; padding-top:3px;}
.erbjudandeBrodtext {padding:0px; margin:0; vertical-align:top; height:12px; padding-top:3px; font-family:Arial, Helvetica, sans-serif}
#mainErbjudandeBlockSpacer {height:87px}
#mainErbjudandeBlockPris { font-family: Arial, Helvetica, sans-serif; text-align:right; padding: 0 8px 0 0; font-size:20px; color:#cc0033; font-weight:700; margin:0; height:21px;}


#MainTravelWrapper {clear:both; padding:20px 0 10px 0;}

ul.columns_3 {width:645px;}
	ul.columns_3 li {float:left; width: 190px; margin-right:15px; padding: 0 10px 0 5px; height: 145px; position: relative}
	ul.columns_3 li.last {margin-right:0;}
	ul.columns_3 li p a {display:block; color:#eaeaea; padding-top:109px; font-weight:700; font-size: 12px; text-transform:uppercase;}
		ul.columns_3 li p a:hover {color:#fff;}
	
		.columns_3 #turism {background: url(../img/noje_tomelilla.jpg) no-repeat}
		.columns_3 #boende {background: url(../img/boende_tomelilla.jpg) no-repeat}
		.columns_3 #hitta {background: url(../img/resvagar_mainPush.jpg) no-repeat}
	
#mainNyhetsblock {margin:10px 0 0 0; float:right; width:193px; height:260px; border: 1px solid #eaeaea; padding-bottom:10px; color:#999;}
#mainNyhetsblock p {padding:2px; height:250px; /*overflow:auto;*/}


/* FLASH MEDIA PLAYER */
#flashMovieWrapper {text-align:center; background-color:#fff; width:450px; padding:5px 0;}

/*---------------------------------------------------------*/
#ProductWrapper {float:left; margin-top:10px; text-align:center; width:650px; padding:0;}
#ProductWrapper div {margin:0; padding-right:5px;}

#ProductBlock {float:left; padding:0 5px 5px 0; width:320px; height:233px; font-family:Arial, Helvetica, sans-serif; font-size:10px; background-repeat:no-repeat; text-align:left; position:relative;}
#ProductBlock p {margin-top: 5px; margin-left:5px;}
.ProductBlockTitle{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#cc0033; font-weight:700; padding-bottom:0px; margin-bottom:0; height:13px;}
.ProductBlockBrodtext {padding-left:1px; vertical-align:top; height:auto; font-family:Arial, Helvetica, sans-serif}
#ProductBlockSpacer {/*height:155px*/}
#ProductBlockPris {font-family: Arial, Helvetica, sans-serif; text-align:right; padding-right:8px; font-size:28px; color:#cc0033; font-weight:700; position:absolute; right:5px; bottom:8px;}


/* ProductList */
ul#itemList {width:645px;}
ul#itemList li {width:320px; float:left; margin:0 5px 10px 0; position: relative}
ul#itemList li.last {margin-right:0}

	ul#itemList li div {width: 320px; height:233px; background: transparent url(../img/transparent_border_info.png) top left; z-index:99; position:absolute; }
	/*Vid inget pris...*/
	ul#itemList li div.noInfo {background: transparent url(../img/transparent_border.png) top left; }
	ul#itemList li div a {display:block; width:320px; height:233px;}
	ul#itemList li img {display:block; width:320px; height:233px;}
	
	ul#itemList li ul { position:absolute; top:180px; left:0; z-index: 105; width:300px; padding:0px 10px;}
		ul#itemList li ul li {float:left; font: normal 11px/14px Arial, Helvetica, sans-serif; margin:0}
		ul#itemList li ul li.header {width:195px; padding-right:5px; font-weight:700; font-size: 11px; color:#8B0304; margin-bottom:3px}
		ul#itemList li ul li.price {width: 100px; float:right; text-align:right; color:#8B0304; font-weight:700; font-size:13px; margin-bottom:0}
		ul#itemList li ul li.desc {width:300px}



/*---------------------------------------------------------*/

/* Jobba hos oss */
#mainContentWrapper div.listvy {}
	#mainContentWrapper div.listvy dl {font: normal 12px/16px Arial, Helvetica, sans-serif; clear:both; overflow:auto; background:#f4f7fb; padding:15px 25px; margin-bottom:10px; border:1px solid #eaeaea; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	#mainContentWrapper div.listvy dl:hover {background:#F6F4EB}
		#mainContentWrapper div.listvy dl dt, 
		#mainContentWrapper div.listvy dl dd {float:left; padding:5px;}
		#mainContentWrapper div.listvy dl dd {padding:5px 20px; width:275px;}
		
		#mainContentWrapper div.listvy dl dd.download {width:125px; float:right}
		
		#mainContentWrapper div.listvy dl a {display:block; color:#222}
		#mainContentWrapper div.listvy dl a:hover {color:#555555}
		
/*Högerkolumn*/
#rightBodyContainer {width:160px; float:left; margin:3px 0 5px; padding:0;/* border-left:1px solid #FF0000;*/}
#rightBodyContainer div {padding:0px; margin:0; margin-bottom:10px; text-align:right;}

/* Right Col Item*/
#rightBodyContainer div.rightCol_item {text-align:left; /*background:url(../img/r_col_item_bg.png) repeat-x bottom;*/ font: 12px/14px Arial, Helvetica, sans-serif; float:left; width:160px;}
	#rightBodyContainer div.rightCol_item div {width:158px; /*border: 1px solid #eaeaea;*/ border-width: 1px 1px 1px; text-align: left; padding:0}
	#rightBodyContainer div.rightCol_item p,
	#rightBodyContainer div.rightCol_item ul,
	#rightBodyContainer div.rightCol_item h3 {padding:0 5px; font: normal 11px/14px  Arial, Helvetica, sans-serif; }
	

		/*
		#rightBodyContainer div.rightCol_item h3 {background: url(../img/r_col_red_bg.png) repeat-x; height:30px; font: normal 13px/30px Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #999;}
		*/
		#rightBodyContainer div.rightCol_item h3 {background: url(../img/rcol_current_campaign.png) top left no-repeat; height:34px; font: normal 13px/34px Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #eee; text-align:center }
		#rightBodyContainer div.rightCol_item h4 {padding:0 5px; margin:5px 0 0; font-size: 14px; line-height: 16px; color:#666; font-style:oblique}
		
		#rightBodyContainer div.rightCol_alt2 {/*border-top: 1px dotted #cacaca; padding-top:15px;*/}
		
		/*
		#rightBodyContainer div.rightCol_alt h3 {background: url(../img/r_col_blue_bg.png) repeat-x;}
		*/
		#rightBodyContainer div.rightCol_alt2 h3 {background: url(../img/r_col_lgrey_bg.png) repeat bottom; border-bottom:1px solid #acacac; color:#444}
		
		#rightBodyContainer div.rightCol_alt h3 {background: url(../img/rcol_current_campaign_alt.png) top left no-repeat;}
		 
		#rightBodyContainer div.rightCol_item p {padding-top:3px; font-style:oblique; font-size:8pt; color:#999 }
		#rightBodyContainer div.rightCol_item p a {display:block; color:#222; padding-bottom:10px;}
			#rightBodyContainer div.rightCol_item a img {display:block; margin:0 auto; padding:5px 0; width:114px;}
		
		#rightBodyContainer div.rightCol_item ul {margin: 0 auto;}
			#rightBodyContainer div.rightCol_item ul li { height:15px; padding:5px; text-align:center; display:block; margin:0 auto; float:left; width:70px;}
			#rightBodyContainer div.rightCol_item ul li a {font: 11px/14px Arial, Helvetica, sans-serif; padding-bottom:3px; color:#545454;}

		/* Nyhetsbrev */
		#rightBodyContainer #newsLetterSignUp a {text-indent:-5000px; width:160px; height: 52px; background: #fff url(../img/rcol_newsletter_signup.png) no-repeat; display: block; }

			
			/* Subscribe */
			#subscribe {background:#ebf2fb;border:1px solid #eaeaea; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 20px 0; padding:20px 15px; }
			
			#subscribe h3 {padding-bottom:15px;}
			#subscribe ul {overflow:auto; }
			#subscribe ul li {float:left; height:30 px; padding: 0; line-height: 30px; width:150px}
			#subscribe ul li label {padding-right: 25px}
			#subscribe ul li.longField {}
			#subscribe ul li.longField input {width:auto; margin-bottom:10px;}
			#subscribe ul li.longField input.wide {width:335px;}
			
			/* Unsubscribe */
			#unsubscribe {background:#eee; border:1px solid #eaeaea; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 20px 0; padding:20px 15px;}
			
			#unsubscribe h3 {color:#aaa}
			#unsubscribe p {padding:10px 0}
			#unsubscribe ul {overflow:auto; }
			#unsubscribe ul li {float:left; height:30 px; padding: 0; line-height: 30px;}
			#unsubscribe ul li label {padding-right: 25px; font-weight:700}
			#unsubscribe ul li.longField {}
			#unsubscribe ul li.longField input {width:auto; margin-bottom:10px;}
			#unsubscribe ul li.longField input.epost {width:300px;}
			
			#unsubscribe ul li.longField input.btn_submit {width:auto; padding:4px;}
			
			/* Message */
			#mainContentWrapper div.msg {background:#ebf2fb;border:1px solid #eaeaea; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 20px 0; padding:20px 15px; }
			#mainContentWrapper div.msg h2 {text-align:center; color:#666; font-size:14px; font-weight:700}
			
				/* Message OK */
				#mainContentWrapper div.OK {background:#eafbe4}
					#mainContentWrapper div. {}
				/* Message ERROR */
				#mainContentWrapper div.Err {background:#f0ede9}
					#mainContentWrapper div.Err a {color:#e70534}
			
/*---------------------------------------------------------*/

/*Footer*/
#FooterContainer { /*border: 1px solid #eaeaea;*/ clear:both; font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size:12px; color:#fff; background-image:url(../img/footer_bckg.png); background-repeat:repeat-x; height:30px; text-align:center;}
#FooterContainer p {padding-top:7px;}
#FooterContainer a {text-decoration:none; color:#fff;}

/* Generella klasser */
.ordinariePris {font-family:Arial, Helvetica, sans-serif; color:#666; font-size:10px; margin:0; padding:0 8px 0 0; text-align:right; clear:both; height:10px}
.highlight {color:#cc0033}
.activeProduct {font-weight:700;color:#cc0033; }
.delimiter {border-style: solid; border-width:1px 0 0 0; border-color:#999; margin:0; padding:0; width:177px;}
.ContactPerson {margin:10px 0; padding:5px 10px 10px; border-bottom:1px dotted #ccc}
.ContactPerson h3 {font-size: 14px;}
.ContactPerson a {font-size: 12px;}
.clearBoth {clear:both; float:none}
.ingress {font-size:13px; padding:5px 0 10px 0;}

/* Horizontal Rule */
hr {background: #eee; border:none; clear: both; height: 2px; margin: 10px 0}
div.hr { background: #e8e8e8; clear: both; height: 2px; margin: 10px 0;}
div.hr hr { display:none;}


/* Nyhetsblock */
#newsContainer {}
	div.newsItem {background:#f4f7fb; padding:15px 25px; margin-bottom:10px; border:1px solid #eaeaea; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	div.newsItem:hover {background:#ebf2fb;}
		div.newsItem h3 {font-size: 14px; font-weight: 700}
		div.newsItem a {color:inherit; font-weight:700}
		div.newsItem p.newsRef {padding:5px; }	
		div.newsItem p.newsRef a {display:block; text-align:right;}	

/* LänkBlock */
.blockItem {display:block; margin:10px 0; border-bottom:solid #eaeaea 1px; /*background-image:url(../img/bckg_blockItem.jpg); background-position:bottom; background-repeat:repeat-x;*/ padding:0 5px 5px 5px; font: 12px/20px Arial, Helvetica, sans-serif;}
.blockItem img {float:right; padding-left:20px;}
.blockItem p {margin-top:5px; }
.blockItem a {color:#555; font-weight:700; font-style:oblique;}

/* FörslagsFormulär */
#myForm {background: transparent url(../img/bosse_forslagslada.png) top right no-repeat;}
#myForm label{width: 120px; display: block; font: 700 12px/14px Arial, Helvetica, sans-serif; padding:5px 0 }
#myForm input, textarea{ width: 250px; margin-bottom:5px; padding: 5px; font: 13px/13px Arial, Helvetica, sans-serif }
#myForm textarea{ width: 450px; height: 150px; }
#submitbutton{ margin-top: 5px; width: 45px;}
#myForm br{ clear: left; }	
	
/* Formulär */

#mainContentWrapper label,
#mainContentWrapper input,
#mainContentWrapper select,
#mainContentWrapper textarea {font: 12px/20px Arial, Helvetica, sans-serif; padding: 7px}

#mainContentWrapper h3 {margin:0}
#mainContentWrapper label {padding-left:0}
#mainContentWrapper 

.


/* FieldSet formulär */
#mainContentWrapper fieldset {display:block;}
#mainContentWrapper fieldset label {display:block; font: 700 12px/12px Arial, Helvetica, sans-serif; padding:5px 0}
#mainContentWrapper fieldset input, 
#mainContentWrapper fieldset select,
#mainContentWrapper fieldset textarea { width: 350px; margin-bottom:5px; padding: 5px; font: 13px/13px Arial, Helvetica, sans-serif; display:block }

#mainContentWrapper fieldset select {margin-bottom:20px; width: 100px;}


/* Kontakt */
#mainContentWrapper div.roundedWrapper {padding: 15px 10px 25px; background:#efefef; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #efefef; margin-bottom:25px;}
	#mainContentWrapper div.roundedWrapper h3 {font-size: 20px; color:#666; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-weight:normal}
	#mainContentWrapper div.roundedWrapper p {}
	#mainContentWrapper div.roundedWrapper dl {font-size: 13px; padding:0 0 20px;}
	#mainContentWrapper div.roundedWrapper dl dt,
	#mainContentWrapper div.roundedWrapper dl dd {float:left;}
	
	#mainContentWrapper div.roundedWrapper dl dt {width:100px; font-weight:700}
	#mainContentWrapper div.roundedWrapper dl dd {width:auto; }
		#mainContentWrapper div.roundedWrapper dl dd span{font-size: 14px }

		
#mainContentWrapper #contactArea {}		
	#mainContentWrapper #contactArea h3 {font-size: 18px; padding-bottom: 0; margin: 0 0 5px}
	#mainContentWrapper #contactArea a {color: #222;}
	#mainContentWrapper #contactArea p {}
	#mainContentWrapper #contactArea p.smallSpace {padding:0}
	#mainContentWrapper #contactArea p.smallSpace a {background:#F4F7FB; padding:10px 5px; width:200px; display:block}
	
	#mainContentWrapper #contactArea p a {font:oblique 13px/16px Arial, Helvetica, sans-serif; padding:0 0 15px; color:#333; margin:5px 0; padding:5px 0; display:block }
	#mainContentWrapper #contactArea ul {padding:0; margin-bottom:20px;}
	#mainContentWrapper #contactArea ul li,
	#mainContentWrapper #contactArea ul li a {font:12px/18px Arial, Helvetica, sans-serif; color: #333;}
	
	#mainContentWrapper #contactArea ul li.smallInfo {font:oblique 11px/14px Arial, Helvetica, sans-serif; color:#999; margin-top: 10px;}
	
#mainContentWrapper #contactArea2 {margin-bottom:25px;}	
	#mainContentWrapper #contactArea2 h2 {font: 22px/30px Arial, Helvetica, sans-serif; color: #666; border-bottom: 1px solid #eee; padding:5px 0; margin-bottom:10px;}
	#mainContentWrapper #contactArea2 dl {margin: 10px 0; padding:5px 0; background: #f5f5f5; width: 203px; border:1px solid #eee; float:left; margin-right:15px;}
	#mainContentWrapper #contactArea2 dl.last {margin-right:0}
		#mainContentWrapper #contactArea2 dl dt,
		#mainContentWrapper #contactArea2 dl dd {font: 12px/14px Arial, Helvetica, sans-serif; padding: 5px;}	
		#mainContentWrapper #contactArea2 dl dt a,
		#mainContentWrapper #contactArea2 dl dd a{color: #222; display: block; }

		#mainContentWrapper #contactArea2 dl dt {font-weight:700;}
		#mainContentWrapper #contactArea2 dl dd {}	


	#contactArea #forslagslada {width: 207px;}
		#contactArea #forslagslada h3 {margin-top:30px;}	
		#contactArea #forslagslada img {padding: 0 20px;}	
		#contactArea #forslagslada p {padding:2px 10px; background: url(../img/bg_forslagslada.jpg) no-repeat 0 0; height: 61px; width:187px;} 	
		#contactArea #forslagslada p a {display:block; color: #fff; /*text-shadow: 0px 1px 1px #333;*/ font-weight:normal; font-family: Arial, Helvetica, sans-serif;} 	
/* --- Karta --- */
#map { float: right; width: 420px; padding-left:20px; font-size: 12px; font:12px/16px Arial, Helvetica, sans-serif; margin-bottom: 15px;}

#map_canvas { width: 420px; height: 460px; border: 1px solid #c0c0c0; }
#startover { width: 410px; display: none; border: solid 1px #c0c0c0; background: #eee; padding: 5px; margin: 5px 0 0 0 }
#route { width: 421px; display: none; margin: -4px 0 0 -4px; }
#route p { padding: 5px }

#map_info { width: 225px; height: 100px; font-size: 11px; }
#map_info p {padding:0}
#map_info span {font-size: 14px; font-weight:700; color:#b5062b; padding:10px 0px 5px; display:block}
#map_info img { margin-bottom: -15px; margin-left:-15px; float: left; display:none }
#map_info input { width: 214px; padding: 4px; height: 20px; color: #333; font-size: 11px; color:#666; }
#map_info input.button { min-width: 93px; width: 93px; height: 34px; float: right; color: #fff; font-size: 14px; margin: 5px 0 -20px 0; background:url(../img/searchbutton.png) top left no-repeat; text-indent:-5000px; border:none; cursor: pointer}

#content.col_right #map_info p { padding: 0; width: 210px; }
 
/* --- Alternativ dimensioner Karta ----*/
#map_alt { float: right; width: 645px; margin-top:20px;font:12px/16px Arial, Helvetica, sans-serif; margin-bottom: 15px}
#map_alt h2 {font: normal 20px/30px Arial, Helvetica, sans-serif; margin-bottom:10px;}

#map_canvas_alt { width: 640px; height: 350px; border: 1px solid #c0c0c0; }
#startover_alt { width: 630px; display: none; border: solid 1px #c0c0c0; background: #eee; padding: 5px; margin: 5px 0 0 0 }

#route_alt { width: 640px; display: none; margin: -4px 0 0 -4px }
 
/* --------  Horisontal Rule -------------- */
div.hr { height:1px;  background:#e8e8e8; margin:20px 0; clear:both;}
div.hr hr { display: none; }

div.hrThin { height:1px;  background:#bababa; margin:25px 0; clear:both}
div.hrThin hr { display: none; }

div.hrNone { height:3px;  background:nonne; margin:10px 0; clear:both}
div.hrNone hr { display: none; }

/* ------------------ */
 
/* SHOPSETUP */
.shopsetup {clear:both;margin: 0 auto;}
.shopsetup {font-size: 10px; color: #FFF;}
.shopsetup a {font-size: 10px; color: #FFF; text-decoration:none;}
.shopsetup a:hover {font-size: 10px; color: #FFF; text-decoration:underline;}
.shopsetup a:visited {font-size: 10px; color: #FFF; text-decoration:none;}


/* General Classes */
.fRight {float:right;}
.fLeft {float:left;}

/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}