/*
Theme Name: Sweden Telecom
*/

*, html {
	margin:0;
	padding:0;
}
body {
	font: 62.5%/1 Arial, Sans-serif; /* 1em = 10px */
	background-color:#fff;
	color:#333;
}
/*--------------------------------------------------------------------  BASIC TYPOGRAPHY */

a, a:visited {
	text-decoration:none;
	color:#004a84;
}
a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4 {
	font-style:bold;
	font-weight:normal;
	line-height: 1;
}
h1 a, h2 a, h3 a, h4 a {
	text-decoration:none;
}
p {
	font-size:12px;
	line-height: 16px;
	padding-bottom: 16px;
}

/*--------------------------------------------------------------------  STRUCTURE */

#wrap {
	width: 854px;
	margin: 0 auto;
}


/*--------------------------------------------------------------------  HEADER */

#header {
	margin-top:8px;
	height:49px;
}

#header h1 {
	width:283px;
	height:24px;
	text-indent:-9009px;
	background:transparent url(img/swedentelecom.gif) no-repeat 0 0;
	margin-left: 12px;
	margin-top:14px;
	margin-bottom:8px;
	float:left;
	display:inline;
}
#header h1 a {
	display:block;
	outline:none;
	width:100%;
	height:100%;
}

#searchbar {
	float:right;
	width: 500px;
	text-align:right;
	margin-right:2px;
	display:inline;
}
#language {
	color:#333;
	font-size:1.2em;
	line-height: 1.2;
}
#language .sel {
	color:#666;
}
#search {
	margin:6px 0 0 0;
	background:url(img/search_bg.gif) 0 0 no-repeat;
	height:24px;
	width:174px;
	float:right;
}
#submitbtn {
	float:right;
	width:27px;
	height:24px;
}
#s {
	float:left;
	border:0;
	background:none;
	width:137px;
	padding: 4px 5px;
	height:16px;
	color:#666;
	line-height:16px;
	font-size:12px;
	font-style:italic;
}

.headerlinks {
	margin-left: 10px;
}

/*--------------------------------------------------------------------  MAINNAV */



/*--------------------------------------------------------------------  SPLASH */

#splash {
	clear:both;
	width: 850px;
	margin:0 auto;
	padding-top:6px;
}
.splash_page {
	height:117px;	
}
#mainsplash {
	width:850px;
	height:323px;
	padding:0;
	margin:0;
	z-index:1;
	position:relative;
}
#mainsplash img {
	width:850px;
	height:323px;
	padding:0;
	margin:0;
	border:0;
	z-index:1;
}

/*--------------------------------------------------------------------  COLS */

#cols {
	clear:both;
	padding-top:4px;
}
#searchcol {
	margin: 10px 2px 20px 2px;
}
#searchcol h2 {
	font-size:2.2em;
	line-height:1.2;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

.searchresult {
	margin: 5px 0;
}
.searchresult h3 {
	font-size:12px;
	line-height:1.2;
	color:#808080;
}
.searchresult h3 a {
	font-weight:bold;
	font-size:14px;	
}

#list_pages h3 {
	font-size: 12px;
	line-height:1.2;
	color:#808080;
}
#list_pages h3 a {
	font-size: 14px;
	font-weight:bold;
}
.content h3 {
	font-size: 14px;
	font-weight:bold;
}

.col215 {
	width:215px;
	float:left;
	margin-bottom:6px;
}
.col424 {
	float:left;
	width:424px;
	margin-bottom:6px;
}
.col637 {
	float:left;
	width:625px;
	margin-bottom:6px;
	padding-left:12px;
}

.index {
	height:173px;
	overflow:hidden;
}

.box209 {
	background:url(img/box-209-bottom.gif) 0 bottom no-repeat;
	width:209px;
}
#contactbox {
	float:right;
}
#indexsplash {
	float:right;
}
#indexsplash img {
	border:0;
}
#indexnewsroll {
	overflow:hidden;
	height:110px;
}
.box209 h2 {
	height:36px;
	line-height:36px;
	font-size: 14px;
	color:#333;
	background:url(img/box-209-top.gif) 0 0 no-repeat;
	padding: 0 12px;
}
.box209 h2 a {
	color:#333;
}
.box209 ul {
	list-style:none;
	padding:10px 12px 6px 12px;
	color:#666;
}
.box209 li {
	font-size:12px;
	line-height:16px;
	padding-bottom:8px;
	background:url(img/arrow.gif) 0 5px no-repeat;
	padding-left:9px;
}
.box209 li.sel a {
	color:#000;
}
.box209 p {
	color:#4c4c4c;
	padding:0 12px 16px 12px;
}

.box424 {
	background:url(img/box-424-bottom.gif) 0 bottom no-repeat;
	padding-bottom:10px;
	height:163px;
}
.box424 h2 {
	height:36px;
	line-height:36px;
	font-size: 14px;
	color:#333;
	background:url(img/box-424-top.gif) 0 0 no-repeat;
	padding: 0 12px;
}
.box424 h2 a {
	color:#333;
}
.box424 ul {
	list-style:none;
	padding:10px 12px 0 12px;
	color:#666;
}
.box424 li {
	font-size:12px;
	line-height:16px;
	padding-bottom:16px;
}
.box424 p {
	color:#4c4c4c;
	padding:0 12px 5px 12px;
}

#productswrap {
	width:854px;
	height:540px;
	position:relative;
}

/*--------------------------------------------------------------------  PRODCOL, INDEX */

.prodcol {
	float:left;
	width:130px;
	margin-top:10px;
}
.prodcol h3 {
	font-size:12px;
	line-height:1.2;
}
.prodcol li {
	font-size:12px;
	line-height:16px;
	padding-bottom:8px;
	background:url(img/arrow.gif) 0 5px no-repeat;
	padding-left:9px;
}
.prodcol ul {
	padding-left:0;
}
.prodcol p {
	padding-left:0;
}

#prodcol1 {
	margin-left:10px;
	display:inline;
}
#prodcol2 {
	padding-left:10px;
	border-left:1px solid #ccc;
}
#prodcol3 {
	padding-left:10px;
	border-left:1px solid #ccc;
}


/*--------------------------------------------------------------------  TEXT */
.col637 h2 {
	height:35px;
	border-bottom:1px solid #ccc;
	font-size:18px;
	color:#000;
	line-height:36px;
	font-weight:bold;
	margin-bottom:10px;
}
.content {
	float:left;
	width:410px;
}
.extra {
	float:right;
	width:195px;
	color:#666;
}
.extra img {
	margin-bottom:4px;
}
.datetime {
	color:#333;
}
.moreinfo {
	color:#666;
}


/*--------------------------------------------------------------------  AGENT */

#contact-agent {
	background:url(img/contact-agent-bg.gif) 0 0 no-repeat;
	width:154px;
	height:28px;
	padding-left:55px;
	padding-top:22px;
	clear:both;
}
#contact-agent a {
	font-size:12px;
	line-height:26px;
}


/*--------------------------------------------------------------------  FOOTER */

#footer {
}
#footer p {
	color:#808080;
	clear:both;
	margin:0 2px 0 2px;
	border-top:1px solid #ccc;
	line-height:24px;
	padding-bottom:0;
	font-size:11px;
	margin-bottom:5px;
}


/*------------------------------------------------------ FORM */



/*--------------------------------------------------------------------  SLA LOGIN */

#slalogin {
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	width: 400px;
	padding:10px;
	margin-bottom:12px;
}
#slalogin label {
	display:block;
	font-size:12px;
}
#slalogin #san, #slalogin #company {
	margin-bottom:10px;
}


/*--------------------------------------------------------------------  MISC */

.clearfix {
	font-size:0.00001px;
	visibility:hidden;
	height:0;
	clear:both;
}




#contact {
	margin: 10px 2px 20px 2px;
}
#contact h2 {
	border:0;
	font-size:16px;
	line-height:1.2;
	font-weight:bold;
	margin-bottom:10px;
}

#regions {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-left:435px;
	background:url(img/mapbg.gif) 0 10px no-repeat;
	padding-bottom:20px;
	clear:both;
	padding-top:10px;
}
#regions h2 {
	border:0;
	font-size:16px;
}

.contactcol {
	float:left;
	width:205px;
	overflow:hidden;
}
.section {
	border-top:1px solid #ccc;
	padding-top:10px;
	clear:both;
}
.contactcol h3 {
	font-weight:bold;
	font-size:12px;
}
#contactform {
	width: 415px;
	float:left;
}
#contactform h2 {
	
}

#globalcontact {
	float:right;
	width:415px;
}
#globalcontactadjust strong {
	width:60px;
	display:block;
	float:left;
}

.product_icon {
	text-align:center;
	width:100px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
.product_icon img {
	border:0;
	margin:0;
	padding:0;
	padding-bottom:3px;
}
.product_icon span {
	font-size:12px;
	line-height:15px;
	margin:0;
	padding:0;
}
.product_icon span {
	display:block;
}
.product_icon a:hover span {
	text-decoration:underline;
}



/*-------------------------------------------- FLASHY MENU -------------------------------*/
#mainnav {
	clear:both;
	width:854px;
	height:34px;
	background:url(img/mainnav-bg.gif) 0 0 no-repeat;
	padding-left:3px;
}

#mainnav .sel a {
	color:#000;
}
#mainnav .sel ul li a {
	color:#004a84;
}
#mainnav .sel a:hover {
	text-decoration:none;
}
#mainnav .sel ul li a:hover {
	text-decoration:underline;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:999;
	position:relative;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
}
.sf-menu ul li {
	width:			150px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu li ul {
	width:150px;
/*
	border:1px solid #f2f2f2;
	border-top:0px;
	padding-bottom:5px;
	background-color:#fff;
*/
}
.sf-menu li a {
	display: block;
	position: relative;
	line-height:34px;
	font-size:12px;
	width:119px;
	text-align:center;
	height: 34px;
	background: url(img/mainnav-divider.gif) right 0 no-repeat;
	padding: 0 2px 0 0;	
}
#lastnav {
	background:none;
	padding-right:0;
}
.sf-menu ul li a {
	line-height:24px;
	height:24px;
	font-size:12px;
	padding-bottom:6px;
	background-image:none;
	padding: 0 10px 0 10px;
	width:130px;
	float: none;
	text-align:left;
	background-color:#fafafa;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			33px; /* match top ul list item height */
	z-index:		99;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}