/* Cermaq CSS */

body {
	margin: 0;
	background:url(/wps/wcm/connect/e02f6400424b7c4e91d695eb19d03256/Cermaq_bakgrunn.jpg?MOD=AJPERES);
	font: normal .813em/1.5 "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif;
	color: #444;
}

h1, h2, h3 {
	font-weight: normal;
	line-height: 1.25;
}

h1 {
	font-size: 25px;
	letter-spacing: -0.04em;
	margin: 0;
	padding: 0 0 15px 0;
}

h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 15px 0 10px 0;
}

h2.sectionheading {
	font-size: 1.2em;
	letter-spacing: -0.02em;
	padding: 5px 0;
	margin: 0 0 10px 0;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
}

h2.sectionheading.ver2 {
	border-top: none;
}

h3 {
	font-size: 1.3em;
	margin: 0;
	padding: 15px 0 10px 0;
	letter-spacing: -0.02em;
}

h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 0;
}

p {
	margin: 0;
	padding: 0 0 20px 0;
}

ul {
	margin: 0;
	padding: 0 0 20px 20px;
}

ol {
	margin: 0;
	padding: 0 0 20px 25px;
}

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

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

#wrapper {
	background: url(/wps/wcm/connect/32cf7a8041c1b47794ec9d85385adb54/wrapper_bg.png?MOD=AJPERES) repeat-y;
	margin: 0 auto;
	width: 996px;
	min-height: 700px;
}



/* ------------------------------------------- misc */

.publishinfo {
	display: block;
	padding: 2px 0;
	font-size: 85%;
	color: #666;
}

ul .publishinfo {
	display: inline;
}

div.more-link {
	border-bottom: 1px dashed #ccc;
	padding: 5px 0;
}



/* ------------------------------------------- header */

#header {
	position: relative;
}

#logo {
	display: block;
	width: 200px;
	padding: 35px 0 20px 30px; /*controls top area height*/
}

#logo img {
	display: block; /*avoid height differences IE*/
}

#tagline {
	position: absolute;
	top: 39px;
	left: 380px;
}

#stockinfo {
	position: absolute;
	top: 70px;
	right: 30px;
	font-size: 85%;
}

#topfocus {
	width: 992px;
	overflow: hidden;
	border-right: 0px solid #ccc; /*optical adjustments*/
	border-left: 0px solid #ccc;
	margin: 0 0 -1px 2px; /*neg bottom margin to overlap top line of menu bg*/ 
}

#topfocus img {
	display: block;
}



/* ------------------------------------------- supportmenu */

.supportmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

#header .supportmenu {
	position: absolute;
	right: 30px;
	top: 12px;
	font-size: 90%;
}

.supportmenu li {
	display: inline;
	border-right: 1px solid #ccc;
	padding: 0 10px;
}

.supportmenu li a {
	color: #004f6c;
}

.supportmenu img { /*flags*/
	padding: 0 6px 0 10px;
	margin: 0 0 -1px 0;
}

.supportmenu .last {
	padding-right: 0;
	border: none;
}



/* ------------------------------------------- topmenu */

#topmenu {
	position: relative;
	background: url(/wps/wcm/connect/f83fe20041c1b39194dc9d85385adb54/menu_bg.png?MOD=AJPERES) repeat-x 0 -3px; /*image height 55px*/
	width: 992px;
	margin: 0 0 0 2px;
	height: 55px;
	font-size: 105%;
}

#topmenu ul { /*optical menu height 46px*/
	list-style: none;
	margin: 0;
	padding: 2px 0 0 18px;
	float: left; /*ie6*/
	width: 700px; /*ie6*/
}

#header > #topmenu ul { /*all except ie6*/
	float: none;
	width: auto;
}

#topmenu li {
	display: inline; /*ie6*/
}

#header > #topmenu li { /*all except ie6*/
	display: block;
	float: left;
	background: url(/wps/wcm/connect/35858d8041c1b3ed94e49d85385adb54/menu_separator.png?MOD=AJPERES) no-repeat right 5px;
	padding-right: 1px; /*to avoid bg overlap with selected a*/
}

#topmenu li a {
	height: 46px;
	line-height: 46px;
	padding: 0 6px; /*ie6*/
	color: #fff;
}

#header > #topmenu li a {/*all except ie6*/
	display: block;
	padding: 0 12px;
}

#topmenu li a:hover, #topmenu li a.selected {
	text-decoration: none;
	background: url(/wps/wcm/connect/5a7cd38041c1b22894c49d85385adb54/darker.png?MOD=AJPERES);
}



/* ------------------------------------------- globalsearch */

#globalsearch {
	position: relative;
	float: right;
	padding: 7px 28px 0 0;
	margin: 0;
	width: 217px;
}

/*bg image in div around input. If bg image on input, it moves when text entered*/
#globalsearch .searchinput { /*bg img width 136*/
	float: left;
	background: url(/wps/wcm/connect/c17fb28041c1b32494d49d85385adb54/input_special.png?MOD=AJPERES) no-repeat;
	width: 136px;
	height: 26px;
	margin: 3px 0 0 0;
}

#globalsearch .searchinput .textinput {
	background: none;
	border: none;
	width: 126px;
	padding: 5px 5px 0 5px;
	margin: 0;
	font-size: 90%;
}

#globalsearch .submitbutton {
	float: right;
	background: url(/wps/wcm/connect/49ab6e0041c1b1e694bc9d85385adb54/btn_special.png?MOD=AJPERES) no-repeat;
	width: 73px;
	height: 32px;
	line-height: 30px;
	border: none;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 100%;
	color: #fff;
	cursor: pointer;
}

/* ------------------------------------------- google search */

#cse-search-box {
	position: relative;
	float: right;
	padding: 7px 28px 0 0;
	margin: 0;
	width: 217px;
}

/*bg image in div around input. If bg image on input, it moves when text entered*/
#cse-search-box .searchinput { /*bg img width 136*/
	float: left;
/*	background: url(/wps/wcm/connect/c17fb28041c1b32494d49d85385adb54/input_special.png?MOD=AJPERES) no-repeat;*/
	width: 136px;
	height: 26px;
	margin: 3px 0 0 0;
}

#cse-search-box .searchinput .textinput {
	background: none;
	border: none;
	width: 126px;
	padding: 5px 5px 0 5px;
	margin: 0;
	font-size: 90%;
}

#cse-search-box .submitbutton {
	float: right;
	background: url(/wps/wcm/connect/49ab6e0041c1b1e694bc9d85385adb54/btn_special.png?MOD=AJPERES) no-repeat;
	width: 73px;
	height: 32px;
	line-height: 30px;
	border: none;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 100%;
	color: #fff;
	cursor: pointer;
}


/* ------------------------------------------- breadcrumbs */

#breadcrumbs {
	list-style: none;
	padding: 2px 30px 0 30px;
	margin: 0;
}

#breadcrumbs li {
	display: inline;
	background: url(/wps/wcm/connect/5ee9a50041c1b0df94ac9d85385adb54/arrow_side.png?MOD=AJPERES) no-repeat 2px 4px;
	padding: 0 0 0 20px;
}

#breadcrumbs li:first-child {
	background: none;
	padding-left: 0;
}

#breadcrumbs li a {
	font-size: 90%;
	color: #888;
}



/* -------------------------------------------  */

#main {
	width: 936px; /* set width and overflow clears floats */
	overflow: hidden;
	padding: 20px 30px 60px 30px;
}



/* ------------------------------------------- secondmenu */

#secondmenu { /* group level 1*/
	list-style: none;
	padding: 1px 0 0 0;
	margin: 0;
}

#secondmenu li { /* item level 1 */
	border-bottom: 1px dashed #ccc;
}

#secondmenu ul { /* group level 2 and below */
	list-style: none;
	padding: 0 0 0 20px;
	border-top: 1px dashed #ccc;
}

#secondmenu ul li { /* item level 2 and below */
	border: none;
}

#secondmenu ul ul { /* group level 3 and below */
	border-bottom: 1px dashed #ccc;
}

#secondmenu a {
	display: block;
	padding: 5px 20px 5px 0;
	color: #004f6c;
}

#secondmenu .expanded {
	background: url(/wps/wcm/connect/ef4aca0041c1b08c94a49d85385adb54/arrow_down.png?MOD=AJPERES) no-repeat right 9px;
}

#secondmenu .selected {
	font-weight: bold;
}

#secondmenu a:hover {
	text-decoration: none;
	background-color: #eee;
}



/* ------------------------------------------- content & columns */

#content {
	float: right;
	width: 696px;
	overflow: hidden;
}

.col_single {
	width: 216px;
	overflow: hidden;
}

.col_single#nav {
	float: left;
}

.col_single#secondary {
	float: right;
}

.col_single#secondary ul {
	list-style: none;
	padding: 0;
}

.col_double {
	width: 456px;
	overflow: hidden;
}

.col_double#primary {
	float: left;
	padding-right: 12px;
	border-right: 1px dashed #ccc;
}

.col_double#secondary {
	float: right;
}

.section {
	overflow: hidden; /* set overflow and widths (below) clears floats inside*/
	padding: 0 0 25px 0;
}

.col_double .section {
	width: 456px;
}

.col_single .section {
	width: 216px;
}



/* ------------------------------------------- wide & article */

.wide {
	padding-bottom: 20px;
}

.wide img {
	padding: 20px 0 15px 0;
}

.intro { /*ingress*/
	font-size: 120%;
	padding-bottom: 25px;
}

.article {
}

.article img {
	float: right;
	padding: 5px 0 5px 15px;
}

.article img.doublewidth {
	padding: 0 0 25px 0;
}

.article h2:first-child, .article h3:first-child {
	padding-top: 0;
	margin-top: 0;
}



/* ------------------------------------------- faq */

.faq h2 {
	font-size: 1.3em;
	margin-bottom: 15px;
	border-bottom: 1px dashed #ccc;
}

.faq h3 {
	font-size: 1.1em;
	padding: 0 0 10px 0;
}

.faq .answer {
	color: #000;
	font-variant: small-caps;
	letter-spacing: 1px;
}



/* ------------------------------------------- list-1 */

.list-1 {
	width: 500px; /*allows floating. content cut by .col_double*/
	overflow: hidden; /* set width and overflow clears floats */
	padding: 15px 0 25px 0;
}

.list-1-item {
	float: left;
	width: 216px;
	padding: 1px 0 0 0;
	margin: 0 24px 0 0;
	border-top: 2px solid #ccc; 
}

.list-1 h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 5px 0;
}

.list-1 p {
	margin: 0;
	padding: 0;
}

.list-1 img {
	display: block;
	width: 216px;
	padding-bottom: 5px;
}



/* ------------------------------------------- list-2 */

.list-2 {
	padding-bottom: 25px;
}

.list-2-item {
	width: 456px; /*set width + overflow clears floats*/
	overflow: hidden;
	padding: 6px 0 30px 0;
	border-bottom: 1px dashed #ccc;
}

.list-2 h3 {
	font-size: 1.1em;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}

.list-2 p {
	margin: 0;
	padding: 0;
}

.list-2 img {
	float: right; 
	width: 108px;
	padding: 5px 0 0 15px;
}



/* ------------------------------------------- list-2.contacts */

.list-2.contacts {
	padding-bottom: 35px;
}

.list-2.contacts .list-2-item {
	padding: 5px 0 15px 0;
}

.list-2.contacts .imageholder {
	float: left;
	width: 72px;
	min-height: 72px;
	margin: 3px 15px 0 0;
	background: #eee;
	border: 1px solid #ddd;
}

.list-2.contacts img { 
	display: block;
	width: 72px;
	float: left;
	padding: 5px 15px 0 0; /*in case no holder*/
}

.list-2.contacts .imageholder img {
	float: none;
	padding: 0;
}

.contacts .contactdata {
	float: left;
	width: 350px;
}

.contacts .contactdata .name {
}



/* ------------------------------------------- list-2.people */

.list-2.people .list-2-item {
	padding-bottom: 40px;
}

.list-2.people h3 {
	font-size: 1.3em;
	padding: 5px 0 10px 0;
}

.list-2.people img {
	padding: 0;
	margin: 3px 0 0 15px;
	border: 1px solid #ddd;
}



/* -------------------------------------------  ul.type1 */

ul.type1, ul.type1 ul {
	list-style: none;
	padding-left: 0;
}

ul.type1 li {
	width: 456px;
	overflow: hidden;
}

ul.type1 h2 {
	padding: 0 0 5px 0;
}

ul.type1 .publishinfo {
	float: left;
	padding: 0;
}

ul.type1 a {
	float: right;
	width: 360px;
}

ul.type1 a[href $='.pdf'] {
	background: url(/wps/myportal/wcm.library.cermaqdesign/components/wcm.comps.image/icon_pdf.png) no-repeat left top;
	padding-left: 20px;
}



/* -------------------------------------------  ol.type2 */

ol.type2 {
	width: 80%;
}

ol.type2 li {
	border-bottom: 1px dashed #ccc;
}



/* -------------------------------------------  ul.paging */

ul.paging {
	list-style: none;
	padding-left: 0;
}

ul.paging li {
	display: inline;
}

ul.paging a {
	padding: 2px 5px;
	margin: 0 1px;
	border: 1px solid #ccc;
}

ul.paging a:hover {
	text-decoration: none;
	border-color: #254550;
}

ul.paging a.previous, ul.paging a.next {
	border: none;
	padding: 0;
}

ul.paging a.previous {
	margin-right: 10px;
}

ul.paging a.next {
	margin-left: 10px;
}

ul.paging a.previous:hover, ul.paging a.next:hover {
	text-decoration: underline;
}

ul.paging a.selected {
	background: #254550;
	border-color: #254550;
	color: #fff;
}



/* ------------------------------------------- #secondary contact  */

#secondary .contact {
	width: 216px;
	overflow: hidden;
	border-top: 1px dashed #ccc;
	padding: 5px 0 15px 0;
}

#secondary .contact p {
	padding: 0;
	margin: 0;
}

#secondary .contact img {
	width: 72px;
	float: right;
	padding: 0;
	margin: 3px 0 0 5px;
	border: 1px solid #ddd;
}

#secondary .contact:first-child {
	border: none;
}



/* -------------------------------------------table  */

table {
	border-collapse: collapse;
	margin: 0 0 25px 0;
	width: 100%;
}

th, td {
	padding: 4px;
	border: 1px solid #ddd;
}

th {
	background: #eee;
	font-weight: normal;
	color: #000;
}

table.stock th, table.stock td {
	font-size: 90%;
	text-align: right;
}

td.more-link, table.stock td.more-link {
	border: none;
	text-align: left;
	padding: 10px 0 0 0;
	font-size: 100%;
}



/* ------------------------------------------- footer */

#footer {
	background:url(/wps/wcm/connect/ca449a0041c1b2cc94cc9d85385adb54/footer_bg.png?MOD=AJPERES) no-repeat; /*image is 996 x 71*/
	margin: 0 auto;
	width: 936px;
	height: 71px;
	font-size: 90%;
	padding: 26px 30px 0 30px;
}

#footer .supportmenu {
	float: right;
}

#footer span {
	float: left;
}