@charset "utf-8";
/* CSS Document */

/* Author: Bjarte Lund Rolland */

/* 
COLORS:
green:			#008D59


MARGINS:


*/

/* BODY (General styles)
---------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 60px auto 0;
	background: #d9d9d9 url(../gfx/bgContainer.jpg) repeat-x top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#6a6a6a;
	line-height:1.5em;
}

img {border:none}

.imgStyle {
	border:2px purple solid;
	margin:0 8px 4px 0;
	float:left;
}

.imgStyle:hover {
	border:2px solid red;
}

p {
	margin:0 0 10px 0;
}


/* CONTAINER (This is the main wrapper)
------------------------------------------------------------------ */
#container {
	width:990px;
	margin:0 auto;	
}

#containerBG {
	background:white;
}

/* TOP NAVIGATION (On top of container)
------------------------------------------------------------------ */
#navigationTop {
	font-size:1.6em;
	z-index:2;
	float:left;
	clear:both;
	margin-top:-25px;
	width:1015px;
}

#search {
	float:right;
	width:200px;
	margin-top:-32px;
	margin-right: 80px;
	text-align: right;
}

	#search .button {
		height:24px;
	}
#searchBox {
	position: absolute;
	top: -50px; left: 863px; }
#facebooken {
	position: absolute;
	top: -50px; left: 760px;
}
#facebooken img{
	float:left;
	margin:0 5px 0 0;
}
#searchBox input {
	height: 20px;
	margin: 0;
	padding: 0 5px;
	line-height: 20px;
	font-size: 12px;}
#searchBox input[type="text"] { margin: 0; padding: 0; width: 80px; }
#searchBox input[type="submit"] {height: 22px; }
/*Remove button padding in FF */
#searchBox input::-moz-focus-inner { border: 0; padding: 0; }
#searchBox button::-moz-focus-inner { border: 0; padding: 0; }

#subscribe input {
	height: 20px;
	margin: 0;
	padding: 0 5px;
	line-height: 20px;
	font-size: 12px;}
#subscribe input[type="text"] { margin: 0; padding: 0; width: 150px; }
#subscribe input[type="submit"] {height: 22px; }
/*Remove button padding in FF */
#subscribe input::-moz-focus-inner { border: 0; padding: 0; }
#subscribe button::-moz-focus-inner { border: 0; padding: 0; }
/* HEADER (Includes header with logo, slideshow and horizontal top navigation)
------------------------------------------------------------------ */
#header {
	float:left;
	width:990px;
	height:165px;
	background:white;
}

	#logo {
		float:left;
		margin-left:-101px;
	}
		
		#logo,
		#logo img {
		}

	.slide {
		width:800px;
		height:145px;
		float:right;
		position:relative;
		z-index:1;
		margin-top:10px;
		overflow:hidden;
	}
	
	#slideLayer {
		background:url(../gfx/slideLayer.png) no-repeat;
		width:800px;
		height:145px;
		float:left;
		margin-top:-148px;
		margin-left:190px;
		position:relative;
		z-index:2;
	}
	
	#slogan {
		float:right;
		position:relative;
		z-index:2;
		margin-top:-50px;
		margin-right:20px;
		color:white;
	}
	
/* LEFT (Includes (product) menu on the left, search and addtional content)
------------------------------------------------------------------ */
#left {
	background:#f2f2f2;
	width:145px;
	float:left;
	clear:both;
	padding:5px;
	margin-bottom:35px;
}

/* MAIN content (Includes all articles)
------------------------------------------------------------------ */
#main {
	width:800px;
	float:right;
	padding-bottom:35px;
	
}

#breadcrumbsWrapper {
	width:100%;
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:10px;
	height:20px;
	border-bottom:1px solid #E7E7E7;
}

	#breadcrumbs {
		float:left;
		width:60%;
	}

#print {
	float:right;
	width: 30%;
	text-align:right;
	height:20px;
}

	#print img/*,
	.backAndPrint img */{
		margin-bottom:-12px;
	}

.box {
	background:#F2F2F2 ;
	padding:10px;
	margin:0 0 10px 0;
	float:left;
	clear:both;
}

	.box span {
		margin-right:10px;
	}

.boxRounded {
	background:#004C71;
	padding:10px;
	margin:10px 0;
	float:left;
	clear:both;
	color:white;
}

.moreArrow {
	font-weight:bold;
	font-size:0.8em;
	text-transform:uppercase;
	letter-spacing:1px;
	width:150px;
	float:left;
	background:url(../gfx/next.png) no-repeat left top;
	padding-left:17px;
	line-height:1.2em;
	margin:5px 0 0 0;
	height:15px;
}

	.moreArrow a{
		text-decoration:none;
	}
	
.backArrow {
	font-weight:bold;
	font-size:0.8em;
	text-transform:uppercase;
	letter-spacing:1px;
	width:150px;
	float:left;
	background:url(../gfx/prev.png) no-repeat left top;
	padding-left:17px;
	line-height:1.2em;
	margin:5px 0 0 0;
	height:15px;
}

	.backArrow a{
		text-decoration:none;
	}


/* FRONTPAGE (Styles for frontpage only)
------------------------------------------------------------------ */
#front {
	float:left;
}

.frontTopLeft {
	float:left;
	width:270px;
	height:252px;
	margin: 0 0 10px 0;
}

.frontTopMiddle {
	float:left;
	width:270px;
	height:252px;
	margin: 0 0 10px 0;
}

.frontTopRight {
	float:left;
	width:260px;
	height:252px;
	margin: 0 0 10px 0;
}

.frontTopLeft {
	background:url(../gfx/frontTopLeftBG.jpg) no-repeat top left;
}

	.frontTopLeft h1,
	.frontTopMiddle h1{
		margin:0 0 5px 0;
		padding:0;
	}

	.frontTopLeft p,
	.frontTopMiddle p{
		font-weight:bold;
		font-size:0.9em;
		margin:0 0 5px 0;
		line-height:1.5em;
	}

	.frontTopLeft .moreArrow,
	.frontTopMiddle .moreArrow{

	}
	
	.frontTopLeft span a,
	.frontTopMiddle span a{
		text-decoration:none;
	}

.frontTopMiddle {
	background:url(../gfx/frontTopMiddleBG.jpg) no-repeat top left;
}
	.frontTopMiddle .content {
		padding-left:105px;
	}
		
.frontTopRight {
	background:url(../gfx/frontTopRightBG.jpg) no-repeat top left;
}

	.frontTopRight .content {
		padding-top:170px;
	}
	
	.frontTopRight .loginTxt {
		width:68px;
	}
	
	.frontTopRight #epostTxt {
		width:86px;
	}
	
	.frontTopRight #login {
		width:70px;
	}
	
	.frontTopRight #epost {
		width:95px;
	}

.frontBottomLeft {
	background:url(../gfx/frontBottomLeftHeaderBG.jpg) no-repeat top left #F2F2F2;
	float:left;
	width:530px;
	margin-right:10px;
}

.frontBottomRight {
	background:url(../gfx/frontBottomRightHeaderBG.jpg) no-repeat top left #F2F2F2;
	float:left;
	width:260px;
}

	.frontBottomLeft h3,
	.frontBottomRight h3{
		color:white;
		margin-bottom:10px;
	}
	
	.frontBottomRight .price h3 {
		float:right;
		color:#008D59
	}
	
	.frontBottomRight img {
		width:238px;
		border:solid 1px white;
	}
	
		.frontBottomRight img:hover {
			border-color:#008D59
		}

.content {
	padding:7px 10px;
}

	.frontBottomLeft .content {
		padding:7px 10px 0 10px;
	}


#productFrontWrapper {
	width:520px;
}

.product_displayFront {
	float:left;
	width:240px;
	height:110px;
	background:white;
	margin:0 10px 10px 0;
	padding:5px;
	overflow:hidden;
}

.product_displayFrontRight {
	float:right;
	width:120px;
	height:90px;
}

	.product_displayFront h3{
		color:#008D59;
	}
	
	.product_displayFront .moreArrowProduct {
		float: left;
	}

.moreArrowProduct {
	font-weight:bold;
	font-size:0.8em;
	text-transform:uppercase;
	letter-spacing:1px;
	float:left;
	background:url(../gfx/next.png) no-repeat left top;
	padding-left:17px;
	line-height:1.2em;
	margin:5px 0 0 85px;
	height:15px;
	width:25px;
}
	.moreArrowProduct a{
		text-decoration:none;
	}

/* RIGHT (Optional right container for all sites)
------------------------------------------------------------------ */
#right {
	background:#E7E7E7;
	color:black;
	width:150px;
	float:right;
	padding:10px 20px 10px 10px;
}

/* FOOTER (Includes adresses, copyright declarations, i-tools branding, and more)
------------------------------------------------------------------ */
#footerBG {
	background:url(../gfx/bgFooter.jpg) repeat-x top #d9d9d9;
}

#footer {
	width:980px;
	margin:0 auto;
	font-size: 0.8em;
	clear:both;
	padding:10px 0;
}

	#paymentLogos {
		margin: 0px auto;
		 text-align: center;
		 width: 360px;
		 height: 60px;
		/* background:url(../gfx/payment_background.png)*/
	}
	.footerLeft,
	.footerMiddle{
		float:left;
		width:250px;
	}
	
	.footerRight {
		float:right;
	}

/* TESTING
------------------------------------------------------------------ */

.cornerTest {
	background: url(../gfx/InBusiness_logo_12px.jpg);
	float:left;
	width:200px;
	height:50px;
	padding:10px;
	color:red;
}

.pngTest {
	background: url(../gfx/sprites/sprites.png) red;
	float:left;
	width:200px;
	height:50px;
	padding:10px;
	color:white;
}