/******************************

Default elements h1, h2, p, etc.

******************************/
html, body
{
	font-family: arial;
	font-size: 16px;
	margin: 0;
	padding: 0 0 10px 0;   
}
html
{
	overflow: -moz-scrollbars-vertical;
}
body
{
	background: url(../images/back/bg1.jpg) 0 0 repeat-x #8a8b8d;
}

h1
{
	font-size: 2.1em;
	font-weight: normal;
	margin: 0 0 0.8em 0;
	padding: 0;
}
h2
{
	font-size: 1.2em;
	margin: 0 0 1em 0;
	padding: 0;
}
h3
{
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 1em 0;
	padding: 0;
}
h4
{
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 1em 0;
	padding: 0;
}


p
{
	margin: 0 0 1em 0;
	padding: 0;
}
p.preamble
{
	color: #006E88;
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 1.9em 0;
}
img
{
	border: none;
	margin: 0;
	padding: 0;
}
a
{
	color: #2FA5E8;
	text-decoration: none;
}
a:link
{
	color: #2FA5E8;
}
a:hover, .hover a
{
	text-decoration: underline;
}
ul
{
	margin: 0.3em 0 2.3em 0;
	padding: 0;
}
ul li
{
	background: url(../images/back/bullet1.gif) 0 3px no-repeat;
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
}
dl
{
	margin: 0.3em 0 2.3em 0;
	padding: 0;
}
em
{
	font-weight: bold;
	font-style: normal;
}
strong
{
	font-weight: bold;
	font-style: normal;
}

form
{
	margin: 0;
	padding: 0;
}
label
{
	display: block;
	margin: 0;
	padding: 0;
}


/******************************

Layout

******************************/
#root
{
	background: url(../images/back/boxBottom.gif) 0 100% no-repeat;
	margin: 0 auto;
	padding: 10px 0 15px 0;
	position: relative;
	width: 940px;
}
#head
{
	padding: 0 0 10px 0;
}
#content
{
	background: url(../images/back/boxTop.gif) 0 0 no-repeat #FFF;
	padding: 10px 10px 0 10px;
}
.innerContent
{
	padding-left: 32px;
	padding-right: 31px;
}
.startPage2 .innerContent {
	padding: 0;
}
.contWrapper {
	padding: 0 0 15px 0;
}
.rootPage #root {
	margin-top: 60px;
}
/******************************

Classes, special components.

******************************/

/*Footer*/
p.footer
{
	color: #999;
	font-family: "Arial narrow" , Arial;
	font-size: 80%;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
}

/* start page content */
.startPageContent
{
	padding: 10px 10px 0 10px;
}

/*Listtype 2*/
.listType2
{
	margin: 0;
	padding: 10px;
}
.listType2 a
{
	color: #666;
	font-weight: bold;
}

/*Breadcrumbs*/
#breadCrumbPath
{
	color: #1c9cb7;
	font-size: 12px;
	font-weight: bold;
	margin: -5px 0 15px 0;
	text-align: right;
}
#breadCrumbPath a
{
	color: #1c9cb7;
}
#breadCrumbPath span
{
	padding: 0 3px;
}

/*Banner*/
.banner
{
	background-color: #999;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #FFF;
	font-family: tahoma;
	height: 189px;
	margin: 0 0 10px 0;
	padding: 20px 473px 0 20px;
}
.banner h2
{
	font-size: 24px;
}
.banner p
{
	font-family: Arial;
	font-weight: bold;
}
.banner:hover a
{
	text-decoration: underline;
}

/*Start page sub header*/
h2.subHeader
{
	color: #AAA;
	font-size: 16pt;
	font-style: italic;
	margin: 0 0 10px 0;
}

/*Start page navigation (icon buttons)*/
.startNav
{
	margin: 0 0 10px 0;
}
.startNav li
{
	background: none;
	display: inline;
	float: left;
	font-weight: bold;
	margin: 0 4px 0 0;
	padding: 0;
	text-align: center;
	width: 180px;
}
.startNav li a
{
	background-image: url(../images/back/startNavBg2.jpg);
	background-position: 100% 0;
	color: #648d93;
	display: block;
	padding: 0 12px 0 0;
}
.startNav li span.wrap
{
	background-image: url(../images/back/startNavbg2.jpg);
	background-position: 0 0;
	display: block;
	padding: 148px 0 0 0;
}
.startNav a:hover
{
	background-position: 100% -1000px;
}
.startNav a:hover span.wrap
{
	background-position: 0 -1000px;
}
* html .startNav li a
{
	height: 0;
}
/*House*/
.startNav .house a
{
	background-position: 100% -200px;
}
.startNav .house a
{
	color: #c46386;
}
.startNav .house span.wrap
{
	background-position: 0 -200px;
}
.startNav .house a:hover
{
	background-position: 100% -1200px;
}
.startNav .house a:hover span.wrap
{
	background-position: 0 -1200px;
}

/*Brf*/
.startNav .brf a
{
	background-position: 100% -400px;
}
.startNav .brf a
{
	color: #ee9144;
}
.startNav .brf span.wrap
{
	background-position: 0 -400px;
	color: #ee9144;
}
.startNav .brf a:hover
{
	background-position: 100% -1400px;
}
.startNav .brf a:hover span.wrap
{
	background-position: 0 -1400px;
}

/*Company*/
.startNav .company a
{
	background-position: 100% -600px;
}
.startNav .company a
{
	color: #4AA615;
}
.startNav .company span.wrap
{
	background-position: 0 -600px;
}
.startNav .company a:hover
{
	background-position: 100% -1600px;
}
.startNav .company a:hover span.wrap
{
	background-position: 0 -1600px;
}

/*Partner*/
.startNav .partner a
{
	background-position: 100% -800px;
	color: #a38261;
}
.startNav .partner a
{
	color: #a38261;
}
.startNav .partner span.wrap
{
	background-position: 0 -800px;
}
.startNav .partner a:hover
{
	background-position: 100% -1800px;
}
.startNav .partner a:hover span.wrap
{
	background-position: 0 -1800px;
}

/*Startnav when two items*/
.two_children li
{
	margin: 0;
	width: 450px;
}
.two_children li.last
{
	float: right;
}

/*Startnav when three items*/
.three_children li
{
	margin: 0 4px 0 0;
	width: 302px;
}
.two_children li.last
{
	float: right;
	margin: 0;
}

/*Startnav when Two AND three children*/
.two_children li a, .three_children li a
{
	color: #FFF;
	text-align: left;
}
.two_children li span.wrap, .three_children li span.wrap
{
	height: 138px;
	padding: 20px 10px 0 170px;
}


/*Startnav when four items*/
.four_children li
{
	margin: 0 8px 0 0;
	width: 224px;
}
.four_children li.last
{
	float: right;
	margin: 0;
}


/*Flash container*/
.flashContainer
{
	margin-bottom: 15px;
}

/*Bottom links*/
.bottomLinks
{
	clear: both;
	margin-bottom: 15px;
}
/*Special appearance for linkboxes shown on the bottom of the page */
.bottomLinks .linkBox
{
	margin-bottom: 0;
}
.bottomLinks .superhero1
{
	float: left;
}
.bottomLinks .superhero2
{
	float: right;
	position: relative;
	right: -9px;
}

.bottomWrapper
{
	clear: both;
}

/*Bottom banner*/
.bottomBanner
{
	bottom: -5px;
	color: #FFF;
	font-size: 19px;
	height: 102px;
	margin-top: -5px;
	padding-top: 50px;
	position: relative;
	text-align: center;
}
.bottomBanner:hover a
{
	text-decoration: underline;
}
.bottomBanner h2
{
	font-size: 24px;
	margin-bottom: 5px;
}
.bottomBanner a
{
	color: #FFF;
}

/*Botkyrka banner 1*/
.botkyrka1
{
	bottom: auto;
	height: 160px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 700px;
}
.botkyrka1 h2
{
	color: #000;
	left: 30px;
	position: absolute;
	top: 39px;
	width: 265px;
	text-align: center;
}
.botkyrka1 .bannerText
{
	color: #442E2F;
	left: 318px;
	position: absolute;
	text-align: left;
	top: 20px;
	width: 365px;
}
.botkyrka1 .bannerText p
{
	margin: 0 0 0.4em 0;
}
.botkyrka1 .bannerLink
{
	height: 30px;
	left: 640px;
	text-indent: -1000px;
	overflow: hidden;
	position: absolute;
	top: 120px;
	width: 50px;
}

/*Botkyrka banner 1*/
.botkyrka2
{
	bottom: auto;
	font-size: 100%;
	height: 160px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align: left;
	width: 700px;
}
.botkyrka2 h2
{
	color: #FFF;
	left: 300px;
	position: absolute;
	top: 20px;
	width: 380px;
}
.botkyrka2 .bannerText
{
	color: #FFF;
	left: 300px;
	position: absolute;
	text-align: left;
	top: 55px;
	width: 380px;
}
.botkyrka2 .bannerText p
{
	margin: 0 0 0.3em 0;
}
.botkyrka2 .bannerLink
{
	height: 30px;
	left: 300px;
	position: absolute;
	top: 120px;
	width: 380px;
}
.botkyrka2 a:link, .botkyrka2 a:visited
{
	color: #FFF;
}

/*Entrance page banner*/
.entrancePageBanner
{
	background-color: #999;
	color: #FFF;
	height: 220px;
	overflow: hidden;
	padding: 70px 20px 0 20px;
	text-align: center;
}
.entrancePageBanner:hover a
{
	text-decoration: underline;
}

.entrancePageBanner h2
{
	font-size: 24px;
	margin-bottom: 5px;
}
.entrancePageBanner a
{
	color: #FFF;
	font-size: 19px;
	height: 290px;
	text-align: center;
}

/*Top menu*/
.topMenu
{
	background: url(../images/back/generalTop.gif) 0 0 no-repeat;
	margin-bottom: 15px;
	padding: 10px;
	position: relative;
	height: 104px;
}
.household .topMenu
{
	background: url(../images/back/householdTop.gif) 0 0 no-repeat;
}
.house .topMenu
{
	background: url(../images/back/villaTop.gif) 0 0 no-repeat;
}
.company .topMenu
{
	background: url(../images/back/companyTop.gif) 0 0 no-repeat;
}
.brf .topMenu
{
	background: url(../images/back/brftop.gif) 0 0 no-repeat;
}
.partner .topMenu
{
	background: url(../images/back/partnerTop.gif) 0 0 no-repeat;
}

/*Entrance status*/
.topMenu .entrance
{
	color: #FFF;
	font-size: 19px;
	font-weight: bold;
	float: right;
	padding: 15px 90px 20px 0;
	text-align: right;
	width: 300px;
}

/*Startpage link*/
.topMenu .startPageLink
{
	color: #6f6f6f;
	font-size: 19px;
	float: left;
	padding: 0 10px 0 0;
}
.topMenu .startPageLink span
{
	display: block;
	padding: 8px 10px 10px 40px;
}

/*Tabstrip*/
.topMenu .tabStrip
{
	bottom: 0;
	clear: both;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
}
.topMenu .tabStrip li
{
	background: url(../images/back/tabBg.gif) 0 -359px no-repeat;
	border-bottom-color: #505050;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	float: left;
}
.topMenu .tabStrip li a
{
	background: url(../images/back/tabBg.gif) 100% -359px no-repeat;
	color: #000;
	font-size: 19px;
	display: block;
	margin: 0;
	padding: 5px 30px 5px 20px;
}
.topMenu .tabStrip li.inBreadCrumb
{
	border-bottom-color: #FFF;
}
.topMenu .tabStrip li.inBreadCrumb a
{
}

.household .tabStrip li
{
	background-position: 0 0;
	border-bottom-color: #199bb1;
}
.household .tabStrip li a
{
	background-position: 100% 0;
}

.house .tabStrip li
{
	background-position: 0 -72px;
	border-bottom-color: #b36d8f;
}
.house .tabStrip li a
{
	background-position: 100% -72px;
}

.brf .tabStrip li
{
	background-position: 0 -144px;
	border-bottom-color: #d97d16;
}
.brf .tabStrip li a
{
	background-position: 100% -144px;
}

.company .tabStrip li
{
	background-position: 0 -216px;
	border-bottom-color: #4d941c;
}
.company .tabStrip li a
{
	background-position: 100% -216px;
}

.partner .tabStrip li
{
	background-position: 0 -288px;
	border-bottom-color: #a0724e;
}
.partner .tabStrip li a
{
	background-position: 100% -288px;
}

/*Subheader 2*/
.subHeader2
{
	color: #000;
	font-size: 19px;
	margin-bottom: 15px;
}

/*Entrance page containers*/
.cont1
{
	background: url(../images/back/contentBg.gif) 0 100% no-repeat;
	display: inline;
	float: left;
	margin: 0 0 15px 0;
	padding: 0 0 12px 0;
	overflow: hidden;
	width: 411px;
}
.cont1 .inner
{
	background: url(../images/back/contentBg.gif) 0 0 no-repeat;
	padding: 12px 12px 0 12px;
	min-height: 234px;
}
* html .cont1 .inner
{
	height: 234px;
}

.switchedSides .cont1
{
	float: right;
}
.cont1Wide
{
	background: url(../images/back/contentBg_wide.gif) 0 100% no-repeat;
	margin: 0 0 15px 0;
	padding: 0 0 12px 0;
}
.cont1Wide .inner
{
	background: url(../images/back/contentBg_wide.gif) 0 0 no-repeat;
	padding: 12px 12px 0 12px;
}
.cont1Wide .mainBody
{
	padding-right: 100px;
}
.cont1Narrow
{
	background: url(../images/back/contentBg_narrow.gif) 0 100% no-repeat;
	display: inline;
	float: left;
	margin: 0 25px 15px 0;
	padding: 0 0 18px 0;
	overflow: hidden;
	width: 371px;
}
.cont1Narrow .inner
{
	background: url(../images/back/contentBg_narrow.gif) 0 0 no-repeat;
	padding: 12px 12px 0 12px;
}
.cont2
{
	background: url(../images/back/formBg6.gif) 0 100% no-repeat;
	display: inline;
	float: right;
	margin: 0 0 15px 0;
	padding-bottom: 12px;
	width: 407px;
}
.cont2 .inner
{
	background: url(../images/back/formBg6.gif) 0 0 no-repeat;
	padding: 12px 46px 0 12px;
}
.switchedSides .cont2
{
	float: left;
}
.cont3
{
	display: inline;
	float: left;
	margin: 0 25px 10px 0;
	width: 466px;
}
.cont4
{
	display: inline;
	float: right;
	margin: 0 13px 0 0;
	width: 300px;
}
.cont6
{
	float: right;
	padding: 0 0 15px 0;
	width: 425px;
}
.cont5
{
	float: left;
	padding: 0 0 15px 0;
	width: 417px;
}
.cont7
{
	background: url(../images/back/contentBg.gif) 0 100% no-repeat;
	display: inline;
	float: left;
	margin: 0 25px 15px 0;
	padding: 0 0 12px 0;
	overflow: hidden;
	width: 260px;
}
.cont7 .last
{
	margin-right: 0;
}
.cont7 .inner
{
	background: url(../images/back/contentBg.gif) 0 0 no-repeat;
	padding: 12px 12px 0 12px;
	min-height: 234px;
}

/*Start page 2 special appearance*/
.startPage2 .startPageLink {
	display: none;
}
.startPage2 .topMenu {
	background: url(../images/back/startTop.gif) 0 0 no-repeat;
}
.startPage2 .cont3 {
	background: url(../images/back/startPage2Bg.jpg) 0 0 no-repeat;
	color: #FFF;
	height: 169px;
	margin: 0;
	padding: 20px 160px 20px 20px;
	width: 275px;
}
.startPage2 .cont3 h2 {
	font-size: 24px;
}
.startPage2 .cont4
{
	display: inline;
	float: right;
	margin: 0;
	width: 450px;
}
.startPage2 .banner2 {
	color: #FFF;
	font-size: 19px;
	height: 169px;
	padding: 20px;
	text-align: center;
}
.startPage2 .banner2:hover a
{
	text-decoration: underline;
}
.startPage2 h2
{
	font-size: 24px;
	margin-bottom: 5px;
}
.startPage2 a
{
	color: #FFF;
}



/*Text content*/
.textContent h2
{
	font-size: 19px;
	font-weight: normal;
	padding: 2px 0;
}

.textContent p
{
	line-height: 1.3em;
	/*font-size: 14px;*/ /* looks bad in offer details page */
}

/*Linkbox heading*/
.linkBoxHeading
{
	color: #747474;
	margin: 0;
	padding: 0 0 14px 5px;
}

/*Default linkbox appearance*/
.linkBox
{
	background: url(../images/back/linkBoxBg.gif) 0 -425px no-repeat;
	border: none;
	color: #FFF;
	float: right;
	margin-bottom: 13px;
	padding-left: 80px;
	position: relative;
}
.linkBox:hover a
{
	text-decoration: underline;
}
.linkBox .linkBoxInner
{
	background: url(../images/back/linkBoxBg.gif) 100% -425px no-repeat;
	height: 65px;
	padding: 8px 5px 0 0;
	width: 225px;
}

.linkBox h3
{
	margin: 0;
	padding: 0;
	font-size: 19px;
}
.linkBox h3 a
{
	color: #FFF;
	font-size: 19px;
}
.linkBox p
{
	margin: 0;
	padding: 0;
	font-size: 0.75em;
}

/*Special linkboxes*/
.search
{
	background-position: 0 0;
}
.supplierList
{
	background-position: 0 -85px;
}
.computers
{
	background-position: 0 -170px;
}
.tools
{
	background-position: 0 -255px;
}
.web
{
	background-position: 0 -340px;
}
.information
{
	background-position: 0 -425px;
}
.phone
{
	background-position: 0 -510px;
}


/*Superhero linkboxes*/
.superhero1, .superhero2
{
	border: none;
	color: #000;
	height: 141px;
	padding: 0;
	margin-bottom: 10px;
	width: 421px;
}
.superhero1 .linkBoxInner, .superhero2 .linkBoxInner
{
	background: none;
	height: auto;
	padding: 0;
	width: auto;
}
.superhero1 h3, .superhero2 h3
{
	font-weight: normal;
	margin: 0;
}
.superhero1 p, .superhero2 p
{
	font-size: 1em;
	margin: 0;
}
.superhero1 h3 a, .superhero2 h3 a
{
	color: #000;
}

.superhero1
{
	padding: 28px 125px 0 31px;
	background: url(../images/back/linkBox1Bg.gif) 0 0 no-repeat;
	height: 115px;
	width: 271px;
}
.superhero2
{
	padding: 30px 28px 0 126px;
	background: url(../images/back/linkBox2Bg.gif) 0 0 no-repeat;
	height: 115px;
	width: 271px;
}

/*Alert box*/
.alertBox
{
	background: url(../images/back/alertbox.gif) 0 0 no-repeat;
	margin: 0 142px; /*(857-572)/2*/
	padding: 15px 0 0 0;
	position: absolute;
	top: 220px;
	width: 572px;
	z-index: 100;
}
.alertBoxInner
{
	background: url(../images/back/alertbox.gif) 0 100% no-repeat;
	color: #FFF;
	padding: 0 15px 15px 15px;
	margin: 0 0 -15px 0;
}

/*Message box (type 1)*/
.messageBoxWrapper
{
	background: url(../images/back/messageBoxBg.gif) 0 0 no-repeat;
	margin-left: 2px;
	padding-top: 15px;
}
.messageBox
{
	background: url(../images/back/messageBoxBg.gif) 0 100% no-repeat;
	min-height: 95px;
	padding: 0 10px 53px 125px;
	position: relative;
	width: 331px;
}
* html .messageBox
{
	height: 80px;
}
.messageBox h3
{
	font-size: 19px;
	margin: 0 0 2px 0;
	padding: 0;
}
.messageBox h3 a
{
	color: #232323;
}
.messageBox p
{
	line-height: 22px;
	margin: 0;
	padding: 0 10px 0 0;
}
.messageBox input
{
}

/*Message box (type 2)*/
.messageBoxWrapper2
{
	background: url(../images/back/messageBoxBg2.gif) 0 0 no-repeat;
	margin: 0 80px 10px 80px;
	padding-top: 16px;
}
.messageBox2
{
	background: url(../images/back/messageBoxBg2.gif) 0 100% no-repeat;
	min-height: 45px;
	padding: 5px 30px 50px 125px;
	position: relative;
	width: 511px;
}
* html .messageBox2
{
	height: 45px;
}
.messageBox2 h3
{
	font-size: 19px;
	margin: 0 0 2px 0;
	padding: 0;
}
.messageBox2 h3 a
{
	color: #232323;
}
.messageBox2 p
{
	line-height: 18px;
	margin: 0;
	padding: 0 10px 0 0;
}
.messageBox2 .offerLink
{
	float: right;
	margin: 0 10px 0 10px;
}

/*Message box (type 3)*/
.messageBoxWrapper3
{
	background: url(../images/back/messageBoxBg3.gif) 0 0 no-repeat;
	margin: 0 0 10px 0;
	padding-top: 29px;
}
.messageBox3
{
	/*background: url(../images/back/messageBoxBg3.gif) 0 100% no-repeat;*/
	background: none;
	min-height: 45px;
	padding: 5px 330px 50px 137px;
	position: relative;
}
* html .messageBox3
{
	height: 45px;
}

/*Message box (type 4)*/
.messageBoxWrapper4
{
	background: url(../images/back/messageBoxBg4.gif) 0 0 no-repeat;
}
.messageBox4
{
	background: url(../images/back/messageBoxBg4.gif) 0 100% no-repeat;
	width: 566px;
}


/*Special messagebox only used in validationsummary*/
.validationSummary
{
	color: #000 !important;
	padding: 16px 10px 40px 125px;
}
.validationTop
{
	background: url(../images/back/messageBoxBg.gif) 0 0 no-repeat;
	height: 16px;
	left: 0;
	position: absolute;
	top: 0;
	width: 466px;
}
.validationSummary li
{
	color: red !important;
}

/*Main body*/
.mainBody img
{
	padding: 3px 5px;
	vertical-align: top;
}

/*Search address field*/
.addressField
{
	width: 300px;
}

/* Form */
.formWrapper
{
	background: url(../images/back/formBg.gif) 0 100% no-repeat;
	margin: 0 0 15px 0;
	padding-bottom: 12px;
	width: 857px;
}
.form
{
	background: url(../images/back/formBg.gif) 0 0 no-repeat;
	padding: 12px 12px 0 12px;
}
/*Type2 appearance*/
.formWrapperType2, .formType2
{
	background-image: url(../images/back/formBg2.gif);
}

/*Type3 appearance*/
.formWrapperType3, .formType3
{
	background-image: url(../images/back/formBg3.gif);
}

/*Type5 appearance*/
.formWrapperType5, .formType5
{
	background-image: url(../images/back/formBg5.gif);
	padding-left: 0;
	padding-right: 0;
}

/*Type7 appearance*/
.formWrapperType7, .formType7
{
	background-image: url(../images/back/formBg8.gif);
	position: relative;
}

/*Type 8 appearance*/
.formType8
{
	background: url(../images/back/accordion/middle1.gif) 0 0 repeat-y #E7E7E7;
	margin-bottom: 20px;
}
* html .formType8
{
	height: 0;
}
.formType8Inner
{
	background: url(../images/back/accordion/bottom1.gif) 0 100% no-repeat;
	padding-bottom: 1px;
}
.formType8 h3.topHeader
{
	background: url(../images/back/topHeader.gif) 0 0 no-repeat;
	color: #FFF;
	font-size: 19px;
	height: 33px;
	margin: 0;
	padding: 14px 15px 2px 15px;
}


.form .fieldsetWrapper
{
	background: url(../images/back/fieldsetBg.gif) 100% 0 no-repeat;
	clear: both;
	margin: 0 260px 20px 0;
	padding-top: 12px;
}
.form fieldset
{
	background: url(../images/back/fieldsetBg.gif) 100% 100% no-repeat;
	border: none;
	margin: 0;
	padding: 0 12px 4px 0;
}
.form .fieldsetType2
{
	background: none;
	margin: 0 260px 10px 0;
}
h3.topHeader
{
	color: #FFF;
	font-size: 19px;
	height: 39px;
	padding: 2px 0 0 0;
	margin: 0 0 20px 0;
}

/*Special appearance*/
.formType5 h3.topHeader
{
	padding-left: 12px;
	padding-right: 12px;
}

.form h3.topHeader span
{
	font-weight: normal;
}

.form .inputField
{
	clear: both;
	height: 33px;
	margin: 0 0 8px 0;
}
.form .inputField span
{
	color: red;
	font-size: 0.75em;
	vertical-align: super;
}
.form .fieldText span
{
	color: #000;
	font-size: 1em;
	vertical-align: middle;
}
.form .explanation span
{
	color: #666;
	display: block;
	font-style: italic;
	float: right;
	width: 420px;
}
.form .explanation em
{
	font-weight: normal;
	font-style: italic;
}
.form .explanation
{
	height: 53px;
}

.form .inputField label
{
	float: left;
	display: inline;
	padding: 3px 0 0 0;
	text-align: right;
	width: 120px;
}
.form .inputField input.textField
{
	background: url(../images/back/inputbg.gif) 0 0 no-repeat;
	border: 1px solid #AAA;
	display: inline;
	float: right;
	margin: 2px 0 0 0;
	padding: 4px;
	width: 410px;
}
.form .selectField
{
	margin: 2px 0pt 8px;
}

/*New form appearance*/
.form div.label
{
	color: #646466;
	font-style: italic;
}
.form div.field
{
	font-weight: bold;
}
.form div.label span
{
	color: #646466;
	font-size: 100%;
	vertical-align: middle;
}

/*Label type 2*/
.form div.labelType2 {
	font-style: normal;
	font-weight: bold;
}

/*Form section 1*/
.formSect1_wrap
{
	background: url(../images/back/formSect1Bg.gif) 0 100% no-repeat;
	float: left;
	margin: 0 15px 15px 0;
	padding-bottom: 12px;
	width: 320px;
}

.confirm_wrap
{
	min-height: 180px;
}
* html .confirm_wrap
{
	height: 180px;
}

.formSect1
{
	background: url(../images/back/formSect1Bg.gif) 0 0 no-repeat;
	padding: 12px 12px 0 12px;
}

/* Add to test DSL */
.formSect1_test
{
	background: url(../images/back/formSect1Bg.gif) 0 0 no-repeat;
	padding: 12px 12px 0 12px;
}
.formSect2
{
	background: url(../images/back/formSect1Bg.gif) 0 0 no-repeat;
	padding: 12px 12px 0 12px;
}

.formSect2 buttonSearch
{
	background: url(../images/back/formSect1Bg.gif) 0 0 no-repeat;
	padding: 12px 12px 0 12px;
}
.formSect1 .inputField
{
	clear: none;
}
.formSect1 ul
{
	background-image: none;
	list-style-type: none;
}
.formSect1 ul li
{
	background-image: none;
	list-style-type: none;
	padding-left: 0;
}

/*Marketing step*/
.marketing .inputField input
{
	vertical-align: middle;
}
.marketing .cancelSubscription {
}

/* Add to DST*/
.formSect1_test .inputField
{
	clear: none;
}
.formSect1_test ul
{
	background-image: none;
	list-style-type: none;
}
.formSect1_test ul li
{
	background-image: none;
	list-style-type: none;
	padding-left: 0;
}

/*Terms and conditions*/
.termsCheckBox
{
	clear: both;
	font-size: 16px;
	margin: 0 0 0 232px;
	padding: 5px 0 0 0;
	width: 400px;
}
.termsCheckBox span.checkbox
{
	float: left;
	overflow: hidden;
	padding: 0;
	margin: -3px 5px 0 0;
	height: 32px;
	width: 38px;
}


/*Explanation view*/
.form .explanation2
{
	background-color: #FFF;
	border: solid 1px #CACACA;
	float: right;
	height: auto;
	margin: 0 0 15px 0;
	padding: 10px;
	width: 300px;
}
.form .explanation2 h3
{
	font-size: 100%;
	font-weight: bold;
	margin: 0;
}
.form .explanation2 p
{
	margin: 0 0 0.5em 0;
}

/*Radio buttons*/
.form .radio label
{
	padding-top: 4px;
}
.form .radioGroup, .form .fieldGroup
{
	float: left;
	margin-left: 20px;
}
.form label.radioLabel, .form label.checkboxLabel
{
	float: left;
	width: auto;
	padding: 4px 7px;
	text-align: right;
}
.form .radioLabel, .form .radioLabel *
{
	vertical-align: middle;
}
.form .radioLabel input
{
	margin: 0 3px 0 0;
}

/*Fancy form radio buttons*/
.form label.selected, .form label.unselected
{
	background: url(../images/back/radioBg.gif) 0 0 no-repeat;
	cursor: pointer;
	height: 20px;
	margin: 0 10px 4px 0px;
	padding: 4px 0 5px 31px;
}
.form label.unselected
{
	background: url(../images/back/radioBg.gif) 0 -124px no-repeat;
}

/*Fancy form checkboxes*/
.form label.checked, .form label.unchecked
{
	background: url(../images/back/checkboxBg.gif) 0 -3px no-repeat;
	cursor: pointer;
	font-weight: bold;
	margin: 0 4px 0 10px;
	padding: 6px 0 8px 45px;
}
.form label.unchecked
{
	background: url(../images/back/checkboxBg.gif) 0 -117px no-repeat;
}

/*Multiple select fieldgroups*/
.form .multipleSelect label
{
	float: left;
	padding-top: 4px;
	width: 180px;
}
.form .multipleSelect select
{
	width: 90px;
}

/*Form buttons*/
.form .buttons
{
	clear: both;
}
.formType5 .buttons
{
	padding: 10px;
}
.button {
	background: url(../images/back/knappar_grey.jpg) 100% 0;
	display: block;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0 12px 0 0;
}

.button *
{
	background: url(../images/back/knappar_grey.jpg) 0 0 no-repeat;
	border: none;
	color: #FFF;
	cursor: pointer;
	display: block;
	float: left;
	margin: 0;
	overflow: visible;
	padding: 15px 5px 0 49px;
	font: bold 16px arial;
	height: 37px;
	text-align: left;
}

.buttonWhite,
.buttonWhite *
{
	background-image: url(../images/back/knappar_white.jpg);
}
.buttonGrey,
.buttonGrey *
{
	background-image: url(../images/back/knappar_darkGrey.jpg);
}
* .left 
{
	float:left !important;
}

.button:hover
{
	text-decoration: none;
}
.button input
{
	float: none;
	height: 52px;
	padding: 0 5px 0 49px;
}
* html .button input
{
	width: 0;
}
.disabledButton
{
	cursor: default;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.disabledButton *
{
	cursor: default;
}

.buttonMail *
{
	background-position: 0 -100px;
}
.buttonSignup *
{
	background-position: 0 -200px;
}
.buttonSubmit *
{
	background-position: 0 -300px;
}
.buttonSearch *
{
	background-position: 0 -500px;
}
.buttonForward *
{
	background-position: 100% -600px;
}
.buttonBack *
{
	background-position: 0 -700px;
}
.buttonCancel *
{
	background-position: 0 -800px;
	
}
.buttonPrint
{
	background-position: 100% -900px;
}
.buttonPrint *
{
	background-position: 0 -900px;
}
.buttonSignup, .buttonSearch, .buttonSubmit, .buttonForward
{
	float: right;
}

.buttonForward
{
	background-position: 0 -600px;
	padding: 0 0 0 12px;
}
.buttonForward *
{
	margin: 0;
	padding: 15px 49px 0 5px;
	text-align: left;
}
.buttonForward input
{
	padding: 0 49px 0 5px;
}

/*Select (drop down)*/
.form .selectField select
{
	background: url(../images/back/inputbg.gif) 0 0 no-repeat #FFF;
	border: 1px solid #ebebeb;
	display: inline;
	margin: 2px 0pt 8px;
	padding: 4px;
	width: 340px;
}
.form textarea
{
	background: url(../images/back/inputbg.gif) 0 0 no-repeat;
	border: 1px solid #ebebeb;
	display: inline;
	margin: 2px 0pt 8px;
	padding: 4px;
	width: 340px;
}
.form .inputField .selectField
{
	float: left;
	margin-left: 21px;
}
.form .inputField .selectField select
{
	border: solid 1px #AAA;
	width: auto;
}


/*Offer comparison list*/
.offerList
{
	color: #474747;
	font-weight: bold;
}

/*Paging*/
.paging
{
	float: right;
	height: 50px;
	padding: 10px 5px;
	overflow: hidden;
	width: 625px;
}
.paging input.previous
{
	float: left;
}
.paging input.next
{
	float: right;
}
.paging .pageStatus
{
	color: #474747;
	font-size: 19px;
	font-weight: normal;
	margin-left: 200px;
	margin-right: 200px;
	padding: 13px 0 0 0;
	text-align: center;
}
.offerList table
{
	border-collapse: collapse;
	clear: both;
	margin: 1px 0;
	padding: 0;
}
.offerList th, .offerList td
{
	overflow: hidden;
	padding: 0;
	width: 159px;
}

/*Header cell*/
.offerList th
{
	padding: 10px 0;
	text-align: center;
}

/*Offer link*/
.offerLink, a.offerLink
{
	background: url(../images/back/bullig_platta.gif) 0 0 no-repeat;
	color: #000;
	display: block;
	font-weight: normal;
	height: 70px;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px 5px 0 5px;
	text-align: center;
	width: 135px;
}
.offerLink:hover
{
	text-decoration: none;
}
.offerLink img
{
	height: 30px;
	overflow: hidden;
}
.offerLink span
{
	display: block;
	font-size: 14px;
}

.offerList h3
{
	background: url(../images/back/togglerBg.gif) 0 0 no-repeat;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	height: 31px;
	margin-bottom: 0;
	padding: 14px 8px 0 42px;
}
.offerList .label
{
	overflow: hidden;
	width: 222px;
}
.offerList td.label
{
	background-color: #d8d8d8;
}
.offerList td
{
	border-bottom: solid 1px #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
}
.offerList td span
{
	display: block;
	height: 26px;
	margin-right: 28px;
	padding-top: 8px;
	text-align: center;
}
.offerList td.label span
{
	display: block;
	padding-right: 15px;
	text-align: right;
}

/*Offerlist icons*/
.icon
{
	background-image: url(../images/back/icons.gif);
	background-repeat: no-repeat;
}
.broadbandIcon
{
	background-position: 100% -545px;
}
.phoneIcon
{
	background-position: 100% -3px;
}
.tvIcon
{
	background-position: 100% -494px;
}
.campaignIcon
{
	background-position: 100% -100px;
}
.speedIcon
{
	background-position: 100% -297px;
}
.feeIcon
{
	background-position: 100% -249px;
}
.startFeeIcon
{
	background-position: 100% -199px;
}
.miscFeeIcon
{
	background-position: 100% -446px;
}
.bindingPeriodIcon
{
	background-position: 100% -394px;
}
.miscInfoIcon
{
	/*background-position: 100% -px;*/
}

/*Top shadow*/
.offerList .topShadow
{
	/*TODO: Add a shadow here*/
	height: 5px;
	position: absolute;
	width: 857px;
}

/*Offer details*/
.offerDetails
{
	margin-bottom: 15px; /*margin-left: 208px;*/
	position: relative;
}
.offerDetails table
{
	border: none;
	border-collapse: collapse;
	width: 100%;
	background-color: #ffffff;
}
.offerDetails caption
{
	font-weight: bold;
	padding: 5px;
	border: solid 1px #e8e8e8;
	margin: 10px 0 6px 0;
	background-color: #fff;
	text-align: left;
}
.offerDetails td
{
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
.offerDetails td.label
{
	font-weight: bold;
	width: 200px;
}
.offerDetails td span
{
	display: block;
	height: 34px;
	margin: 0 4px 4px 4px;
	padding: 14px 5px 0 8px;
}
.offerDetails td.img span
{
	height: 40px;
	padding: 8px 5px 0 5px;
}
.offerDetails .even td span
{
	background-color: #c9c9c9;
}

/* Offer details page*/
.offerDetailsPage .order
{
	background: url(../images/back/offerPlateButton.gif) 0 0 no-repeat;
	color: #FFF;
	cursor: pointer;
	display: block;
	height: 32px;
	margin: 10px 0 0 0;
	padding: 13px 10px 5px 43px;
	width: 66px;
}
.offerDetailsPage h2.offerHeader 
{
	float:left;
	margin-bottom:0;
	padding-left:0;
}

.offerDetailsPage h3.topHeader
{
	color: #000;
	text-align: center;
	font-size:1.2em;
}
.offerDetailsPage h4{ font-size:1.4em;}
.offerDetailsPage h5{ font-size:1.2em;}
.offerDetailsPage h4, .offerDetailsPage h5 {	
	font-weight:bold;
}
.offerDetailsPage .campaign h4
{
	color: Orange;
	margin: 10px 0;
}
.offerDetailsPage .leftCont
{
	float: left;
	width: 147px;
	padding: 3px 0 0 3px;
	text-align: center;
}
.offerDetailsPage .leftCont h5
{
	margin: 10px 0 0 0;
	overflow: hidden;
}
.offerDetailsPage .rightCont
{
	float: right;
	width: 150px;
	text-align: right;
}
.offerDetailsPage .campaign
{
	padding-left:2px;
	clear:both;
}
.offerDetailsPage .order
{
	background: url(../images/back/offerPlateButton.gif) 0 0 no-repeat;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-size: 18px;
	height: 32px;
	margin: 10px 0 0 0;
	padding: 13px 10px 5px 43px;
	width: 66px;
	float: right;
	text-decoration: none;
}


.offerDetailsPage table
{
	clear:both;
	display:block;
	padding-left: 0;
}
.offerDetailsPage td
{
	padding-left: 0;
}
.offerDetailsPage td.firstColumn
{
	width: 200px;
}
.offerDetailsPage td.secondColumn
{
	width: 70px;
}
.offerDetailsPage td.thirdColumn
{
	width: 200px;
}

.offerDetailsPage caption
{
	margin-top:20px;
	text-align:left;
	font-weight: bold;
}

.offerDetailsPage img.check
{
	width: 20%;
	height: 20%;
}

.offerDetailsPage .services
{
	clear:both;
}

.offerDetailsPage .services h4
{
	color: #000;	
	margin: 10px 0;
	padding: 0 0 0 2px;
}
.offerDetailsPage .services h5
{
	margin-bottom:8px;
	margin-top:8px;
	padding: 0 0 0 2px;
}
.offerDetailsPage .offerImage
{
	float: right;
}
.offerDetailsPage .offerText
{
	text-align: left;
	width:450px;
	padding: 4px 5px 10px 2px;
	clear: left;
}

.offerDetailsPage .serviceAdditionalInformationBox
{
	clear:both;
	float:left;
	width:750px;
	margin:0 0 10px 2px;
}
.offerDetailsPage .additionalInformationImage
{	
	float: right;
}
.offerDetailsPage .additionalInformationText
{
	float: left;
	text-align: left;
	width:450px;
	padding: 4px 5px 0 0;
}

.buttons
{
	clear: both;
}

.formWrapperType7 .offerLink, .formWrapperType7 .providerLink
{
	position: absolute;
	left: 37px;
	top: 75px;
	margin: 0;
}
* html .formWrapperType7 .offerLink, * html .formWrapperType7 .providerLink
{
	left: 25px;
}

/*More info*/
.info
{
	cursor: pointer;
	display: inline;
	float: right;
	margin-right: 5px;
}
.info .contents
{
	display: none;
}

/*Dialog*/
.dialog
{
	background: url(../images/back/shoutBox1.gif) 0 0 no-repeat;
	color: #FFF;
	font-size: 70%;
	line-height: 1.4em;
	overflow: hidden;
	padding: 10px;
}
.dialog .loading
{
	padding-top: 105px;
	text-align: center;
}
.dialog .loading img
{
	padding-right: 5px;
}
.dialog .loading *
{
	vertical-align: middle;
}
.dialog .popupText
{
	height: 133px;
	overflow: hidden;
	width: 250px;
}

/*Provider list*/
.providerLink
{
	background: url(../images/back/bullig_platta.gif) 0 0 no-repeat;
	display: inline;
	float: left;
	height: 55px;
	overflow: hidden;
	margin: 0 10px 10px 0;
	padding: 20px 5px 5px 5px;
	text-align: center;
	width: 135px;
}
.providerLink a img
{
	width: 130px;
}

/*Navigation (sitemap)*/
.siteMap
{
	font-size: medium;
}
.siteMap ul
{
	margin-bottom: 0;
	margin-left: 4em;
	margin-top: 0;
}
.siteMap li
{
	margin-bottom: 5px;
}

/*logotype*/
.logotype
{
	float: right;
}

/*Contact information*/
.cont2 .contactInfo
{
	padding-left: 0;
	padding-right: 0;
}
.cont2 .contactInfo h3.topHeader
{
	height: 36px;
	margin: 0;
	padding-left: 12px;
	padding-right: 12px;
}
.contactInfo dl
{
	margin: 2px 4px;
}
.contactInfo dt
{
	clear: left;
	float: left;
	font-weight: bold;
	height: 26px;
	margin: 0;
	padding: 8px 5px 0 8px;
	width: 167px;
}
.contactInfo dd
{
	height: 26px;
	margin: 0 0 0 185px;
	padding: 8px 5px 0 5px;
}
.contactInfo .odd
{
}

/*Banner types*/
.bannerType1, .bannerType1 a
{
	color: #FFF;
}
.bannerType2, .bannerType2 a
{
	color: #000;
}
/*Important info*/
.importantInfo
{
	color: red;
}

/*Slideshow buttons*/
.slideShowButtons
{
	margin-bottom: 15px;
}

/*Indicator*/
.indicator
{
	float: right;
	text-align: right;
	width: 300px;
}
.indicator, .indicator *
{
	vertical-align: middle;
}
.indicator span
{
	padding: 0 5px 0 0;
}

/*Address search (map)*/
.legend
{
	clear: both;
	height: 1.5em;
	margin: 0;
	padding: 0 0 5px 0;
}
.legend li
{
	background: url(../images/back/dvStatusButtons.gif) 0 0 no-repeat;
	display: inline;
	font-weight: bold;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
}
.legend .developmentFinished
{
	background-position: 0 -148px;
}
.legend .developmentPlanned
{
	background-position: 0 2px;
}
.legend .developmentNotPlanned
{
	background-position: 0 -84px;
}

/*Cluster legend*/
.clusterLegend {
	background: url(../imageS/back/clusterLegend.gif) 0 0 no-repeat;
	clear: both;
	display: inline;
	float: left;
	font-size: 12px;
	margin: 5px 0 0 0;
	padding: 8px 0 3px 65px;	
	width: 210px;
}

.addressSearch
{
	float: left;
	width: 295px;
}

.addressSearch .textField
{
	background: url(../images/back/inputbg.gif) 0 0 no-repeat;
	border: 1px solid #AAA;
	display: inline;
	margin: 0;
	padding: 4px;
	width: 98%;
}
ul li.Finished, ul li.Planned, ul li.NotPlanned
{
	background: url(../images/back/dvStatusButtons.gif) 98% 5px no-repeat;
}
ul li.Finished
{
	background-position: 98% -148px;
}
ul li.Planned
{
	background-position: 98% 5px;
}
ul li.NotPlanned
{
	background-position: 98% -81px;
}
ul li.noResult
{
	background: none;
}

.map
{
	border: solid 2px #999999;
	float: right;
	height: 315px;
	width: 510px;
}

/*Map popup*/
.mapPopup h4
{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0.4em 0;
}
.mapPopup p
{
	margin: 0 0 0.4em 0;
}

/*Pre-loader*/
#preLoaderBox
{
	background: url(../images/back/accordion/middle1.gif) 0 0 repeat-y #E7E7E7;
}
#preLoaderBox div
{
	background: url(../images/back/accordion/bottom1.gif) 0 100% no-repeat;
	padding-bottom: 23px;
}
#preLoaderBox h3.topHeader
{
	background: url(../images/back/accordion/toggle.gif) 0 0 no-repeat;
	color: #FFF;
	cursor: pointer;
	font-size: 19px;
	height: 33px;
	margin: 0;
	padding: 14px 5px 2px 48px;
}

.dividerButtons {
	clear: right;
	display: inline;
	float: right;
	padding: 15px 0 0 0;
	width: 530px;
}

.dividerButtons .button {
	margin-left: 10px;
}

/*Accordion*/
.hidden
{
	visibility: hidden;
}
.hidden .indicator
{
	display: none;
}



.container
{
	padding: 0;
	position: relative;
}
.containerHidden
{
	visibility: hidden;
}
.minimized h3.topHeader
{
	background-position: 0 100%;
}


/*Search offers*/
.statusBox
{
	background-color: #FFFDE6;
	border: solid 1px #464646;
	color: #464646;
	padding: 12px 15px;
	display: inline;
	float: left;
	margin-top: 12px;
	margin-left: 490px;
}
#offerCount
{
	font-weight: bold;
}
.criteriaRow
{
	background: url(../images/back/separator.gif) 220px 0 repeat-y;
	border-bottom: solid 1px #FFF;
	color: #474747;
	clear: both;
	font-size: 18px;
	height: 55px;
	margin: 0 1px;
}
.criteriaRow h4
{
	display: inline;
	font-size: 18px;
	font-weight: normal;
	float: left;
	height: 1.3em;
	margin: 0;
	overflow: hidden;
	padding: 18px 20px 0 0;
	width: 200px;
	text-align: right;
}
.criteriaRow .criteriaContent
{
	display: inline;
	float: right;
	margin-right: 20px;
	width: 595px;
}

/*Bool criteria*/
.criteriaRow .boolCriteria
{
	margin-top: 13px;
}
.checked, .unchecked
{
	background: url(../images/back/checkboxBg2.gif) 0 -3px no-repeat;
	cursor: pointer;
	display: block;
	margin: 0 4px 0 0;
	height: 1.3em;
	padding: 6px 0 8px 45px;
}
.unchecked
{
	background: url(../images/back/checkboxBg2.gif) 0 -117px no-repeat;
}

/*Special service-boolcriterias*/
.serviceCriterias .boolCriteria
{
	display: inline;
	float: left;
	margin: 13px 10px 0 0;
}
.serviceCriterias .boolCriteria label
{
	float: left;
}
.serviceCriterias .phone
{
	background: url(../images/back/serviceIcons.gif) 100% -109px no-repeat;
	padding-right: 48px;
}
.serviceCriterias .tv
{
	background: url(../images/back/serviceIcons.gif) 100% -59px no-repeat;
	padding-right: 48px;
}
.serviceCriterias .broadband
{
	background: url(../images/back/serviceIcons.gif) 100% -7px no-repeat;
	padding-right: 48px;
}

h4.header
{
	background: url(../images/back/headerbg1.gif) 0 0 no-repeat;
	clear: both;
	font-size: 18px;
	font-weight: normal;
	height: 31px;
	margin: -1px 0 0 0;
	padding: 14px 14px 0 20px;
}

/*Number criteria*/
.numberCriteria
{
	background-color: #C9C9C9;
}
.numberCriteria .criteriaContent
{
	margin-top: 3px;
	position: relative;
}
.numberCriteria .min, .numberCriteria .max
{
	background: url(../images/back/minmax.gif) 0 0 no-repeat;
	display: block;
	height: 27px;
	padding: 20px 10px 0 0;
	position: absolute;
	top: 0;
	text-align: right;
	width: 54px;
}
.numberCriteria .min
{
	left: 0;
}
.numberCriteria .max
{
	background-position: 100% 0;
	right: 0;
}
.slider
{
	background: url(../images/back/sliderBg.gif) 0 27px repeat-x;
	height: 47px;
	margin: 0 74px;
	position: relative;
}
.slider .knob
{
	background: url(../images/back/knobs.gif) 0 0 no-repeat;
	cursor: pointer;
	height: 39px;
	position: absolute;
	top: 8px;
	width: 28px;
	z-index: 10;
}
.slider .maxKnob
{
	background-position: -28px 0;
}
.slider .i
{
	background-color: #333;
	height: 6px;
	overflow: hidden;
	top: 25px;
	width: 1px;
}


/*Compare results*/
.sect1
{
	display: inline;
	float: left;
	height: 300px;
	margin: 5px 5px 0 5px;
	position: relative;
	width: 200px;
}
.instructions
{
	background-color: #FFFDE6;
	border: solid 1px #464646;
	color: #464646;
	font-size: 12px;
	margin-bottom: 70px;
	padding: 10px;
}
.instructions h4
{
	font-size: 1em;
	margin: 0 0 0.5em 0;
}

.sect1 .buttonPrint, .sect1 .buttonSearch
{
	float: none;
	margin: 0 10px;
}
.sect1 .printButton input, .sect1 .buttonSearch input {
	width: 160px;
}
.sect1 .buttonPrint
{
	bottom: 55px;
}

.sect1 .buttonPrint span, .sect1 .buttonSearch span
{
	float: none;
}

.pagingControls
{
	background: url(../images/back/pagingBack.gif) 0 0 no-repeat;
	color: #474747;
	float: right;
	font-size: 18px;
	height: 70px;
	margin: 5px 2px 4px 0;
	text-align: center;
	width: 640px;
}
.pagingControls .pagingText
{
	margin: 25px 80px 0 80px;
}
.pagingControls .pageButton
{
	display: inline;
	margin: 7px;
}
.pagingControls .prevPage
{
	float: left;
}
.pagingControls .nextPage
{
	float: right;
}

/*Offer cell*/
.offerCell .checkWrap
{
	height: 22px;
	padding: 12px 20px 25px 28px;
}
.offerCell .checked, .offerCell .unchecked
{
	display: block;
	margin: 0 auto;
	width: 0;
}

/*Offer plate*/
.offerPlate
{
	background: url(../images/back/offerPlate2.gif) 0 0 no-repeat;
	color: #000;
	display: block;
	font-size: 14px;
	height: 90px;
	overflow: hidden;
	margin: 5px auto;
	padding: 15px 5px 5px 5px;
	text-align: center;
	width: 133px;
}
.offerPlate:link,
.offerPlate:visited {
	color: #000;
}
.offerPlate:hover {
	text-decoration: none;
}
.offerPlate .providerLogo {
	display: block;
	height: 35px;
	margin: 0 auto;
	overflow: hidden;
	width: 135px;
	text-align: center;	
}
.offerPlate .providerLogo img
{
	max-height: 35px;
	max-width: 130px;
}
.orderOfferButton
{
	background: url(../images/back/offerPlateButton2.gif) 0 0 no-repeat;
	color: #FFF;
	cursor: pointer;
	display: block;
	height: 32px;
	margin: 10px auto 0 auto;
	padding: 13px 10px 5px 43px;
	width: 66px;
}
.orderOfferButton:link,
.orderOfferButton:visited {
	color: #FFF;
}

/*Special styles order and DSL pages*/
.OrderPage,
.DSLSearchPage
{
	font-size: 12px;
}
.OrderPage .offerPlate
{
	height: 100px;
	margin: 5px 0;
}
.OrderPage .inputField
{
	height: auto;
}


/*Bool yes, no*/
.boolYes
{
	background: url(../images/check.gif) 50% 50% no-repeat;
	height: 30px;
}


/*Info plate*/
.infoPlate
{
	background: url(../images/back/infoPlate.gif) 0 0 no-repeat;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
	height: 32px;
	margin: 0 auto;
	overflow: hidden;
	padding: 14px 26px 1px 12px;
	width: 109px;
}
.infoPlate span.inner
{
	background: none;
	display: block;
	height: 100%;
	overflow: hidden;
	width: 100%;
}
.infoPlate .infoContents
{
	display: none;
}

.plateWithoutInfo
{
	background: url(../images/back/pricePlate.gif) 0 0 no-repeat;
	cursor:default;
	/*cursor: pointer;*/
	font-weight: normal;
	font-size: 14px;
	height: 32px;
	margin: 0 auto;
	overflow: hidden;
	padding: 14px 26px 1px 12px;
	width: 109px;
}
.campaignPlate
{
	padding: 7px 26px 8px 12px;
}
.importantInfoPlate
{
	color: Red;
	font-weight: bold;
	cursor:default;
}

/*Info Sign*/
.infoSign
{
	cursor: pointer;
	vertical-align: top;
	margin-left: 3px;
}

/* Access search page */
.addressInfo
{
	float: left;
	font-size: 12px;
	width: 256px;
	height: 230px;
	margin: 20px 0 0 0;
	overflow: hidden;
	padding: 20px;
	border: dashed 1px #666;
}
.addressInfo h3
{
	font-size: 100%;
	font-weight: bold;
}
.addressInfo .button
{
	float: left;
}
#chosenAddress
{
	display: none;
}

/*Personas*/
.personas
{
	padding-bottom: 20px;
}
.persona
{
	background-image: url(../images/back/personasBack.jpg);
	display: inline;
	float: left;
	height: 312px;
	width: 263px;
}
.personaText
{
	font-size: 80%;
	height: 94px;
	margin-top: 90px;
	overflow: hidden;
	padding: 10px;
}
.persona h2
{
	margin: 0;
	padding: 10px 10px 0 42px;
}
.persona1
{
	margin-right: 35px;
}
.persona2
{
	background-position: 0 -312px;
}
.persona2 h2
{
	padding-left: 47px;
}
.persona3
{
	background-position: 0 -624px;
	float: right;
}
.persona3 h2
{
	padding-left: 52px;
}
.persona .button
{
	display: inline;
	float: left;
	margin: 13px 0 0 67px;
}

/* Order page */
/* style the mail body chunk */
.mailbody h1
{
	font-size: 19px;
	margin: 0 0 2px 0;
	padding: 0;
}

/*Misc shared and useful classes*/

/*Clickable*/
.clickable
{
	cursor: pointer;
}
/* Accordion 1 */
.toggler1
{
	background: url(/images/back/togglerArrows.gif) no-repeat #E7E7E9 7px 12px;
	cursor: pointer;
	margin: 0 0 2px 0;
	height: 49px;
	padding-left: 40px;
	line-height: 47px;
	font-size: 19px;
	color: #333;
}

.toggler1_active
{
	background: url(/images/back/togglerArrows.gif) no-repeat #494949 7px -64px;
	color: #ffffff;
}

/*Faq*/
.faq .buttons
{
	margin-bottom: 10px;
}
.faq .buttonPrint
{
	float: right;
}
.faq ul
{
	margin: 0 0 0 20px;
	padding: 20px 0;
}
.faq ul span
{
	font-weight: bold;
}
.faq ul li
{
	background: none;
	margin: 0 0 1.3em 0;
	padding-left: 0;
}
.faq h4
{
	font-size: 100%;
	margin: 0;
}
.faq p
{
	margin: 0 0 0.3em 0;
}


/* support  */
/* list*/
.supportListImage
{
	margin: 10px 20px 10px 0;
}
.supportListImageExtra
{
	float: right;
	width: 70px;
	margin: 0 0 0 10px;
}
.supportBubble
{
	min-height: 175px !important;
	font-size: 13px;
}
.supportBubble a
{
	font-size: 13px;
}

/* Page */
.supportImage
{
	margin: 10px 15px 20px 0;
	border: none;
	border-width: 0;
}
.providerPhone
{
	float: right;
	padding: 8px 20px 0 0;
	font-weight: bold;
}
.phoneNumber
{
	color: Orange;
}
.supportPageItemImage
{
	float: right;
	max-width: 200px;
	max-height: 150px;
	margin: 0 20px 5px 15px;
}
.supportPageIntroduction
{
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	font-size: 14px;
}
.supportPageItem
{
	margin-bottom: 20px;
}
.supportPageItem h3
{
	margin: 0 0 10px 0;
	font-size: 20px;
}


/* Self activation */
.selfActivation
{
	margin: 40px 0 30px 136px;
	background: transparent url(/images/back/selfActivationBg.gif) no-repeat;
	height: 195px;
	width: 556px;
	padding-top: 15px;
}
.selfActivation h3
{
	color: Orange;
	text-align: center;
	margin: 6px 0 20px 0;
	font-weight: bold;
	font-size: 16px;
}
.selfActivation div
{
	width: 300px;
	margin-left: 30px;
	font-size: 12px;
}

/*Order view Sent Order*/

.squareBox
{
	margin: 40px auto; /*background:transparent url(/images/back/squareBg.gif) no-repeat;	*/
	background-color: #fff;
	border: solid 1px #c8c8c8;
	min-height: 120px;
	width: 496px;
	padding: 15px 30px 0 30px;
}
.squareBox h3
{
	color: Orange;
	text-align: center;
	margin: 6px 0 20px 0;
	font-weight: bold;
}
.squareBox .footer
{
	padding: 0 0 3px 5px;
	color: #d5d5d5;
}


/* shrink email addresses to fit into page */
.email
{
	font-size: 85%;
}

/* Provider page */
.providerPageOrder
{
	background: url(../images/back/offerPlateButton.gif) 0 0 no-repeat;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-size: 18px;
	height: 32px;
	margin: 10px 0 0 0;
	padding: 13px 10px 5px 43px;
	width: 66px;
	float: right;
	text-decoration: none !important;
}

.block
{
	margin: 0 0 10px 0;
}

/* xform */
.xForm label
{
	display: block;
	margin: 0;
	overflow: auto;
	padding: 10px 0 0 0;
}
.xformvalidator {
	color: #D33;
	overflow: auto;
}
* html .xformvalidator,
* html .xForm label {
	height: 1%;
}
.xForm fieldset {
	background: none;
	border: none;
	margin: 10px 0 0 0;
	padding: 5px 12px 4px 0;
}
.xForm fieldset legend {
	color: #000;
	display: block;
	margin: 0;
	padding: 0;
}
.xForm .textBox input {
	width: 290px;
}
.xForm textarea
{
	padding: 0;
	overflow: auto;
	width: 290px;
	border: solid 1px #BBB;
}
.xForm fieldset label {
	display: inline;
	margin: 0;
	padding: 0;
}
.xForm .buttons {
	clear: both;
	padding: 10px 0 0 0;
}

/*Clearfix*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix
{
	display: block;
}
/* End hide from IE Mac */

.AreaCode
{
	width:50px;
}

.label2 .buttonSearch {
background-position:0 -500px;
}
.label2 .button .buttonWhite .buttonGrey {
	-x-system-font:none;
	background:transparent url(../images/back/knappar_grey.jpg) no-repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-family:arial;
	font-size:16px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:37px;
	line-height:normal;
	margin:0;
	overflow:visible;                             
	padding:15px 5px 0 49px;
	text-align:left;
}

.sect1 .buttonPrint span, .sect1 .buttonSearch span
{
	float: none;
}

.numberSearch .phonetext
{font-size:1.7em;
font-weight:bold;
margin:0 0 1em;
padding:0;
color:black;
font-family:Arial,"sans serif";

}

/* New NumberSearch */
.numberSearch
{
	background-image: url(../images/back/personasBack.jpg);
	display: inline;
	float: left;
	height: 312px;
	width: 263px;
}
.numberSearchText
{
	font-size: 80%;
	height: 94px;
	margin-top: 90px;
	overflow: hidden;
	padding: 10px;
}
.numberSearch h2
{
	margin: 0;
	padding: 10px 10px 0 42px;
}
.numberSearch1
{
	margin-right: 35px;
}
.numberSearch2
{
	background-position: 0 -312px;
}
.numberSearch2 h2
{
	padding-left: 47px;
}
.numberSearch3
{
	background-position: 0 -624px;
	float: right;
}
.numberSearch3 h2
{
	padding-left: 52px;
}
.numberSearch3 .button
{
	display: inline;
	float: left;
	margin: 13px 0 0 67px;
}

.sect2
{
	display: inline;
	float: left;
	height: 150px;
	margin: 5px 5px 0 5px;
	position: relative;
	width: 200px;
}

/*Login status*/
.loginStatus {
	color: #FFF;
	margin: 0 auto;
	padding-top: 5px;
	position: relative;
	text-align: right;
	width: 940px;
	z-index: 100;
}
.loginStatus .wrap {
	position: absolute;
	right: 15px;
	z-index: 100;
}

.portalBanner {
    background: url(../images/back/globalstartbg.jpg)
}
.portalPage {
	background: url(../images/back/dekal.jpg) 90% 10% no-repeat; 
	min-height: 330px;
}

/*****************************
New search and compare styles
******************************/
.searchForm .buttons
{
	height: 52px;
	padding: 10px;
}

/*Criteria*/
.criteria
{
	background: url(../images/back/separator.gif) 220px 0 repeat-y;
	border-bottom: solid 1px #FFF;
	color: #474747;
	clear: both;
	font-size: 18px;
	height: 55px;
	margin: 0 1px;
	overflow: hidden;
}
.criteria h4
{
	display: inline;
	font-size: 18px;
	font-weight: normal;
	float: left;
	height: 1.3em;
	margin: 0;
	overflow: hidden;
	padding: 18px 20px 0 0;
	width: 200px;
	text-align: right;
}
.criteria .criteriaContent
{
	display: inline;
	float: right;
	margin-right: 20px;
	width: 595px;
}

/*Service criterias*/
.serviceCriteria {
	background-color: #C9C9C9;
	background-image: none;
}
.serviceCriteria h4 {
	background-image: url(../images/back/serviceIcons.gif);
	background-repeat: no-repeat;
	padding-right: 55px;
	width: 165px;
}
.broadband h4 {
	background-position: 100% 3px;
}
.tv h4 {
	background-position: 100% -49px;
}
.phone h4 {
	background-position: 100% -99px;
}
.servicePropertyCriterias {
	position: relative;
	z-index: 10;
}
	
/*Bool criteria*/
.serviceCriteria .criteriaContent,
.booleanCriteria .criteriaContent {
	padding-top: 18px;
}
.jsSearchForm .serviceCriteria .criteriaContent,
.jsSearchForm .booleanCriteria .criteriaContent {
	padding-top: 12px;
}

/*Number criteria dropdowns*/
.numberCriteriaDropDown {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	width: 80px;	
}
.numberCriteriaDropDown span {
	display: block;
}
.numberCriteriaDropDown select {
	width: 75px;
}

/*Compare form*/
.topButtons {
	margin-bottom: 5px;
}
.compareButtons {
	
}
.compareForm .formType8Inner {
	padding-bottom: 20px;
}
.compareForm table
{
	border-collapse: collapse;
	width: 100%;
}
.compareForm td {
	background-color:#D8D8D8;
	border-bottom:1px solid #FFFFFF;
	color:#474747;
	font-size:18px;
	height:55px;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
	width:160px;
}
.compareForm td.odd {
	background-color: #C9C9C9;
}
.compareform .offerCell {
	height: 231px;
}
.compareForm td span {
	display: block;
}
.compareForm span.campaignPrice {
	color: red;
	display: inline;
	font-weight: bold;
}
.compareForm td.header {
	width: auto;
}
.compareForm h3.serviceHeader {
	color: #474747;
	font-size: 18px;
	font-weight: normal;
	height: 35px;
	margin: 0;
	padding: 20px 0 0 0;
}
.compareForm td.header span
{
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	padding: 0 20px 0 0;
	text-align: right;
}

.compareForm .data
{
	padding: 0 2px;
}
.compareForm .topData
{
	float: right;
	width: 640px;
}
.serviceCompare td {
	background-color: #C9C9C9;
}
.serviceToggler {
	cursor: pointer;
}
.serviceToggler td.header span {
	display: block;
	background: url(../images/back/accordion/toggle3.gif) 10px -45px no-repeat;
	padding-bottom: 6px;
	padding-top: 6px;
	text-align: right;
}
.serviceActive td.header span {
	background-position: 10px 1px;
}
.serviceCompare .header {
	background-image: url(../images/back/serviceIcons.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	padding-right: 35px;
}

.serviceCompare .phone {
	background-position: 100% -99px;
}
.serviceCompare .broadband {
	background-position: 100% 3px;
}