﻿.mypage_header
{background: transparent url(/redesign-img/mypages/section_header.gif); height: 38px;/* margin-left: -1px;*/ overflow: hidden;}
.mypage_bottom
{background: transparent url(/redesign-img/mypages/section_footer.gif); height: 49px; /*margin-left: -1px;*/}
div.large_content { width: 950px; }
.mypage_subheader 
{font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size:12px; color: #FFF; padding: 1px 0 4px 26px; margin: 5px auto; width: 950px; height: 18px; background: transparent url(/redesign-img/mypages/mypage_header_background.gif) no-repeat;}

#mypage_subheader .option-list 
{margin-top: 15px;}

div#legend_1 div
{ float: left; margin-right: 20px; margin-bottom: 10px;}
div#legend_1 span.dot{ margin-top: 2px; margin-right: 3px; display: block; float: left; width: 9px; height: 9px; background: url(../redesign-img/legend_dot.gif) no-repeat;}
div#legend_1 span.legend_text{ display: block; float: left;}
div#legend_1 span.terminated{ background-color: #ff0000;}
div#legend_1 span.blocked{ background-color: #f26522;}
div#legend_1 span.limited{ background-color: #00cccc;}












*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #fff url(images/top_line.gif) repeat-x;
	font-family: Arial, Verdana; /*Georgia, "Times New Roman";*/
	font-size: 12px;
	color: #2d2d2d;
}

/*
Some pages uses Arial, Verdana as base font instead of Georgia (As in the created design psd-files)
.arial { font-family: Arial, Verdana; }
*/

img { border: 0; }

a
{
	/*font-family: Arial, Verdana;*/
	color: #f1b830;
	text-decoration: none;
	font-weight: bold;
}

.top_right_menu a {
	/*font-family: Arial, Verdana;*/
	color: #f1b830;
	text-decoration: none;
	font-weight: normal;
	
}
/*a.georgia { font-family: Georgia, "Times New Roman"; }*/
a.white { color: #fff; }
#bredband_jamfor_puff1 a { color: #3b3b3b; }

#wrapper
{
	position: relative;
	width: 964px;
	margin: 0 auto;
}

#content_area
{
	width: 962px;
	display:block;
	float: right;
}

#start_map
{
	position: absolute;
	z-index: 1;
	top: -29px;
	left: 645px;
	width: 318px;
	height: 568px;
}

#tackning_puff1 div#overlay
{
	position: absolute;
	top: 238px;
	left: 775px;
	width: 170px;
	z-index: 10;
	/*font-family: Arial, Verdana;*/
	font-size: 10px;
}
div#overlay p { line-height: 11px; }


/*used on search form @ Find retailer*/
#form_container
{
	display: block;
	margin: 20px 0 10px 0;
}

/*
uses for validation error messages amongs other
*/
.alert
{
	color: #ed1c24;
	font-weight: bold;
	/*font-family: Arial, Verdana;*/
}

div.clear
{
	clear: both;
}

/*
TOP MENU, SECTION MENU
*/
ul#menu_main, ul#menu_sections
{
	list-style: none outside;
	display: block;
	float: left;
	margin: 10px 0 0 0;
}
ul#menu_sections { position: absolute; top:0; left: 785px; width: 300px;}
ul#menu_main { margin-left: 20px; }
ul#menu_main li, ul#menu_sections li { display: inline; }

ul#menu_main li a, ul#menu_sections li a
{
	background: url(images/top_menu.gif) no-repeat;
	display: block;
	float: left;
	overflow: hidden;
	height: 0;
	padding-top: 40px;
}

/*
SPECIFIC TOP MENU ITEMS
*/
ul#menu_main li#mm_bredband a { width: 145px; background-position: 0 0;}
ul#menu_main li#mm_bredband a.active { background-position: 0 -40px; }
ul#menu_main li#mm_tackning a { width: 83px; background-position: -182px 0; }
ul#menu_main li#mm_tackning a.active { background-position: -182px -120px; }
ul#menu_main li#mm_kundservice a { width: 119px; background-position: -284px 0; }
ul#menu_main li#mm_kundservice a.active { background-position: -284px -160px; }
ul#menu_main li#mm_omoss a{ width: 75px; background-position: -423px 0; }
ul#menu_main li#mm_omoss a.active { background-position: -423px -200px; }
ul#menu_main li#mm_losningar a { width: 93px; background-position: -500px 0; }
ul#menu_main li#mm_losningar a.active { background-position: -500px -40px; }
ul#menu_main li#mm_mypages a{ width: 94px; background-position: -543px -120px; }
ul#menu_main li#mm_mypages a.active { background-position: -543px -160px; }

/*
SPECIFIC SECTION MENU ITEMS
*/
ul#menu_sections li#ms_privat a { width: 62px; background-position: -645px 0; }
ul#menu_sections li#ms_privat a.active { background-position: -645px -40px; }
ul#menu_sections li#ms_foretag a { width: 67px; background-position: -707px 0; }
ul#menu_sections li#ms_foretag a.active { background-position: -707px -40px; }
ul#menu_sections li#ms_af a { width: 104px; background-position: -774px 0; }
ul#menu_sections li#ms_af a.active { background-position: -774px -40px; }


/*
FLAPS
*/
ul.flaps {
	list-style: none;
	margin: 0;
}
   
ul.flaps li {
	float: left;
	border-bottom-width: 0;
	margin-right: 5px;
}

ul.flaps li a {
	background: url(images/box_flaps.gif) no-repeat;
	display: block;
	float: left;
	overflow: hidden;
	height: 0;
	padding-top: 34px;
	position: relative;
	top: 4px;
}

/*
SPECIFIC FLAPS
*/
ul.flaps li#flap_erbjudandet a { width: 130px; background-position: 0 -34px; }
ul.flaps li#flap_erbjudandet a.active{ background-position: 0 0; }
ul.flaps li#flap_jamfor a { width: 130px; background-position: -145px -34px; }
ul.flaps li#flap_jamfor a.active { width: 130px; background-position: -145px -0; }
ul.flaps li#flap_faq a { width: 131px; background-position: -284px -34px; }
ul.flaps li#flap_faq a.active { width: 131px; background-position: -284px -0; }
ul.flaps li#flap_driftinfo a { width: 130px; background-position: -566px -34px; }
ul.flaps li#flap_driftinfo a.active { width: 130px; background-position: -566px -0; }
ul.flaps li#flap_laddaner a { width: 130px; background-position: -427px -34px; }
ul.flaps li#flap_laddaner a.active { width: 130px; background-position: -427px -0; }
ul.flaps li#flap_hittaaterforsaljare a { width: 136px; background-position: -844px -34px; }
ul.flaps li#flap_hittaaterforsaljare a.active { width: 136px; background-position: -844px -0; }
ul.flaps li#flap_kontakt a { width: 130px; background-position: -707px -34px; }
ul.flaps li#flap_kontakt a.active { width: 130px; background-position: -707px -0; }
ul.flaps li#flap_omoss a { width: 130px; background-position: -1000px -34px; }
ul.flaps li#flap_omoss a.active { width: 130px; background-position: -1000px -0; }
ul.flaps li#flap_press a { width: 130px; background-position: -1130px -34px; }
ul.flaps li#flap_press a.active { width: 130px; background-position: -1130px -0; }
ul.flaps li#flap_tester a { width: 130px; background-position: -1260px -34px; }
ul.flaps li#flap_tester a.active { width: 130px; background-position: -1260px -0; }
ul.flaps li#flap_start a { width: 130px; background-position: -1650px -34px; }
ul.flaps li#flap_start a.active { width: 130px; background-position: -1650px -0; }
ul.flaps li#flap_shortfaq a { width: 130px; background-position: -1780px -34px; }
ul.flaps li#flap_sms a.active { width: 130px; background-position: -1910px -0; }
ul.flaps li#flap_sms a { width: 130px; background-position: -1910px -34px; }
ul.flaps li#flap_shortfaq a.active { width: 130px; background-position: -1780px -0; }
ul.flaps li#flap_mypages a { width: 130px; background-position: -1910px -34px; }
ul.flaps li#flap_mypages a.active { width: 130px; background-position: -1910px -0; }




/*
Button holder
- Div that contains imagebutton and text link.
Often right-aligned, but also, often overridden on various pages..
Todo: Remove or remake
*/
div.button_holder
{
	display: inline;
	float: right;
}
div.button_holder a	
{
	color: #3b3b3b;
	display: block;
	font-size: 11px;
}
div.button_holder p
{
	display: block;
	margin-bottom: 0;
}

#start_puff1 .button_holder, 
#bredband_jamfor_puff1 .button_holder
{
	float: none;	
}
#bredband_erbjudande_puff1 .button_holder
{
	float: none;
	position: absolute; 
	top: 260px; 
	left: 830px;
}
div.company#bredband_erbjudande_puff1 .button_holder
{
	top: 277px; 
	left: 527px;	
}
div.company#bredband_erbjudande_puff4 .button_holder
{
	float: none;
	position: absolute; 
	top: 277px; 
	left: 197px;	
}






h1, h2, h3, h4, h5
{
	font-family: Helvetica, Arial, Verdana;
	font-weight: bold;
	text-align: left;
	line-height: 1em;
}

/*
h1 is replaced with ice.net logo
*/
h1
{
	float: left;
}
h1 a
{
	background: url(images/logo.gif) no-repeat;
	display: block;
	width: 238px;
	height: 0;
	overflow: hidden;
	padding-top: 89px;
}

h2
{
	font-size: 28px;
	color: #2d2d2d;
	margin-bottom: 15px;
}

h3
{
	font-size: 14px;
	margin-bottom: 4px;
}

h2.start_page{
  font-size: 38px;
  margin-bottom: 0px;
}

div.fancy_header h2
{
	color: #414042;
	margin-bottom: 0px;
}

h3.sifr_this
{
	font-size: 20px;
	margin-bottom: 0;
}

h4
{
	font-size: 15px;
}


@media screen 
{
	.sIFR-dummy { 
		width: 0px;
		height: 0px;
		margin-left: 42px !important;
		z-index: 0;
	}
	
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}

	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	}

	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}

	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
	}


	/*
	Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
	so they only apply if sIFR is active. Make sure to limit the CSS to the screen
	media type, in order not to have the printed text come out weird.
	*/

	/* Example:
	.sIFR-active h1 {
		font-family: Verdana;
		visibility: hidden;
	}
	*/
	.sIFR-active h2
	{
		visibility: hidden !important;
	}
	
	.sIFR-active h3.sifr_this
	{
		visibility: hidden !important;
	}
	
}




/*
div.width_control
used to control width of specific items
*/
div.width_control
{
	width: 430px;
	position: relative;
}
div.small div.width_control { width: 270px; }
div.semilarge div.width_control { width: 590px; }

#tackning_puff1 div.width_control { width: 650px; }

div.width_control#product_page_text
{
	width: 450px;
	padding-left: 20px;
}
#bredband_jamfor_puff1 div.width_control
{
	padding: 40px 0 30px 25px;
	width: 270px;
}
div.company#bredband_erbjudande_puff1 div.width_control
{
	width: 380px;
}







/*
Tooltip on order page - also see /scripts/scripts.js
Usage: 
<span class="tt">Header goes here<dfn>Text to appear in tooltip goes here</dfn></span>
*/
div.tooltip
{
        display: none;
        height: auto;
        width: 193px;
        position: absolute;
        left: 200px;
        top: 200px;
        padding: 10px 10px 35px 10px;
        border-top: 1px solid #d5d5d5;
        background: url(images/tooltip_bg.gif) no-repeat bottom left;
        text-decoration: none;
        font-size: 11px;
        color: #8b8b8b;
        z-index:100;
        margin-top:0px;
        margin-left:-20px;
}
span.tt dfn
{
	display: none;
}
span.tt
{
	font-size: 11px;
	font-weight: bold;
	/*font-family: Arial, Verdana;*/
	background: url(images/tooltip_indicator.gif) no-repeat right 1px;
	padding-right: 14px;
}








/*
FAQ & Press
*/

div.faq_item
{
	display: block;
	margin-bottom: 20px;
}


p.answer
{
	font-size: 12px;
	border-style: dotted;
	border-width: 1px;
	border-color: Gray;
	padding: 4px;
	margin-top: 2px;
}

.question
{
	line-height: 18px;
}

.question:hover 
{
	cursor: pointer;
	text-decoration: underline;
}



div.press_item
{
	display: block;
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
	margin-bottom: 10px;
}

div.press_item .img_container
{
	width: 170px;
	text-align: center;
	margin-bottom: 10px;
	float: left;
	display:inline;
	margin-right: 10px;
}

div.press_item .small
{
	font-size: 10px;
	line-height: 12px;
}

div.press_item .text_container
{
	width: 360px;
	margin-bottom: 10px;
	float: left;
	display:inline;
}
div.first
{
	border-top: 0;
}



p { margin-bottom: 10px; line-height: 18px; }
/*#omoss_puff1 p { line-height: 16px; }*/
p.footnote { /*font-family: Arial, Verdana;*/ font-size: 11px; }
p.preamble { font-size: 14px; }
p.float_right{ text-align: right; }




/*
Splashes
*/
/*
div.splash
{
	color: #fff;
	text-align: center;
	position: absolute;
	z-index: 5;	
	padding-top: 70px;
}
*/

div.splash
{
	color: #fff;
	text-align: center;
	position: absolute;
	z-index: 5;	
	top: 170px;
	left: 600px;
}


div.red_splash div.inner
{
	padding-top: 60px;
	width: 198px;
	height: 142px;
	background: url(images/splash_red2.png) no-repeat;
}

/*
for christmas styles
#start_puff1 div.red_splash div.inner
{
	padding-top: 85px;
	height: 117px;
	background: url(images/gnomes/198x202_heart.png) no-repeat;
}
*/
div.blue_splash div.inner
{
	background: url(images/splash_blue1.png) no-repeat;
	width: 166px;
	height: 116px;
	padding-top: 55px;
}

div.red_splash{
	top: 170px;
	left: 750px;
}
div.blue_splash{
	top: 50px;
	left: 18px;
}

div.splash a
{
	text-decoration: underline;
	z-index: 10;
	position: relative;
	
}


div.red_splash h3
{
	text-align: center;
	font-size: 22px;
	margin-bottom: 0;
}

div.red_splash p
{
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
}

div.red_splash p span.info
{
	margin-top: -5px;
	display: block;
	font-size: 14px;
	font-weight: normal;
}
div.blue_splash p span.info
{
	margin-top: -5px;
	display: block;
	font-size: 22px;
	font-weight: bold;
}
div.blue_splash h3
{
	text-align: center;
	margin-bottom: 0;
	font-size: 16px;
}
div.blue_splash p
{
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}


div.contact_info
{
	border-style: dotted;
	border-width: 1px;
	border-color: Gray;
	padding: 10px 10px 0 10px;
}



/*
Fancy header
-used on the top of all product pages 
*/

div.fancy_header
{
	display: block;
	clear: both;
	margin-bottom: 20px;
}
/*
christmas

#bredband_mobilapaketet_puff1 div.fancy_header,
#bredband_ukepaketet_puff1 div.fancy_header,
#bredband_familjepaketet_puff1 div.fancy_header
{
	background: url(images/gnomes/new_header.jpg) no-repeat;
	width: 420px;
	height: 130px;
	padding: 70px 0 0 30px;
	margin-bottom: 0;
}
#bredband_ukepaketet_puff1 div.fancy_header
{
	height: 120px;
	padding-top: 80px;
}
pre-christmas header
*/

#bredband_familjepaketet_puff1 div.fancy_header
{
	background: url(images/bredband_familjepaketet_fancy_header.jpg) no-repeat;
	width: 430px;
	height: 140px;
	padding: 60px 0 0 20px;
	margin-bottom: 0;
}
#bredband_mobilapaketet_puff1 div.fancy_header,
#bredband_ukepaketet_puff1 div.fancy_header
{
	background: url(images/bredband_mobilapaketet_fancy_header.jpg) no-repeat;
	width: 450px;
	height: 148px;
	padding: 70px 0 0 25px;
}





div.company#bredband_mobilapaketet_puff1 div.fancy_header
{
	background: url(images/bredband_mobilakontoret_fancy_header.jpg) no-repeat;
	width: 379px;
	height: 166px;
	padding: 30px 25px 0 25px;
	margin-top: 30px;
	margin-bottom: 20px;
}
div.company#bredband_familjepaketet_puff1 div.fancy_header
{
	background: url(images/bredband_kontorspaketet_fancy_header.jpg) no-repeat;
	width: 420px;
	height: 158px;
	padding: 40px 0 0 30px;
	margin-top: 30px;
}

div.fancy_header ul li
{
	font-size: 14px;
	color: #fbeb00;
	margin-bottom: 2px;
}
div.fancy_header ul li span.regular_text
{
	color: #2d2d2d;
}






/*
Quick item info boxes on product, telefoni and order pages
*/
div.quick_item_info
{
	position: absolute;
	top: 71px;
	left: 785px;
	width: 145px;
	height: 201px;
	z-index:1;
	background: url(images/snabba_fakta.jpg) no-repeat;
	padding-top: 50px;
	padding-left: 20px;
}
div.quick_item_info#quick_item_info2 { top: 320px; }

div.quick_item_info p
{
	/*font-family: Arial, Verdana;*/
	font-size: 11px;
	width: 120px;
	margin-bottom: 4px;
	line-height: 14px;
}

/*
Special offers on some product pages
*/
#special_offer
{
	position: absolute;
	top: 313px;
	left: 785px;
	width: 140px;
	z-index:2;
	padding-left: 25px;
}
#special_offer.pcforalla
{
	height: 96px;
	background: url(images/pc_for_alla.jpg) no-repeat;
	padding-top: 155px;
}
#special_offer p
{
	/*font-family: Arial, Verdana;*/
	font-size: 11px;
	width: 120px;
	margin-bottom: 4px;
	line-height: 14px;
}





/*
LISTS
*/

#sitemap_puff1 ul
{
	list-style-position: outside;
	margin-left: 15px;
	margin-bottom: 0;
	margin-top: 5px;
}
#sitemap_puff1 ul.topcategory
{
	float:left;
	display: inline;
}


ul
{
	list-style-position: outside;
	margin: 5px 0 15px 15px;
}
ul.no_indent
{
	list-style: none;
	margin: 5px 0 15px 0;
}

#bredband_erbjudande_puff1 ul li
{
	font-size: 12px;
	margin-bottom: 3px;
}


ul#faq_categories
{
	list-style: none;
	display: block;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
ul#faq_categories li { margin-bottom: 3px; }
ul#faq_categories li a
{
	color: #3b3b3b;
	background: url(images/arrow_right.gif) no-repeat 0 2px;
	display: block;
	padding-left: 20px;
	font-size: 15px;
}
ul#faq_categories li a.active { background: url(images/arrow_down.gif) no-repeat 0 2px;	 }

#kundtjanst_driftinfo_puff1 div.content ul
{
	list-style: none;
	margin: 0;
	margin-bottom: 20px;
}
#kundtjanst_driftinfo_puff1 div.content ul li span.date
{
	display:block;
	/*font-family: Arial, Verdana;*/
	margin-bottom: 10px;
}
div.more { display: none; font-family: Arial, Verdana; }

#kundtjanst_driftinfo_puff1 div.content ul li { margin-bottom: 20px; }


ul.download
{
	margin: 0;
	width: 440px;
	list-style: none;
	border-bottom: 1px solid #d1d1d1
}
ul#press
{
	margin: 0;
	margin-top: 20px;
	width: 280px;
}

ul.download li { border-top: 1px solid #d1d1d1; }
ul.download li a
{
	display: block;
	line-height: 30px;
	background: #fbfbfb url(images/arrow_down2.gif) no-repeat 415px 7px;
	padding-left: 5px;
}

ul#press li a { background: #fbfbfb url(images/arrow_right2.gif) no-repeat 255px 7px; }
ul#press li a.active { background: #fbfbfb url(images/arrow_down2.gif) no-repeat 255px 7px; }


/*
listmenu on lower left side of product pages
todo: redo
*/
ul#bredband_familjepaketet_list, 
ul#bredband_mobilapaketet_list,
ul#bredband_ukepaketet_list
{
	position: absolute;
	left: 5px;
	list-style: none;
	display: block;
	margin: 0;
}
ul#bredband_familjepaketet_list { top: 465px; }
ul#bredband_mobilapaketet_list { top: 465px; }
ul#bredband_ukepaketet_list { top: 465px; }

div.company ul#bredband_familjepaketet_list { top: 507px; }
div.company ul#bredband_mobilapaketet_list { top: 497px; }


li a#mp, li a#mpc
{
	background: url(images/bredband-ul-mobilapaketet.jpg) no-repeat;
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 63px;
	width: 290px;
	cursor: pointer;
}

li a#fp, li a#fpc
{
	background: url(images/bredband-ul-familjepaketet.jpg) no-repeat;
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 63px;
	width: 290px;
	cursor: pointer;
}

li a#up
{
	background: url(images/bredband-ul-uke.jpg) no-repeat;
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 63px;
	width: 290px;
	cursor: pointer;
}

li a#mpc{ padding-top: 85px; background: url(images/bredband-ul-mobilapaketet_company.png) no-repeat; }
li a#fpc{ padding-top: 95px; background: url(images/bredband-ul-familjepaketet_company.png) no-repeat; }

/*
Column divided pages
 - example faq
*/

div.col
{
	display: inline;
	float: left;
}

#kundtjanst_faq_puff1 div.col2,
#kundtjanst_kontakt_puff1 div.col2
{
	min-height:380px;
	height:auto !important; /*IE6 Min-height fix */
	height:380px;
}
div.col1
{
	width: 290px;
	margin-right: 10px;
}
#kundtjanst_driftinfo_puff1 div.col1
{
	width: 429px;
	margin-right: 10px;
	padding-right: 10px;
	min-height:400px;
	height:auto !important; /*IE6 Min-height fix */
	height:400px;
	border-right: 1px solid #b0b0b0;
}

div.col2
{
	border-left: 1px solid #b0b0b0;
	padding: 0 20px;
	width: 550px;
}


#kundtjanst_driftinfo_puff1 div.col2
{	
	padding: 0 20px;
	width: 399px;
	border: 0;
}




/*
Download area
*/
#kundtjanst_laddaner_puff1 #item1, 
#kundtjanst_laddaner_puff1 #item2
{
	display: block;
	padding-bottom: 20px;
}

#kundtjanst_laddaner_puff1 #item1
{
	clear: both;
	margin-top: 10px;
	padding-bottom: 40px;
}
#kundtjanst_laddaner_puff1 #item2
{
	clear: both;
	border-top: 1px solid #d1d1d1;
	padding-top: 40px;
	padding-bottom: 0;
}
#kundtjanst_laddaner_puff1 div.col1,
#kundtjanst_sms_puff1 div.col1
{
	width: 438px;
	margin-right: 10px;
	
}
#kundtjanst_laddaner_puff1 div.col2
{
	padding: 0 20px;
	width: 400px;
}
#kundtjanst_laddaner_puff1 div.col1 img
{
	float: left;
	display: inline;
	margin-right: 10px;
}
#kundtjanst_laddaner_puff1 div.col1 div.item_text
{
	float: left;
	display: inline;
	width: 300px;
}





div#kundtjanst_start_headset
{
	position: absolute;
	bottom: 14px;
	right:4px;	
	z-index: 100;
	width: 246px;
	height: 219px;
	background: url(images/customer_service.png) no-repeat;
}

div#kundservice_start_col1
{
	margin-top: 0px;	
	width: 380px;
	padding: 10px 5px 10px 15px; 
	background: #FEFFDB;
	border: 4px solid #eaeaea;
	float: left;
	min-height: 195px;
	height: 195px;	
	height:auto !important; /*IE6 Min-height fix */
}

div#kundservice_start_col2
{
	float: left; 
	margin-left: 30px;
	position: relative; 
	width: 473px;
}

div#kundservice_start_footer
{
	width: 750px;
	clear: both;
	/*padding: 10px 5px 0 15px; */
	padding: 0px 10px;
	background: #ffffff;	
	
	margin-top: 20px;
}

div.InternalBanner_small
{
	position: relative;
	float: left;
	display: inline;
	width: 210px;
	height: 90px;
	margin-bottom: 10px; 
	padding: 10px 5px 10px 15px;
}

div.InternalBanner_large
{
	position: relative;
	float: left;
	display: inline;
	width: 450px;
	height: 84px;
	padding: 10px 5px 10px 15px;
}

div#kundservice_start div.InternalBanner_small#kundtjanst_banner_bredband { background: url(images/kundtjanst_banner_bredband.jpg) no-repeat; }
div.company#kundservice_start div.InternalBanner_small#kundtjanst_banner_bredband { background: url(images/kundtjanst_banner_bredband_company.jpg) no-repeat; }

div.InternalBanner_small#kundtjanst_banner_drift { background: url(images/kundtjanst_banner_drift.jpg) no-repeat; }
div.InternalBanner_large#kundtjanst_banner_large { background: url(images/kundtjanst_banner_antenner_large.jpg) no-repeat; }

div.InternalBanner_small div.banner_inner
{
	padding: 3px 0px;
}

div.InternalBanner_large div.banner_inner
{
	padding: 3px 10px 0 10px;
}

div.InternalBanner_small div.button_holder,
div.InternalBanner_large div.button_holder
{
	float: none;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

div#kundservice_start_col1 a,
div#kundservice_start_footer a
{
	color: #000;
}






/*
Boxes
*/
div.box
{
	position: relative;
	display: inline;
	/*float: left;*/
	background: #fff;
	margin-bottom: 5px;
}
div.float_right
{
	display: block;
	float: right;
}




div.spacer { margin-right: 22px; }
div.spacer2 { margin-right: 18px; }
div.small { width: 306px; }
div.medium { width: 472px; }
div.semilarge { width: 637px; }
div.large { width: 962px; }
div.box .content { clear: both; /*border: 4px solid #eaeaea;*/ }
div.box .shadow { clear:both; display: block; height: 10px; }
div.small .shadow { width: 306px; background: #fff url(images/box_shadow_small.png) no-repeat; }
div.medium .shadow { width: 472px; background: #fff url(images/box_shadow_medium.png) no-repeat; }
div.semilarge .shadow { width: 637px; background: #fff url(images/box_shadow_semilarge.png) no-repeat top left; }
div.large .shadow { width: 962px; background: #fff url(images/box_shadow_large.png) no-repeat; }

/*
SPECIFIC BOX STYLES (unique padding & bg-images)
*/
div.content { padding: 40px 0 20px 25px; }
div.semilarge div.content
{
	padding: 20px 0 5px 20px;
}


#start_puff1 div.content
{
	background: url(images/start.jpg) no-repeat 0 0;
	height: 309px;
	padding: 10px 20px 0 330px;
}
div.company#start_puff1 div.content { background: url(images/start_company.jpg) no-repeat 0 0px; }

#start_puff2 div.content
{
	background: url(images/start_puff2.jpg) no-repeat top left;
	/*background: url(images/gnomes/188x250_alltid_julkampanj.jpg) no-repeat top left;*/
	height: 220px;
	padding: 5px 5px 0 140px;
}
div.company#start_puff2 div.content{ background: url(images/start_puff2_company.jpg) no-repeat top left; }


#start_puff3 div.content
{
	background: url(images/start_puff3.jpg) no-repeat top left;
	/*background: url(images/gnomes/188x250_ofte_julkampanj.jpg) no-repeat top left;*/
	height: 220px;
	padding: 5px 5px 0 145px;
}
div.company#start_puff3 div.content { background: url(images/start_puff3_company.jpg) no-repeat top left; }

#bredband_antenner_puff1 div.content
{
	background: url(images/antenner_puff.jpg) no-repeat 0 0;
	height: 226px;
	padding: 20px 0 0 20px;
}

#bredband_erbjudande_puff1 div.content
{
	background: url(images/bredband_familjepaketet_large.jpg) no-repeat 0 10px;
	height: 296px;
	padding: 20px 20px 0 290px;
}
div.company#bredband_erbjudande_puff1 div.content  
{
	background: url(images/bredband_familjepaketet_large_company.jpg) no-repeat -30px 10px; 
	padding: 20px 20px 0 230px;
}

#bredband_erbjudande_puff2 div.content
{
	background: url(images/start_puff2.jpg) no-repeat top left;
	/*background: url(images/gnomes/188x250_alltid_julkampanj.jpg) no-repeat top left;*/
	height: 189px;
	padding: 20px 5px 0 140px;
}
div.company#bredband_erbjudande_puff2 div.content  
{
	background: url(images/start_puff3_company.jpg) no-repeat; 
	padding: 20px 20px 0 165px;
}

#bredband_erbjudande_puff3 div.content
{
	background: url(images/start_puff3.jpg) no-repeat top left;
	
	/*background: url(images/gnomes/188x250_ofte_julkampanj.jpg) no-repeat top left;*/
	height: 189px;
	padding: 20px 5px 0 145px;
}

div.company#bredband_erbjudande_puff3 div.content
{
	background: url(/images/kundereferanse_small.jpg) no-repeat 0px;
	padding: 10px 20px 0 179px;
	height: 199px;
	width: 265px;
}

#bredband_erbjudande_puff5 div.content
{
	background: url(images/bredband_start_uke.jpg) no-repeat top left;
	/*background: url(images/gnomes/188x250_uke_julkampanj.jpg) no-repeat top left;*/
	height: 189px;
	padding: 20px 5px 0 140px;
}

#bredband_erbjudande_puff4 div.content
{	
	padding: 170px 10px 0 10px;
	background: url(images/amobil_best_i_test.png) no-repeat;
	background-position: center 10px;
}

.h146 
{
    height: 146px;
}

.h131 
{    
    height: 131px;
}


#bredband_familjepaketet_puff1 div.content
{
	background: url(images/bredband_familjepaketet_erbjudandet.jpg) no-repeat;
	/*background: url(images/gnomes/bredband_familjepaketet_erb.jpg) no-repeat;*/
	min-height:554px;
	height:auto !important; /*IE6 Min-height fix */
	height:554px;
	padding: 0 20px 0 290px;
}
div.company#bredband_familjepaketet_puff1 div.content { background: url(images/bredband_familjepaketet_erbjudandet_company.jpg) no-repeat 0 -50px;}

#bredband_jamfor_puff1 div.content
{
	background: url(images/bredband_jamfor_paket.jpg) no-repeat 320px 40px;
	/*background: url(images/gnomes/bredband_jamfor_paket_new.jpg) no-repeat 320px 40px;*/
	padding: 0px 0 20px 0;
}
div.company#bredband_jamfor_puff1 div.content { background: url(images/bredband_jamfor_paket_company.jpg) no-repeat 381px 40px; }

#bredband_mobilapaketet_puff1 div.content
{
	background: url(images/bredband_mobilapaketet_erbjudandet.jpg) no-repeat 4px 29px;
	/*background: url(images/gnomes/bredband_mobilapaketet_erbj.jpg) no-repeat 4px 29px;*/
	min-height:554px;
	height:auto !important; /*IE6 Min-height fix */
	height:554px;
	padding: 0 20px 0 290px;
}
div.company#bredband_mobilapaketet_puff1 div.content { background: url(images/bredband_mobilapaketet_erbjudandet_company.jpg) no-repeat 0 -50px; }


#bredband_ukepaketet_puff1 div.content
{
	background: url(images/bredband_ukepaketet_erbjudandet.jpg) no-repeat 4px 29px;
	/*background: url(images/gnomes/bredband_ukepaketet_erbjuda.jpg) no-repeat 4px 29px;*/
	min-height:554px;
	height:auto !important; /*IE6 Min-height fix */
	height:554px;
	padding: 0 20px 0 290px;
}

#tackning_puff1 div.content
{
	padding: 40px 20px 20px 25px;
}

#losningar_puff1 div.content
{
	background: url(images/losningar_large.jpg) no-repeat 477px 0;
	min-height:644px;
	height:auto !important; /*IE6 Min-height fix */
	height:644px;
	padding: 40px 0 0 25px;
}


#tackning_puff1 iframe
{
	height: 700px;
	width: 900px;
	border: 0;
	margin-top: 20px;
	padding-bottom: 5px
}

#bestill_puff1 div.content
{
	padding: 40px 0 20px 25px;
}


#kundtjanst_faq_puff1 div.content,
#kundtjanst_hitta_puff1 div.content,
#kundtjanst_kontakt_puff1 div.content,
#kundtjanst_laddaner_puff1 div.content
#kundtjanst_sms_puff1 div.content
{
	min-height:400px;
	height:auto !important; /*IE6 Min-height fix */
	height:400px;
	padding: 40px 0 20px 25px;
}

#kundtjanst_driftinfo_puff1 div.content
{
	background: url(images/kundservice_drift.jpg) no-repeat /*557px 140px;*/bottom right;
	min-height:400px;
	height:auto !important; /*IE6 Min-height fix */
	height:400px;
	padding: 40px 0 20px 25px;
}

#omoss_puff1 div.content
{
	background: url(images/omoss.jpg) no-repeat 477px 0;
	min-height:395px;
	height:auto !important; /*IE6 Min-height fix */
	height:395px;
	padding: 40px 0 0 25px;
}
#omoss_press_puff1 div.content
{
	min-height:400px;
	height:auto !important; /*IE6 Min-height fix */
	height:400px;
	padding: 40px 0 20px 25px;
}

#company_start div.content
{
	min-height:400px;
	height:auto !important; /*IE6 Min-height fix */
	height:400px;
	padding: 40px 0 20px 25px;
}


/*
TABLE
*/
table { border-collapse: collapse; }
table th { text-align: left; font-weight: bold; }
table tr.alt_row th, table tr.alt_row td { background: #f1f1e9; }

table.comparision td, table.comparision th.col2, table.comparision th.col3 { border-left: 1px solid #b8b8b8;  }
table.comparision td, table.comparision th
{
	/*font-family: Arial, Verdana;*/
	padding-left: 20px;
	line-height: 30px;
	vertical-align: top;
	color: #000;
}

table.comparision th.top_row
{
	padding-left: 10px;
}

table.comparision th.col1, table.comparision th.col2, table.comparision th.col3
{
	text-transform: uppercase;
	/*padding-bottom: 10px;*/
	width: 315px;
}

table.comparision td
{
	/*
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 17px;
	*/
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 8px;
	line-height: 15px;
}

table.comparision3col th.col1, table.comparision3col td.col1 { width: 237px; }
table.comparision3col th.col2, table.comparision3col td.col2 { width: 228px; }
table.comparision3col th.col3, table.comparision3col td.col3 { width: 229px; }


table.packagechoice{ margin-bottom: 4px;}
table.packagechoice td label { margin-right: 5px; }


table tr td.highlight_large { background-image: url(images/highlight_large.png); background-repeat: no-repeat; }
table tr td.highlight_large2 { background-image: url(images/highlight_large_2row.png); background-repeat: no-repeat; }
table tr td.highlight_medium { background-image: url(images/highlight_medium.png); background-repeat: no-repeat; }
table tr td.highlight_small { background-image: url(images/highlight_small.png); background-repeat: no-repeat; }

table td.links { line-height: 15px; }

table.suppliers { border: 0; width: 580px; }
table.suppliers td, table.suppliers th.col1, table.suppliers th.col2, table.suppliers th.col3, table.suppliers th.col4, table.suppliers th
{
	vertical-align: top;
	border: 0;
	padding: 5px 2px;
	line-height: 18px;
}




/*
FOOTER
*/

#footer
{
	border-top: 2px solid #fbeb00;
	display: block;
	height: 2px;
	margin-bottom: 30px;
	width: 962px;
}

#footer a { color: #999; font-size: 9px; }

#footer ul#footer_text_links
{
	list-style: none outside;
	display: block;
	float: left;
	margin: 4px 0 0 0;
}

#footer ul#select_country
{
	list-style: none outside;
	display: block;
	float: right;
	margin: 8px 0 0 0;
}

#footer ul#footer_text_links li, #footer ul#select_country li
{
	display: inline;
	margin-left: 10px;
	line-height: 20px;
}
#footer ul#select_country li { margin-left: 5px; }

#footer ul#footer_text_links li a#print
{
	background: url(images/print.gif) no-repeat 0 0;
	padding-left: 18px;
	padding-bottom: 4px;
}

#footer ul#footer_text_links li a#email
{
	background: url(images/email.gif) no-repeat 0 0;
	padding-left: 19px;
	padding-bottom: 4px;
	margin-right: 450px;
}



/*
POPUPS
*/
div.popup
{
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 20;
	display: none;
}

div.popup_medium
{
	width: 326px;
	height: 431px;
	background: url(images/popup_shadow1.png) no-repeat;
	padding: 18px 25px 32px 25px
}

div.popup_large
{
	width: 326px;
	height: 536px;
	background: url(images/popup_shadow2.png) no-repeat;
	padding: 18px 25px 32px 25px
}

div.popup_medium div.popup_box
{
	width: 303px;
	height: 411px;
	border: 4px solid white;
	padding: 2px 2px 10px 13px
}

div.popup_large div.popup_box
{
	width: 303px;
	height: 516px;
	border: 4px solid white;
	padding: 2px 2px 10px 13px
}

div.popup_yellow div.popup_box { background-color: #fbeb00; }
div.popup_grey div.popup_box { background-color: #cacaca; }

div.popup_quick_item_info div.popup_box
{
	width: 318px;
	height: 423px;
	background-color: #cacaca;
	border: 4px solid white;
}

div.popup_quick_item_info div.form { height: 380px; overflow: auto; }
div.popup_quick_item_info a.popup_close { margin: 2px 2px 0 0; }

div.popup a.popup_close
{
	height: 0;
	width: 26px;
	background: url(images/popup_close.png) no-repeat;
	padding-top: 26px;
	overflow: hidden;
	display: block;
	float: right;
	cursor: pointer;
}

div.popup h3 { font-size: 22px; margin-bottom: 15px; }
div.popup h4 { font-size: 22px; margin-bottom: 5px; }
div.popup#popup_pul h4 { font-size: 18px; }
div.popup h5 { font-size: 14px; margin-bottom: 5px; }
div.popup_quick_item_info h3 { margin-left: 13px; }

div.popup_quick_item_info div.row { display:block; padding: 5px 10px 5px 13px; }
div.popup_quick_item_info div.row p { /*font-family: Arial, Verdana; */margin-bottom: 0; }
div.popup_quick_item_info div.alt { background-color: #dadada; }
div#popup_terms p
{
	/*font-family: Arial, Verdana;*/
	font-size: 11px;
	line-height: 13px;
}
div.popup_grey p a { color: #3b3b3b; text-decoration: underline; }
div.popup div.form { display: block; }

input.cb_confirm
{
	margin-right: 5px;
	float: left;
	display: inline;
}

div.output
{
	display: inline;
	float: left;
	width: 180px;
}

div.popup label, div.popup strong.br
{
	display: block;
	/*font-family: Arial, Verdana;*/
	font-size: 11px;
	font-weight: bold;
}

div.popup input, div.popup textarea, div.popup select
{
	margin-bottom: 8px;
	display: block;
	/*font-family: Arial, Verdana;*/
	font-size: 11px;
}

input.input_text
{
	width: 280px;
	height: 18px;
	background-color: #f2f2f2;
	border: 1px solid #bababa;
}

input_text
{
	width: 280px;
	height: 18px;
	background-color: #f2f2f2;
	border: 1px solid #bababa;
}

textarea.input_text
{
	width: 280px;
	height: 100px;
	background-color: #f2f2f2;
	border: 1px solid #bababa;
}
#popup_reporterror textarea.input_text{ height: 70px; }

div.popup_box input.input_text, div.popup_box textarea.input_text input_text { width: 290px; }
select { padding-left: 2px; }
select option { padding-left: 2px; }


div.popup label.no_br, div.popup input.no_br { float: left; display: inline; }

div.popup input.submit
{
	float: right;
	margin-top: 5px;
	margin-right: 8px;
}




/* 
CAMPAIGN Trolls/Gnomes
*/ 

#start_puff1 div.content
{
	background: url(images/gnomes/851x319px_start_julkampanj.jpg) no-repeat 0 0;
	height: 309px;
	padding: 10px 20px 0 330px;
}
#start_puff1 h2
{
	display: none;
}
div.company#start_puff1 h2
{
	display: block;
}

#start_puff1 div.width_control
{
	position: absolute;
	top: 155px;
	left: 30px;
	color: #ccc;
	width: 340px;
	font-size: 14px;
}
div.company#start_puff1 div.width_control
{
	width: 430px;
	position: relative;
	top: 0;
	left: 0;
	color: #000;
	font-size: auto;
}
#start_puff1 div.button_holder
{
	float: right;
	margin: 10px 5px 20px 15px;
}
div.company#start_puff1 div.button_holder
{
	float: none;
	margin:0;
}

div.company#start_puff1 div.content
{
	height: 309px;
	padding: 10px 20px 0 330px;
}


#bredband_erbjudande_puff1_new div.content
{
	
	/*background: url(images/gnomes/bredband_campaign25th_large.jpg) no-repeat 0 0;*/
	/*background: url(images/bredband_start_private.jpg) no-repeat 0 0;*/
	/*background: url(images/gnomes/633x313px_bredband_julkampanj.jpg) no-repeat 0 0;*/
	background: url(images/iceno_startsida_sea.jpg) no-repeat 0 0;
	
	
	height: 301px;
	padding: 0;
}

#bredband_erbjudande_puff1_new div.width_control, #bredband_erbjudande_puff1_new div.splash
{
	display: none;
}
#bredband_erbjudande_puff2_new div.content
{
	height: 281px;
	padding: 20px 10px 0 20px;
	background: url(images/start_bredband_jamfor_larger.jpg) no-repeat 0 0;
	/*background: url(images/gnomes/start_bredband_jamfor_large.jpg) no-repeat 0 0;*/
	
}
#bredband_erbjudande_puff2_new div.button_holder
{
	position: absolute;
	top: 265px;
	left: 195px;
}

#bredband_erbjudande_puff1_new div.button_holder
{
	float: none;
	position: absolute;
	top: 265px;
	left: 525px;
}

#bredband_erbjudande_puff2 div.button_holder,
#bredband_erbjudande_puff3 div.button_holder,
#bredband_erbjudande_puff5 div.button_holder
{
	position: absolute;
	top: 172px;
	left: 195px;
}

div.company#bredband_erbjudande_puff2 div.button_holder,
div.company#bredband_erbjudande_puff3 div.button_holder
{
	top: 170px;
	left: 362px;
}

#start_puff2 div.button_holder,
#start_puff3 div.button_holder
{
	position: absolute;
	top: 190px;
	left: 192px;
}

#bredband_erbjudande_puff2_new h3.sifr_this
{
	font-size: 20px;
	margin-bottom: 5px;
}
#bredband_erbjudande_puff5 h3.sifr_this
{
	font-size: 16px;
}



#v_player879a0792a435
{
	position: absolute;
	z-index: 3;
	left: 150px;
	top: 100px;
}

div.close_gnomes
{
	position: absolute;
	z-index: 3;
	top: 71px;
	left: 150px;
	height: 29px;
	width: 640px;
	background: #000;
}

a.close_movie
{
	margin: 3px 3px 0 0;
	float: right;
	display: inline;
	height: 0;
	width: 26px;
	background: url(images/popup_close.png) no-repeat;
	padding-top: 26px;
	overflow: hidden;
	display: block;
	cursor: pointer;
}



/* Ice block fallback, start page 
20100128 ML*/
#start_puff1 div.content
{
	background: url(images/iceno_startsida_sea.jpg) no-repeat 0 0;
	height: 328px;
	padding: 0 0 0 0;
}

#start_puff1 div.button_holder
{
	/*float: right;
	margin: 10px 5px 20px 15px;*/
	top: 275px;
	right: 334px;
	position: absolute;
}



/* Forhandler */
div.gray_right_box
{
	background: #eaeaea;
	width: 400px;
	padding: 15px;
	float: left;
	clear: left;
	display: inline;
	margin: 0 30px 15px 0;
}

div.yellow_left_box
{
	float: right;
	clear: right;
	padding: 15px;
	width: 400px;
	background: #fbeb00;
	margin-right: 30px;
}
a.gray
{
	color: #2d2d2d;
}

div.spacer4 {
margin-right:6px;
}


/*
 Misc styles
*/

a.forbruk_link
{
	color: #000;
	font-weight: bold;
	font-size: 11px;
}

.mypage_box .content
{
	padding-top: 20px;
}

.dvCentered
{
   text-align: center; 
}

.dvFloatRight
{
   float:right;
}


.dvLogin
{
    position: absolute;
    top: 100px;
    left: 150px;
}

.dvHeader
{
    position: absolute;
    top: 10px;
    left: 250px;
}

.mpHeader
{
    font-weight: bold;
    font-family: Trebuchet MS;
    font-size: 30pt;
    color: Black;
}

/*
Override col1, col2 from main.css
*/
div.col1
{
	width: 400px;
	margin-right: 10px;
}
div.col2
{
	border-left: 0;
	padding: 0 20px;
	width: 400px;
}

/*
Legend
*/
div#legend div
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
div#legend span.dot
{
	margin-top: 2px;
	margin-right: 3px;
	display: block;
	float: left;
	width: 9px;
	height: 9px;
	background: url(images/legend_dot.gif) no-repeat;
}
div#legend span.legend_text
{
	display: block;
	float: left;
}
div#legend span.terminated
{
	background-color: #ff0000;
}
div#legend span.blocked
{
	background-color: #f26522;
}
div#legend span.limited
{
	background-color: #00cccc;
}


/*
 Custom TABLE styles
*/

.tabCI,
.tabSI,
tblUSG
{
    line-height: 20px;
}
.tabCI
{
	float: left; 
}

.lh24
{
	line-height: 24px;
}

.tabCI_hrow,
.tblSI_trh,
.tblUSG_trh
{
   /*background-color: #fbeb00;*/
   font-weight: bold; 
   text-align: left;
}

.tblSI_termsub
{
	color: #ff0000;
}



.tcCenter 
{
	text-align: center;
}

.tcLeft 
{
	text-align: left;
}

.tcRight
{
	text-align: right;
}

.tcHeader 
{
	text-align: left;
}

.tcHeaderR
{
	text-align: right;
}
.tcHeaderC
{
	text-align: center;
}

.tr_limited 
{
	color: #00cccc;
}

.tr_blocked 
{
	color: #f26522;
}

/*
 Custom asp:label styles
*/

.lblSI_h,
.lbCI_h
{
    font-weight: bold;
}

.lblNormal 
{
}

.lblLeft
{
    text-align: left;
}

.lblRight 
{
    text-align: right;
}

.lblCenter
{
    text-align: center;
}

.lblError
{
	color: Red;
	font-weight: bold;
}

.pnlUsage
{
}
