/*******************************************************************************
* Structure
*******************************************************************************/

#container {
	width: 100%;
	float: left;
}

	#container .inner {
		width: 990px;
		margin: 0 auto;
	}

#main {
	float: left;
	width: 715px;
	padding: 0 15px 50px 15px;
	background: transparent url(../images/content/content-bg.png) repeat-y 0 0;
}

	* html #main {
		background: transparent url(../images/content/content-bg.gif) repeat-y 0 0;
	}

/*******************************************************************************
* Sidebar
*******************************************************************************/

#sidebar {
	width: 225px;
	float: left;
	margin: 0 15px 0 0;
	display: inline;
}

#logo {
	background: transparent url(../images/sidebar/logo.png) no-repeat;
	text-indent: -9999px;
	width: 225px;
	height: 135px;
	margin: 0 0 25px 0;
}

	* html #logo {
		background: transparent url(../images/sidebar/logo.gif) no-repeat;
	}

	#logo a {
		display: block;
		width: 225px;
		height: 135px;
		outline: none;
	}

#sidebar h3 {
	background: transparent url(../images/sidebar/h3-bg-trans.png) no-repeat 0 0;
	height: 23px;
	padding: 7px 0 0 30px;
	color: #FFF;
	clear: both;
}

	* html #sidebar h3 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://oslo/matt/grunwerg/images/sidebar/h3-bg-trans.png', sizingMethod='crop');
		background: transparent;
	}

#sidebar .submenu {
	background: transparent url(../images/sidebar/bg.gif) no-repeat 0 0;
	float: left;
	width: 220px;
	margin: 0 3px 20px 3px;
	display: inline;
}

	.submenu ul {
		float: left;
		margin: 20px 0 0 0;
		padding: 0 0 0 45px;
		width: 175px;
		display: inline;
	}

		.submenu ul li {
			margin: 0 0 7px 0;
		}

			.submenu ul li a,
			.submenu ul li a:visited {
				color: #FFF;
				font-size: 0.9em;
			}

/* submenu */

.submenu ul li ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	display: inline;
	float: none;
}

	.submenu ul li ul li {
		background: transparent url(../images/sidebar/sub-li.gif) no-repeat 1px 9px;
		padding: 0 0 0 10px;
		margin: 0 0 5px 0;
	}
	
	.submenu ul li ul li.active a {
		color: #000;
	}

/*******************************************************************************
* Breadcrumb
*******************************************************************************/

#breadcrumb {
	width: 715px;
	padding: 15px 0;
	margin: 0 0 60px 0;
	float: left;
	border-bottom: 1px solid #DFE1CC;
	display: inline;
}
	
ul.breadcrumb {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

	ul.breadcrumb li {
		float: left;
		color: #787B68;
		margin: 0 5px 0 0;
		display: inline;
	}
		
		ul.breadcrumb li {
			color: #787B68;
			padding: 0 0 0 13px;
			background: transparent url(../images/breadcrumb/link-bg.gif) no-repeat 0 5px;
		}
		
			ul.breadcrumb li a {
				color: #787B68;
			}

ul.utility {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

	ul.utility li {
		color: #7E1114;
		float: left;
		padding: 0 10px 0 10px;
		background: transparent url(../images/content/red-li.gif) no-repeat 0 7px;
	}
	
	ul.utility li.last {
		margin: 0;
		padding: 0 0 0 10px;
	}
	
		ul.utility li a {
			
		}

			ul.utility li a span {
				color: #787B68;
			}
	
/*******************************************************************************
* Main menu
*******************************************************************************/

#menu {
	float: left;
	width: 715px;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #DFE1CC;
	display: inline;
}

#menu ul {
	list-style: none;
	margin: 0;
	float: left;
	padding: 0;
	display: inline;
}

	#menu ul li {
		float: left;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		background: transparent url(../images/content/menu-bg.gif) no-repeat right 0;
		display: inline;
	}
	
	#menu ul li.last {
		background: none;
	}
	
		#menu ul li a {
			color: #000002;
		}
		
		#menu ul li a.active {
			color: #D52F31;
		}

/*******************************************************************************
* Search
*******************************************************************************/

#search {
	float: right;
}

	#search .field {
		margin: 0 10px 0 0;
	}

	#search .text {
		background: transparent url(../images/form/text-bg.gif) repeat-x 0 0;
		border: 0;
		border-right: 1px solid #E6E6DE;
		border-left: 1px solid #E6E6DE;
		height: 14px;
		width: 135px;
		padding: 2px 0;
		font-size: 0.9em;
	}

	#search .field.button {
		margin: 0;
	}

.hidden {
	display: none;
}

/*******************************************************************************
* Banner
*******************************************************************************/

#banner {
	float: left;
	width: 715px;
	margin: 0 0 35px 0;
	display: inline;
}

/*******************************************************************************
* home
*******************************************************************************/

#home {
	float: left;
	width: 715px;
	margin: 0 0 40px 0;
	display: inline;
}

	#home #intro {
		float: left;
		width: 205px;
		margin: 0 20px 0 0;
		color: #52544B;
		font-size: 0.9em;
		font-style: italic;
		display: inline;
	}
	
		#home #intro h1 {
			font-size: 1.3em;
			font-weight: normal;
			font-style: normal;
			margin: 0 0 20px 0;
		}

	#home #categories {
		float: left;
		width: 490px;
	}
	
		#home #categories h2 {
			font-size: 1.2em;
			font-weight: normal;
			margin: 0 0 20px 0;
			color: #52544B;
		}

/*******************************************************************************
* Category thumbnails
*******************************************************************************/

.thumbnail {
	float: left;
	width: 144px;
	height: 109px;
	padding: 3px;
	margin: 0 15px 15px 0;
	text-align: center;
	border: 1px solid #CFCDC0;
	outline: none;
	position: relative;
	display: inline;
}

.thumbnail.last {
	margin-right: 0;
}

	.thumbnail h3 {
		margin: 5px 0 0 0;
		font-weight: normal;
	}

		.thumbnail h3 a.salmon {
			color: #D8786A;
		}

		.thumbnail h3 a.orange {
			color: #C97B29;
		}

		.thumbnail h3 a.aqua {
			color: #8E9971;
		}

		.thumbnail h3 a.green {
			color: #62773C;
		}

		.thumbnail h3 a.blue {
			color: #689FC8;
		}

		.thumbnail h3 a.lime {
			color: #90AB06;
		}

		.thumbnail h3 a.purple {
			color: #6E78AD;
		}
		
		.thumbnail h3 a.gold {
			color: #FFD700;
		}
		
		.thumbnail h3 a.maroon {
			color: #800000;
		}
		
		.thumbnail h3 a.sienna {
			color: #A0522D;
		}

.thumbnail dl {
	text-align: left;
	float: left;
	font-size: 0.9em;
	width: 144px;
	margin: 5px 0 0 0;
	display: inline;
}

	.thumbnail dl dt {
		float: left;
	}
	
	.thumbnail dl dd {
		float: right;
	}

.thumbnail p {
	text-align: left;
	font-size: 0.9em;
}

/*******************************************************************************
* Product range
*******************************************************************************/

#range {
	float: left;
	width: 715px;
}

	#range h1, #range h2 {
		color: #787b68;
		float: left;
		font-size: 1.2em;
		font-weight: normal;
		margin: 0 0 20px 0;
		display: inline;
	}

#range .more-info {
	float: right;
}
	
	#range .more-info h2 {
		float: left;
		color: #E0332F;
		font-size: 1.3em;
	}
	
	#range .more-info span {
		float: left;
		margin: 3px 5px 0 0;
		color: #777A67;
		display: inline;
	}

#range .products {
	float: left;
	clear: both;
	width: 510px;
}

#range .info {
	float: left;
	width: 195px;
	color: #787b68;
	font-style: italic;
}

	#range .info a {
		color: #E33131;
	}
	
	#range .info p {
		clear: both;
	}
	
	#range .info ul {
		clear: both;
		padding: 0 0 0 20px;
	}
	
		#range .info ul li {
			margin: 0 0 10px 0;
		}

.thumbnail.range {
	height: 140px;
}

#container a.grey-button {
	background: #6e7261;
	color: #FFF;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	float: left;
	display: inline;
}

/*******************************************************************************
* products
*******************************************************************************/

#items {
	float: left;
	clear: both;
	width: 510px;
	margin: 0 10px 0 0;
	display: inline;
}

.item {
	width: 225px;
	padding: 10px 10px 30px 10px;
	min-height: 245px;
	border: 1px solid #CFCDC0;
	float: left;
	color: #525449;
	margin: 0 15px 15px 0;
	background: #FFF;
	position: relative;
	display: inline;
}

.item.last {
	margin: 0 0 15px 0;
}

	.item h3 {
		color: #525449;
                line-height:2.5em;
                margin-top:-10px;

	}

.item a {
	display: inline;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #E33131;
	padding: 0 0 0 10px;
	cursor: pointer;
}

.item a img{
	margin-left: 60px;
}

a.image{
	display: inline;
	position: relative;
}

	a.minus {
		background: transparent url(../images/content/minus.gif) no-repeat 0 5px;
	}
	
	a.plus {
		background: transparent url(../images/content/plus.gif) no-repeat 0 5px;
	}

.item dl {
	float: left;
	width: 225px;
	margin: 0 0 10px 0;
	display: inline;
}

	.item dl dt {
		margin: 0 10px 0 0;
		float: left;
		font-style: italic;
		width: 60px;
		display: inline;
	}

	.item dl dd {
		float: left;
		font-weight: bold;
		width: 155px;
	}
	
		.item dl dd.details {
			font-weight: normal;
			font-size: 0.9em;
			height:32px;
			overflow:hidden;			
		}

/*******************************************************************************
* Pagination
*******************************************************************************/

.pagination {
	float: left;
	width: 510px;
	padding: 10px 0 0 0;
	border-top: 1px solid #DCDCDC;
	margin: 10px 0 0 0;
	display: inline;
}

	.pagination ul {
		float: right;
		list-style: none;
	}
	
		.pagination ul li {
			float: left;
		}
		
			.pagination ul li.active {
				color: #52534B;
				padding: 0 3px;
				border: 1px solid #DCDCDC;
				margin-top: -1px;
			}

		.pagination ul li a {
			color: #52534B;
			padding: 3px;
			border: 1px solid #FFFEEC;
		}
		
		.pagination ul li a:hover {
			
		}

.pagination ul li.all {
	border-left: 1px solid #DCDCDC;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}

	.pagination ul li.all a:hover {
		border: 1px solid #FFFEEC;
	}


/*******************************************************************************
* New Products
*******************************************************************************/

.new-products {
	float: left;
	width: 510px;
	clear: both;
}

	.new-products .thumbnail {
		height: 180px;
		padding-bottom: 20px;
		background: #FFF;
	}
	
		* html .new-products .thumbnail {
			min-height: 180px;
			height: auto !important;
			height: 180px;
		}
	
		.new-products .thumbnail a {
			color: #E0332F;
			padding: 0 0 0 10px;
			position: absolute;
			bottom: 5px;
			left: 10px;
		}

/*******************************************************************************
* Page
*******************************************************************************/

#page {
	float: left;
	width: 530px;
	margin: 0 10px 0 0;
	color: #54534e;
	display: inline;
}

	#page h1 {
		color: #767B67;
		font-weight: normal;
		font-size: 1.2em;
		margin: 0 0 10px 0;
	}
	
#page .header {
	position: relative;
	margin: 0 0 20px 0;
}
	
	#page .header img {
		padding: 3px;
		border: 1px solid #DCDCDC;
	}

.header .overlay {
	background: transparent url(../images/content/header-overlay-trans.png) no-repeat 0 0;
	position: absolute;
	bottom: 3px;
	left: 4px;
	height: 20px;
	width: 518px;
	padding: 5px 0 0 0;
	text-align: center;
	color: #FFF;
}

	.header .overlay strong {
		padding: 0 20px;
		background: transparent url(../images/content/open-quote-trans.png) no-repeat 0 0;
		position: relative;
	}
	
		.header .overlay strong span {
			display: block;
			position: absolute;
			right: 0;
			top: 0;
			background: transparent url(../images/content/closing-quote-trans.png) no-repeat right 0;
			width: 15px;
			height: 16px;
		}

#useful-links {
	width: 175px;
	float: left;
}

	#useful-links h2 {
		color: #767B67;
		font-weight: normal;
		font-size: 1.2em;
	}
	
	#useful-links ul {
		margin: 15px 0 0 15px;
		padding: 0;
	}
	
		#useful-links ul li {
			margin: 0 0 5px 0;
		}
	
			#useful-links ul li a {
				color: #D52F31;
			}

/*******************************************************************************
* affiliated websites
*******************************************************************************/

#links {
	float: left;
	width: 715px;
}

	#links h1 {
		color: #767B67;
		font-weight: normal;
		font-size: 1.2em;
		margin: 0 0 10px 0;
	}

#links .link {
	float: left;
	width: 325px;
	height: 95px;
	margin: 0 25px 25px 0;
	display: inline;
}

	#links .link .logo {
		float: left;
		width: 130px;
		height: 130px;
		margin: 0 10px 10px 0;
		padding: 5px;
		line-height: 160px;
		border: 1px solid #DCDCDC;
		background: #FFF;
		display: inline;
	}
	
	#links .link .logo img {
		display: inline !important;
	}

	#links .link h2 {
		font-size: 1em;
		color: #33;
	}
	
	#links .link p {
		color: #777;
	}
	
	#links .link a {
		color: #bf2c18;
	}

/*******************************************************************************
* News
*******************************************************************************/

.news-wrap {
    border-bottom: 1px solid #DCDCDC;
	padding-bottom: 20px;
    margin-bottom: 20px;
}
.clear-fix {
	clear: both;
}
.news-item {
    float: left;
   	width: 380px;
}
	span.press-date {
		font-weight: normal;
		font-size: 0.8em;
	}
	p.all-archived-news {
		margin-left: 15px;
		margin-top: 10px;
	}
	p.all-archived-news a {
		color:#D52F31;
		font-weight: bold;
		text-decoration: underline;
		
	}
    .news-item a {
            color: #D52F31;
    }

	.news-wrap img,
    .news-wrap img.left {
        float: left;
        margin: 0 10px 0 0;
        display: inline;
    }
    
    .news-wrap img.right {
        float: right;
        margin: 0 0 0 10px;
        display: inline;
    }


/*******************************************************************************
* Contact
*******************************************************************************/

#contact {
	float: left;
	width: 715px;
	color: #54544A;
	font-size: 0.9em;
}

	#contact h1,
	#contact h2 {
		color: #767B67;
		font-weight: normal;
		font-size: 1.2em;
		margin: 0 0 10px 0;
	}
	
	#contact p {
		font-style: italic;
		padding: 0 0 20px 0;
	}

.contact-form {
	float: left;
	width: 305px;
	margin: 0 50px 0 0;
	color: #54544A;
	display: inline;
}

#contact label {
	float: left;
	display: block;
	width: 130px;
}

#contact .text {
	background: #FFF;
	border: 1px solid #D1D3C5;
	width: 170px;
	height: 15px;
	padding: 1px 0;
	float: left;
	color: #54544A;
	font-size: 0.9em;
}

#contact .long,
#contact .long label, 
#contact .long input,
#contact .long select {
	width: 300px;
	float: left;
}

#contact textarea {
	border: 1px solid #D1D3C5;
	width: 170px;
	height: 50px;
	float: left;
	color: #54544A;
	font-style: normal;
	font-size: 1.2em;
	overflow: auto;
}

	#contact .long textarea {
		width: 300px;
		height: 90px;
	}

#contact .field.long label {
	width: 275px;
}

#contact .field input.checkbox {
	margin: 0 10px 0 0;
	width: 15px;
}

#contact .errors {
	float: left;
	color: #FF0000;
	margin: 0 0 20px 20px;
	display: inline;
}

.locations {
	float: left;
	width: 350px;
	margin: 0;
	color: #54544A;
	display: inline;
}

#map {
	width: 350px;
	height: 285px;
	background: gray;
	margin: 0 0 20px 0;
}

#content .details {
	float: left;
	font-style: italic;
	width: 175px;
}

	#content .details h3 {
		margin: 0 0 10px 0;
		font-style: none;
	}

	#content .details address {
		width: 175px;
	}

#content .details dl {
	margin: 0 0 5px 0;
	clear: both;
	float: left;
	width: 175px;
	display: inline;
}

	#content .details dl dt, 
	#content .details dl dd {
		float: left;
	}

/*******************************************************************************
* Downloads
*******************************************************************************/

#downloads {
	float: left;
	width: 715px;
	color: #54544A;
}

	#downloads h1 {
		color: #767B67;
		font-weight: normal;
		font-size: 1.2em;
		margin: 0 0 10px 0;
	}
	
	#downloads .intro {
		padding: 0 0 20px 0;
	}

#downloads .pagination {
	width: 715px;
}

.download {
	float: left;
	width: 715px;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #DCDCDC;
	display: inline;
}

	.download img {
		padding: 3px;
		background: #FFF;
		border: 1px solid #DCDCDC;
		float: left;
		margin: 0 20px 0 0;
		display: inline;
	}
	
	.download h2 {
		float: left;
		font-size: 1em;
	}
	
	.download div {
		float: left;
		width: 550px;
	}
	
	.download a {
		color: #D52F31;
		display: block;
		margin: 20px 0 0 0;
	}

.get-adobe {
	float: left;
	margin: 10px 0 0 0;
	display: inline;
}

	.get-adobe p {
		float: left;
	}
	
	.get-adobe a {
		display: block;
		float: left;
		text-indent: -9999px;
		margin: -8px 0 0 5px;
		background: transparent url(../images/content/get-adobe.gif) no-repeat 0 0;
		width: 80px;
		height: 25px;
		display: inline;
	}

/*******************************************************************************
* Full text
*******************************************************************************/

#full-text {
	float: left;
	width: 700px;
	margin: 0 10px 0 0;
	color: #54534e;
	display: inline;
}

	#full-text h1 {
		color: #767B67;
		font-weight: normal;
		font-size: 1.2em;
		margin: 0 0 10px 0;
	}
	
	#full-text img {
		background: #FFF;
		border: 1px solid #DCDCDC;
		padding: 3px;
		float: right;
		display: inline;
		margin: 0 0 10px 10px;
	}

/*******************************************************************************
* Footer
*******************************************************************************/

#footer {
	background: #000;
	float: left;
	width: 100%;
	height: 45px;
	color: #FFF;
	font-size: 0.9em;
}

#footer .inner {
	margin: 0 auto;
	width: 990px;
	padding: 15px 0;
	overflow: visible;
	position: relative;
}

#footer a {
	color: #AEAEAE;
}

#footer .copyright {
	float: left;
}

	#footer .copyright span {
		border-right: 1px solid #AEAEAE;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
	}

#footer ul {
	float: right;
	list-style: none;
}

	#footer ul li {
		color: #830B0C;
		float: left;
		margin: 0 20px 0 0;
		padding: 0 0 0 10px;
		background: transparent url(../images/content/footer-li.gif) no-repeat 0 4px;
		display: inline;
	}
	
	#footer ul li.last {
		margin: 0;
	}
	
#tree {
	background: transparent url(../images/content/tree-trans.png) no-repeat 0 0;
	width: 230px;
	height: 300px;
	position: absolute;
	top: -300px;
	left: 12px;
}

	* html #tree {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://oslo/matt/grunwerg/images/content/tree-trans.png', sizingMethod='crop');
		background: transparent;
	}

#branches {
	background: transparent url(../images/content/branches-trans.png) no-repeat 0 0;
	width: 65px;
	height: 120px;
	position: absolute;
	top: -120px;
	right: -62px;
}

	* html #branches {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://oslo/matt/grunwerg/images/content/branches-trans.png', sizingMethod='crop');
		background: transparent;
	}