/*
For:
Dekkskift

Av:
Fredrik Sørlie
Sørlie Communications
www.s-com.no
*/

/* General */

* {
	margin						: 0;
	padding						: 0;
}

html {
	min-height					: 100%;
	height						: 100%;
}

body {
	width						: 100%;
	min-height					: 100%;
	height						: 100%;
	font-family					: Trebuchet MS, Arial, Helvetica, Sans-Serif;
	font-size					: 11px;
	color						: #666666;
	text-align					: center;
	background					: url("../img/bg.gif") #D6D6D6 repeat-x;
}

hr {
	height						: 1px;
	font-size					: 0;
	line-height					: 0;
	color						: #cccccc;
	background-color			: #cccccc;
	display						: block;
	clear						: both;
	border						: 0;
	margin						: 10px 0 10px 0;
}

input {
	background					: #FFFFFF;
	border						: 1px solid #999999;
	font-family					: Arial, Helvetica, Sans-Serif;
	font-size					: 12px;
	color						: #666666;
	padding						: 0 4px 0 4px;
}

textarea {
	background					: #FFFFFF;
	border						: 1px solid #999999;
	font-family					: Arial, Helvetica, Sans-Serif;
	font-size					: 12px;
	color						: #666666;
	padding						: 0 4px 0 4px;
}

a {
	color						: #006699;
	text-decoration				: none;
}

a:visited {
	color						: #003366;
	text-decoration				: none;
}

a:hover {
	color						: #3399CC;

}

h1, h2 {
	text-transform				: uppercase;
}

p {
	display						: block;
}

img {
	border						: 0px;
	vertical-align				: bottom;
}

/* Site Layout */

div#border {
	width						: 756px;
	min-height					: 100%;
	height						: 100%;
	background					: #A3A3A3;
	border-width				: 0 1px 0 1px;
	border-style				: solid;
	border-color				: #D6D6D6;
	display						: table;
	margin						: 0 auto 0 auto;
	padding						: 0 1px 0 1px;
}

div#wrap {
	width						: 756px;
	min-height					: 100%;
	height						: 100%;
	background					: white;
	display						: table;
}
	
div#heading {
	width						: 756px;
	height						: 60px;
	background					: url("../img/bg_heading.gif") repeat-x;
	border-top					: 1px solid #FFFFFF;
	border-bottom				: 1px solid #CCCCCC;
}

h1#logo {
	width						: 251px;
	height						: 50px;
	text-align					: center;
	float						: left;
	border-right				: 1px solid #CCCCCC;
	padding						: 10px 0 0 0;
}

ul#menu {
	height						: 60px;
	font-family					: Arial, Helvetica, Sans-Serif;
	list-style					: none;
	float						: left;
}
	
	ul#menu li {
		display					: inline;
	}

	ul#menu li a {
		width						: 72px;
		height						: 50px;
		font-weight					: bold;
		font-size					: 11px;
		color						: #666666;
		text-decoration				: none;
		text-align					: right;
		text-transform				: uppercase;
		display						: block;
		float						: left;
		border-right				: 1px solid #CCCCCC;
		border-left					: 1px solid #FFFFFF;
		padding						: 5px;
	}
	
	ul#menu li a:visited {
		color						: #666666;
		text-decoration				: none;
	}
	
	ul#menu li a:hover {
		color						: #FFFFFF;
		background					: #DDDDDD;
		text-decoration				: none;
		border-right				: 1px solid #DDDDDD;
		border-left					: 1px solid #DDDDDD;
	}
	
div#headlines {
	width						: 231px;
	height						: 178px;
	text-align					: left;
	background					: url("../img/bg_headlines.gif") #DD681F repeat-x;
	border-top					: 1px solid #FB8034;
	border-bottom				: 1px solid #C2510B;
	border-right				: 1px solid #C2510B;
	float						: left;
	padding						: 10px;
}
	
	div#headlines h2 {
		width						: 231px;
		line-height					: 12px;
		font-family					: Arial, Helvetica, Sans-Serif;
		font-size					: 12px;
		font-weight					: bold;
		color						: #FFFFFF;
		text-align					: right;
		border-bottom				: 1px solid #FFFFFF;
		clear						: both;
		margin						: 0 0 20px 0;
	}
	
	div#headlines h3 {
		line-height					: 15px;
		width						: 221px;
		font-size					: 13px;
		font-weight					: bold;
		color						: #FFFFFF;
		margin						: 0 0 0 10px;
	}
	
	div#headlines p.date {
		width						: 221px;
		font-size					: 11px;
		font-weight					: normal;
		color						: #CCCCCC;
		margin						: 0 0 10px 10px;
	}
	
	div#headlines a {
		color						: #FFFFFF;
		text-decoration				: none;
	}
	
	div#headlines a:visited {
		color						: #FFFFFF;
		text-decoration				: none;
	}
	
	div#headlines a:hover {
		color						: #FFCC00;
		text-decoration				: none;
	}
						
div#cover {
	width						: 504px;
	height						: 200px;
	float						: left;
	background					: url("../img/cover.jpg");
}

	div#cover h3 {
		width						: 484px;
		height						: 30px;
		background					: url("../img/bg_trans.gif");
		text-align					: center;
		font-family					: Arial, Helvetica, Sans-Serif;
		font-size					: 22px;
		color						: #FFCC00;
		margin-top					: 150px;
		padding						: 10px;
	}
	
	div#cover h3 a, div#cover h3 a:visited {
		color						: #FFCC00;
		text-decoration				: none;
	}
	
	div#cover h3 a:hover {
		color						: #FFFFFF;
		text-decoration				: none;
	}
	
ul#navbar {
	list-style					: none;
}
	
	ul#navbar li {
		display						: inline;
		float						: left;
	}
	
div#left {
	width						: 232px;
	float						: left;
	text-align					: left;
	background					: #EDEDED;
	padding						: 10px;
}

	div#left h2 {
		width						: 231px;
		line-height					: 12px;
		font-family					: Arial, Helvetica, Sans-Serif;
		font-size					: 12px;
		font-weight					: bold;
		color						: #666666;
		text-align					: right;
		clear						: both;
		border-bottom				: 1px solid #666666;
		margin						: 0 0 20px 0;
	}
	
	div#left h3 {
		line-height					: 13px;
		font-size					: 13px;
		font-weight					: bold;
		color						: #666666;
		padding						: 0 10px 5px 10px;
	}
	
	div#left p {
		font-size					: 11px;
		font-weight					: normal;
		color						: #666666;
		padding						: 0 10px 10px 10px;
	}

div#right {
	width						: 484px;
	float						: left;
	text-align					: left;
	padding						: 10px;
}

	div#right h2 {
		width						: 483px;
		line-height					: 12px;
		font-family					: Arial, Helvetica, Sans-Serif;
		font-size					: 12px;
		font-weight					: bold;
		color						: #999999;
		text-align					: right;
		border-bottom				: 1px solid #999999;
		clear						: both;
		margin						: 0 0 20px 0;
	}
	
	div#right h3 {
		font-size					: 13px;
		font-weight					: bold;
		color						: #666666;
		padding						: 0 10px 5px 10px;
	}
	
	div#right h4 {
		font-size					: 13px;
		font-weight					: bold;
		color						: #666666;
		padding						: 0 0 5px 0;
	}

	
	div#right p {
		font-size					: 11px;
		font-weight					: normal;
		color						: #666666;
		padding						: 0 10px 10px 10px;
	}

table.tires {
	border						: none;
	border-collapse				: collapse;
	clear						: both;
	margin						: 0 10px 10px 10px;
}

tr .cn_news_odd {
	background					: #EDEDED;
	padding						: 2px 5px 2px 5px;
}
tr .cn_news_even {
	padding						: 2px 5px 2px 5px;
}
	
#brand {
	width						: 212px;
	height						: 20px;
	display						: inline;
	clear						: both;
	margin						: 0 0 20px 10px;
}

ul#products {
	list-style					: none;
	clear						: both;
	padding						: 0 0 0 20px;
}
	
	ul#products li {
		display						: block;
	}

div#footer {
	width						: 716px;
	clear						: both;
	padding						: 20px;
}

div.rims1 {
	width						: 126px;
	height						: 140px;
	background					: #EDEDED;
	text-align					: center;
	float						: left;
	display						: table;
	margin						: 0 10px 10px 0;
	padding						: 10px 0 0 0;
}

div.rims2 {
	width						: 483px;
	height						: 140px;
	background					: #EDEDED;
	margin						: 0 0 10px 0;
	padding						: 10px 0 0 0;
}

/* Cutenews */

.short {
	clear						: both;
}

.short img {
	clear						: both;
	float						: left;
	margin						: 0 10px 10px 0;
}

.short .thumb img {
	float						: left;
	margin						: 3px 10px 10px 0;
}

.more {
	background					: url("../img/arrow.gif") no-repeat right;
	font-weight					: normal;
	padding						: 0 16px 0 0;
}

.back {
	background					: url("../img/arrowback.gif") no-repeat;
	font-weight					: normal;
	margin-bottom				: 5px;
	padding						: 0 0 0 16px;
}

p.date {
	font-size					: 11px;
	color						: #999999;
	margin-top					: 10px;
	clear						: both;
}