html{overflow-y: scroll;}
body{color: #3d3d3c; background: #dbdbdb;}
h1 {font-size:2em;}
h2 {font-size:1.7em;}
h3 {font-size:1.5em;}
h4 {font-size:1.2em;}
.last{margin-right: 0px !important;}
input[type="text"], input[type="password"], input.text, input.title, textarea, select{margin: 0.2em 0 0.4em 0;}
.box{padding: 0 20px !important; background: none !important; margin-bottom: 0em !important;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{position: relative;}
table{margin: 0;}
.hover{cursor: pointer;}
.no-border{margin: 0;}
input.wide{width: 90%;}
.indent{padding: 0 20px;}
.darkgray-bg{background: #3d3d3d;}
/* Fredrik */
a{color: #32A3CC; text-decoration: none;}
a:hover{color: #3d3d3d;}
.bestall a{color: #3d3d3d; text-decoration: none;}
.bestall a:hover{color: #32A3CC;}
.bestallvit a{color: #ffffff; text-decoration: none;}
.bestallvit a:hover{color: #32A3CC;}
/* Fredrik */
.whitespace-right{margin-right: 10px;}
.whitespace-left{margin-left: 10px;}
.no-margin{margin: 0 !important;}

form p + p{margin-top: 0.3em;}
form p{margin: 0;}
textarea {height: auto !important;}

#errorNotification,
#infoNotification{
	width: 960px;
	padding: 10px;
	margin: 0 auto 10px;
	color: #444444;
}

#errorNotification{
	border: 1px solid #990000;
	background: #f5e5e5;
}

#infoNotification{
	border: 1px solid #ACD373;
	background: #FAFFF3;
}


#header-bg{
	background: url('../img/header_bg.png') repeat-x !important;
	padding: 3px 0 0 0;
	height: 92px;
	width: 1000px;
	margin: 0 auto;
}

.query, .search{
	float: left;
	margin-top: 8px !important;
}

.query{
	border: 0 none !important;
	padding: 1px 4px 0 4px;
	margin-bottom: 0px !important;
}

#header .query{
	background: url('../img/header_query_bg2.png') no-repeat 0 0;
	width: 345px;
	height: 27px;
	font-size: 20px;
}

#order-search-domain .query{
	background: url('../img/domain_query_bg.png') no-repeat !important;
	width: 225px;
	height: 18px;
}
#order-search-domain label{font-weight: normal;}

#included-list{width: 440px;}
#included-list .odd, #included-list .even{display: block; padding: 2px 8px;}
#included-list .odd{background: #ececec url(../img/list_odd.gif) repeat-y;}
#included-list .odd.first{background: #ececec url(../img/list_odd_first.gif) no-repeat;}
#included-list .odd.last{background: #ececec url(../img/list_odd_last.gif) no-repeat bottom;}
#included-list .even{background: #ff0 url(../img/list_even.gif) repeat-y;}
#included-list .even.first{background: #ff0 url(../img/list_even_first.gif) no-repeat;}
#included-list .even.last{background: #ff0 url(../img/list_even_last.gif) no-repeat bottom;}

#navigation{
	background: url('../img/navigation_bg.gif') no-repeat;
	height: 41px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #484848;
	width: 788px !important;
}

#navigation a, #navigation img{
	display: block;
	float: left;
}

#navigation a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 41px;
	display: block;
}

#navigation a b{
	display: block;
	background: url('../img/navigation_bullet.gif') center right no-repeat;
	padding: 0 14px 0 12px;
}

#navigation a.first:hover{
	background: url('../img/navigation_bg_active_first.gif') no-repeat;
}

#navigation a.page:hover{
	background: url('../img/navigation_bg_active.gif') repeat-x;
}

#navigation .login{
	background: url('../img/navigation_login_bg.png') no-repeat center center;
	display: block;
	margin: 0 6px 0 0;
}

#navigation .login a{
	color: #2c2c2c;
}

#navigation .login a b{
	background: url('../img/navigation_login_bullet.gif') center right no-repeat;
	padding: 0 14px;
}

#systemStatus{text-indent: 30px; background: url(../img/warning_system.png) left center no-repeat; font-weight: bold;}
#systemStatus a{
	color: #fff;
	text-decoration: underline;
}

#promotion,
#promotion-subpage{
	position: relative;
	display: block;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#promotion{
	background: #000 url('../img/promotion_bg.jpg') no-repeat;
	height: 389px;
}

#promotion-subpage{
	background: #000 url('../img/promotion_subpage_bg.jpg') no-repeat;
	height: 200px;	
}

#promotion .menu{
	position: absolute;
	left: 10px;
	width: 345px;
	padding: 20px 0 0 40px;
}

#promotion .menu .right{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}

#promotion .menu a{
	color: #fff;
	text-decoration: none;
}

#promotion .menu a.active{
	color: #3c3c3c;
}

#promotion .menu h3{
	color: #fff !important;
	font-size: 24px;
	margin: 0 0 6px 0;
	display: inline;
}

#promotion .menu h4{
	font-size: 20px;
	display: inline;
}

#promotion .menu h4 a{
	color: #b6b7b7 !important;
}

#promotion .menu p{
	color: #d0d0d0;
	margin: 0 !important;
	width: 254px;
}

#promotion .menu .hr{
	background: url('../img/promotion_hr.png') no-repeat;
	width: 294px;
	height: 2px;
	margin: 8px 0 8px 0;
}

#promotion .menu .one,
#promotion .menu .two,
#promotion .menu .three{
	width: 290px;
	height: 80px;
	position: relative;
}

#promotion .menu .arrow{
	position: absolute;
	bottom: 0px;
}

#promotion .menu .one .arrow{
	right: 20px;
}

#promotion .menu .two .arrow{
	right: 15px;
}

#promotion .menu .three .arrow{
	right: 10px;
}

#promotion .media{
	position: absolute;
	right: 0;
	overflow: hidden;
	padding: 1px 0 0 0;
	float: left;
	width: 646px;
	height: 389px;
}

#promotion .media .object{
	position: absolute;
	left: -646px;
}

#promotion .media .default{
	left: 0px;
}

.promotion.image, .promotion.flash{position: absolute;}
.promotion.image{z-index: 10;}
.promotion.flash{z-index: 20; display: none;}

#flashDetect{
	position: absolute;
	top: 0;
	left: 0;
}

#searchresults-bg{
	background: #232323;
	border-top: 1px solid #3d3d3d;
	overflow: auto;
	width: 1000px;
	margin: 0 auto;
}

#searchresults{
	padding: 10px 0;
	color: #cfcfcf;
}

#searchresults a{
	color: #cfcfcf;
}

#faqresults ul, #siteresults ul {
	padding: 0;
	margin: 0;
}
#domainsearch table td {
	margin-top: 1px;
	padding-top: 0;
	padding-bottom: 0;
}
#domainsearch table td img {
	margin-top: 2px;
	display: block;
}


#extra-bg{
	height: 200px;
	background: url('../img/extra_bg.gif') repeat-x #fff;
	width: 1000px;
	margin: 0 auto;
}

#extra .decoration-image{
	width: 137px;
	float: left;
}

#extra .support{
	width: 217px;
	float: left;
}

#extra .quick-links{
	padding: 8px 0 0 16px;
}

#extra .quick-links p{
	margin: 0;
	padding: 0;
}

#extra .quick-links h1,
#extra .quick-links h2,
#extra .quick-links h3{
	border-bottom: 1px solid #dcdcdc;
	margin: 0;
	padding: 0 0 4px 0;
	text-indent: 2px;
}

#extra .quick-links a{
	display: block;
	border-bottom: 1px solid #dcdcdc;
	text-indent: 2px;
}

#extra .live-support{
	background: url('../img/live-support_bg.png') no-repeat;
	color: #3b3b3a;
	padding: 0 0 0 25px;
	height: 75px;
	width: 190px;
	margin: 10px 0 0 0;
}

#extra .live-support h2{
	color: #3b3b3a;
	line-height: 31px;
	font-size: 27px;
	margin: 0;
}

#extra .live-support p{
	margin: 0;
}

#carousel-container{
	width: 626px;
	float: left;
	height: 200px;
	position: relative;
	background: url('../img/carousel_bg.gif') repeat-x;
	overflow: hidden;
}

#carousel-container .left{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#carousel-container .right{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

#carousel-container .bottom{
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	background: url('../img/carousel_bottom.gif') no-repeat;
	width: 626px;
	height: 28px;
}

#carousel-container .prev,
#carousel-container .next{
	display: inline;
	float: left;
	width: 6px;
	padding: 4px 10px;
	cursor: pointer;
	position: absolute;
	top: 0px;
}

#carousel-container .prev{
	left: 26px;
}

#carousel-container .next{
	right: 26px;
}

#carousel-container .scene-indicator{
	text-align: center;
	width: 522px;
	margin-left: 52px;
}

#carousel-container .scene-indicator img{
	margin: 0 2px;
	padding: 7px 5px;
	cursor: pointer;
}
	
#carousel{
	height: 172px;
	padding-left: 0;
	width: 626px;
}

#carousel li{
	display: block;
	float: left;
	width: 313px;
	height: 172px;
	position: relative;
}


#footer{
	border-top: 1px solid #e3e3e3;
	padding: 10px 0 0 0;
	font-size: 11px;
}

#footer .col{
	float: left;
	width: 124px;
	margin-right: 12px;
}

#footer a{
	color: #c3c3c3;
	text-decoration: none;
}

#address{
	padding: 4px 0;
	color: #bababa;
	margin-top: 10px;
}

#address a{
	color: #bababa;
}

#address p{
	padding: 0;
	margin: 0;
}

#spotlight{
	color: #7a7a7a;
	font-weight: bold;
	margin-bottom: 15px;
}

#spotlight-text{
	line-height: 45px;
}

#spotlight .spliter{
	margin: 0 15px;
}

.main-with-menu{
	background: url('../img/content_menu_bg.gif') repeat-y;
	margin-top: 10px;
}

#main-bg{
	background: #fff;
	width: 1000px;
	margin: 0 auto 10px auto;
	border-top: 10px solid #fff;
}

#main{
	overflow: auto;
	position: relative;
	padding: 11px 0 20px 0;
	background-color: #f8f8f8;
	margin-top: 0;
	border-bottom: 20px solid #fff;
}

.top,
.bottom{
	position: absolute;
	left: 0;
	z-index: 1;
}

.top{
	top: 0;
}

.bottom{
	bottom: 0;
}

#content-menu{
	float: left;
	height: 100%;
	width: 173px;
	padding: 0 0 0 13px;
}

#content-menu a{
	display: block;
	padding: 0 0 0 6px;
	margin: 2px 0 3px 0;
	line-height: 25px;
}

#content-menu a:hover{
	background: url('../img/content_menu_a_bg_hover.gif') repeat-y;
}

#content{
	float: left;
	width: 734px;
	padding: 0 0 0 30px;
}

#breadcrumbs{
	float: left;
	width: 734px;
	padding: 0 30px 10px 30px;
}

.fancyRadio{
	background: url('../img/fancyRadio.png') no-repeat;
	padding: 0 0 0 20px;
	cursor: pointer;
}

.checked{
	background: url('../img/fancyRadio_checked.png') no-repeat !important;
}

.fancyRadio input{
	display: none;	
}

.package-right .frame{
	position: relative;
	background: url('../img/package_frame_bg.gif') repeat-y;
	padding: 0 10px 10px 10px;
	overflow: auto;
	margin: 0 0 20px;
}

.package-right .prices{
	margin-top: -12px;
	min-height: 128px;
}

* html .package-right .prices{
	height: 128px;
}

.package-right .prices table{
	width: 426px;
	position: relative;
	z-index: 100;
	margin-top: 18px;
}

.package-right .prices table img{
	vertical-align: middle;
}

.underline{
	border-bottom: 1px solid #cecece;
}

.package-right ul,
.package-right ol{
	list-style-type: none;
	padding-left: 0;
}

.order-box{background: url('../img/order_box_bg.gif') repeat-y !important; margin: 0 0 0 -4px; padding-bottom: 14px; position: relative;}
.order-box .padding{padding: 0 15px;}
.order-box .head{background: url('../img/order_box_top.gif') no-repeat; padding: 12px 15px; min-height: 60px;}
.order-box .white{color: #fff;}
.order-box .order-bottom{position: absolute; bottom: 0;}

.order-box h1, .package-right .prices h3{
	color: #fff;
	font-size: 2em;
	margin: 0;
}

.domain-search-result-wrap{
	background: url('../img/ajax-loader.gif') no-repeat center center;
}

.domain-search-result-wrap h2{
	margin: 0;
}

.domain-search-result{
	background: #eaeaea;
}

.domain-search-result table td,
.domain-search-result table th{
	height: 23px;
}

table.tableList td,
table.tableList th{
	padding: 3px 8px;	
	vertical-align: top;
}

table.tableList td.no-indent,
table.tableList th.no-indent{
	padding-left: 0px;
}

tr.underline td,
tr.underline th{
	border-bottom: 1px solid #dadada;
}

.text-right,
.text-right{
	text-align: right;
}

td.text-right,
th.text-right{
	padding-right: 0px !important;
}

.text-center,
.text-center{
	text-align: center;	
}

#options .row{
	overflow: auto;
	padding: 0 10px 10px 10px;
}

#options .value{
	float: left;
	width: 70px;
}

#options .value input{
	width: 38px;
	border: 0 none !important;
	height: 21px;
	padding: 3px 4px 0;
	background: url('../img/options_value_bg.gif') no-repeat;
}

#options .slider-bg{
	float: left;
	width: 304px;
	background: url('../img/slider_bg.gif') center center no-repeat;
}

#options .slider{
	width: 290px;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border: 0 none !important;
	height: 30px !important;
	background: none !important;
}

#options .slider .ui-slider-handle{
	width: 28px !important;
	height: 34px !important;
	border: 0 none !important;
	background: url('../img/slider_handle_bg.png') no-repeat !important;
}

label.error
{
	float: none;
	text-align: left;
	display: inline;
	background:url("../img/error.png") no-repeat 0px 0px;
	padding-left: 22px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #c91717;
	margin-left: 10px;
}

#progress{
	width: 100%;
	margin-bottom: 20px;
	height: 42px;
}

#progress,
#progress a{
	color: #5f5f5f;
	text-decoration: none;
}

#progress .active a,
#progress .active,
#progress a:hover{
	color: #181818 !important;	
}

#progress .step,
#progress .arrow{
	float: left;
	color: #d7d7d7;
}

#progress.four .step{
	width: 16%;
}

#progress.four .arrow{
	width: 11%;
}

#progress.three .step{
	width: 24%;
}

#progress.three .arrow{
	width: 13%;
}

#progress .arrow{
	background: url('../img/progress_arrow.gif') left center no-repeat;
	height: 42px;
}

#progress b{
	font-size: 36px;
	line-height: 42px;
	display: block;
	float: left;
}

#progress span{
	font-size: 16px;
	line-height: 42px;
	font-weight: bold;
	display: block;
	float: left;
	padding-left: 10px;
}

.service h3{
	line-height: 1.5em;
}

.toggle{
	cursor: pointer;
	background: url('../img/toggle_up.png') no-repeat 910px center #4da1cf !important;
}

.down{
	background: url('../img/toggle_down.png') no-repeat 910px center #4da1cf !important;
}

.toggle h3{color: #fff;}

.toggable{
	border-right: 1px solid #4da1cf;
	border-bottom: 1px solid #4da1cf;
	border-left: 1px solid #4da1cf;
	padding: 1.5em !important;
}

.service{
	margin-bottom: 10px !important;
}

.ajaxloader {
	display: none;
	margin-left: 5px;
}
.searchloading .ajaxloader {
	display: inline !important;
	margin-bottom: -3px;
	margin-top: 0px;
}

table.medarbetare td {
	background: no-repeat;
	margin: 0;
	padding: 20px 0 0 160px;
	vertical-align: top;
	width: 360px;
	height: 150px;
}
/* Fredrik H */
.medarbetarel {
	background: no-repeat;
	margin: 0;
	padding-top: 20px;
	padding-right: 20px;
	vertical-align: top;
	width: 350px;
	height: 137px;
}

.medarbetarer {
	background: no-repeat;
	margin: 0;
	padding-top: 20px;
	padding-left: 20px;
	vertical-align: top;
	width: 350px;
	height: 137px;
}
/* Fredrik H */