/* 
########################################## 
 Copyright 2007 Runaware AB 
Designed and coded by Petter Johansson 
Mobile implementation by Mikael Svensson
 ########################################## 
 */

/* COMMON ################################### */

body {
	margin: 0px;
	background-color: #7d7d7d;
	font-family: "trebuchet ms", Georgia, Verdana, Arial, sans-serif;
	color: #333333;
	font-size:small;
}

a:link {
	color: #f7931e;
	text-decoration: none;
	border-bottom: 1px dotted #f7931e;
}

a:hover {
	color: #e62b07;
	text-decoration: none;
	border-bottom: 1px solid #e62b07;
}

a:active {
	color: #FF0000;
	text-decoration: none;
	border-bottom: 1px solid #FF0000;
}

a:visited {
	color: #330000;
	text-decoration: none;
	border-bottom: 1px dotted #330000;
}

h1 {
	margin-top:0px;
	font-size:large;
	font-weight:bold;
}

h2 {
	font-size:medium;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:10px;
}

h3 {
	font-size:small;
	font-weight:bold;
}

ul {
	list-style-type: square;
}

.inline {	
	display:inline;
}

.img_indent {
	margin-left:5px;
}

.floated_content {
	padding: 10px 0px 0px 3px;
}
	
.hide_for_mobile {
	display:none;
}

.img_for_mobile{
	width:200px;
}

/* CONTENTBACKGROUND ################### */

#contentbackground {
	background-color:#FFFFFF;
	margin:0px;
	text-align:center;
	padding-bottom:5px;	
	border-bottom: 1px solid #333333;
}

	#contentwrapper {
		text-align:left;
		padding:0px;
		padding-bottom:15px;
		border-bottom:1px dotted #cccccc;
		margin-bottom:10px;
	}

/* HEADER ############################# */

#headwrapper {
}

	#headleft {
	}

	/* HEADLEFT > LOGO ####################### */	
		#logo {
			display:none;
		}			
			
		#logo_mobile {
						
		}
		
			#logo_mobile  img {
				padding:3px;
				padding-bottom:5px;
			}

			#logo_mobile  a {
				border-bottom:none;
			}


	/* HEADLEFT > NAV ####################### */			
		#nav {
		}

			#nav_mobile {
				text-align:center;
				background-color:#7d7d7d;
				font-size:x-small;
				text-align:left;
				color:#DDDDDD;
				border-top:solid 1px #000000;
				border-bottom:solid 1px #000000;
				padding:3px;
			}

				#nav_mobile a {
					text-transform: uppercase;
					font-size:x-small;
					color:#DDDDDD;					
					border:0px solid;
				}

				#nav_mobile a:hover {
					text-transform: uppercase;
					text-decoration: underline;
					color:#000000;
				}

				#nav_mobile .divider {
					margin:0px 10px 0px 10px;
				}
				
				#nav_mobile  a:visited {
					border:0px solid;
				}

			#nav_screen {
				display:none;
			}

			#nav a{
				border:none;
				margin:0;
				padding:0;
				color:#ffffff;
			}

	/* HEADLEFT > SCREEN ####################### */	

		#screen {
			display:none;
		}

		#screen2 {
			width: 949px;
			height: 171px;
			background: #ffffff;
			background-image: url(images/productimage.jpg);
			background-repeat: no-repeat;
		}
		
	#headright {
	}

	/* HEADRIGHT > QUICKLINKS ################# */	
	
		#quicklinks {
			text-align: right;
			margin-top: 32px;
			font-size:12px;
			color: #cccccc;
			text-transform: uppercase;
			height: 18px;
			display:none;
		}

			#quicklinks a {
				color: #cccccc;
				font-size:12px;
				border-bottom:0px;
			}

			#quicklinks a:hover {
				color: #f7931e;
			}
			
	/* HEADRIGHT > MAINIMAGE ################# */

		#mainimage {
			display:none;
		}

		#mainimage_front {
			display:none;
		}

/* CRUMB #############################  */

#crumb {
	padding: 5px 0px 5px 5px;
	background: #e8e8e8;
	border-bottom: 1px dotted #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color: #666666;
}

	#crumb a {
		color: #666666;
		border:0px;
	}

	#crumb a:hover {
		color: #f7931e;
		border-bottom:1px dotted #f7931e;
	}

	#crumb .active {
		font-weight:bold;
	}

#crumb_about {
	padding: 5px 0px 5px 5px;
	background: #e8e8e8;
	border-bottom: 1px dotted #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color: #666666;
}

#crumb_about a {
	color: #666666;
	border:0px;
}

#crumb_about a:hover {
	color: #f7931e;
	border-bottom:1px dotted #f7931e;
}

#crumb_about .active {
	font-weight:bold;
}

/* CONTENT  ############################  */

#contentback {
	background: #e5e5e5;
	margin:0px;
	background-image: url(images/content_background.jpg);
	background-repeat: repeat-x;
}

#content {
	line-height:160%;
	background-image: url(images/content_background_bottom.jpg);
	background-repeat: repeat-x;
	background-position:bottom left;
}

	/* CONTENT > ONECOL ###############  */

	#onecol {
		padding: 15px 0px 0px 5px;
	}
	
		/* CONTENT > ONECOL > CONTENTLEFTCOL ########  */
		
		.contentleftcol {
			margin: 0px;
			padding:0px;
			border-right:1px dotted #cccccc;
		}

		.contentleftcol h2 {
			margin-top:0px;
		}

		.contentrightcol {
			text-align:center;
			vertical-align:top;
		}

		.contentrightcol img{
			padding-bottom:10px;
		}

	#leftcol {
	}

	#rightcol {
	}

	/* CONTENT > LEFT MIDDLE RIGHT ###############  */

	#left {
		margin-top:20px;
		padding-bottom:5px;
	}

	#middle {
		margin-top:20px;
		padding-bottom:5px;
	}

	#right {
		margin-top:20px;
		padding-bottom:5px;
	}

	/* CONTENT > LEFTC MIDDLEC RIGHTC ###############  */
	
	
	
	
.contenttext {
}

.contentlist {
}

.contentlist li {
	list-style-type:square;
	margin-left:-20px;
	padding-right:0px;
}

/* BOTTOMRECT #####################  */

#bottomrect {
	margin:0px;
	padding:0px 15px 0px 15px;
	background-color: #f4f4f4;
}

	#lefttd {
		overflow:visible;
		margin-bottom:15px;
	}

	#middletd {
		overflow:visible;
		margin-bottom:15px;
	}

	#righttd {
		overflow:visible;
		margin-bottom:15px;
	}

/* FOOTER  #########################  */

#footerbackground {
background-repeat:repeat-x;
text-align:center;
padding:8px 8px 10px 8px;
}

	#footerwrapper {
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	font-size:x-small;
	text-align:left;
	height:50px;
	}

		#footlinks {
		color: #cccccc;
		}

			.mainsections {
				font-size:x-small;
				margin-bottom:0px;
				margin-top:0px;
			}

				.mainsections a {
					text-transform: uppercase;
					font-size:x-small;
					border:0px;
					color: #dddddd;
				}

				.mainsections a:hover {
					text-transform: uppercase;
					text-decoration: underline;
					color: #000000;
				}
				
				.mainsections .divider {
					margin:0px 10px 0px 10px;
				}
			
			.subsections {
			font-size:x-small;
			color: #333333;
			margin:0px;
			}

				.subsections a {
				font-size:x-small;
				border:0px;
				color: #333333;
				}

				.subsections a:hover {
				text-decoration: underline;
				color: #dddddd;
				}
				.subsections .divider {
				margin:0px 5px 0px 5px;
				}
				
			.copy {
			margin: 5px 0px 15px 0px;
			}

		#footaddress {
		padding-top:5px;
		color: #dddddd;
		text-align:right;
		}


			.footaddresstable td {
			text-align:left;
			font-size:x-small;
			border-left: 1px dotted #333333;
			padding:0px 15px 0px 10px;
			}
			
/* INDEX.JSP  ######################### */

#contentback_front {
	background: #e8e8e8;
	margin:0px;
	background-repeat: repeat-x;
	padding:3px;
	padding-bottom:0px;
}

#frontsections {
	margin-top:15px;
	width:100%;
}

#latest_news {
	background-image: url(images/content_background_bottom.jpg);
	background-repeat: repeat-x;
}

.news_frontpage_inner{
	padding:10px 10px 10px 15px;
}

.news_frontpage_inner h2{
	margin-top:0px;
}

.news_frontpage_inner a{
	margin:0px;
	padding:0px;
	border: 0px;
	color: #333333;
}

.news_frontpage_inner a:hover{
	color: #e62b07;
}

.news_frontpage_inner p{
	display:none;
}

.news_frontpage{
	font-size:12px;
	margin-bottom:15px;
}

.news_frontpage span{
	display:block;
	font-size:9px;
	color: #666666;
}

#quotes {
	background-image: url(images/quotes_base.gif);
	background-repeat: no-repeat;
	display:none;
}

.casestudies {
	display:none;
}

/* MARKETING  ######################## */

.imgpara {
	clear:both;
	margin-bottom:30px;
}

.imgpara img {
	margin-bottom:25px;
}

/* CLIENTS.JSP  ######################## */

.contentleftcol_clients {
	margin: 0px;
	padding-top:20px;
	text-align:left;
}

.contentleftcol_clients .name {
	font-weight:bold;
	margin:0px;
	display:block;
}

.contentleftcol_clients .quote {
	padding-bottom:0px;
}

.contentrightcol_clients h3 {
	margin-top:5px;
}

.contentrightcol_clients {
	text-align:left;
	vertical-align:top;
}

.contentrightcol_clients  a {
	color: #333333;
	margin-bottom:3px;
	border:0px;
	font-weight:normal;
}

.contentrightcol_clients  a:hover {
	color: #ff0000;
	border-bottom: 1px dotted #e62b07;
	font-weight:normal;
}

.contentrightcol_clients  a:visited {
	color: #e62b07;
	margin-bottom:2px;
	font-weight:normal;
}

.contentleftcol_clients img{
	padding-bottom:10px;
}


/* COMPLETELIST.JSP  ######################## */


.clientlogo {
	background-color: #ffffff;
	padding:10px;
	width:200px;
	text-align:center;
	border:1px solid #cccccc;
	display:none;
}

.clientlogo a {
	border: 0px;
	text-decoration: none;
}

/* CONTACT.JSP ########################*/

#leftc {
		padding-right:10px;
		margin-bottom:40px;
	}

#leftc h2 {
	margin-top:0;
}

#middlec{
	margin-right:0;
}

#middlec h2 {
	margin-top:0;
}

#rightc{
	overflow:visible;
	padding-left:20px;
	display:none;
}

/* NEWS.JSP ########################*/

.newsform {
	border: 1px dotted #999999;
	background: #f5f5f5;
	padding:15px 20px 20px 20px;
	text-align:center;
	display:none;
}

.newsform_inner {
	width:350px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.newsform form {
	margin:0px;
}

.formbox {
	width:350px;
	border:1px solid #cccccc;
	font-size: 13px;
	margin-bottom:10px;
}

.formbox_newsaccount {
	width:300px;
	border:1px solid #cccccc;
	font-size: 13px;
	margin-bottom:10px;
}

.formbtn {
	font-size: 11px;
}


/* UNCHANGED  ######################## */

.notopmargin {
	margin-top:0px;
}

.newsinfo{
	color:#999999;
}

.newslisting{
	margin-bottom:25px;
}

#fronttext {
	width:100%;
	margin:0px;
	border:0px;
}

#leftlist {
	width: 33%;
	float: left;
	margin-top:15px;
}

#middlelist {
	width: 33%;
	float: left;
	margin-top:15px;
}

#rightlist {
	width: 33%;
	float: right;
	margin-top:15px;
}

.contentleftcol_presskit {
	width:573px;
	margin: 10px 0px 20px 0px;
	padding:0px 20px 0px 0px;
	float:left;
}

.contentrightcol_presskit {
	width:280px;
	padding:0px 0px 0px 20px;
	float:right;
	text-align:left;
	vertical-align:top;
	border-left:1px dotted #999999;
}


.checked {
	list-style-type: none;
	padding: 0;
	margin:0px;
}

.checked  li {
	background-image: url(images/checkmark.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding:5px 0px 5px 27px;
	display:block;
}

.checked_sm {
	list-style-type: none;
	padding: 0;
	margin:0px;
}

.checked_sm  li {
	display:block;
}

.checked_green {
	list-style-type: none;
	padding: 0;
	margin:0px;
}

.checked_green li {
	background-image: url(images/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding:5px 0px 5px 25px;
	display:block;
}

.checked_red {
	list-style-type: none;
	padding: 0;
	margin:0px;
}

.checked_red li {
	background-image: url(images/bullet_red.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding:5px 0px 7px 25px;
	display:block;
}

.checked_blue {
	list-style-type: none;
	padding: 0;
	margin:0px;
}

.checked_blue li {
	background-image: url(images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding:5px 0px 7px 25px;
	display:block;
}



.pdf {
	list-style-type: none;
	padding: 0;
	margin:0px;
}

.pdf li {
	background-image: url(/images/pdficonsm.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding:5px 0px 5px 27px;
	display:block;
}

.zip {
	list-style-type: none;
	padding: 0;
	margin:0px;
}

.zip li {
background-image: url(/images/zipicon.gif);
background-repeat: no-repeat;
background-position: 1px 7px;
padding:5px 0px 5px 27px;
display:block;
}

.checked_cl {
	list-style-type: none;
	padding: 0;
	margin:0px;
}

.checked_cl  li {
	display:block;
}

.checked_cl  a {
	color: #333333;
	margin-bottom:3px;
	border:0px;
	font-weight:normal;
}

.checked_cl  a:hover {
	color: #ff0000;
	border-bottom: 1px dotted #e62b07;
	font-weight:normal;
}

.checked_cl  a:visited {
	color: #e62b07;
	margin-bottom:2px;
	font-weight:normal;
}

.completelist {
	margin-top:0px;
}

.uliner {
border-bottom:1px solid #dddddd;
padding: 3px 0px 3px 5px;
}

.uliner_d {
border-bottom:1px solid #dddddd;
padding: 5px 0px 5px 5px;
}

.uliner_t {
border-bottom:1px solid #dddddd;
padding: 5px 0px 5px 5px;
background: #dddddd;
font-size:12px;
font-weight:bold;
}