﻿/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 12px/18px Arial, Helvetica, Sans-serif; color: #000; background: #f5f5f5;}

h1										{font: normal 1.6667em/1.3em Arial, Helvetica, Sans-serif; color: #007ac3; margin: 0 0 1em;}								
h2										{font: bold 1.4em/1.3em Arial, Helvetica, Sans-serif; color: #007ac3; margin: 0 0 0.5em;}
h3										{font: normal 1.1667em/1.3em Arial, Helvetica, Sans-serif; color: #007ac3; margin: 0 0 0.5em;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}
.structural,
h1 span									{position: absolute; left: -9999em;}

.hide									{display: none;}
.show									{display: inline;}
.show-table								{display: table-row;}

.rfv                                    {display: none; font-size: 12px !important;}

.fielddescription						{border: solid 1px #ffdf88;background-color: #fffabc; max-width: 200px;}
.fielddescription p						{padding: 0 !important; margin: 0 10px 0 10px; font-size: 11px;}
div#fancybox-overlay					{z-index: 0;}

div.cl                                  {float: left; width: 48%;}
div.cr                                  {float: left; width: 48%;}
/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

div#masthead							{background: #fbfbfb url(../gfx/gui/masthead-bg.png) repeat-x bottom; height: 107px;}
div#mastheadcontent,
div#navigation							{position: relative;}
div#mastheadcontent,
div#container,
div#navigation							{width: 960px; margin: 0 auto;}

div#masthead div#mastheadnavigation,
div#masthead div#websiteselector		{position: absolute; right: 0; text-align: right;}
div#masthead div#mastheadnavigation		{top: 5px;}
div#masthead div#websiteselector		{bottom: 4px; width: 650px;}

div#masthead div#websiteselector ul li	{display: inline !important;}
div#masthead div#websiteselector ul li fieldset legend {display: none !important;}
div#masthead div#websiteselector ul li a,
div#masthead div#websiteselector ul li fieldset {display: block; float: right;}
div#masthead div#websiteselector ul li a {padding: 5px 0px; text-decoration: none;  margin: 0 -15px -1px 0;}
div#masthead div#websiteselector ul li a span,
div#masthead div#websiteselector ul li fieldset {display: block; padding: 5px 10px; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1.1667em; text-decoration: none; color: #fff; padding: 5px 25px; z-index: 1; position: absolute;}
div#masthead div#websiteselector ul li a span {cursor: pointer; cursor: hand;}
div#masthead div#websiteselector ul li.quotation a span {background: transparent url(../gfx/gui/websiteselector-item-bg-darkest.png) no-repeat top left; z-index: 1; bottom: 0; right: 375px;}
div#masthead div#websiteselector ul li.quotation a:hover span {color: #ccd7dd;}
div#masthead div#websiteselector ul li.blog  a span {background: transparent url(../gfx/gui/websiteselector-item-bg-dark.png) no-repeat top left; z-index: 2; bottom: 0; right: 230px;}
div#masthead div#websiteselector ul li.blog a:hover span {color: #cbe1ee;}
div#masthead div#websiteselector ul li.search fieldset {background: transparent url(../gfx/gui/search-bg.png) no-repeat bottom right; z-index: 3; margin: 0; padding: 7px 5px 8px 25px; right: 0; bottom: 0; width: 230px;}
div#masthead div#websiteselector ul li.search fieldset input {width: 135px;}
div#masthead div#websiteselector ul li.search fieldset input.btn {width: auto;}

div#navigation							{background: transparent url(../gfx/gui/navigation-bg.png) no-repeat top left;}

div#container div#secondarynavigation,
div#container div#content				{background: #fff;}
div#container div#content.startpage		{background: transparent; float: none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; width: 960px; margin: 10px 0 !important; padding: 0;}
div#container div#secondarynavigation   {width: 220px;}
div#container div#secondarynavigation,
div#container div#secondarycontent      {margin: 10px 0 0;}
div#container div#secondarynavigation,
div#container div#content,
div#container div#secondarycontent      {float: left;}
div#container div#content				{margin: 10px 10px 0; width: 460px; padding: 10px;}
div#container div#content.wide			{width: 710px; margin: 10px 0 0 10px;}
div#container div#content.extrawide		{width: 940px; margin: 10px 0 0 0;}

div#container div#secondarycontent          {width: 240px;}
div#container div#secondarycontent div.box  {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #e4e4e4; padding: 10px; margin-bottom: 10px;}
div#container div#secondarycontent div.box.news .item {margin: 0 0 10px;}
div#container div#secondarycontent div.box.news h2 {margin: 0 0 3px;}
div#container div#secondarycontent div.box.news p a {color: #000; text-decoration: none;}
div#container div#secondarycontent div.box.news h2 a {text-decoration: none; color: #666;}
div#container div#secondarycontent div.box.news h2 a:hover {color: #222;}
div#container div#secondarycontent div.box.news img {float: left; margin: 4px 10px 0 0;}

div#container div#content div#breadcrumbs {padding: 15px 10px 10px; border-bottom: solid 1px #dedede; margin: -10px -10px 10px;}
div#container div#content div#breadcrumbs ul,
div#container div#content div#breadcrumbs ul li {list-style: none !important; margin: 0 !important; padding: 0 !important;}
div#container div#content div#breadcrumbs ul li {display: inline; color: #5f5f5f;}
div#container div#content div#breadcrumbs ul li span {font-weight: bold;}
div#container div#content div#breadcrumbs ul li a {color: #007ac3; text-decoration: none;}
div#container div#content div#breadcrumbs ul li a:hover {color: #333;}

div#content p							{margin: 0 0 1em; line-height: 1.6em;}
div#content a							{color: #007ac3; text-decoration: underline;}
div#content a:visited					{color: #666;}
div#content a:hover						{color: #333 !important; text-decoration: none;}

div#content ul, div#content ol			{padding: 5px 10px; margin: 5px 15px; }
div#content ul, div#content ul li		{list-style-type: disc;}
div#content ol, div#content ol li		{list-style: decimal;}
div#content ul li, div#content ol li	{line-height: 1.4em; margin: 0 0 0.4em;}

div#secondarycontent h5,
div#newsbox h5,
div.box.news h5,
div#secondarystartpagecontent h5		{font-size: 0.8333em; text-transform: uppercase; color: #555; margin: 0 0 5px;}
div#cpi span,
div#cpi a								{font-size: 1.3333em; color: #515253; padding: 15px 10px 10px; border-bottom: solid 1px #dedede; display: block; text-decoration: none;} 
div#cpi a:hover							{color: #000;}

div#footer								{border: solid 1px #e2e2e2; background-color: #f3f3f3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 20px 0; padding: 20px; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;}
div#footer address						{font-style: normal;}
div#footer address strong				{display: none;}
div#footer address strong.type			{display: inline !important; font-weight: normal !important;}
div#footer address a,
div#footer address span					{color: #696969;}
div#footer address span.fn				{color: #0069a8; font-weight: bold; text-transform: uppercase; margin: 0 10px 0 0;}
div#footer address a					{text-decoration: none;}
div#footer address a:hover				{color: #333;}
div#footernavigation					{padding: 30px 0;}

div#startpagecontent					{background: transparent url(../gfx/startpage-content-bg.png) no-repeat top left; height: 175px; overflow: hidden; padding: 160px 470px 20px 20px; margin: 0;}
div#startpagecontent h1					{position: absolute; left: -9999em;}
div#startpagecontent p					{margin: 0 0 1.4em; color: #515252;}
div#startpageshortcuts					{margin: 0 auto; width: 940px;}
div#startpageshortcuts ul,
div#startpageshortcuts ul li,
div#startpageshortcuts ul li a			{list-style: none !important; margin: 0 !important; padding: 0 !important;}
div#startpageshortcuts ul li			{display: inline !important;}
div#startpageshortcuts ul li a			{display: block; float: left; height: 50px; background: transparent no-repeat left top; text-indent: -9999em;}
div#startpageshortcuts ul li a#window-link {width: 262px; background-image: url(../gfx/shortcuts/fonster-fonsterdorrar.png);}
div#startpageshortcuts ul li a#frontdoor-link {width: 209px; background-image: url(../gfx/shortcuts/ytterdorrar.png);}
div#startpageshortcuts ul li a#innerdoor-link {width: 223px; background-image: url(../gfx/shortcuts/innerdorrar.png);}
div#startpageshortcuts ul li a#foldingdoor-link {width: 246px; background-image: url(../gfx/shortcuts/vik-skjutdorrar.png);}

div#secondarystartpagecontent			{background: #fff url(../gfx/startpage-secondarycontent-bg.png) no-repeat top right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 15px 0 0; overflow: hidden;}
div#secondarystartpagecontent div#blogposts {width: 700px; float: left; padding: 10px; background: transparent url(../gfx/startpage-secondarycontent-blogposts-bg.png) no-repeat 335px;}
div#secondarystartpagecontent div#shortcuts {width: 220px; float: right; padding: 10px;}
div#secondarystartpagecontent div#shortcuts h5 {color: #fff;}
div#secondarystartpagecontent div#blogposts div.column {width: 320px; height: 110px; overflow: hidden; float: left; padding: 0 30px 0 0;}
div#secondarystartpagecontent div#blogposts div.column h2 {font-size: 1.3333em; font-weight: normal; margin: 0 0 0.7em;}
div#secondarystartpagecontent div#blogposts div.column h2 a {color: #007ac3; text-decoration: none;}
div#secondarystartpagecontent div#blogposts div.column h2 a:hover {color: #444;}
div#secondarystartpagecontent div#blogposts div.column img {float: right; margin: 0 0 0 10px; width: 75px; overflow: hidden;}

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}

div.imageandtextblock					{display: block; float: none !important; clear: both !important; margin-top: 13px;}
div.imageandtextblock-image				{width: 200px; float: left; margin: 0 15px 13px 0;}
div.imageandtextblock-text				{margin: 10px 0;}
div.imageandtextblock.textunder div.imageandtextblock-image         {width: 460px; margin: 0 !important;}
div.imageandtextblock.textunder div.imageandtextblock-text          {margin: 5px 0 13px 0 !important;}

div.imageandtextblock-text h1, div.imageandtextblock-text h2, div.imageandtextblock-text h3 {margin-top: 0 !important; line-height: 1em !important;}
div.imageandtextblock-text p			{margin-bottom: 10px;}

.tbl_lev		{width: 710px; border-collapse: collapse;}
.tbl_lev th		{padding: 5px; color: #095ba6; font-weight: bold; background: #f3f3f3; border: solid 1px #999; }
.tbl_lev td		{padding: 5px; border: solid 1px #999; vertical-align: middle; text-align: center;}
.tbl_lev td.left-align{text-align: left;}

.tbl_detalj		{width: 450px; border-collapse: collapse; margin: 20px 0;}
.tbl_detalj	th	{padding: 2px; width: 130px; font-weight: bold; text-align: left;}
.tbl_detalj	td	{padding: 2px; vertical-align: top;}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

ul#mastheadnavigationmenu li			{display: inline;}
ul#mastheadnavigationmenu li a			{color: #5c5c5c; text-decoration: none; font-size: 0.9167em; margin: 0 0 0 10px; padding: 2px 0;}
ul#mastheadnavigationmenu li a:hover	{color: #000;}
ul#mastheadnavigationmenu li.facebook a {background: transparent url(../gfx/icons/facebook.png) no-repeat left; padding: 2px 0 2px 20px;}
ul#mastheadnavigationmenu li.plusone div iframe {margin: 3px 0 0 !important;}

div#navigation ul > li					{display: block; float: left; background: transparent url(../gfx/gui/navigation-item-separator.png) no-repeat right top; padding: 0 4px 0 2px;}
div#navigation ul > li a				{display: block; font: normal 1.5em/1em "Trebuchet MS", Arial, Helvetica, Sans-Serif; color: #fff; text-decoration: none; text-transform: uppercase; padding: 0 0 0 20px;}
div#navigation ul > li a span			{display: block; padding: 12px 20px 19px 0;}
div#navigation ul > li a:hover			{color: #ccedf8; background-color: transparent;}
div#navigation ul > li.expand a,
div#navigation ul > li.expand-slim a	{margin: 0 0 -1px; z-index: 999; position: relative;}
div#navigation ul > li.expand a span,
div#navigation ul > li.expand-slim a span {background: transparent url(../gfx/gui/navigation-item-hc.png) no-repeat right 15px; padding-right: 35px;}
div#navigation ul li > ul.submenu		{display: none; position: absolute; left: 0; background: #fff url(../gfx/gui/navigation-firstlevel-bg.png) repeat-x top; width: 940px; padding: 15px 10px; overflow: hidden; border: solid 1px #e2e2e2; border-top: none; z-index: 998; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div#navigation ul li.expand-slim > ul.submenu {width: 220px; left: auto;}
div#navigation ul li > ul.submenu ul	{display: inline-block; position: static; border: none !important; margin: 0 !important; background-image: none !important;}
div#navigation ul li:hover ul			{display: block;}
div#navigation ul li.expand:hover > a,
div#navigation ul li.expand-slim:hover > a	{color: #007ac3; background: transparent url(../gfx/gui/navigation-item-active-left.png) no-repeat top left;}
div#navigation ul li.expand:hover > a span,
div#navigation ul li.expand-slim:hover > a span {background: transparent url(../gfx/gui/navigation-item-active-right.png) no-repeat top right;}
div#navigation ul > li > ul.submenu > li {float: left; background-image: none !important; width: 220px; display: inline-block; padding-bottom: 10px !important;}
div#navigation ul > li > ul.submenu > li > a {color: #0069a8; text-decoration: none; text-transform: none; font-size: 1em; font-weight: bold; padding: 0 !important; background-image: none !important;}
div#navigation ul > li > ul.submenu > li > a span {padding: 0 !important; background-image: none !important;}
div#navigation ul > li > ul.submenu > li > a:hover {color: #3387b9;}		   
div#navigation ul > li > ul.submenu > li > ul {display: block; padding: 10px 0 0 !important; background-color: transparent !important; overflow: hidden;}
div#navigation ul > li > ul.submenu > li > ul ul {display: none;}
div#navigation ul > li > ul.submenu > li > ul > li {display: block; float: none !important; padding: 0 !important;}
div#navigation ul > li > ul.submenu > li > ul > li a {display: inline-block; color: #616161; text-transform: none !important;}
div#navigation ul > li > ul.submenu > li > ul > li a:hover {color: #222;}

div#secondarynavigation	ul li a			{display: block; color: #515253; padding: 10px; text-decoration: none;}
div#secondarynavigation	ul li a:hover	{color: #111;}
div#secondarynavigation	ul > li > a		{border-bottom: solid 1px #dedede;}
div#secondarynavigation	ul > li > ul > li > a {border-bottom: none;}
div#secondarynavigation	ul > li:last-child a {border-bottom: none;}
div#secondarynavigation	ul > li > ul > li > a {padding: 0 10px; color: #007ac3;}
div#secondarynavigation	ul > li > ul > li > a:hover {color: #004a76;}
div#secondarynavigation	ul > li > ul	{border-bottom: solid 1px #dedede; padding: 0 0 10px; margin: 0 0 0 10px;}
div#secondarynavigation	ul > li ul li {border-bottom: none;}
div#secondarynavigation	ul > li.on > a	{color: #007ac3; font-weight: bold;}
div#secondarynavigation	ul > li > ul ul,
div#secondarynavigation	ul > li.on.hc > a {border-bottom: none !important;}
div#secondarynavigation	ul > li.on > ul > li.on > a {color: #616161;}
div#secondarynavigation	ul > li > ul ul	 {margin: 5px 0 0 10px;}

div#secondarycontent ul, div#secondarycontent ul li,
div#secondarystartpagecontent div#shortcuts ul, div#secondarystartpagecontent div#shortcuts ul li {padding: 0 !important; margin:  0 !important; list-style: none !important;}
div#secondarycontent ul li a			{display: block; padding: 0 0 0 10px; background: transparent url(../gfx/gui/secondarycontent-item-bg.png) no-repeat left; color: #666; text-decoration: none; margin: 0 0 2px;}
div#secondarycontent ul li a:hover		{color: #222;}
div#secondarystartpagecontent div#shortcuts ul li a {display: block; padding: 0 0 0 10px; background: transparent url(../gfx/startpage-secondarycontent-item-bg.png) no-repeat left; color: #fff; text-decoration: none; margin: 0 0 2px;}
div#secondarystartpagecontent div#shortcuts ul li a:hover {color: #a1bbc9;}

div#footernavigation ul > li			{float: left; background-image: none !important; width: 24%; display: inline-block; padding-bottom: 10px !important;}
div#footernavigation ul > li > a		{color: #0069a8; text-decoration: none; text-transform: uppercase; font-size: 1em; font-weight: bold; padding: 0 !important;}
div#footernavigation ul.submenu li		{float: none; display: block; width: auto; padding: 0 !important;}
div#footernavigation ul.submenu li a	{color: #616161; text-transform: none !important;}
div#footernavigation ul.submenu li a:hover {color: #222;}

div#tabarea								{padding: 0 10px; margin: 20px 0 0; clear: both; background: transparent url(../gfx/gui/tabs-bg.png) repeat-x bottom;}
div#tabarea.margin						{margin: 0 0 20px;}
ul#tabs, ul#tabs li						{padding: 0 !important; margin:  0 !important; list-style: none !important;}
ul#tabs	li								{display: inline;}
ul#tabs	li a							{display: block; float: left; border: solid 1px #ededed; border-bottom: none; background-color: #ededed; padding: 8px 9px; margin: 0 1px 1px 0; color: #626262; text-decoration: none;}
ul#tabs	li a:hover						{background-color: #e5e5e5; border-color: #e5e5e5;}
ul#tabs	li.on a							{background-color: #fff; border-color: #e5e5e5; padding: 10px; margin: -3px 1px 0 0;}
ul#tabs	li:last-child a:after			{clear: right;}

/*--------------------------------------------------------------------------------------------------
Productmodule
--------------------------------------------------------------------------------------------------*/
div#imagecontainer						{width: 300px; float: right; margin: 0 0 1em 1em; display: block;}
div.tabcontent							{padding: 10px;}
div.tabcontent h3						{border-bottom: solid 1px #ededed; font-weight: bold; padding: 0 0 2px;}
div.tabcontent img						{margin: 0 0 10px;}

div.tabcontent div.column				{width: 48%; float: left;}

div.tabcontent table.listview th		{font-weight: bold; width: 130px; text-align: left;}
div.tabcontent table.listview th,
div.tabcontent table.listview td		{padding: 3px 0;}

div.tabcontent table.listview.thermalvalues {margin: 0 0 10px;}
div.tabcontent table.listview.thermalvalues th {width: 200px; color: #444 !important;}

div.imagetextitem						{padding: 10px 0; border-bottom: solid 1px #ededed;}
div.imagetextitem div.image				{width: 200px; float: left; margin-right: 10px;}
div.imagetextitem div.image img			{margin: 0 !important; padding: 0 !important;}
div.imagetextitem div.content			{}
div.imagetextitem div.content h3		{border: none; font-weight: normal;}

div.columnitem							{width: 220px; margin: 0 10px 10px 0; float: left;}
div.columnitem.wide						{width: 320px !important;}
div.columnitem.box						{border: solid 1px #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; width: 200px; background: transparent url(../gfx/gui/box-gradient.png) repeat-x bottom; height: 100px; overflow: hidden;}
div.columnitem h3 a						{color: #00afe7 !important; text-decoration: none !important;}
div.columnitem p a						{color: #000 !important; text-decoration: none !important;}
div.columnitem a.btn					{color: #fff !important; text-decoration: none !important; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #00afe7 url(../gfx/gui/box-btn-bg.png) repeat-x top;}
div.columnitem.omega					{margin-right: 0;}

div.columnitem.reference h3 			{text-align: center;}
div.columnitem.reference h3 a 			{color: #515253 !important;}
div.columnitem.reference				{width: 120px; margin: 0 10px 10px 0; float: left;}
div.columnitem.reference div.imagebox	{width: 120px; height: 90px; overflow: hidden; margin-bottom: 3px;}

div.cuttingcolumn						{width: 230px; float: left; text-align: center; padding: 0; margin: 0 0 20px;}
div.downloadbox a						{padding: 20px 10px 20px 60px; margin: 0 0 1em; background: #f5f5f5 url(../gfx/icons/pdf.png) no-repeat 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block;}


table.comparison						{font-size: 0.9em;}
table.comparison th						{font-weight: normal; vertical-align: bottom; padding: 0 8px;}
table.comparison td						{text-align: center; padding: 10px; vertical-align: middle;}
table.comparison th.title,
table.comparison td.title				{text-align: left; padding-left: 5px; border-left: 0 !important;}
table.comparison td.title				{font-weight: bold; background-color: #f5f5f5;}
table.comparison td.header				{text-align: left; color: #007ac3; padding-left: 5px; border-left: 0 !important; font-size: 14px; font-weight: bold; background-color: #fff;}
table.comparison th,
table.comparison td						{border-bottom: solid 1px #f0f0f0; border-left: solid 1px #f0f0f0;}
table.comparison tbody tr:hover,
table.comparison .hover					{background-color: #f7f7f7;}

/*--------------------------------------------------------------------------------------------------
News
--------------------------------------------------------------------------------------------------*/

div.newsitem							{}
div.newsitem div.newsimage img			{float: left;}
div.newsitem div.newsimage p			{font-size: 11px; font-style: italic;}
div.newsitem p.date						{font-size: 11px; color: #999; padding-top: 10px; border-top: 1px solid #efefef;}
div.newsitem p.archive					{font-size: 11px; float: right; padding-top: 10px; border-top: 1px solid #efefef;}

div.imagelist							{float: right; padding: 5px 0 0 5px; background-color: #e4e4e4; width: 158px;}
div.imagelist ul,
div.imagelist ul li						{list-style: none !important; padding: 0 !important; margin: 0 !important;}
div.imagelist ul li						{display: inline !important; margin-right: 5px; height: 75px; overflow: hidden;}
div.imagelist ul li img					{}
div.imagelist ul li	a					{width: 75px; height: 75px; overflow: hidden !important; text-decoration: none !important;}

div#newslist div.newsitem p.date		{border: 0 !important; padding: 0; margin: 0;}
div#newslist div.newsitem				{border-bottom: 1px solid #efefef; margin-bottom: 15px;}
div#newslist div.newsitem h2 a			{color: #007ac3; text-decoration: none;}

div#newslist div.pager                  {}
div#newslist div.pager a	            {text-decoration: none; margin-right: 2px;}
div#newslist div.pager a.on             {font-weight: bold;}

/*--------------------------------------------------------------------------------------------------
Enquire
--------------------------------------------------------------------------------------------------*/

fieldset.form							{border: 0; margin: 10px 0; padding: 0;}
fieldset.form legend					{display: none;}
fieldset.form p							{margin: 5px 0;}
fieldset.form label						{width: 100%; display: block; clear: both;}
fieldset.form label .rfv				{font-size: 11px; color: #f00;}
fieldset.form label a img				{vertical-align: bottom; margin: 0;}
fieldset.form input						{width: 250px; padding: 2px; font: normal 11px Sans-Serif; color: #000;}
fieldset.form input.captcha-input		{width: 60px;}
fieldset.form textarea					{width: 252px; height: 100px; padding: 2px; font: normal 11px Sans-Serif; color: #000; overflow: auto;}
fieldset.form .btn						{width: auto;}

table.enquire							{width: 665px;}
table.enquire th						{text-align: left;}
table.enquire tbody						{}
table.enquire tr.firstrow td			{border-top: solid 1px #969696; padding: 10px 0 0;}
table.enquire td						{height: 40px; text-align: left; vertical-align: top;}
table.enquire td.img					{width: 100px;}
table.enquire td label, table.enquire td .label	{font-weight: bold; padding: 0 0 5px;}
table.enquire td button					{display: block; float: right;}
table.enquire td img					{margin-right: 5px;}
table.enquire td input[text]			{border: 1px solid #ccc;}
table.enquire td input[file]            {background-color: #fff;}
table.enquire td select					{margin-top: 0px; font-size: 11px; padding: 2px;}
table.enquire td.quantity				{width: 48px; padding: 5px 0 0;}
table.enquire td.quantity input			{width: 48px;}
table.enquire td.window					{width: 320px; text-align: left;}
table.enquire td.window select			{width: 300px;}
table.enquire td.size					{width: 95px;  padding: 5px 0 0;}
table.enquire td.size input				{width: 95px;}
table.enquire td.bar					{width: 150px; text-align: left;}
table.enquire td.bar select				{width: 140px;}
table.enquire td.misc					{width: 137px; padding: 5px 0 0;}
table.enquire td.misc input				{width: 127px;}
table.enquire td.options				{float: right; padding: 15px 0 0; width: 145px;}
table.enquire td.options .btn			{width: 140px; margin-bottom: 5px; display: block;}
table.enquire td.options img            {float: none;}
table.enquire td.spacer					{padding: 0 0 10px;}

a.copy									{margin: 20px 0 5px; text-indent: -9999px; background: transparent url(../gfx/offert-btn-copy-bg.png) no-repeat left; display: block; width: 99px; height: 28px; }
a.newrow								{margin: 20px 0 5px; text-indent: -9999px; background: transparent url(../gfx/offert-btn-new-bg.png) no-repeat left; display: block; width: 99px; height: 28px; }
a.save									{margin: 20px 0 5px; text-indent: -9999px; background: transparent url(../gfx/offert-btn-saverow-bg.png) no-repeat left; display: block; width: 99px; height: 28px; }
a.savegonext    						{margin-bottom: 5px; background: transparent url(../gfx/offert-btn-savego-bg.png) no-repeat left; display: block; width: 99px; height: 56px; text-indent: -9999px;}
a.gonext            					{background: transparent url(../gfx/offert-btn-gonext-bg.png) no-repeat left; display: block; width: 99px; height: 28px; text-indent: -9999px;}
a.cancel								{background: transparent url(../gfx/offert-btn-cancel-bg.png) no-repeat left; display: block; width: 99px; height: 28px; text-indent: -9999px;}
a.remove								{background: transparent url(../gfx/offert-btn-remove-bg.png) no-repeat left; display: block; width: 99px; height: 28px; text-indent: -9999px;}
a.save span, a.gonext span, a.savegonext span, a.newrow span, a.cancel span	{display: none;}

table.default-view						{margin: 0 0 1em; width: 100%;}
table.default-view tr td				{padding: 5px 5px 5px 15px; font-size: 11px; vertical-align: middle;}
table.default-view tr td.last			{border-right: 0;}
table.default-view tr.odd td			{background-color: #f2f2f2;}
table.default-view tr.header th			{text-align: left !important; padding: 5px 5px 3px 15px; color: #363636; font-size: 12px; font-weight: bold;}
table.default-view tr th				{padding: 5px 5px 5px 15px; text-align: left !important;}
table.default-view tr.list-head th		{background: #f8f8f8; border-bottom: solid 1px #fff;}
table.default-view tr td.img, table.default-list tr th.img {width: 20px; vertical-align: middle !important;}
table.default-view tr td.middle			{vertical-align: middle !important;}
table.default-view tr td.edit           {width: 45px;}

ul.enquirelinks							{list-style: none; margin: 0; padding: 0 0 10px 0;}
ul.enquirelinks li						{float: left; padding: 0 8px; border-left: 1px solid #ccc; font-size: 14px;}
ul.enquirelinks li.first				{border: 0; padding-left: 0;}

a.addrow                                {padding: 1px 0 0 20px; background: url(../gfx/icons/add.gif) no-repeat 0 50%;}

table.default-info						{margin: 0; padding: 0; border: 0; border-collapse: collapse;}
table.default-info th					{padding: 2px 10px 2px 0; text-align: left; vertical-align: top; width: 90px;}
table.default-info td					{padding: 2px 0; vertical-align: top;}

/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/

span.smark								{background-color: #ffff96; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 20px;}
ol.searchresult h3						{margin: 0 0 5px 0;}
ol.searchresult h3 a					{text-decoration: none;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{margin: 20px 0; display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;}
address.staff span.wrapper				{width: 300px; float: left;}
address.staff span.photo				{width: 120px; margin-right: 5px; float: left;}
address.staff span.n					{margin-bottom: 5px; font-size: 14px; font-weight: bold;}
address.staff span.title				{margin: 10px 0; font-size: 14px;}
address.staff span.value				{display: inline;}

div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;}
a.gallerydir							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #f5f5f5;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}

fieldset.contact						{border: 0; margin: 10px 0; padding: 0;}
fieldset.contact legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px sans-serif; float: left;}
dl#pageproperties dd					{font: normal 11px sans-serif;}
dl#pageproperties dd a					{}

ul.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

ul.breadcrumb							{margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}

ul.documentlibrary, ul.documentlibrary li {list-style: none !important;}
ul.documentlibrary						{margin-left: 0 !important; padding: 0 !important;}
ul.documentlibrary li					{line-height: 20px; border-bottom: solid 1px #f0f0f0; padding: 5px 0;}
ul.documentlibrary li img				{vertical-align: top;}
ul.documentlibrary li a					{margin: 0 0 0 6px;}

/* Title: jQuery Etalage plugin CSS, Author: Berend de Jong, Frique, Author URI: http://www.frique.me/, Version: 1.21 (20110904.1) */
ul#etalage,
ul#etalage li							{list-style: none !important; padding: 0 !important; margin: 0 !important;}
#etalage li.etalage_thumb				{width: 400px;}
#etalage li.etalage_zoom_area			{border: 1px solid #e5e5e5; margin: 20px 0 0 25px !important;}
#etalage li.etalage_magnifier			{background: #fff; border: 1px solid #e5e5e5;}

#etalage, .etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, ul .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute }
.etalage img{ vertical-align:bottom }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
ul .etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
ul .etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
ul li div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
